Customer Service | Webex CPaaS Solutions

<!doctype html> <html id="app" lang="en" class="text-black"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NQLWWR');</script>  <title>Customer Service | Webex CPaaS Solutions</title> <meta name="description" content="Every interaction is there to help. Support customers across every channel and make your brand stand out."> <link rel="canonical" href="https://cpaas.webex.com/solutions/customer-service"> <meta property="og:url" content="https://cpaas.webex.com/solutions/customer-service"> <link rel='alternate' href="https://cpaas.webex.com/solutions/customer-service" hreflang="en-US" > <meta property="og:site_name" content="Webex CPaaS Solutions"> <meta property="og:title" content="Customer Service | Webex CPaaS Solutions"> <meta property="og:description" content="Every interaction is there to help. Support customers across every channel and make your brand stand out."> <meta property="og:type" content="website"> <meta property="og:locale" content="en-US"> <meta name="twitter:card" content="summary"> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/cpaas.webex.com\/#site-owner","url":"https:\/\/cpaas.webex.com\/"},{"@type":"WebSite","url":"https:\/\/cpaas.webex.com\/","publisher":{"@id":"https:\/\/cpaas.webex.com\/#site-owner"},"@id":"https:\/\/cpaas.webex.com\/#website"},{"@type":"WebPage","@id":"https:\/\/cpaas.webex.com\/#web_page","url":"https:\/\/cpaas.webex.com\/solutions\/customer-service","name":"Customer Service | Webex CPaaS Solutions","isPartOf":{"@id":"https:\/\/cpaas.webex.com\/#website"},"inLanguage":"en-US","datePublished":"2023-05-24T00:00:00+00:00","dateModified":"2023-05-24T00:00:00+00:00","breadcrumb":{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"Thing","name":"Home","id":"https:\/\/cpaas.webex.com"}},{"@type":"ListItem","position":2,"item":{"@type":"Thing","name":"Solutions","id":"https:\/\/cpaas.webex.com\/solutions"}},{"@type":"ListItem","position":3,"item":{"@type":"Thing","name":"Customer service","id":"https:\/\/cpaas.webex.com\/solutions\/customer-service"}}]}}]}</script> <link rel="stylesheet" href="/css/tailwind.css?id=e1730f0f54aff8c80fad"> <link rel="preload" as="image" href="/img/http/aHR0cHM6Ly93ZWJleC1pbWltb2JpbGUubnljMy5jZG4uZGlnaXRhbG9jZWFuc3BhY2VzLmNvbS93ZWJwL1Bob3RvZ3JhcGh5L1NvbHV0aW9ucy9DdXN0b21lcl9zZXJ2aWNlL21hbi13b21hbi1oZWFkc2V0cy13b3JraW5nLXN0YW5kaW5nLWRlc2sud2VicA==?fit=crop-40-30-1&w=535&h=535&s=7070f4762a8c6c0139d8ebdca55c8c16" imagesizes="535"> <script defer src="https://unpkg.com/alpinejs@3.9.1/dist/cdn.min.js"></script> <link rel="shortcut icon" type="image/x-icon" href="/assets/webex-favicon.ico"> <script type="text/javascript" async src="https://bot.leadoo.com/bot/dynamic.js?company=Gx692d7w"></script> </head> <body class="flex flex-col font-cisco relative md:mt-0 mt-[68px]" x-data="{ mobileNavOpen : false }" x-bind:class="mobileNavOpen ? 'overflow-hidden' : 'overflow-auto'">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NQLWWR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5K7LZVP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <svg width="0" height="0" style="position:absolute;"> <defs> <linearGradient id="mantis-to-fountain-blue" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#82CF5F" /> <stop offset="1" stop-color="#00BCF5" /> </linearGradient> <linearGradient id="fountain-blue-to-purple-heart" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#00BCF5" /> <stop offset="1" stop-color="#A875FC" /> </linearGradient> <linearGradient id="passion-fruit-to-mantis" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#82CF5F" /> <stop offset="1" stop-color="#FBBD23" /> </linearGradient> <linearGradient id="passion-fruit-to-mandarin" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#FBBD23" /> <stop offset="1" stop-color="#FF7A3F" /> </linearGradient> <linearGradient id="scarlet-to-passion-fruit" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#FF3A65" /> <stop offset="1" stop-color="#FBBD23" /> </linearGradient> <linearGradient id="scarlet-to-purple-heart" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#A875FC" /> <stop offset="1" stop-color="#FF3A65" /> </linearGradient> </defs> </svg> <nav class="justify-start bg-skin-wbg theme-light flex-col top-0 z-50 hidden md:flex fixed shadow transition-all delay-75 w-full duration-300"> <aside class="py-3 bg-skin-wbg theme-dark text-skin-bwg md:flex hidden"> <div class="px-std flex items-center justify-between mx-auto max-w-[1440px] w-full"> <div class="flex"> <a href="https://www.webex.com/" aria-label="Webex"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/webex-logo-reverse.svg" alt="" class="w-24 h-7" loading="lazy"> </a> <h2 class="ml-5 text-sm font-normal items-center flex"></h2> </div> <ul class="flex"> <li ><a href="/resources/newsletter-sign-up" class="border-b border-skin-transparent hover:border-skin-bwg text-sm whitespace-nowrap ml-10">Sign up to our Newsletter</a></li> </ul> </div> </aside> <div class="max-w-[1440px] mx-auto w-full px-std items-center flex"> <a href="/" aria-label="imimobile" class="flex flex-wrap items-end mb-[7px] gap-y-[10.18px] min-w-[90px]"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/webex-wordmark-black.svg" alt="" class="mr-[8.04px] w-[71.23px] h-[17.39px]"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/cpaas-solutions-black.svg" alt="" class="w-[120.79px] h-[12.61px]"> </a> <ul class="flex md:mx-7 flex-1 font-medium"> <li class="text-skin-bwg md:py-9 md:px-3" @click.outside="dropdownMenuOpen = false" x-data="{ dropdownMenuOpen: false }"><button class="flex items-center font-medium cursor-pointer border-b border-skin-transparent hover:border-b fill-skin-bwb duration-200 ease-in-out" :class="dropdownMenuOpen ? 'text-skin-ggw hover:border-skin-ggw border-skin-ggw' : 'hover:border-skin-bwg'" x-on:click="dropdownMenuOpen = !dropdownMenuOpen;"> Products <div class="ml-2 duration-200" :class="dropdownMenuOpen ? 'rotate-180 ease-in-out fill-skin-ggw hover:border-skin-ggw' : ''"> <svg class="z-0" height="12" width="12" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </button> <div x-show="dropdownMenuOpen" x-cloak style="max-height: calc(85vh - 100px)" class="absolute overflow-y-scroll top-[147px] left-0 right-0 w-full bg-skin-wbg shadow"> <div class="relative pb-20 pt-7"> <div class="absolute bottom-0 left-0 w-9/12 md:block hidden max-w-400"> <svg class="z-0" width="600" height="400" viewBox="0 0 600 400" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9895" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="600" height="400"> <rect width="600" height="400" transform="matrix(-1 0 0 1 600 0)" fill="white"/> </mask> <g mask="url(#mask0_228_9895)"> <g opacity="0.6" filter="url(#filter0_f_228_9895)"> <ellipse cx="90.8997" cy="463.76" rx="220.21" ry="144.102" transform="rotate(-180 90.8997 463.76)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9895)"> <ellipse rx="215.901" ry="183.648" transform="matrix(-0.872916 -0.487871 -0.61533 0.788269 -96.4165 417.617)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9895" x="-301.683" y="147.286" width="785.165" height="632.949" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="86.1862" result="effect1_foregroundBlur_228_9895"/> </filter> <filter id="filter1_f_228_9895" x="-432.862" y="121.909" width="672.892" height="591.416" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="58.3333" result="effect1_foregroundBlur_228_9895"/> </filter> </defs> </svg> </div> <div class="absolute right-0 top-0 w-9/12 block md:hidden max-w-400"> <svg class="z-0" width="375" height="375" viewBox="0 0 375 375" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9900" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="375" height="375"> <rect width="375" height="375" fill="#C4C4C4"/> </mask> <g mask="url(#mask0_228_9900)"> <g opacity="0.6" filter="url(#filter0_f_228_9900)"> <ellipse rx="186.225" ry="164.22" transform="matrix(-1 3.29385e-08 -3.78354e-08 1 387.806 19.0903)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9900)"> <ellipse rx="199.525" ry="190.655" transform="matrix(-0.798787 0.601614 -0.501244 -0.865306 254.942 -59.2833)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9900" x="-20.0415" y="-366.751" width="815.694" height="771.684" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="110.811" result="effect1_foregroundBlur_228_9900"/> </filter> <filter id="filter1_f_228_9900" x="-80.918" y="-413.321" width="671.721" height="708.075" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="75" result="effect1_foregroundBlur_228_9900"/> </filter> </defs> </svg> </div> <div class="flex h-full w-full relative md:gap-x-5 px-std max-w-[1440px] mx-auto"> <div class="h-full flex-1"> <div class=""> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">CPaaS</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">Create smarter customer interactions with Communications Platform as a Service (CPaaS).</p> <a href="/products/cpaas-overview" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Discover more"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> </div> <div class="h-full flex-1"> <div class="md:mb-7"> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">Webex Connect</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">Cloud communication platform to automate and orchestrate your customer interactions.</p> <a href="/products/webex-connect" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Explore the platform"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Explore the platform <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> <div class=""> <ul class="flex flex-col gap-y-2 items-start font-normal"> <li> <a href="/products/webex-connect/flows" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Flows"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Flows </span> </a> </li> <li> <a href="/products/webex-connect/nlp-and-ai" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="NLP & AI"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> NLP & AI </span> </a> </li> <li> <a href="/products/webex-connect/reporting-and-analytics" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Reporting & Analytics"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Reporting & Analytics </span> </a> </li> <li> <a href="/products/webex-connect/integrations" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Integrations"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Integrations </span> </a> </li> <li> <a href="/products/webex-connect/contact-management" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Contact Management"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Contact Management </span> </a> </li> <li> <a href="/products/webex-connect/apis-and-sdks" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="API and SDKs"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> API and SDKs </span> </a> </li> <li> <a href="/products/webex-connect/developer-hub" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Developer Hub"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Developer Hub </span> </a> </li> </ul> </div> </div> <div class="h-full flex-1"> <div class="md:mb-7"> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">Webex Campaign</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">Manage and automate your marketing campaigns.</p> <a href="/products/webex-campaign" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Discover more"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> <div class="md:mb-7"> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">Webex Engage</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">Empower your contact center to support customer conversations on any channel.</p> <a href="/products/webex-engage" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Discover more"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> <div class=""> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">Webex Notify</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">Help operations staff keep your customers informed.</p> <a href="/products/webex-notify" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Discover more"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> </div> <div class="h-full flex-1"> <div class="md:mb-7"> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">Business messaging</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">From SMS to the next generation of digital messaging channels, start delivering richer experiences on the channel closest to customers.</p> <a href="/business-messaging" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Discover more"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> <div class=""> <ul class="flex flex-col gap-y-2 items-start font-normal"> <li> <a href="/business-messaging/apple-messages-for-business" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Apple Messages for Business"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Apple Messages for Business </span> </a> </li> <li> <a href="/business-messaging/branded-text" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Branded Text"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Branded Text </span> </a> </li> <li> <a href="/business-messaging/instagram" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Instagram"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Instagram </span> </a> </li> <li> <a href="/business-messaging/mms" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="MMS"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> MMS </span> </a> </li> <li> <a href="/business-messaging/rcs-business-messaging" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="RCS Business Messaging"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> RCS Business Messaging </span> </a> </li> <li> <a href="/business-messaging/sms" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="SMS"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> SMS </span> </a> </li> <li> <a href="/business-messaging/web-rtc" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Web RTC"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Web RTC </span> </a> </li> <li> <a href="/business-messaging/whatsapp-business-api" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="WhatsApp Business API"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> WhatsApp Business API </span> </a> </li> </ul> </div> </div> </div> </div> </div></li> <li class="text-skin-bwg md:py-9 md:px-3" @click.outside="dropdownMenuOpen = false" x-data="{ dropdownMenuOpen: false }"> <button class="flex items-center font-medium cursor-pointer border-b border-skin-transparent hover:border-b fill-skin-bwb duration-200 ease-in-out whitespace-nowrap" :class="dropdownMenuOpen ? 'text-skin-ggw hover:border-skin-ggw border-skin-ggw' : 'hover:border-skin-bwg'" x-on:click="dropdownMenuOpen = !dropdownMenuOpen;"> Solutions <div class="ml-2 duration-200" :class="dropdownMenuOpen ? 'rotate-180 ease-in-out fill-skin-ggw' : ''"> <svg class="z-0" height="12" width="12" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </button> <div x-show="dropdownMenuOpen" x-cloak style="max-height: calc(85vh - 100px)" class="absolute overflow-y-scroll top-[147px] left-0 right-0 w-full bg-skin-wbg shadow"> <div class="relative pb-20 pt-7"> <div class="absolute bottom-0 left-0 w-9/12 md:block hidden max-w-400"> <svg width="600" height="400" viewBox="0 0 600 400" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9895" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="600" height="400"> <rect width="600" height="400" transform="matrix(-1 0 0 1 600 0)" fill="white"/> </mask> <g mask="url(#mask0_228_9895)"> <g opacity="0.6" filter="url(#filter0_f_228_9895)"> <ellipse cx="90.8997" cy="463.76" rx="220.21" ry="144.102" transform="rotate(-180 90.8997 463.76)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9895)"> <ellipse rx="215.901" ry="183.648" transform="matrix(-0.872916 -0.487871 -0.61533 0.788269 -96.4165 417.617)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9895" x="-301.683" y="147.286" width="785.165" height="632.949" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="86.1862" result="effect1_foregroundBlur_228_9895"/> </filter> <filter id="filter1_f_228_9895" x="-432.862" y="121.909" width="672.892" height="591.416" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="58.3333" result="effect1_foregroundBlur_228_9895"/> </filter> </defs> </svg> </div> <div class="absolute right-0 top-0 w-9/12 block md:hidden max-w-400"> <svg width="375" height="375" viewBox="0 0 375 375" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9900" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="375" height="375"> <rect width="375" height="375" fill="#C4C4C4"/> </mask> <g mask="url(#mask0_228_9900)"> <g opacity="0.6" filter="url(#filter0_f_228_9900)"> <ellipse rx="186.225" ry="164.22" transform="matrix(-1 3.29385e-08 -3.78354e-08 1 387.806 19.0903)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9900)"> <ellipse rx="199.525" ry="190.655" transform="matrix(-0.798787 0.601614 -0.501244 -0.865306 254.942 -59.2833)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9900" x="-20.0415" y="-366.751" width="815.694" height="771.684" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="110.811" result="effect1_foregroundBlur_228_9900"/> </filter> <filter id="filter1_f_228_9900" x="-80.918" y="-413.321" width="671.721" height="708.075" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="75" result="effect1_foregroundBlur_228_9900"/> </filter> </defs> </svg> </div> <div class="flex h-full w-full md:gap-x-5 relative px-std max-w-[1440px] mx-auto"> <div class="flex-1 flex"> <div class="flex-1"> <div> <h3 class="text-lg md:text-lg_lg md:mb-7">Industries</h3> <ul class="flex flex-col gap-y-2 font-normal"> <li> <a href="/solutions/automotive" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Automotive"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Automotive </span> </a> </li> <li> <a href="/solutions/banking" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Banking"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Banking </span> </a> </li> <li> <a href="/solutions/gaming" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Gaming"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Gaming </span> </a> </li> <li> <a href="/solutions/government-and-public-sector" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Government & public sector"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Government & public sector </span> </a> </li> <li> <a href="/solutions/healthcare" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Healthcare"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Healthcare </span> </a> </li> <li> <a href="/solutions/insurance" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Insurance"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Insurance </span> </a> </li> <li> <a href="/solutions/logistics" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Logistics"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Logistics </span> </a> </li> <li> <a href="/solutions/media-and-broadcasters" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Media & broadcasters"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Media & broadcasters </span> </a> </li> <li> <a href="/solutions/recruitment" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Recruitment"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Recruitment </span> </a> </li> <li> <a href="/solutions/retail" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Retail"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Retail </span> </a> </li> <li> <a href="/solutions/telecommunications" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Telecommunications"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Telecommunications </span> </a> </li> <li> <a href="/solutions/travel" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Travel"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Travel </span> </a> </li> <li> <a href="/solutions/utilities" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Utilities"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Utilities </span> </a> </li> </ul> </div> </div> <div class="flex-1"> <div> <h3 class="text-lg md:text-lg_lg md:mb-7">Teams</h3> <ul class="flex flex-col gap-y-2 font-normal"> <li> <a href="/solutions/customer-service" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Customer Service"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Customer Service </span> </a> </li> <li> <a href="/solutions/employee-communications" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Employee communications"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Employee communications </span> </a> </li> <li> <a href="/solutions/it-and-operations" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="IT & operations"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> IT & operations </span> </a> </li> <li> <a href="/solutions/marketing" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Marketing"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Marketing </span> </a> </li> </ul> </div> </div> </div> <div class="flex flex-col flex-shrink gap-y-5 flex-1"> <a href="/solutions/retail" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Discover retail solutions"> <div class="md:px-7 md:py-7 rounded-lg md:rounded-30 border border-skin-grey-light hover:border-skin-grey flex gap-10 group justify-between cursor-pointer transition-colors duration-200"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2">Every interaction makes customers smile</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal">Redefine the purchase journey with intelligent automation and contextual promotions.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover retail solutions <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full max-w-200"> <div class="aspect-h-1 aspect-w-1 w-full"> <picture> <source type="image/webp" srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvU29sdXRpb25zL1JldGFpbC93b21hbi1zaG9wLWlwYWQud2VicA==?fit=crop-62-48-1&w=200&h=200&s=b136aa0c7cbffd9dceab39327b27ab8e"> <img class="rounded-full w-full h-full object-cover" loading="lazy" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Solutions/Retail/woman-shop-ipad.jpg" alt=""> </picture> </div> </div> </div> </a> <a href="/lp/authorised-push-payment-fraud" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Learn more"> <div class="md:px-7 md:py-7 rounded-lg md:rounded-30 border border-skin-grey-light hover:border-skin-grey flex gap-10 group justify-between cursor-pointer transition-colors duration-200"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2">Authorized Push Payment (APP) fraud solutions</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal">We analyze security risks and harness verified communications to help banks combat Authorized Push Payment (APP) fraud.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Learn more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full max-w-200"> <div class="aspect-h-1 aspect-w-1 w-full"> <picture> <source type="image/webp" srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvUmVzb3VyY2VzL0Jsb2cvaG93LXRvLXByZXZlbnQtYW5kLXJlZHVjZS1hdXRob3JpemVkLndlYnA=?fit=crop&w=200&h=200&s=ac8ee4aaa3bb60afa378ba69b2bc7bc0"> <img class="rounded-full w-full h-full object-cover" loading="lazy" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Resources/Blog/how-to-prevent-and-reduce-authorized.jpg" alt=""> </picture> </div> </div> </div> </a> </div> </div> </div> </div> </li> <li class="text-skin-bwg md:py-9 md:px-3" @click.outside="dropdownMenuOpen = false" x-data="{ dropdownMenuOpen: false }"> <button class="flex items-center font-medium cursor-pointer border-b border-skin-transparent hover:border-b fill-skin-bwb duration-200 ease-in-out whitespace-nowrap" :class="dropdownMenuOpen ? 'text-skin-ggw hover:border-skin-ggw border-skin-ggw' : 'hover:border-skin-bwg'" x-on:click="dropdownMenuOpen = !dropdownMenuOpen;"> Resources <div class="ml-2 duration-200" :class="dropdownMenuOpen ? 'rotate-180 ease-in-out fill-skin-ggw' : ''"> <svg class="z-0" height="12" width="12" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </button> <div x-show="dropdownMenuOpen" x-cloak style="max-height: calc(85vh - 100px)" class="absolute overflow-y-scroll top-[147px] left-0 right-0 w-full bg-skin-wbg shadow"> <div class="relative pb-20 pt-7"> <div class="absolute bottom-0 left-0 w-9/12 md:block hidden max-w-400"> <svg width="600" height="400" viewBox="0 0 600 400" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9895" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="600" height="400"> <rect width="600" height="400" transform="matrix(-1 0 0 1 600 0)" fill="white"/> </mask> <g mask="url(#mask0_228_9895)"> <g opacity="0.6" filter="url(#filter0_f_228_9895)"> <ellipse cx="90.8997" cy="463.76" rx="220.21" ry="144.102" transform="rotate(-180 90.8997 463.76)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9895)"> <ellipse rx="215.901" ry="183.648" transform="matrix(-0.872916 -0.487871 -0.61533 0.788269 -96.4165 417.617)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9895" x="-301.683" y="147.286" width="785.165" height="632.949" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="86.1862" result="effect1_foregroundBlur_228_9895"/> </filter> <filter id="filter1_f_228_9895" x="-432.862" y="121.909" width="672.892" height="591.416" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="58.3333" result="effect1_foregroundBlur_228_9895"/> </filter> </defs> </svg> </div> <div class="absolute right-0 top-0 w-9/12 block md:hidden max-w-400"> <svg width="375" height="375" viewBox="0 0 375 375" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9900" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="375" height="375"> <rect width="375" height="375" fill="#C4C4C4"/> </mask> <g mask="url(#mask0_228_9900)"> <g opacity="0.6" filter="url(#filter0_f_228_9900)"> <ellipse rx="186.225" ry="164.22" transform="matrix(-1 3.29385e-08 -3.78354e-08 1 387.806 19.0903)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9900)"> <ellipse rx="199.525" ry="190.655" transform="matrix(-0.798787 0.601614 -0.501244 -0.865306 254.942 -59.2833)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9900" x="-20.0415" y="-366.751" width="815.694" height="771.684" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="110.811" result="effect1_foregroundBlur_228_9900"/> </filter> <filter id="filter1_f_228_9900" x="-80.918" y="-413.321" width="671.721" height="708.075" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="75" result="effect1_foregroundBlur_228_9900"/> </filter> </defs> </svg> </div> <div class="flex h-full w-full md:gap-x-5 relative px-std max-w-[1440px] mx-auto"> <div class="flex-1 flex justify-between"> <div class="mr-10 flex-shrink-0"> <div> <h3 class="text-lg md:text-lg_lg md:mb-7">Select a resource</h3> <ul class="flex flex-col gap-y-2 font-normal"> <li> <a href="/resources/learning" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Learning"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Learning </span> </a> </li> <li> <a href="/resources/customer-stories" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Customer stories"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Customer stories </span> </a> </li> <li> <a href="/blog" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Blog"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Blog </span> </a> </li> </ul> </div> </div> <div class="flex gap-x-5 justify-end"> <style> .clamp { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .clamp-2 { -webkit-line-clamp: 2; } .clamp-3 { -webkit-line-clamp: 3; } </style> <a href="/blog/rcs-ios-18" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Read blog"> <div class="md:px-7 md:py-7 rounded-20 md:rounded-30 border border-skin-grey-light hover:border-skin-grey transition-colors duration-200 flex flex-col justify-between group min-h-400 cursor-pointer"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2 clamp clamp-2">Apple now supports RCS in iOS 18 release</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal clamp clamp-3">RCS is now on iPhone - here’s what you need to know, and why you should expand your business messaging.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Read blog <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full mt-5"> <div class="w-full"> <picture> <source type="image/webp" srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvUmVzb3VyY2VzL0Jsb2cvYXBwbGUtcmNzLWlvczE4LXJlbGVhc2Uud2VicA==?fit=crop&w=300&h=150&s=873ab85567e219c5fe28258bcd239db1"> <img class="rounded-[10px] w-full h-full object-cover min-h-150" loading="lazy" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Resources/Blog/apple-rcs-ios18-release.jpg" alt=""> </picture> </div> </div> </div> </a> <a href="https://cpaas.webex.com/resources/report/gartner-magic-quadrant-cpaas-2024" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="See report"> <div class="md:px-7 md:py-7 rounded-20 md:rounded-30 border border-skin-grey-light hover:border-skin-grey transition-colors duration-200 flex flex-col justify-between group min-h-400 cursor-pointer"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2 clamp clamp-2">2024 Gartner® Magic Quadrant™</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal clamp clamp-3">Discover why we are recognized as a Visionary in the 2024 Gartner Magic Quadrant for CPaaS.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> See report <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full mt-5"> <div class="w-full"> <picture> <source type="image/webp" srcset="/img/asset/YXNzZXRzL3dlYnAvUmVuZGVycy9SZXNvdXJjZXMvcmVwb3J0LWdhcnRuZXItbXEtMjAyNC10YWJsZXQud2VicA==?fit=crop-41-40-1.3&w=300&h=150&s=99377d7f7e7c60de297e4946fa7f3c71"> <img class="rounded-[10px] w-full h-full object-cover min-h-150" loading="lazy" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Renders/Resources/report-gartner-mq-2024-tablet.jpg" alt=""> </picture> </div> </div> </div> </a> <a href="https://cpaas.webex.com/resources/whitepaper/building-a-business-case-for-cpaas" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Read whitepaper"> <div class="md:px-7 md:py-7 rounded-20 md:rounded-30 border border-skin-grey-light hover:border-skin-grey transition-colors duration-200 flex flex-col justify-between group min-h-400 cursor-pointer"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2 clamp clamp-2">Building a business case for CPaaS</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal clamp clamp-3">The global CPaaS market will grow by 62 billion dollars by 2029 - have you started building your business case for it?</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Read whitepaper <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full mt-5"> <div class="w-full"> <picture> <source type="image/webp" srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvU29sdXRpb25zL01hcmtldGluZy90d28tcGVvcGxlLWJvYXJkLWxvb2tpbmcud2VicA==?fit=crop-43-43-1&w=300&h=150&s=aa1085a376a5922b15b4a1e40d354fd5"> <img class="rounded-[10px] w-full h-full object-cover min-h-150" loading="lazy" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Solutions/Marketing/two-people-board-looking.jpg" alt=""> </picture> </div> </div> </div> </a> </div> </div> </div> </div> </div> </li> <li class="text-skin-bwg md:py-9 md:px-3" @click.outside="dropdownMenuOpen = false" x-data="{ dropdownMenuOpen: false }"> <button class="flex items-center font-medium cursor-pointer border-b border-skin-transparent hover:border-b fill-skin-bwb duration-200 ease-in-out whitespace-nowrap" :class="dropdownMenuOpen ? 'text-skin-ggw hover:border-skin-ggw border-skin-ggw' : 'hover:border-skin-bwg'" x-on:click="dropdownMenuOpen = !dropdownMenuOpen;"> About us <div class="ml-2 duration-200" :class="dropdownMenuOpen ? 'rotate-180 ease-in-out fill-skin-ggw' : ''"> <svg class="z-0" height="12" width="12" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </button> <div x-show="dropdownMenuOpen" x-cloak style="max-height: calc(85vh - 100px)" class="absolute overflow-y-scroll top-[147px] left-0 right-0 w-full bg-skin-wbg shadow"> <div class="relative pb-20 pt-7"> <div class="absolute bottom-0 left-0 w-9/12 md:block hidden max-w-400"> <svg width="600" height="400" viewBox="0 0 600 400" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9895" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="600" height="400"> <rect width="600" height="400" transform="matrix(-1 0 0 1 600 0)" fill="white"/> </mask> <g mask="url(#mask0_228_9895)"> <g opacity="0.6" filter="url(#filter0_f_228_9895)"> <ellipse cx="90.8997" cy="463.76" rx="220.21" ry="144.102" transform="rotate(-180 90.8997 463.76)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9895)"> <ellipse rx="215.901" ry="183.648" transform="matrix(-0.872916 -0.487871 -0.61533 0.788269 -96.4165 417.617)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9895" x="-301.683" y="147.286" width="785.165" height="632.949" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="86.1862" result="effect1_foregroundBlur_228_9895"/> </filter> <filter id="filter1_f_228_9895" x="-432.862" y="121.909" width="672.892" height="591.416" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="58.3333" result="effect1_foregroundBlur_228_9895"/> </filter> </defs> </svg> </div> <div class="absolute right-0 top-0 w-9/12 block md:hidden max-w-400"> <svg width="375" height="375" viewBox="0 0 375 375" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9900" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="375" height="375"> <rect width="375" height="375" fill="#C4C4C4"/> </mask> <g mask="url(#mask0_228_9900)"> <g opacity="0.6" filter="url(#filter0_f_228_9900)"> <ellipse rx="186.225" ry="164.22" transform="matrix(-1 3.29385e-08 -3.78354e-08 1 387.806 19.0903)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9900)"> <ellipse rx="199.525" ry="190.655" transform="matrix(-0.798787 0.601614 -0.501244 -0.865306 254.942 -59.2833)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9900" x="-20.0415" y="-366.751" width="815.694" height="771.684" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="110.811" result="effect1_foregroundBlur_228_9900"/> </filter> <filter id="filter1_f_228_9900" x="-80.918" y="-413.321" width="671.721" height="708.075" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="75" result="effect1_foregroundBlur_228_9900"/> </filter> </defs> </svg> </div> <div class="flex h-full w-full md:gap-x-5 relative px-std max-w-[1440px] mx-auto"> <div class="flex-1 flex"> <div class="flex-1"> <div> <h3 class="text-lg md:text-lg_lg md:mb-7">Learn more</h3> <ul class="flex flex-col gap-y-2 font-normal"> <li> <a href="/about-us/our-story" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Our story"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Our story </span> </a> </li> <li> <a href="/about-us/press-releases" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Press and media"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Press and media </span> </a> </li> <li> <a href="/about-us/careers" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Careers"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Careers </span> </a> </li> <li> <a href="https://investors.imimobile.com/?_ga=2.53282664.1300160264.1643021306-1467879296.1630577117" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Investors"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Investors </span> </a> </li> </ul> </div> </div> <div class="flex-1"> <div> <h3 class="text-lg md:text-lg_lg md:mb-7"></h3> <ul class="flex flex-col gap-y-2 font-normal"> </ul> </div> </div> </div> <div class="flex flex-col flex-shrink gap-y-5 flex-1"> <a href="/blog/completion-of-imimobile-plcs-acquisition-by-cisco" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Learn more"> <div class="md:px-7 md:py-7 rounded-lg md:rounded-30 border border-skin-grey-light hover:border-skin-grey flex gap-10 group justify-between cursor-pointer transition-colors duration-200"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2">Completion of imi's acquisition by Cisco</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal">imimobile is now part of Cisco.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Learn more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full max-w-200"> <div class="aspect-h-1 aspect-w-1 w-full"> <picture> <source type="image/webp" srcset="/img/asset/YXNzZXRzL1Bob3RvZ3JhcGh5L1NvbHV0aW9ucy9NYXJrZXRpbmcvdHdvLXBlb3BsZS1ib2FyZC1sb29raW5nLmpwZw==?fit=crop-36-36-1&w=200&h=200&s=69b9f5615f2c23caa41c94c5652e6632"> <img class="rounded-full w-full h-full object-cover" loading="lazy" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Solutions/Marketing/two-people-board-looking.jpg" alt=""> </picture> </div> </div> </div> </a> </div> </div> </div> </div> </li> <li><a href="/partners" class="md:py-9 md:px-3 block group"> <div class="group-hover:border-skin-bwg border-b border-skin-transparent text-skin-bwg group-hover:border-b transition-all duration-200"> Partners</div> </a> </li> <li><a href="/contact" class="md:py-9 md:px-3 block group"> <div class="group-hover:border-skin-bwg border-b text-skin-bwg border-skin-transparent group-hover:border-b transition-all duration-200"> Contact</div> </a> </li> </ul> <a href="/contact/book-a-demo" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Schedule a demo"> <span class="flex items-center rounded-full justify-center whitespace-nowrap border group duration-200 transition-colors font-medium text-[14px] md:text-[15px] leading-btn tracking-base bg-transparent border-skin-bww text-skin-bww hover:border-skin-bwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-bww hover:fill-skin-wbw py-5 px-[21px]"> Schedule a demo </span> </a> </div> </nav>  <nav class="items-center md:py-9 theme-light overflow-auto w-full bg-skin-wbg fixed top-0 z-50 flex-col md:hidden shadow" x-bind:class="mobileNavOpen ? 'flex h-full' : ''"> <div class="flex justify-between w-full z-10 py-6 px-std"> <a href="/" aria-label="imimobile" class="flex w-[200px] items-end"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/webex-wordmark-black.svg" alt="" class="mr-[8.04px] w-[71.23px] h-[17.39px]"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/cpaas-solutions-black.svg" alt="" class="w-[120.79px] h-[12.61px]"> </a> <button class="border-skin-bwg cursor-pointer" aria-label="navigation button" x-on:click="mobileNavOpen = !mobileNavOpen; animateBurger(mobileNavOpen)"> <svg width="20" height="20" viewBox="0 -5 20 20" id="burgericon" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="20" height="2" fill="#181818"/> <rect y="8" width="20" height="2" fill="#181818"/> </svg> </button> </div> <ul class="gap-x-5 md:mx-7 flex-1 font-medium justify-start w-full z-10 flex flex-col px-std" x-cloak x-show="mobileNavOpen"> <li class="text-h4 py-3 border-t flex flex-col justify-between items-center" x-data="{ open: false }" @click.outside="open = false"> <button class="cursor-pointer flex justify-between w-full items-center" x-on:click="open = !open"> Products <div x-bind:class="open ? 'hidden' : 'block'"> <svg class="w-5 h-5" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="9.9563" width="20" height="2" fill="#181818"/> <rect x="9" y="20.9563" width="20" height="2" transform="rotate(-90 9 20.9563)" fill="#181818"/> </svg> </div> <div x-bind:class="open ? 'block' : 'hidden'"> <svg class="w-5 h-5" width="20" height="3" viewBox="0 0 20 3" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.399902" width="20" height="2" fill="#181818"/> </svg> </div> </button> <div x-show="open" class="pt-10 border-skin-grey flex flex-col w-full"> <h5><a href="/products/cpaas-overview">CPaaS</a></h5> <p class="text-skin-grey text-sm mt-4">Create smarter customer interactions with Communications Platform as a Service (CPaaS).</p> </div> <div x-show="open" class="pt-10 pb-10 border-b border-skin-grey flex flex-col w-full"> <h5><a href="/products/webex-connect">Webex Connect</a></h5> <p class="text-skin-grey text-sm mt-4">Cloud communication platform to automate and orchestrate your customer interactions.</p> </div> <div x-show="open" class=" border-skin-grey flex flex-col w-full"> <a href="/products/webex-connect/flows" class="font-medium text-base mt-7">Flows</a> <a href="/products/webex-connect/nlp-and-ai" class="font-medium text-base mt-5">NLP & AI</a> <a href="/products/webex-connect/reporting-and-analytics" class="font-medium text-base mt-5">Reporting & Analytics</a> <a href="/products/webex-connect/integrations" class="font-medium text-base mt-5">Integrations</a> <a href="/products/webex-connect/contact-management" class="font-medium text-base mt-5">Contact Management</a> <a href="/products/webex-connect/apis-and-sdks" class="font-medium text-base mt-5">API and SDKs</a> <a href="/products/webex-connect/developer-hub" class="font-medium text-base mt-5">Developer Hub</a> </div> <div x-show="open" class="pt-10 border-skin-grey flex flex-col w-full"> <h5><a href="/products/webex-campaign">Webex Campaign</a></h5> <p class="text-skin-grey text-sm mt-4">Manage and automate your marketing campaigns.</p> </div> <div x-show="open" class="pt-10 border-skin-grey flex flex-col w-full"> <h5><a href="/products/webex-engage">Webex Engage</a></h5> <p class="text-skin-grey text-sm mt-4">Empower your contact center to support customer conversations on any channel.</p> </div> <div x-show="open" class="pt-10 border-skin-grey flex flex-col w-full"> <h5><a href="/products/webex-notify">Webex Notify</a></h5> <p class="text-skin-grey text-sm mt-4">Help operations staff keep your customers informed.</p> </div> <div x-show="open" class="pt-10 border-skin-grey flex flex-col w-full"> <h5><a href="/business-messaging">Business messaging</a></h5> <p class="text-skin-grey text-sm mt-4">From SMS to the next generation of digital messaging channels, start delivering richer experiences on the channel closest to customers.</p> </div> <div x-show="open" class=" border-skin-grey flex flex-col w-full"> <a href="/business-messaging/apple-messages-for-business" class="font-medium text-base mt-7">Apple Messages for Business</a> <a href="/business-messaging/branded-text" class="font-medium text-base mt-5">Branded Text</a> <a href="/business-messaging/instagram" class="font-medium text-base mt-5">Instagram</a> <a href="/business-messaging/mms" class="font-medium text-base mt-5">MMS</a> <a href="/business-messaging/rcs-business-messaging" class="font-medium text-base mt-5">RCS Business Messaging</a> <a href="/business-messaging/sms" class="font-medium text-base mt-5">SMS</a> <a href="/business-messaging/web-rtc" class="font-medium text-base mt-5">Web RTC</a> <a href="/business-messaging/whatsapp-business-api" class="font-medium text-base mt-5">WhatsApp Business API</a> </div> </li> <li class="text-h4 py-3 border-t flex flex-col justify-between items-center" x-data="{ open: false }" @click.outside="open = false"> <button class="cursor-pointer flex justify-between w-full items-center" x-on:click="open = !open"> Solutions <div x-bind:class="open ? 'hidden' : 'block'"> <svg class="w-5 h-5" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="9.9563" width="20" height="2" fill="#181818"/> <rect x="9" y="20.9563" width="20" height="2" transform="rotate(-90 9 20.9563)" fill="#181818"/> </svg> </div> <div x-bind:class="open ? 'block' : 'hidden'"> <svg class="w-5 h-5" width="20" height="3" viewBox="0 0 20 3" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.399902" width="20" height="2" fill="#181818"/> </svg> </div> </button> <div x-show="open" class="py-10 border-b border-skin-grey flex flex-col w-full"> <h5>Industries</h5> <a href="/solutions/automotive" class="font-medium text-base mt-5">Automotive</a> <a href="/solutions/banking" class="font-medium text-base mt-5">Banking</a> <a href="/solutions/gaming" class="font-medium text-base mt-5">Gaming</a> <a href="/solutions/government-and-public-sector" class="font-medium text-base mt-5">Government & public sector</a> <a href="/solutions/healthcare" class="font-medium text-base mt-5">Healthcare</a> <a href="/solutions/insurance" class="font-medium text-base mt-5">Insurance</a> <a href="/solutions/logistics" class="font-medium text-base mt-5">Logistics</a> <a href="/solutions/media-and-broadcasters" class="font-medium text-base mt-5">Media & broadcasters</a> <a href="/solutions/recruitment" class="font-medium text-base mt-5">Recruitment</a> <a href="/solutions/retail" class="font-medium text-base mt-5">Retail</a> <a href="/solutions/telecommunications" class="font-medium text-base mt-5">Telecommunications</a> <a href="/solutions/travel" class="font-medium text-base mt-5">Travel</a> <a href="/solutions/utilities" class="font-medium text-base mt-5">Utilities</a> </div> <div x-show="open" class="py-10 border-b border-skin-grey flex flex-col w-full"> <h5>Teams</h5> <a href="/solutions/customer-service" class="font-medium text-base mt-5">Customer Service</a> <a href="/solutions/employee-communications" class="font-medium text-base mt-5">Employee communications</a> <a href="/solutions/it-and-operations" class="font-medium text-base mt-5">IT & operations</a> <a href="/solutions/marketing" class="font-medium text-base mt-5">Marketing</a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-b border-skin-grey"> <a href="/solutions/retail" class="font-medium text-base flex w-full items-center"> <img loading="lazy" src="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvU29sdXRpb25zL1JldGFpbC93b21hbi1zaG9wLWlwYWQud2VicA==?fit=crop-62-48-1&w=80&h=80&s=24e0c48feb7cbbaa8a969e98664eeb1a" alt="" class="w-20 md:hidden h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Every interaction makes customers smile</h5> <p class="text-xs text-skin-grey mt-2">Redefine the purchase journey with intelligent automation and contextual promotions.</p> </div> </a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-skin-grey"> <a href="/lp/authorised-push-payment-fraud" class="font-medium text-base flex w-full items-center"> <img loading="lazy" src="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvUmVzb3VyY2VzL0Jsb2cvaG93LXRvLXByZXZlbnQtYW5kLXJlZHVjZS1hdXRob3JpemVkLndlYnA=?fit=crop&w=80&h=80&s=739870764de7c9f77fa6cc49169bd3a3" alt="" class="w-20 md:hidden h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Authorized Push Payment (APP) fraud solutions</h5> <p class="text-xs text-skin-grey mt-2">We analyze security risks and harness verified communications to help banks combat Authorized Push Payment (APP) fraud.</p> </div> </a> </div> </li> <li class="text-h4 py-3 border-t flex flex-col justify-between items-center" x-data="{ open: false }" @click.outside="open = false"> <button class="cursor-pointer flex justify-between w-full items-center" x-on:click="open = !open"> Resources <div x-bind:class="open ? 'hidden' : 'block'"> <svg class="w-5 h-5" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="9.9563" width="20" height="2" fill="#181818"/> <rect x="9" y="20.9563" width="20" height="2" transform="rotate(-90 9 20.9563)" fill="#181818"/> </svg> </div> <div x-bind:class="open ? 'block' : 'hidden'"> <svg class="w-5 h-5" width="20" height="3" viewBox="0 0 20 3" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.399902" width="20" height="2" fill="#181818"/> </svg> </div> </button> <div x-show="open" class="py-10 border-b border-skin-grey flex flex-col w-full"> <h5>Select a resource</h5> <a href="/resources/learning" class="font-medium text-base mt-5">Learning</a> <a href="/resources/customer-stories" class="font-medium text-base mt-5">Customer stories</a> <a href="/blog" class="font-medium text-base mt-5">Blog</a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-b border-skin-grey"> <a href="/blog/rcs-ios-18" class="font-medium text-base flex w-full items-center"> <img loading="lazy" src="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvUmVzb3VyY2VzL0Jsb2cvYXBwbGUtcmNzLWlvczE4LXJlbGVhc2Uud2VicA==?fit=crop&w=80&h=80&s=a2f9d2a09d9d42538726e3a6bf2e57a0" alt="" class="w-20 md:hidden h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Apple now supports RCS in iOS 18 release</h5> <p class="text-xs text-skin-grey mt-2">RCS is now on iPhone - here’s what you need to know, and why you should expand your business messaging.</p> </div> </a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-b border-skin-grey"> <a href="https://cpaas.webex.com/resources/report/gartner-magic-quadrant-cpaas-2024" class="font-medium text-base flex w-full items-center"> <img loading="lazy" src="/img/asset/YXNzZXRzL3dlYnAvUmVuZGVycy9SZXNvdXJjZXMvcmVwb3J0LWdhcnRuZXItbXEtMjAyNC10YWJsZXQud2VicA==?fit=crop-41-40-1.3&w=80&h=80&s=ee32f5bef45b3831585121cd0e9e242b" alt="" class="w-20 md:hidden h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>2024 Gartner® Magic Quadrant™</h5> <p class="text-xs text-skin-grey mt-2">Discover why we are recognized as a Visionary in the 2024 Gartner Magic Quadrant for CPaaS.</p> </div> </a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-skin-grey"> <a href="https://cpaas.webex.com/resources/whitepaper/building-a-business-case-for-cpaas" class="font-medium text-base flex w-full items-center"> <img loading="lazy" src="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvU29sdXRpb25zL01hcmtldGluZy90d28tcGVvcGxlLWJvYXJkLWxvb2tpbmcud2VicA==?fit=crop-43-43-1&w=80&h=80&s=156f0bc83ec5e23c9886ab24b267c2e5" alt="" class="w-20 md:hidden h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Building a business case for CPaaS</h5> <p class="text-xs text-skin-grey mt-2">The global CPaaS market will grow by 62 billion dollars by 2029 - have you started building your business case for it?</p> </div> </a> </div> </li> <li class="text-h4 py-3 border-t flex flex-col justify-between items-center" x-data="{ open: false }" @click.outside="open = false"> <button class="cursor-pointer flex justify-between w-full items-center" x-on:click="open = !open"> About us <div x-bind:class="open ? 'hidden' : 'block'"> <svg class="w-5 h-5" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="9.9563" width="20" height="2" fill="#181818"/> <rect x="9" y="20.9563" width="20" height="2" transform="rotate(-90 9 20.9563)" fill="#181818"/> </svg> </div> <div x-bind:class="open ? 'block' : 'hidden'"> <svg class="w-5 h-5" width="20" height="3" viewBox="0 0 20 3" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.399902" width="20" height="2" fill="#181818"/> </svg> </div> </button> <div x-show="open" class="py-10 border-b border-skin-grey flex flex-col w-full"> <h5>Learn more</h5> <a href="/about-us/our-story" class="font-medium text-base mt-5">Our story</a> <a href="/about-us/press-releases" class="font-medium text-base mt-5">Press and media</a> <a href="/about-us/careers" class="font-medium text-base mt-5">Careers</a> <a href="https://investors.imimobile.com/?_ga=2.53282664.1300160264.1643021306-1467879296.1630577117" class="font-medium text-base mt-5">Investors</a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-skin-grey"> <a href="/blog/completion-of-imimobile-plcs-acquisition-by-cisco" class="font-medium text-base flex w-full items-center"> <img loading="lazy" src="/img/asset/YXNzZXRzL1Bob3RvZ3JhcGh5L1NvbHV0aW9ucy9NYXJrZXRpbmcvdHdvLXBlb3BsZS1ib2FyZC1sb29raW5nLmpwZw==?fit=crop-36-36-1&w=80&h=80&s=91ae4ca8ca587b2392ae044f40ce2f61" alt="" class="w-20 md:hidden h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Completion of imi's acquisition by Cisco</h5> <p class="text-xs text-skin-grey mt-2">imimobile is now part of Cisco.</p> </div> </a> </div> </li> <li class="text-h4 py-3 border-t font-normal"><a class="block" href="/partners">Partners</a></li> <li class="text-h4 py-3 border-t border-b font-normal"><a class="block" href="/contact">Contact</a></li> <li class="py-6"> <a href="/contact/book-a-demo" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Schedule a demo"> <span class="flex items-center rounded-full justify-center whitespace-nowrap border group duration-200 transition-colors font-medium text-[14px] md:text-[15px] leading-btn tracking-base bg-transparent border-skin-bww text-skin-bww hover:border-skin-bwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-bww hover:fill-skin-wbw py-5 px-[21px]"> Schedule a demo </span> </a> </li> </ul> </nav> <main> <div class="md:pt-[52px]"></div> <div class="md:pt-[97px]"></div> <section class="bg-skin-wbg theme-dark relative" data-id="banner" id="" style="scroll-margin-top: 6rem"> <div class="max-w-[1440px] mx-auto py-10 md:py-16 lg:py-20 px-std flex relative justify-between flex-col md:flex-row"> <div class="flex-1 flex justify-center items-start lg:max-w-[41%] order-1 md:order-3 mb-10 md:mb-0 relative"> <div class="w-[535px] max-w-full"> <picture> <source type="image/webp" srcset="/img/http/aHR0cHM6Ly93ZWJleC1pbWltb2JpbGUubnljMy5jZG4uZGlnaXRhbG9jZWFuc3BhY2VzLmNvbS93ZWJwL1Bob3RvZ3JhcGh5L1NvbHV0aW9ucy9DdXN0b21lcl9zZXJ2aWNlL21hbi13b21hbi1oZWFkc2V0cy13b3JraW5nLXN0YW5kaW5nLWRlc2sud2VicA==?fit=crop-40-30-1&w=535&h=535&s=7070f4762a8c6c0139d8ebdca55c8c16"> <img id="assets::webp/Photography/Solutions/Customer_service/man-woman-headsets-working-standing-desk.webp" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Solutions/Customer_service/man-woman-headsets-working-standing-desk.jpg" class="w-full aspect-[1/1] lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt="" fetchpriority="high" > </picture> </div> </div> <div class="flex flex-1 flex-col order-2 relative md:pr-12 max-w-800 md:min-w-500"> <span class="font-normal text-skin-bwg text-h5">Customer service</span> <h1 class="pb-5 text-skin-bwg">Every interaction is there to help.</h1> <div class="text-lg md:max-w-10/12 max-w-11/12 prose-top-block "> <p>Support customers across voice, messaging, and social channels to make your brand stand out.</p> </div> <span class="md:pt-10 pt-8 flex gap-x-3 flex-wrap gap-y-3"> <a href="/contact" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Talk to an expert"> <span class="flex items-center rounded-full justify-center whitespace-nowrap border group duration-200 transition-colors font-medium text-[14px] md:text-[15px] leading-btn tracking-base border border-skin-ggg hover:border-skin-bwg bg-skin-ggw text-skin-wwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-wwb hover:fill-skin-wbw lg:py-5 py-[18px] px-[21px]"> Talk to an expert <svg width="14" height="14" viewBox="0 0 14 14" class="inline ml-1"> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> <a href="/products/webex-connect" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Discover our CPaaS platform"> <span class="flex items-center rounded-full justify-center whitespace-nowrap border group duration-200 transition-colors font-medium text-[14px] md:text-[15px] leading-btn tracking-base bg-transparent border-skin-bww text-skin-bww hover:border-skin-bwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-bww hover:fill-skin-wbw lg:py-5 py-[18px] px-[21px]"> Discover our CPaaS platform <svg width="14" height="14" viewBox="0 0 14 14" class="inline ml-1"> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </span> </div> </div> </section> <section class="theme-dark bg-skin-wbg relative" data-id="box-call-outs" id="" style="scroll-margin-top: 6rem"> <svg class="absolute w-1/2 pointer-events-none corner-gradient-tl" viewBox="0 0 629 324" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_10523_56085)"> <g opacity="0.5"> <g filter="url(#filter0_f_10523_56085)"> <ellipse cx="150" cy="100" rx="150" ry="100" transform="matrix(0.866025 -0.5 -0.5 -0.866026 544 497.205)" fill="#01B172" /> </g> <g filter="url(#filter1_f_10523_56085)"> <ellipse cx="150" cy="100" rx="150" ry="100" transform="matrix(1 0 1.88408e-07 -1 288 468)" fill="#01B172" /> </g> </g> </g> <defs> <filter id="filter0_f_10523_56085" x="284.672" y="21.0361" width="678.463" height="629.133" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_10523_56085" /> </filter> <filter id="filter1_f_10523_56085" x="88" y="68" width="700" height="600" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_10523_56085" /> </filter> <clipPath id="clip0_10523_56085"> <rect width="629" height="324" fill="white" /> </clipPath> </defs> </svg> <div class="max-w-[1440px] relative px-std py-10 md:py-16 lg:py-20 mx-auto"> <div class="flex justify-between relative flex-col md:gap-28 md:flex-row mb-10 md:mb-16 lg:mb-20"> <div class="flex flex-col lg:max-w-2/3"> <h2 class="text-skin-bww ">Why Webex CPaaS Solutions?</h2> </div> </div> <div class="grid md:grid-cols-3 grid-cols-1 md:gap-x-5 gap-y-10 md:gap-y-14 lg:gap-y-20 relative"> <div class="flex-col flex items-start lg:justify-start md:col-span-1"> <div class="flex flex-col justify-start relative max-w-full"> <svg class="w-16 h-16 lg:mb-10 md:mb-7 mb-5" fill="url(#passion-fruit-to-mantis)" width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.59 88.18C26.97 87.8 27.47 87.59 28 87.59C28.53 87.59 29.04 87.8 29.41 88.18C29.78 88.56 30 89.06 30 89.59V101.59C30 102.12 29.79 102.63 29.41 103C29.03 103.37 28.53 103.59 28 103.59H16C15.47 103.59 14.96 103.38 14.59 103C14.21 102.62 14 102.12 14 101.59C14 101.06 14.21 100.55 14.59 100.18C14.97 99.8 15.47 99.59 16 99.59H23.41C14.42 89.43 9.63 76.23 10.02 62.67C10.41 49.11 15.95 36.21 25.51 26.58C30.66 21.35 36.8 17.2 43.57 14.35C50.34 11.5 57.6 10.02 64.94 9.98999H66C66.53 9.98999 67.04 10.2 67.41 10.58C67.79 10.96 68 11.46 68 11.99C68 12.52 67.79 13.03 67.41 13.4C67.03 13.78 66.53 13.99 66 13.99H64.94C58.13 14.02 51.39 15.39 45.11 18.03C38.83 20.67 33.14 24.53 28.36 29.38C19.59 38.21 14.47 50.03 14.03 62.47C13.59 74.91 17.87 87.06 26 96.48V89.59C26 89.06 26.21 88.55 26.59 88.18ZM115.33 32H107.48C114.32 41.29 118 52.52 117.99 64.06C117.96 93.8 93.35 118 63.12 118H61.99C61.46 118 60.95 117.79 60.58 117.41C60.2 117.03 59.99 116.53 59.99 116C59.99 115.47 60.2 114.96 60.58 114.59C60.96 114.22 61.46 114 61.99 114H63.12C91.14 114 113.96 91.59 113.99 64.05C113.99 54 110.98 44.19 105.32 35.88V41.99C105.32 42.52 105.11 43.03 104.74 43.4C104.36 43.78 103.86 43.99 103.32 43.99C102.78 43.99 102.28 43.78 101.91 43.4C101.53 43.02 101.32 42.52 101.32 41.99V29.99C101.32 29.46 101.53 28.95 101.91 28.58C102.29 28.2 102.79 27.99 103.32 27.99H115.32C115.85 27.99 116.36 28.2 116.74 28.58C117.12 28.96 117.32 29.46 117.32 29.99C117.32 30.52 117.11 31.03 116.74 31.4C116.36 31.78 115.86 31.99 115.32 31.99L115.33 32ZM64 54C62.02 54 60.09 54.59 58.44 55.69C56.8 56.79 55.51 58.35 54.76 60.18C54.01 62.01 53.81 64.02 54.19 65.96C54.58 67.9 55.53 69.68 56.93 71.08C58.33 72.48 60.11 73.43 62.05 73.82C63.99 74.21 66 74.01 67.83 73.25C69.66 72.49 71.22 71.21 72.32 69.57C73.42 67.93 74.01 65.99 74.01 64.01C74.01 61.36 72.95 58.82 71.08 56.94C69.21 55.07 66.66 54.01 64.01 54.01L64 54ZM64 70C62.81 70 61.65 69.65 60.67 68.99C59.68 68.33 58.91 67.39 58.46 66.3C58.01 65.2 57.89 64 58.12 62.83C58.35 61.67 58.92 60.6 59.76 59.76C60.6 58.92 61.67 58.35 62.83 58.12C63.99 57.89 65.2 58.01 66.3 58.46C67.4 58.91 68.33 59.68 68.99 60.67C69.65 61.66 70 62.82 70 64C70 65.59 69.37 67.12 68.24 68.24C67.12 69.36 65.59 70 64 70ZM66.57 91.56C65.89 91.85 65.16 92 64.42 92H63.58C62.1 92 60.68 91.41 59.64 90.36C58.59 89.31 58.01 87.9 58 86.42C58.02 86.08 57.93 85.75 57.75 85.47C57.57 85.19 57.3 84.97 56.98 84.85C56.04 84.53 55.13 84.15 54.25 83.71C53.96 83.57 53.63 83.52 53.31 83.58C52.99 83.64 52.7 83.79 52.47 84.02L52.41 84.08C51.36 85.13 49.94 85.72 48.46 85.72C46.98 85.72 45.56 85.14 44.51 84.09L43.91 83.5C43.39 82.98 42.98 82.37 42.7 81.69C42.42 81.01 42.28 80.29 42.28 79.55C42.28 78.82 42.42 78.09 42.7 77.41C42.98 76.73 43.39 76.12 43.91 75.6L43.98 75.53C44.21 75.3 44.37 75.01 44.42 74.69C44.48 74.37 44.42 74.04 44.29 73.75C43.85 72.87 43.47 71.95 43.15 71.02C43.04 70.72 42.84 70.46 42.58 70.27C42.32 70.09 42 69.99 41.68 70C40.94 70 40.21 69.87 39.52 69.6C38.83 69.32 38.21 68.92 37.68 68.4C37.15 67.88 36.73 67.26 36.44 66.58C36.15 65.9 36 65.17 36 64.43V63.59C36 62.11 36.59 60.69 37.64 59.65C38.69 58.6 40.1 58.02 41.58 58.01C41.92 58.03 42.25 57.94 42.53 57.76C42.81 57.58 43.03 57.3 43.15 56.99C43.47 56.05 43.84 55.14 44.28 54.26C44.42 53.97 44.47 53.64 44.41 53.32C44.35 53 44.2 52.71 43.97 52.48L43.9 52.41C42.86 51.36 42.27 49.94 42.27 48.47C42.27 47 42.86 45.57 43.9 44.53L44.5 43.93C45.55 42.89 46.97 42.3 48.44 42.3C49.92 42.3 51.34 42.89 52.38 43.93C52.61 44.17 52.91 44.34 53.23 44.4C53.56 44.46 53.9 44.42 54.2 44.27C55.04 43.82 55.92 43.44 56.82 43.12C57.15 43.02 57.44 42.82 57.65 42.55C57.86 42.28 57.98 41.94 57.99 41.6C57.99 40.12 58.58 38.7 59.63 37.66C60.68 36.61 62.09 36.03 63.57 36.02H64.41C65.89 36.02 67.31 36.61 68.35 37.66C69.4 38.71 69.98 40.12 69.99 41.6C69.97 41.94 70.06 42.27 70.24 42.55C70.42 42.83 70.7 43.05 71.01 43.17C71.94 43.49 72.86 43.87 73.74 44.3C74.03 44.44 74.36 44.49 74.68 44.43C75 44.37 75.29 44.22 75.52 43.99L75.6 43.91C76.65 42.87 78.06 42.29 79.54 42.29C81.02 42.29 82.43 42.88 83.48 43.92L84.08 44.51C85.12 45.56 85.71 46.98 85.71 48.45C85.71 49.93 85.12 51.35 84.08 52.4L84.01 52.47C83.78 52.7 83.62 52.99 83.57 53.31C83.51 53.63 83.57 53.96 83.7 54.25C84.14 55.13 84.52 56.05 84.83 56.98C84.94 57.28 85.14 57.55 85.4 57.73C85.66 57.91 85.98 58.01 86.3 58.01C87.04 58.01 87.77 58.14 88.46 58.41C89.15 58.69 89.77 59.09 90.3 59.61C90.83 60.13 91.25 60.75 91.54 61.43C91.83 62.11 91.98 62.84 91.98 63.58V64.42C91.98 65.9 91.39 67.32 90.34 68.36C89.29 69.41 87.88 69.99 86.4 70C86.06 69.98 85.73 70.07 85.45 70.25C85.17 70.43 84.95 70.71 84.83 71.02C84.52 71.92 84.16 72.81 83.74 73.67C83.51 74.15 83.09 74.51 82.59 74.68C82.09 74.85 81.54 74.82 81.06 74.58C80.58 74.35 80.22 73.93 80.05 73.43C79.88 72.93 79.91 72.38 80.15 71.9C80.49 71.2 80.79 70.48 81.04 69.74C81.41 68.64 82.12 67.69 83.07 67.02C84.01 66.35 85.15 65.99 86.3 65.99C86.51 65.99 86.73 65.97 86.93 65.89C87.13 65.82 87.32 65.7 87.47 65.55C87.63 65.4 87.75 65.23 87.84 65.03C87.93 64.83 87.97 64.62 87.98 64.41V63.57C87.98 63.15 87.81 62.75 87.52 62.45C87.22 62.15 86.82 61.99 86.4 61.99C85.23 62.01 84.08 61.66 83.11 60.99C82.15 60.32 81.42 59.36 81.04 58.25C80.78 57.49 80.47 56.74 80.11 56.02C79.59 54.98 79.42 53.8 79.61 52.65C79.8 51.5 80.35 50.45 81.17 49.63L81.24 49.56C81.54 49.26 81.7 48.86 81.7 48.44C81.7 48.02 81.53 47.62 81.24 47.32L80.64 46.73C80.34 46.43 79.94 46.27 79.52 46.27C79.1 46.27 78.7 46.44 78.4 46.73L78.32 46.81C77.5 47.63 76.44 48.18 75.3 48.36C74.16 48.55 72.98 48.37 71.94 47.86C71.22 47.5 70.47 47.19 69.71 46.93C68.61 46.56 67.66 45.85 66.99 44.9C66.32 43.96 65.96 42.82 65.96 41.67C65.96 41.46 65.94 41.24 65.86 41.04C65.79 40.84 65.67 40.65 65.52 40.5C65.37 40.34 65.2 40.22 65 40.13C64.8 40.04 64.59 40 64.38 39.99H63.54C63.12 39.99 62.72 40.16 62.42 40.45C62.12 40.75 61.96 41.15 61.96 41.57C61.95 42.75 61.57 43.89 60.87 44.85C60.18 45.8 59.2 46.51 58.08 46.88C57.37 47.12 56.69 47.42 56.03 47.78C54.98 48.32 53.79 48.51 52.62 48.32C51.45 48.14 50.38 47.59 49.54 46.75C49.39 46.6 49.22 46.48 49.03 46.39C48.84 46.31 48.63 46.26 48.42 46.26C48.21 46.26 48 46.3 47.8 46.37C47.6 46.45 47.43 46.56 47.28 46.71L46.68 47.31C46.38 47.61 46.22 48.01 46.22 48.43C46.22 48.85 46.39 49.25 46.68 49.55L46.75 49.62C47.57 50.44 48.12 51.5 48.31 52.64C48.5 53.79 48.33 54.96 47.81 56.01C47.45 56.73 47.14 57.48 46.88 58.24C46.51 59.34 45.8 60.29 44.85 60.96C43.91 61.63 42.77 61.99 41.61 61.99C41.4 61.99 41.18 62.01 40.98 62.09C40.78 62.16 40.59 62.28 40.44 62.43C40.28 62.58 40.16 62.75 40.07 62.95C39.98 63.15 39.94 63.36 39.93 63.57V64.41C39.93 64.83 40.1 65.23 40.39 65.53C40.69 65.83 41.09 65.99 41.51 65.99C42.68 65.97 43.83 66.32 44.8 66.99C45.77 67.66 46.49 68.62 46.87 69.73C47.13 70.49 47.44 71.24 47.8 71.96C48.32 73 48.49 74.18 48.3 75.33C48.11 76.48 47.56 77.53 46.74 78.35L46.67 78.42C46.37 78.72 46.21 79.12 46.21 79.54C46.21 79.96 46.38 80.36 46.67 80.66L47.27 81.25C47.57 81.55 47.97 81.71 48.39 81.71C48.81 81.71 49.21 81.54 49.51 81.25L49.57 81.19C50.39 80.36 51.45 79.81 52.6 79.62C53.75 79.43 54.93 79.6 55.97 80.12C56.69 80.48 57.44 80.79 58.2 81.05C59.3 81.42 60.25 82.13 60.92 83.08C61.59 84.02 61.95 85.16 61.94 86.31C61.94 86.52 61.96 86.74 62.04 86.94C62.11 87.14 62.23 87.33 62.38 87.48C62.53 87.64 62.7 87.76 62.9 87.85C63.1 87.94 63.31 87.98 63.52 87.99H64.36C64.78 87.99 65.18 87.82 65.48 87.53C65.78 87.24 65.94 86.83 65.94 86.41C65.92 85.24 66.27 84.08 66.94 83.12C67.61 82.16 68.57 81.43 69.68 81.05C70.44 80.79 71.19 80.48 71.91 80.12C72.95 79.6 74.13 79.43 75.28 79.62C76.43 79.81 77.48 80.36 78.3 81.18L78.37 81.25C78.64 81.52 79 81.68 79.38 81.71C79.76 81.74 80.14 81.62 80.44 81.39C80.65 81.23 80.89 81.11 81.14 81.05C81.39 80.98 81.66 80.97 81.92 81C82.18 81.03 82.43 81.12 82.66 81.25C82.89 81.38 83.09 81.56 83.25 81.77C83.41 81.98 83.53 82.22 83.59 82.47C83.66 82.72 83.67 82.99 83.64 83.25C83.61 83.51 83.52 83.76 83.39 83.99C83.26 84.22 83.08 84.42 82.87 84.58C81.79 85.39 80.46 85.79 79.11 85.7C77.76 85.61 76.5 85.04 75.54 84.08L75.47 84.01C75.24 83.78 74.95 83.62 74.63 83.57C74.31 83.51 73.98 83.57 73.69 83.7C72.81 84.14 71.89 84.52 70.96 84.84C70.66 84.95 70.39 85.15 70.21 85.41C70.03 85.67 69.93 85.99 69.93 86.31C69.93 87.05 69.8 87.78 69.53 88.47C69.25 89.16 68.85 89.78 68.33 90.31C67.81 90.84 67.19 91.26 66.51 91.55L66.57 91.56Z" /> </svg> <h3 class="text-skin-bwg pb-5 text-h5 font-normal">Automate interactions</h3> </div> <div class="flex flex-col justify-between"> <p class="text-skin-grey pr-2-vw font-light text-base">Use a mix of AI chatbots and self-service channels to reduce agent workload. Automate post-contact actions for faster results.</p> </div> </div> <div class="flex-col flex items-start lg:justify-start md:col-span-1"> <div class="flex flex-col justify-start relative max-w-full"> <svg class="w-16 h-16 lg:mb-10 md:mb-7 mb-5" fill="url(#passion-fruit-to-mantis)" width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"> <path d="M61.95 94.45V86.61C59.58 86.2 57.4 85.09 55.66 83.35C53.45 81.14 52.23 78.19 52.23 75.06C52.23 73.96 53.12 73.06 54.23 73.06C55.33 73.06 56.23 73.95 56.23 75.06C56.23 77.12 57.04 79.06 58.49 80.52C59.85 81.88 61.64 82.67 63.55 82.77C63.68 82.74 63.81 82.73 63.95 82.73C64.09 82.73 64.22 82.74 64.35 82.77C66.26 82.67 68.05 81.89 69.41 80.52C70.87 79.06 71.68 77.12 71.68 75.05V73.45C71.68 70.97 70.3 68.49 68.53 67.8L57.94 63.71C57.94 63.71 57.87 63.68 57.83 63.66C56.1 62.87 54.65 61.59 53.65 59.97C52.65 58.35 52.16 56.48 52.23 54.57V53.11C52.23 51.57 52.52 50.06 53.11 48.63C53.7 47.2 54.55 45.92 55.65 44.82C56.75 43.72 58.02 42.87 59.45 42.28C60.26 41.94 61.09 41.71 61.95 41.57V33.66C61.95 32.56 62.85 31.66 63.95 31.66C65.05 31.66 65.95 32.56 65.95 33.66V41.57C68.32 41.98 70.5 43.09 72.23 44.82C74.45 47.03 75.67 49.98 75.67 53.11C75.67 54.21 74.77 55.11 73.67 55.11C72.57 55.11 71.67 54.21 71.67 53.11C71.67 51.04 70.87 49.1 69.41 47.64C67.25 45.48 63.81 44.79 60.99 45.96C60.05 46.35 59.21 46.91 58.49 47.64C57.77 48.36 57.21 49.2 56.82 50.15C56.43 51.09 56.24 52.09 56.24 53.11V54.65C56.2 55.84 56.48 56.92 57.06 57.87C57.63 58.8 58.46 59.53 59.45 60L69.98 64.07C73.29 65.35 75.69 69.29 75.69 73.45V75.05C75.69 78.18 74.47 81.13 72.25 83.34C70.51 85.08 68.33 86.19 65.96 86.6V94.44C65.96 95.54 65.06 96.44 63.96 96.44C62.86 96.44 61.96 95.54 61.96 94.44L61.95 94.45ZM103.05 26.86C102.29 26.06 101.02 26.02 100.22 26.78C99.42 27.54 99.38 28.8 100.14 29.61C108.72 38.68 113.57 50.55 113.79 63.04C114.01 75.53 109.58 87.56 101.32 96.92C93.06 106.28 81.67 112.18 69.26 113.52C56.84 114.86 44.46 111.53 34.39 104.15C24.32 96.77 17.42 85.96 14.97 73.71C12.52 61.47 14.72 48.83 21.17 38.14C27.62 27.45 37.77 19.6 49.74 16.06C61.71 12.52 74.49 13.57 85.72 19.03C86.71 19.51 87.91 19.1 88.39 18.11C88.87 17.12 88.46 15.92 87.47 15.44C75.34 9.54002 61.54 8.40002 48.61 12.22C35.67 16.05 24.71 24.52 17.75 36.07C10.78 47.62 8.40996 61.27 11.06 74.49C13.71 87.72 21.16 99.39 32.04 107.37C41.34 114.19 52.47 117.81 63.88 117.81C65.81 117.81 67.76 117.71 69.7 117.5C83.11 116.05 95.41 109.68 104.33 99.57C113.25 89.45 118.04 76.46 117.8 62.97C117.56 49.48 112.33 36.66 103.06 26.87L103.05 26.86Z" /> </svg> <h3 class="text-skin-bwg pb-5 text-h5 font-normal">Reduce cost to serve</h3> </div> <div class="flex flex-col justify-between"> <p class="text-skin-grey pr-2-vw font-light text-base">Lead with cost-efficient digital and mobile messaging channels to manage customer service interactions.</p> </div> </div> <div class="flex-col flex items-start lg:justify-start md:col-span-1"> <div class="flex flex-col justify-start relative max-w-full"> <svg class="w-16 h-16 lg:mb-10 md:mb-7 mb-5" fill="url(#passion-fruit-to-mantis)" width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M69.9195 20.3553C68.2034 21.6166 66.1298 22.2981 64 22.3009C62.0654 22.3009 60.1724 21.7398 58.5504 20.6855C56.9283 19.6312 55.6469 18.1291 54.8614 16.3611C54.0759 14.5932 53.8201 12.6354 54.125 10.725C54.4298 8.81461 55.2822 7.03366 56.5789 5.598C57.8756 4.16234 59.5609 3.13363 61.4305 2.63654C63.3002 2.13945 65.2738 2.19533 67.1123 2.79741C68.9508 3.39949 70.5752 4.52191 71.7886 6.02864C73.002 7.53536 73.7523 9.3617 73.9485 11.2863C85.8879 13.4783 96.7501 19.6031 104.805 28.6847C104.978 28.8825 105.111 29.1125 105.195 29.3616C105.279 29.6107 105.313 29.874 105.296 30.1364C105.278 30.3988 105.209 30.6551 105.092 30.8907C104.976 31.1264 104.814 31.3367 104.616 31.5096C104.417 31.6826 104.187 31.8147 103.938 31.8986C103.689 31.9824 103.425 32.0163 103.163 31.9983C102.901 31.9803 102.644 31.9107 102.409 31.7936C102.174 31.6764 101.964 31.514 101.791 31.3156C94.4062 22.9969 84.4727 17.3601 73.5439 15.2868C72.9053 17.3186 71.6357 19.094 69.9195 20.3553ZM67.3334 7.3121C66.3467 6.65282 65.1867 6.30092 64 6.30092C62.4092 6.30266 60.8841 6.93536 59.7593 8.0602C58.6344 9.18504 58.0017 10.7102 58 12.3009C58 13.4876 58.3519 14.6476 59.0112 15.6343C59.6705 16.621 60.6075 17.3901 61.7039 17.8442C62.8003 18.2983 64.0067 18.4171 65.1705 18.1856C66.3344 17.9541 67.4035 17.3827 68.2426 16.5436C69.0817 15.7044 69.6532 14.6354 69.8847 13.4715C70.1162 12.3076 69.9974 11.1012 69.5433 10.0048C69.0891 8.90846 68.3201 7.97139 67.3334 7.3121ZM23.6142 43.1409C24.299 44.5185 24.656 46.0358 24.6573 47.5742V47.5742C24.6587 49.656 24.0099 51.6862 22.8015 53.3814C21.5932 55.0766 19.8856 56.3521 17.9173 57.0298C15.9489 57.7075 13.818 57.7537 11.8222 57.1617C9.82636 56.5698 8.0652 55.3694 6.78462 53.7281C5.50405 52.0868 4.768 50.0866 4.67925 48.0067C4.59051 45.9268 5.15349 43.8711 6.2896 42.1267C7.42571 40.3823 9.07822 39.0362 11.0164 38.2764C12.9545 37.5166 15.0816 37.3811 17.1005 37.8887C22.9119 27.3069 32.1122 18.9862 43.2228 14.2637C43.4648 14.1616 43.7245 14.1082 43.9871 14.1065C44.2498 14.1048 44.5102 14.1548 44.7535 14.2538C44.9968 14.3527 45.2182 14.4986 45.4051 14.6831C45.5921 14.8676 45.7408 15.0871 45.8429 15.3291C45.945 15.5711 45.9984 15.8308 46.0001 16.0935C46.0018 16.3561 45.9518 16.6165 45.8528 16.8598C45.7539 17.1031 45.608 17.3246 45.4235 17.5115C45.239 17.6984 45.0195 17.8471 44.7775 17.9492C34.5629 22.2934 26.0921 29.9251 20.7098 39.6328C21.9354 40.5627 22.9294 41.7633 23.6142 43.1409ZM9.66853 44.2408C9.00924 45.2275 8.65735 46.3875 8.65735 47.5742C8.65908 49.165 9.29178 50.6901 10.4166 51.8149C11.5415 52.9398 13.0666 53.5725 14.6573 53.5742C15.844 53.5742 17.0041 53.2223 17.9908 52.563C18.9775 51.9037 19.7465 50.9666 20.2006 49.8703C20.6547 48.7739 20.7736 47.5675 20.5421 46.4036C20.3105 45.2398 19.7391 44.1707 18.9 43.3316C18.0609 42.4924 16.9918 41.921 15.8279 41.6895C14.664 41.458 13.4576 41.5768 12.3612 42.0309C11.2649 42.485 10.3278 43.2541 9.66853 44.2408ZM33.4728 96.371C31.4567 96.3695 29.4878 96.9812 27.8275 98.1249C20.1426 90.1561 15.3819 79.8203 14.3205 68.8007C14.2684 68.2728 14.0088 67.7873 13.5987 67.4509C13.1887 67.1144 12.6618 66.9547 12.1339 67.0067C11.6061 67.0588 11.1205 67.3184 10.7841 67.7285C10.4477 68.1385 10.2879 68.6654 10.34 69.1933C11.4911 81.1594 16.6774 92.3783 25.0473 101.007C23.8587 102.88 23.3268 105.094 23.5355 107.302C23.7442 109.51 24.6815 111.585 26.1998 113.202C27.7182 114.818 29.7311 115.884 31.9216 116.23C34.1121 116.576 36.3555 116.184 38.2985 115.115C40.2415 114.046 41.7735 112.361 42.6532 110.325C43.5329 108.289 43.7102 106.019 43.1573 103.871C42.6044 101.723 41.3526 99.8206 39.5992 98.4627C37.8458 97.1049 35.6905 96.369 33.4728 96.371ZM33.4728 112.371C32.2862 112.371 31.1261 112.019 30.1394 111.36C29.1527 110.701 28.3837 109.763 27.9296 108.667C27.4754 107.571 27.3566 106.364 27.5881 105.2C27.8196 104.037 28.3911 102.967 29.2302 102.128C30.0693 101.289 31.1384 100.718 32.3023 100.486C33.4662 100.255 34.6726 100.374 35.7689 100.828C36.8653 101.282 37.8024 102.051 38.4617 103.038C39.121 104.024 39.4728 105.184 39.4728 106.371C39.4711 107.962 38.8384 109.487 37.7136 110.612C36.5887 111.737 35.0636 112.369 33.4728 112.371ZM90.1544 97.4151C91.542 96.7249 93.0714 96.3674 94.6212 96.3711C96.3086 96.3706 97.9687 96.7973 99.4468 97.6113C100.925 98.4253 102.173 99.6002 103.075 101.027C103.976 102.453 104.502 104.084 104.603 105.769C104.704 107.453 104.378 109.136 103.653 110.66C102.929 112.184 101.83 113.5 100.46 114.485C99.0904 115.47 97.4933 116.092 95.818 116.294C94.1426 116.495 92.4435 116.269 90.879 115.637C89.3145 115.005 87.9354 113.987 86.8703 112.678C79.5876 116.111 71.6383 117.898 63.587 117.912C59.532 117.915 55.4902 117.449 51.5422 116.523C51.2864 116.463 51.0451 116.353 50.8318 116.2C50.6186 116.047 50.4377 115.853 50.2994 115.629C50.1611 115.406 50.0681 115.157 50.0258 114.898C49.9836 114.639 49.9927 114.374 50.0529 114.118C50.113 113.862 50.223 113.621 50.3764 113.408C50.5298 113.195 50.7237 113.014 50.9471 112.875C51.1704 112.737 51.4188 112.644 51.6781 112.602C51.9374 112.56 52.2024 112.569 52.4582 112.629C63.397 115.138 74.8612 113.906 85.0172 109.13C84.5849 107.642 84.5052 106.073 84.7847 104.549C85.0641 103.024 85.6948 101.586 86.6269 100.348C87.559 99.1095 88.7667 98.1054 90.1544 97.4151ZM91.2878 111.36C92.2745 112.019 93.4345 112.371 94.6212 112.371C96.212 112.369 97.7371 111.737 98.8619 110.612C99.9868 109.487 100.619 107.962 100.621 106.371C100.621 105.184 100.269 104.024 99.61 103.038C98.9507 102.051 98.0137 101.282 96.9173 100.828C95.821 100.374 94.6146 100.255 93.4507 100.486C92.2868 100.718 91.2177 101.289 90.3786 102.128C89.5395 102.968 88.968 104.037 88.7365 105.201C88.505 106.364 88.6238 107.571 89.0779 108.667C89.5321 109.764 90.3011 110.701 91.2878 111.36ZM123.719 48.0002C123.721 46.0349 123.144 44.1126 122.06 42.4733C120.976 40.8341 119.433 39.5506 117.624 38.7832C115.814 38.0158 113.819 37.7985 111.887 38.1584C109.955 38.5184 108.172 39.4397 106.76 40.8072C105.349 42.1747 104.372 43.9278 103.951 45.8474C103.53 47.7671 103.684 49.7682 104.394 51.6009C105.103 53.4335 106.338 55.0163 107.942 56.1517C109.546 57.287 111.449 57.9246 113.413 57.9846C114.804 68.7438 112.646 79.6631 107.267 89.0842C107.136 89.3118 107.051 89.5631 107.017 89.8235C106.983 90.084 107 90.3486 107.069 90.6022C107.137 90.8559 107.254 91.0936 107.415 91.3018C107.575 91.51 107.774 91.6846 108.002 91.8157C108.23 91.9467 108.481 92.0317 108.741 92.0656C109.002 92.0996 109.266 92.082 109.52 92.0137C109.774 91.9454 110.011 91.8278 110.22 91.6677C110.428 91.5075 110.602 91.3079 110.733 91.0803C116.577 80.8495 118.905 68.9845 117.359 57.3042C119.231 56.5713 120.838 55.2919 121.973 53.6324C123.107 51.9729 123.715 50.0104 123.719 48.0002ZM113.719 54.0002C112.532 54.0002 111.372 53.6483 110.385 52.989C109.399 52.3297 108.63 51.3927 108.175 50.2963C107.721 49.2 107.603 47.9936 107.834 46.8297C108.066 45.6658 108.637 44.5967 109.476 43.7576C110.315 42.9185 111.384 42.347 112.548 42.1155C113.712 41.884 114.918 42.0028 116.015 42.4569C117.111 42.9111 118.048 43.6801 118.708 44.6668C119.367 45.6535 119.719 46.8135 119.719 48.0002C119.717 49.591 119.084 51.1161 117.959 52.2409C116.835 53.3658 115.31 53.9985 113.719 54.0002ZM63.982 79.1435C63.8979 79.1467 63.8164 79.1731 63.7463 79.2197L51.5803 87.2412C50.8129 87.7651 49.8989 88.0317 48.9701 88.0028C48.0413 87.9738 47.1457 87.6507 46.4123 87.0801C45.673 86.5289 45.1283 85.7568 44.857 84.8754C44.5857 83.994 44.6021 83.0492 44.9036 82.1777L49.4065 68.9805C49.4302 68.9046 49.4303 68.8233 49.407 68.7473C49.3836 68.6713 49.3378 68.6042 49.2756 68.5547L40.6536 61.8525C39.9406 61.2796 39.4235 60.4991 39.174 59.6192C38.9245 58.7392 38.9549 57.8035 39.2611 56.9416C39.5673 56.0797 40.134 55.3345 40.8827 54.8092C41.6315 54.2838 42.5251 54.0045 43.4397 54.0098H55.0071C55.095 54.0109 55.1813 53.9854 55.2545 53.9366C55.3277 53.8878 55.3844 53.818 55.4172 53.7363L59.8459 41.8652C60.1658 41.0235 60.7339 40.2988 61.4749 39.7871C62.2158 39.2754 63.0948 39.001 63.9952 39C64.8957 38.9991 65.7752 39.2717 66.5173 39.7818C67.2594 40.2919 67.829 41.0154 68.1506 41.8564L72.5871 53.7461C72.6207 53.8254 72.6773 53.8929 72.7495 53.9399C72.8217 53.9869 72.9063 54.0112 72.9924 54.0098H84.5598C85.4694 54.0045 86.3583 54.2807 87.1047 54.8006C87.8511 55.3205 88.4183 56.0586 88.7287 56.9136C89.039 57.7687 89.0772 58.6988 88.838 59.5764C88.5988 60.454 88.094 61.2361 87.3928 61.8154L78.6799 68.5908C78.6304 68.6426 78.5964 68.7071 78.5817 68.7772C78.5671 68.8473 78.5723 68.9201 78.5969 68.9873L83.0969 82.3555C83.1814 82.6046 83.2159 82.8679 83.1985 83.1304C83.1811 83.3929 83.112 83.6493 82.9953 83.8851C82.8786 84.1208 82.7166 84.3312 82.5185 84.5042C82.3203 84.6773 82.09 84.8095 81.8407 84.8934C81.5914 84.9773 81.3279 85.0111 81.0655 84.9931C80.8031 84.975 80.5468 84.9053 80.3113 84.788C80.0759 84.6707 79.8659 84.5082 79.6933 84.3096C79.5208 84.111 79.3891 83.8804 79.3059 83.6309L74.8059 70.2637C74.5256 69.4188 74.5069 68.5089 74.7522 67.6532C74.9975 66.7975 75.4955 66.0358 76.1809 65.4678L84.8918 58.6943C84.9468 58.6442 84.9842 58.5778 84.9986 58.5049C85.0131 58.4319 85.0037 58.3563 84.9719 58.2891C84.9452 58.2026 84.8898 58.1278 84.8149 58.077C84.74 58.0262 84.65 58.0025 84.5598 58.0098H72.9924C72.0935 58.008 71.216 57.7343 70.4755 57.2247C69.7349 56.715 69.1658 55.9933 68.843 55.1543L64.4065 43.2637C64.3703 43.1853 64.3123 43.1191 64.2394 43.0729C64.1664 43.0268 64.0817 43.0028 63.9954 43.0037C63.9091 43.0046 63.825 43.0305 63.753 43.0782C63.6811 43.1259 63.6245 43.1933 63.5901 43.2725L59.1614 55.1446C58.8392 55.9858 58.2699 56.7097 57.5284 57.2211C56.7868 57.7326 55.9079 58.0075 55.0071 58.0098H43.4396C43.3494 58.0027 43.2595 58.0264 43.1846 58.0772C43.1097 58.128 43.0543 58.2027 43.0275 58.2891C42.994 58.366 42.9883 58.4521 43.0115 58.5327C43.0347 58.6132 43.0853 58.6832 43.1545 58.7305L51.7756 65.4326C52.4734 65.9998 52.9827 66.7653 53.2361 67.6281C53.4894 68.4909 53.475 69.4103 53.1946 70.2646L48.6916 83.4609C48.6605 83.5391 48.6579 83.6257 48.6844 83.7055C48.7108 83.7854 48.7646 83.8533 48.8362 83.8975C48.9084 83.9605 49.0002 83.9965 49.0961 83.9994C49.1919 84.0022 49.2857 83.9717 49.3616 83.9131L61.5296 75.8906C62.2626 75.3977 63.1263 75.1353 64.0097 75.1372C64.8931 75.1391 65.7557 75.4053 66.4866 75.9014C66.5207 75.9238 66.553 75.9473 66.5852 75.9717L71.2151 79.5137C71.4237 79.6732 71.5989 79.8723 71.7306 80.0995C71.8624 80.3268 71.948 80.5777 71.9827 80.8381C72.0175 81.0984 72.0006 81.3631 71.9331 81.6169C71.8655 81.8707 71.7486 82.1087 71.5891 82.3174C71.4296 82.526 71.2305 82.7012 71.0033 82.8329C70.776 82.9647 70.5251 83.0503 70.2647 83.0851C70.0044 83.1198 69.7397 83.1029 69.4859 83.0354C69.2321 82.9678 68.994 82.8509 68.7854 82.6914L64.2229 79.2012C64.1494 79.1602 64.0661 79.1402 63.982 79.1435Z" /> </svg> <h3 class="text-skin-bwg pb-5 text-h5 font-normal">Boost customer satisfaction</h3> </div> <div class="flex flex-col justify-between"> <p class="text-skin-grey pr-2-vw font-light text-base">Improve customer service with quick resolution, channel choice, and conversational self-service.</p> </div> </div> </div> </div> </section> <section class="py-10 md:py-16 lg:py-20 theme-light bg-skin-wbg" data-id="logo-carousel" id="" style="scroll-margin-top: 6rem" x-data="logos"> <div class="px-std max-w-[1440px] w-full mx-auto"> <div class="flex justify-between relative flex-col md:gap-28 md:flex-row mb-10 md:mb-16 lg:mb-20"> <div class="flex flex-col lg:max-w-2/3"> <h2 class="text-skin-bww ">Who we work with.</h2> </div> </div> </div> <div class="animation-logos flex flex-col md:gap-[88px] gap-10 mx-auto relative max-w-[1312px] overflow-hidden"> <div class="absolute h-full w-16 left-0 top-0 z-10 bg-fade-to-light rotate-180 pointer-events-none"></div> <div class="absolute h-full w-16 right-0 top-0 z-10 bg-fade-to-light pointer-events-none"></div> <div> <div class="relative flex row row-one" :class="widthGapClasses === 'min-w-full' ? 'w-[1312px]' : 'gap-24'"> <div class="flex items-center justify-around" :class="widthGapClasses"> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/barclays.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/centrica.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/capital-one.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/british-council.svg" alt=""> </div> </div> <div class="flex items-center justify-around" :class="widthGapClasses"> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/barclays.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/centrica.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/capital-one.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/british-council.svg" alt=""> </div> </div> </div> </div> </div> </section> <section class="relative theme-light bg-skin-wbg text-skin-bwg" data-id="side-by-side-points" id="" style="scroll-margin-top: 6rem"> <div class="mx-auto max-w-[1440px] px-std py-10 md:py-16 lg:py-20 relative"> <div class="flex flex-col relative"> <div class="flex w-full justify-center md:mb-20 mb-10 flex-wrap md:flex-nowrap gap-x-10 md:gap-0"> <div class="flex flex-1 min-w-300 mb-8 md:mb-0 w-full justify-center gap-4 md:gap-5 md:order-1"> <div class="flex-1"> <div class="aspect-h-1 aspect-w-1 w-full order-1"> <picture> <source type="image/webp" srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvR2VuZXJpYy93b21hbi1idXJrYS1vdXRzaWRlLXBob25lLndlYnA=?fit=crop&w=408&h=408&s=a2a61248de8cabf28656ea715deb20d1"> <img loading="lazy" id="5Kxg9xk7" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Generic/woman-burka-outside-phone.jpg" class="w-full md:rounded-2vw rounded-4vw lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt="" > </picture> </div> </div> <div class="flex-1 "> <div class="w-full"> <div class="w-full"> <div class="w-full border-device-wrapper md:border-device-wrapper-lg shadow-device"> <picture> <source type="image/webp" srcset="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/webp/Screenshots/Channels/email-retail-return-update.webp"> <img loading="lazy" id="5Kxg9xk7" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Screenshots/Channels/email-retail-return-update.jpg" class="w-full rounded-2vw border-device md:rounded-device-lg aspect-[253/548] object-cover" alt="" > </picture> </div> </div> </div> </div> </div> <div class="flex flex-1 md:order-2 justify-center flex-col min-w-200 md:min-w-none w-[380px] lg:w-[535px] md:gap-x-10 "> <div class=" lg:pl-[131px] md:pl-[100px] "> <h3 class="text-h4 font-normal mb-3 md:mb-10">Put customer preferences first</h3> <div class="prose-page md:max-w-500"> <h3><strong>Innovate with new channels</strong></h3><p>Embrace new digital messaging channels like <a href="/business-messaging/whatsapp-business-api">WhatsApp Business</a>, <a href="/business-messaging/rcs-business-messaging">RCS</a>, Facebook Messenger, and <a href="/business-messaging/apple-messages-for-business">Apple Messages for Business</a> for customer service.</p><h3><strong>Proactive customer engagement</strong></h3><p>Keep customers informed by proactively contacting them via voice or messaging channels. Use two-way messaging to let customers respond, submit details, or organize a time for an agent to call.</p><h3><strong>Create end-to-end experiences</strong></h3><p>From delivery updates to refunds, orchestrate customer journeys that use data from across the business to create contextual customer service experiences.</p> </div> </div> </div> </div> <div class="flex w-full justify-center flex-wrap md:flex-nowrap gap-x-10 md:gap-0"> <div class="flex flex-1 min-w-300 mb-8 md:mb-0 w-full justify-center gap-4 md:gap-5 md:order-3"> <div class="flex-1"> <div class="aspect-h-1 aspect-w-1 w-full order-1"> <picture> <source type="image/webp" srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvU29sdXRpb25zL0N1c3RvbWVyX3NlcnZpY2Uvd29tYW4tZGVzay1jaXNjby1oZWFkc2V0LndlYnA=?fit=crop&w=408&h=408&s=dc1aab39ec0e5e98898cd27fb7fdbbc4"> <img loading="lazy" id="85JKglpr" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Solutions/Customer_service/woman-desk-cisco-headset.jpg" class="w-full md:rounded-2vw rounded-4vw lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt="" > </picture> </div> </div> <div class="flex-1 order-first "> <div class="w-full"> <div class="w-full"> <div class="w-full border-device-wrapper md:border-device-wrapper-lg shadow-device"> <picture> <source type="image/webp" srcset="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/webp/Screenshots/Channels/gbm-travel-hotel-bot-toagent-handover-rich-cards.webp"> <img loading="lazy" id="85JKglpr" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Screenshots/Channels/gbm-travel-hotel-bot-toagent-handover-rich-cards.jpg" class="w-full rounded-2vw border-device md:rounded-device-lg aspect-[253/548] object-cover" alt="" > </picture> </div> </div> </div> </div> </div> <div class="flex flex-1 md:order-2 justify-center flex-col min-w-200 md:min-w-none w-[380px] lg:w-[535px] md:gap-x-10 "> <div class=" lg:pr-[131px] md:pr-[100px] "> <h3 class="text-h4 font-normal mb-3 md:mb-10">Manage routine enquiries with ease</h3> <div class="prose-page md:max-w-500"> <h3><strong>Enable customers to self-serve</strong></h3><p>Create an AI chatbot frontline to the contact center that provides 24/7 assistance, quick answers to FAQs, and a knowledge base to customers.</p><h3><strong>Intelligently route customer enquiries</strong></h3><p>Direct calls and messages to agents with the right skills by using customer information, business data, or an IVR option selection.</p><h3><strong>Deflect to messaging channels</strong></h3><p>Build an IVR journey that lets customers seamlessly transfer to a messaging channel where they can self-serve and chat with agents at their convenience.</p> </div> </div> </div> </div> </div> </div> </section> <section class="relative theme-dark bg-skin-wbg text-skin-bwg" data-id="resource-link" id="" style="scroll-margin-top: 6rem"> <div class="max-w-[1440px] mx-auto px-std py-10 md:py-16 lg:py-20 "> <div class="flex flex-col md:flex-row relative justify-between gap-x-10"> <div class="flex flex-col flex-1"> <div class="md:max-w-600"> <span class="md:mb-5 mb-3 text-skin-grey">EGUIDE</span> <h2 class="md:pb-5 pb-3 md:text-h3 text-h2 text-passion-fruit-to-mandarin"> IT buyer’s guide for CPaaS.</h2> <p class="md:text-base_lg text-base text-skin-grey">CPaaS is one of the most exciting opportunities in the cloud communications space. A growing number of enterprises are using APIs, SDKs, and low-code tools within CPaaS solutions to design communications-enabled applications that enhance digital competitiveness. Discover the key features and functionality that you need to look for in an Enterprise CPaaS solution.</p> <div class="md:pt-10 pt-8 flex gap-x-3 flex-wrap gap-y-3 pb-14 md:pb-0"> <a href="/resources/eguide/it-buyers-guide-for-cpaas" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Discover more"> <span class="flex items-center rounded-full justify-center whitespace-nowrap border group duration-200 transition-colors font-medium text-[14px] md:text-[15px] leading-btn tracking-base border border-skin-ggg hover:border-skin-bwg bg-skin-ggw text-skin-wwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-wwb hover:fill-skin-wbw lg:p-[13px] lg:pl-[21px] md:p-[11px] md:px-[21px] p-[11px]"> Discover more <svg class="inline ml-[10px]" width="28" height="28" viewBox="0 0 56 56"> <ellipse cx="28" cy="28" rx="28" ry="28" transform="matrix(1 0 1.52877e-10 -1 0 56)" class="duration-200 transition-colors fill-skin-wwg group-hover:fill-skin-ggg" /> <path d="M38.5 39.4995L16.5 39.4995L16.5 41.4995L38.5 41.4995V39.4995Z" class="duration-200 transition-colors fill-skin-bbw group-hover:fill-skin-www" /> <path d="M38.1066 25.2074L27.5 35.814L16.8935 25.207L18.3077 23.7928L26.5 31.9851L26.5 14.4995L28.5 14.4995L28.5 31.9855L36.6924 23.7931L38.1066 25.2074Z" class="duration-200 transition-colors fill-skin-bbw group-hover:fill-skin-www" /> </svg> </span> </a> </div> </div> </div> <picture> <source type="image/webp" srcset="/img/http/aHR0cHM6Ly93ZWJleC1pbWltb2JpbGUubnljMy5jZG4uZGlnaXRhbG9jZWFuc3BhY2VzLmNvbS93ZWJwL1Bob3RvZ3JhcGh5L1Jlc291cmNlcy9MZWFybmluZy9ndWlkZS1lbnRlcnByaXNlLWNwYWFzLWJ1eWVycy53ZWJw?fit=crop&w=535&h=535&s=846529d9945c8435a4e830ebd81803a1"> <img class="w-full lg:h-[535px] lg:w-[535px] md:w-[460px] md:h-[460px] h-full object-cover hidden md:block rounded-4vw md:rounded-2vw" loading="lazy" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Resources/Learning/guide-enterprise-cpaas-buyers.jpg" alt=""> </picture> </div> </div> </div> </section> <section class="relative theme-light bg-skin-wbg text-skin-bwg" data-id="side-by-side-points" id="" style="scroll-margin-top: 6rem"> <div class="mx-auto max-w-[1440px] px-std py-10 md:py-16 lg:py-20 relative"> <div class="flex justify-between relative flex-col md:gap-28 md:flex-row mb-10 md:mb-16 lg:mb-20"> <div class="flex flex-col lg:max-w-2/3"> <h2 class="text-skin-bww ">Empower customer service agents.</h2> </div> </div> <div class="flex flex-col relative"> <div class="flex w-full justify-center flex-wrap md:flex-nowrap gap-x-10 md:gap-0"> <div class="flex flex-1 min-w-300 mb-8 md:mb-0 w-full justify-center gap-4 md:gap-5 md:order-1"> <div class="max-w-700 w-full min-w-[296px]"> <div class="aspect-h-1 aspect-w-1 w-full"> <picture> <source type="image/webp" srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvU29sdXRpb25zL0N1c3RvbWVyX3NlcnZpY2Uvd29tYW4tc3RhbmRpbmctZGVzay1jaXNjby1oZWFkc2V0LndlYnA=?fit=crop&w=700&h=700&s=39b79dc1c00c15156881c9e0cf019e09"> <img loading="lazy" id="f5ymSxu2" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Solutions/Customer_service/woman-standing-desk-cisco-headset.jpg" class="w-full rounded-full object-cover" alt="" > </picture> </div> </div> </div> <div class="flex flex-1 md:order-2 justify-center flex-col min-w-200 md:min-w-none w-[380px] lg:w-[535px] md:gap-x-10 justify-center"> <div class=" lg:pl-[131px] md:pl-[100px] "> <div class="prose-page md:max-w-500"> <h3><strong>Create a unified agent application</strong></h3><p>Bring all the communication channels, tools and data your agents need to serve customers into one place with <a href="/resources/product-sheet/webex-engage">Webex Engage</a>.</p><h3><strong>Gain insight to improve performance</strong></h3><p>Give team leaders visibility into agent performance via real-time dashboards that provide the basis for future training requirements.</p><h3><strong>Enable secure remote working</strong></h3><p>Allow agents, team leaders, and managers to work from home with ease with a secure cloud application to manage all customer service channels.</p> </div> </div> </div> </div> </div> </div> </section> <section class="relative theme-light bg-skin-wbg" data-id="testimonial" id="" style="scroll-margin-top: 6rem"> <svg class="absolute w-1/2 pointer-events-none corner-gradient-tr" viewBox="0 0 629 324" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_10523_56085)"> <g opacity="0.5"> <g filter="url(#filter0_f_10523_56085)"> <ellipse cx="150" cy="100" rx="150" ry="100" transform="matrix(0.866025 -0.5 -0.5 -0.866026 544 497.205)" fill="#6904E9" /> </g> <g filter="url(#filter1_f_10523_56085)"> <ellipse cx="150" cy="100" rx="150" ry="100" transform="matrix(1 0 1.88408e-07 -1 288 468)" fill="#6904E9" /> </g> </g> </g> <defs> <filter id="filter0_f_10523_56085" x="284.672" y="21.0361" width="678.463" height="629.133" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_10523_56085" /> </filter> <filter id="filter1_f_10523_56085" x="88" y="68" width="700" height="600" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_10523_56085" /> </filter> <clipPath id="clip0_10523_56085"> <rect width="629" height="324" fill="white" /> </clipPath> </defs> </svg> <div class="mx-auto max-w-[1440px] flex flex-col items-center md:py-16 lg:py-20 py-10 relative px-std"> <div class="relative flex flex-col lg:flex-row lg:gap-[131px]"> <div class="flex flex-col gap-5"> <div class="flex gap-[10px] md:gap-4"> <div class="text-h5 text-skin-bwg">“</div> <div class="text-h5 text-skin-bwg md:max-w-800 relative">imimobile’s solution for IVR call deflection to SMS has been a game-changer for our contact center and it’s pleasing to hear positive feedback from our customers and agents who are using the service. ”</div> </div> <div class="ml-4 md:ml-[27px] text-skin-grey md:text-sm_lg text-sm self-start">Gemma Crask, Product Owner – Live Chat, Messaging & Social media, British Gas</div> </div> </div> </div> </section> <section class="relative theme-dark bg-skin-wbg text-skin-bwg" data-id="resource-link" id="" style="scroll-margin-top: 6rem"> <div class="max-w-[1440px] mx-auto px-std py-10 md:py-16 lg:py-20 "> <div class="flex flex-col md:flex-row relative justify-between gap-x-10"> <div class="flex flex-col flex-1"> <div class="md:max-w-600"> <span class="md:mb-5 mb-3 text-skin-grey">WHITEPAPER</span> <h2 class="md:pb-5 pb-3 md:text-h3 text-h2 text-mantis-to-fountain-blue"> Call deflection: tactics for success.</h2> <p class="md:text-base_lg text-base text-skin-grey">Discover how businesses can deflect to messaging channels and use proactive communications to reduce call volume and increase customer satisfaction. Use our ROI Calculator to see how much your contact center could save in costs and agents hours through the same call deflection tactics discussed in the white paper.</p> <div class="md:pt-10 pt-8 flex gap-x-3 flex-wrap gap-y-3 pb-14 md:pb-0"> <a href="/resources/whitepaper/effective-call-deflection-tactics-2020" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Download now"> <span class="flex items-center rounded-full justify-center whitespace-nowrap border group duration-200 transition-colors font-medium text-[14px] md:text-[15px] leading-btn tracking-base border border-skin-ggg hover:border-skin-bwg bg-skin-ggw text-skin-wwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-wwb hover:fill-skin-wbw lg:p-[13px] lg:pl-[21px] md:p-[11px] md:px-[21px] p-[11px]"> Download now <svg class="inline ml-[10px]" width="28" height="28" viewBox="0 0 56 56"> <ellipse cx="28" cy="28" rx="28" ry="28" transform="matrix(1 0 1.52877e-10 -1 0 56)" class="duration-200 transition-colors fill-skin-wwg group-hover:fill-skin-ggg" /> <path d="M38.5 39.4995L16.5 39.4995L16.5 41.4995L38.5 41.4995V39.4995Z" class="duration-200 transition-colors fill-skin-bbw group-hover:fill-skin-www" /> <path d="M38.1066 25.2074L27.5 35.814L16.8935 25.207L18.3077 23.7928L26.5 31.9851L26.5 14.4995L28.5 14.4995L28.5 31.9855L36.6924 23.7931L38.1066 25.2074Z" class="duration-200 transition-colors fill-skin-bbw group-hover:fill-skin-www" /> </svg> </span> </a> </div> </div> </div> <picture> <source type="image/webp" srcset="/img/http/aHR0cHM6Ly93ZWJleC1pbWltb2JpbGUubnljMy5jZG4uZGlnaXRhbG9jZWFuc3BhY2VzLmNvbS93ZWJwL1Bob3RvZ3JhcGh5L1Jlc291cmNlcy9MZWFybmluZy93aGl0ZXBhcGVyLWNhbGwtZGVmbGVjdGlvbi10YWN0aWNzLndlYnA=?fit=crop&w=535&h=535&s=4849011c279e1347a152cbe01ddf46eb"> <img class="w-full lg:h-[535px] lg:w-[535px] md:w-[460px] md:h-[460px] h-full object-cover hidden md:block rounded-full" loading="lazy" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Resources/Learning/whitepaper-call-deflection-tactics.jpg" alt=""> </picture> </div> </div> </div> </section> <section class="relative theme-dark bg-skin-wbg" data-id="related-content" id="" style="scroll-margin-top: 6rem"> <svg class="absolute w-1/2 pointer-events-none corner-gradient-" viewBox="0 0 629 324" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_10523_56085)"> <g opacity="0.5"> <g filter="url(#filter0_f_10523_56085)"> <ellipse cx="150" cy="100" rx="150" ry="100" transform="matrix(0.866025 -0.5 -0.5 -0.866026 544 497.205)" fill="" /> </g> <g filter="url(#filter1_f_10523_56085)"> <ellipse cx="150" cy="100" rx="150" ry="100" transform="matrix(1 0 1.88408e-07 -1 288 468)" fill="" /> </g> </g> </g> <defs> <filter id="filter0_f_10523_56085" x="284.672" y="21.0361" width="678.463" height="629.133" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_10523_56085" /> </filter> <filter id="filter1_f_10523_56085" x="88" y="68" width="700" height="600" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_10523_56085" /> </filter> <clipPath id="clip0_10523_56085"> <rect width="629" height="324" fill="white" /> </clipPath> </defs> </svg> <div class="mx-auto max-w-[1440px] px-std py-10 md:py-16 lg:py-20 relative"> <div class="flex justify-between relative flex-col md:gap-28 md:flex-row mb-10 md:mb-16 lg:mb-20"> <div class="flex flex-col lg:max-w-2/3"> <h2 class="text-skin-bww ">Want to learn more?</h2> </div> </div> <div class="relative"> <div class="block whitespace-nowrap overflow-x-scroll md:max-w-none md:overflow-x-auto md:flex md:pr-0 pr-24 md:pb-10 relative" x-data> <div class="inline-block md:flex-1 whitespace-normal max-h-600 group w-72 relative last:mr-0 mr-5 cursor-pointer"> <a href="/resources/case-study/enabling-seamless-cx-across-digital-channels-for-centrica" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block md:w-full" x-ref="" aria-label=""> <div class="aspect-w-16 aspect-h-16"> <picture> <source type="image/webp" srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvUmVzb3VyY2VzL0N1c3RvbWVyX3N0b3JpZXMvY2VudHJpY2Etd29tYW4tY291Y2gtb24tY2FsbC1tdWcud2VicA==?fit=crop-53-31-1&w=600&h=600&s=dae1bb8ea8076b64f32a974213db6316"> <img loading="lazy" id="FnzaSCsc" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Resources/Customer_stories/centrica-woman-couch-on-call-mug.jpg" class="w-full lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt="" > </picture> </div> <div class="flex md:mt-10 justify-between mt-5"> <div class="w-full"> <h3 class="text-h5 font-normal text-skin-bwb">Download</h3> <p class="text-skin-grey whitespace-normal transition-colors duration-200 group-hover:text-skin-bwb text-base md:max-w-11/12 mt-5 mb-10 md:mt-5 md:mb-0"> Case study: Centrica call deflection</p> </div> <div class="md:w-1/5 flex justify-center"> <svg class="inline group " width="64" height="64" viewBox="0 0 56 56"> <ellipse cx="28" cy="28" rx="28" ry="28" transform="matrix(1 0 1.52877e-10 -1 0 56)" class="fill-skin-bww group-hover:fill-skin-ggb duration-200 transition-colors" /> <path d="M38.5 39.4995L16.5 39.4995L16.5 41.4995L38.5 41.4995V39.4995Z" class="fill-skin-wbb group-hover:fill-skin-www duration-200 transition-colors" fill="#FFFFFF"/> <path d="M38.1066 25.2074L27.5 35.814L16.8935 25.207L18.3077 23.7928L26.5 31.9851L26.5 14.4995L28.5 14.4995L28.5 31.9855L36.6924 23.7931L38.1066 25.2074Z" class="fill-skin-wbb group-hover:fill-skin-www duration-200 transition-colors" fill="#FFFFFF"/> </svg> </div> </div> </a> </div> <div class="inline-block md:flex-1 whitespace-normal max-h-600 group w-72 relative last:mr-0 mr-5 cursor-pointer"> <a href="" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block md:w-full" x-ref="" aria-label=""> <div class="aspect-w-16 aspect-h-16"> <picture> <source type="image/webp" srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvUmVzb3VyY2VzL0xlYXJuaW5nL3JlcG9ydC1jdXN0b21lci1leHBlcmllbmNlLXJlc2VhcmNoLndlYnA=?fit=crop-60-49-1&w=600&h=600&s=7a0eb661b6372048df58fe756cbf6c3e"> <img loading="lazy" id="7iVC5CcN" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Resources/Learning/report-customer-experience-research.jpg" class="w-full lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt="" > </picture> </div> <div class="flex md:mt-10 justify-between mt-5"> <div class="w-full"> <h3 class="text-h5 font-normal text-skin-bwb">Download</h3> <p class="text-skin-grey whitespace-normal transition-colors duration-200 group-hover:text-skin-bwb text-base md:max-w-11/12 mt-5 mb-10 md:mt-5 md:mb-0"> How ease of resolution, rapport, and relevant communications can transform customer loyalty—and your bottom line</p> </div> <div class="md:w-1/5 flex justify-center"> <svg class="inline group " width="64" height="64" viewBox="0 0 56 56"> <ellipse cx="28" cy="28" rx="28" ry="28" transform="matrix(1 0 1.52877e-10 -1 0 56)" class="fill-skin-bww group-hover:fill-skin-ggb duration-200 transition-colors" /> <path d="M38.5 39.4995L16.5 39.4995L16.5 41.4995L38.5 41.4995V39.4995Z" class="fill-skin-wbb group-hover:fill-skin-www duration-200 transition-colors" fill="#FFFFFF"/> <path d="M38.1066 25.2074L27.5 35.814L16.8935 25.207L18.3077 23.7928L26.5 31.9851L26.5 14.4995L28.5 14.4995L28.5 31.9855L36.6924 23.7931L38.1066 25.2074Z" class="fill-skin-wbb group-hover:fill-skin-www duration-200 transition-colors" fill="#FFFFFF"/> </svg> </div> </div> </a> </div> <div class="inline-block md:flex-1 whitespace-normal max-h-600 group w-72 relative last:mr-0 mr-5 cursor-pointer"> <a href="/blog/how-to-set-up-a-contact-center-to-support-home-working-in-3-days" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block md:w-full" x-ref="" aria-label=""> <div class="aspect-w-16 aspect-h-16"> <picture> <source type="image/webp" srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvUmVzb3VyY2VzL0Jsb2cvaG93LXRvLXNldC11cC1jb250YWN0LWNlbnRlci53ZWJw?fit=crop&w=600&h=600&s=23e07ab24dd8e4e0f938e8e745545d43"> <img loading="lazy" id="bLWTupJi" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Resources/Blog/how-to-set-up-contact-center.jpg" class="w-full lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt="" > </picture> </div> <div class="flex md:mt-10 justify-between mt-5"> <div class="w-full"> <h3 class="text-h5 font-normal text-skin-bwb">Blog</h3> <p class="text-skin-grey whitespace-normal transition-colors duration-200 group-hover:text-skin-bwb text-base md:max-w-11/12 mt-5 mb-10 md:mt-5 md:mb-0"> How to set up a contact center to support home working in three days</p> </div> <div class="md:w-1/5 flex justify-center"> <svg class="inline group " width="64" height="64" viewBox="0 0 56 56"> <circle cx="28" cy="28" r="28" transform="matrix(1 0 0 -1 0 56)" class="fill-skin-bww group-hover:fill-skin-ggb transition-colors" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M39.1567 28.1569L28.5501 17.5503L27.1359 18.9645L35.3283 27.1569H17.843V29.1569H35.3284L27.1358 37.3494L28.55 38.7636L39.1566 28.157L39.1566 28.157L39.1567 28.1569Z" class="fill-skin-wbb group-hover:fill-skin-www transition-colors" fill="#FFFFFF"/> </svg> </div> </div> </a> </div> </div> <span style="background:linear-gradient(-90deg, var(--wbg) , transparent)" class="absolute md:hidden pointer-events-none h-full md:w-48 top-0 right-0 pr-24"></span> </div> </div> </section> <section class="bg-cover bg-black relative" data-id="blanket-cta" id="" style="scroll-margin-top: 6rem"> <img class="absolute top-0 left-0 w-full h-full z-0" loading="lazy" src="/assets/pngs/dark-circles.webp" alt="background-dark-circles"> <div class="mx-auto max-w-[1440px] px-std theme-dark lg:py-40 md:py-28 py-20 z-10 relative"> <div class="md:max-w-6/10"> <h2 class="text-mantis-to-fountain-blue">Let's talk customer service.</h2> <p class="text-skin-bwg text-lg md:text-lg_lg md:pt-7 pt-5 font-normal">Talk to one of our experts today.</p> <div class="pt-10 flex gap-x-3 flex-wrap gap-y-3"> <a href="/products/webex-connect" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Discover our CPaaS platform"> <span class="flex items-center rounded-full justify-center whitespace-nowrap border group duration-200 transition-colors font-medium text-[14px] md:text-[15px] leading-btn tracking-base border border-skin-ggg hover:border-skin-bwg bg-skin-ggw text-skin-wwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-wwb hover:fill-skin-wbw lg:py-5 py-[18px] px-[21px]"> Discover our CPaaS platform <svg width="14" height="14" viewBox="0 0 14 14" class="inline ml-1"> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> <a href="/contact" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Talk to an expert"> <span class="flex items-center rounded-full justify-center whitespace-nowrap border group duration-200 transition-colors font-medium text-[14px] md:text-[15px] leading-btn tracking-base bg-transparent border-skin-bww text-skin-bww hover:border-skin-bwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-bww hover:fill-skin-wbw lg:py-5 py-[18px] px-[21px]"> Talk to an expert <svg width="14" height="14" viewBox="0 0 14 14" class="inline ml-1"> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> </div> </section> </main> <footer class="flex flex-col lg:py-20 theme-dark bg-skin-wbg py-5"> <div class="flex gap-x-5 md:mb-40 flex-col md:flex-row px-std max-w-[1440px] mx-auto w-full"> <div class="flex flex-1 flex-col" x-data="{ open : false }"> <h3 class="md:mb-10 text-base md:text-base_lg text-skin-bww py-4 md:py-0 flex justify-between theme-black cursor-pointer md:cursor-default" x-on:click="open = !open" x-bind:class="open ? 'text-skin-bwg md:text-skin-bww' : ''"> Products <div x-bind:class="open ? 'rotate-180 fill-skin-ggb' : 'fill-skin-bww'" class="h-3 duration-300"> <svg height="12" width="12" class="md:hidden" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </h3> <ul class="md:block" x-cloak x-bind:class="open ? 'block' : 'hidden'"> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/cpaas-overview" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="CPaaS"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> CPaaS </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-connect" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Webex Connect"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Webex Connect </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-connect/developer-hub" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Developer Hub"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Developer Hub </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-connect/apis-and-sdks" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Webex Connect APIs and SDKs"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Webex Connect APIs and SDKs </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-campaign" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Webex Campaign"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Webex Campaign </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-engage" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Webex Engage"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Webex Engage </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-notify" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Webex Notify"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Webex Notify </span> </a> </li> </ul> </div> <div class="flex flex-1 flex-col" x-data="{ open : false }"> <h3 class="md:mb-10 text-base md:text-base_lg text-skin-bww py-4 md:py-0 flex justify-between theme-black cursor-pointer md:cursor-default" x-on:click="open = !open" x-bind:class="open ? 'text-skin-bwg md:text-skin-bww' : ''"> Solutions <div x-bind:class="open ? 'rotate-180 fill-skin-ggb' : 'fill-skin-bww'" class="h-3 duration-300"> <svg height="12" width="12" class="md:hidden" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </h3> <ul class="md:block" x-cloak x-bind:class="open ? 'block' : 'hidden'"> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/automotive" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Automotive"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Automotive </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/banking" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Banking"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Banking </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/gaming" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Gaming"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Gaming </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/government-and-public-sector" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Government & public sector"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Government & public sector </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/healthcare" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Healthcare"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Healthcare </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/insurance" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Insurance"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Insurance </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/logistics" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Logistics"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Logistics </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/media-and-broadcasters" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Media & broadcasters"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Media & broadcasters </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/recruitment" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Recruitment"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Recruitment </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/retail" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Retail"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Retail </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/travel" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Travel"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Travel </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/telecommunications" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Telecommunications"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Telecommunications </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/utilities" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Utilities"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Utilities </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/customer-service" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Customer service"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Customer service </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/employee-communications" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Employee communications"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Employee communications </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/it-and-operations" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="IT & operations"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> IT & operations </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/marketing" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Marketing"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Marketing </span> </a> </li> </ul> </div> <div class="flex flex-1 flex-col" x-data="{ open : false }"> <h3 class="md:mb-10 text-base md:text-base_lg text-skin-bww py-4 md:py-0 flex justify-between theme-black cursor-pointer md:cursor-default" x-on:click="open = !open" x-bind:class="open ? 'text-skin-bwg md:text-skin-bww' : ''"> Business Messaging <div x-bind:class="open ? 'rotate-180 fill-skin-ggb' : 'fill-skin-bww'" class="h-3 duration-300"> <svg height="12" width="12" class="md:hidden" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </h3> <ul class="md:block" x-cloak x-bind:class="open ? 'block' : 'hidden'"> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Business messaging"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Business messaging </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/branded-text" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Branded Text"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Branded Text </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/apple-messages-for-business" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Apple Messages for Business"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Apple Messages for Business </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/rcs-business-messaging" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="RCS Business Messaging"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> RCS Business Messaging </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/sms" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="SMS"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> SMS </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/mms" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="MMS"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> MMS </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/web-rtc" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Web RTC"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Web RTC </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/whatsapp-business-api" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="WhatsApp Business API"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> WhatsApp Business API </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/instagram" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Instagram"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Instagram </span> </a> </li> </ul> </div> <div class="flex flex-1 flex-col" x-data="{ open : false }"> <h3 class="md:mb-10 text-base md:text-base_lg text-skin-bww py-4 md:py-0 flex justify-between theme-black cursor-pointer md:cursor-default" x-on:click="open = !open" x-bind:class="open ? 'text-skin-bwg md:text-skin-bww' : ''"> Resources <div x-bind:class="open ? 'rotate-180 fill-skin-ggb' : 'fill-skin-bww'" class="h-3 duration-300"> <svg height="12" width="12" class="md:hidden" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </h3> <ul class="md:block" x-cloak x-bind:class="open ? 'block' : 'hidden'"> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/resources/learning" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Learning"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Learning </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/resources/customer-stories" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Customer stories"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Customer stories </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/blog" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Blog"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Blog </span> </a> </li> </ul> </div> <div class="flex flex-1 flex-col" x-data="{ open : false }"> <h3 class="md:mb-10 text-base md:text-base_lg text-skin-bww py-4 md:py-0 flex justify-between theme-black cursor-pointer md:cursor-default" x-on:click="open = !open" x-bind:class="open ? 'text-skin-bwg md:text-skin-bww' : ''"> Company <div x-bind:class="open ? 'rotate-180 fill-skin-ggb' : 'fill-skin-bww'" class="h-3 duration-300"> <svg height="12" width="12" class="md:hidden" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </h3> <ul class="md:block" x-cloak x-bind:class="open ? 'block' : 'hidden'"> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/about-us/our-story" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="About us"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> About us </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="https://investor.cisco.com/home/" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Investors"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Investors </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/about-us/press-releases" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Press releases"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Press releases </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/partners" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Partners"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Partners </span> </a> </li> </ul> </div> </div> <div class="flex justify-between flex-col md:flex-row mt-20 md:mt-0 px-std max-w-[1440px] mx-auto w-full"> <div> <div class="flex gap-y-2 text-sm flex-col"> <ul class="flex gap-x-5 flex-col md:flex-row mb-10 md:mb-0"> <li class="md:mb-5 text-skin-bww py-3 md:py-0"> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="/legal/terms-and-conditions">Terms & Conditions</a> </li> <li class="md:mb-5 text-skin-bww py-3 md:py-0"> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="/legal/privacy-statement">Privacy Statement</a> </li> <li class="md:mb-5 text-skin-bww py-3 md:py-0"> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="/legal/cookie-policy">Cookies</a> </li> <li class="md:mb-5 text-skin-bww py-3 md:py-0"> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="/certifications">Certifications</a> </li> <li class="md:mb-5 text-skin-bww py-3 md:py-0"> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="/about-us/careers">Careers</a> </li> </ul> <div class="flex gap-x-3 flex-col md:flex-row mb-10 md:mb-0"> <p class="text-sm text-skin-bww mb-3 md:mb-0">Find us on:</p> <div class="flex"> <div> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="https://www.linkedin.com/company/webex-cpaas-solutions/"> <img class="mr-2" fetchPriority="low" loading="lazy" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/linkedin.svg" alt="linkedin" style="width: 20px; height: 20px;"> </a> </div> <div> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="https://twitter.com/webex_cpaas"> <img class="mr-2" fetchPriority="low" loading="lazy" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/x_reverse.svg" alt="x logo" style="width: 20px; height: 20px;"> </a> </div> <div> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="https://www.youtube.com/@webexcpaassolutions"> <img class="mr-2" fetchPriority="low" loading="lazy" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/youtube_reverse.svg" alt="youtube logo" style="width: 20px; height: 20px;"> </a> </div> </div> </div> </div> </div> <div class="text-skin-grey flex flex-col gap-10"> <div class="flex flex-col gap-y-3"> <div class="flex flex-col md:flex-row"> <p class="text-sm">Copyright @2000 - 2025 IMImobile Limited. All Rights Reserved.</p> </div> </div> </div> </div> </footer> <script src="/js/site.js?id=8e51d1a01b8926a74dc8"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" crossorigin="anonymous" referrerpolicy="no-referrer" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="></script> <script> document.addEventListener('alpine:init', () => { Alpine.data('logos', () => ({ logosOneCount: '4', logosTwoCount: '0', logosThreeCount: '0', logosCountDivided: null, widowedLogo: false, rows: [], logoWidthsArray: [], logoGap: 96, containerWidth: 1312, loadedImages: [0, 0, 0], images: [null, null, null], widthGapClasses: '', paused: 0, init() { this.images = [ document.querySelectorAll('.row-one .logo'), document.querySelectorAll('.row-two .logo'), document.querySelectorAll('.row-three .logo') ]; const logoCounts = [this.logosOneCount, this.logosTwoCount, this.logosThreeCount]; const rowsCounts = logoCounts.map(count => Math.ceil(count / 6)); rowsCounts.forEach((rowCount, index) => { const { logosCountDivided, widowedLogo } = this.getRowStats(logoCounts[index], rowCount); this.rows.push({ numberOfLogos: widowedLogo ? (index === 1 ? Math.ceil(logosCountDivided) : Math.floor(logosCountDivided)) : logosCountDivided, logosWidthArray: [] }); }); this.images.forEach((imageSet, index) => { imageSet.forEach((img, imgIndex) => { if (img.complete) { this.calculateValues(img, imgIndex, logoCounts[index], index + 1, imageSet); } else { img.addEventListener('load', () => { this.calculateValues(img, imgIndex, logoCounts[index], index + 1, imageSet); }); } }); }); }, getRowStats(count, rowsCount) { let logosCountDivided = count / rowsCount; let widowedLogo = count % rowsCount !== 0; return { logosCountDivided: logosCountDivided, widowedLogo: widowedLogo }; }, calculateValues(img, index, logosCount, rowNumber, imageSet) { this.loadedImages[rowNumber - 1]++; if ((index + 1) <= logosCount) { this.rows[rowNumber - 1].logosWidthArray.push(img.width); } if (this.loadedImages[rowNumber - 1] === imageSet.length) { let totalImagesWidth = this.rows[rowNumber - 1].logosWidthArray.reduce((a, b) => a + b); let totalLogosGap = this.logoGap * (this.loadedImages[rowNumber - 1] - 1); let totalSliderWidth = (totalImagesWidth + totalLogosGap) / 2; if (totalSliderWidth > this.containerWidth) { this.widthGapClasses = 'md:gap-24 gap-12'; this.beginTimelines(50); } else { this.widthGapClasses = 'min-w-full'; this.beginTimelines(100); } } }, beginTimelines(distancePercent) { let rows = document.querySelectorAll('.row'); rows.forEach((row, i) => { if (!this.paused) { tlm = new gsap.timeline() if (i % 2 === 0) { tlm.fromTo(row, { xPercent: -distancePercent, }, { xPercent: 0, x: distancePercent === 50 ? 48 : 0, duration: 30, ease: 'linear', repeat: -1 }); } else { tlm.fromTo(row, { xPercent: 0, }, { xPercent: -distancePercent, x: -distancePercent === -50 ? -48 : 0, duration: 30, ease: 'linear', repeat: -1 }); } } }) } })); }); </script> <script> window.addEventListener('DOMContentLoaded', function() { burgerTlm = new gsap.timeline({ paused: true, reversed: false }); burgerTlm.to('#burgericon > rect:last-child', { rotate: -45, transformOrigin: 'center center', y: -4, duration: 0.1, ease: 'linear' }).to('#burgericon > rect:first-child', { rotate: 45, transformOrigin: 'center center', y: 4, duration: 0.1, ease: 'linear' }, 0); var prevScrollpos = window.pageYOffset; var goingDown = true; var scrollDifference = 0; window.onscroll = function() { var currentScrollPos = window.pageYOffset; if (prevScrollpos > currentScrollPos && goingDown) { goingDown = false; scrollDifference = 0; } if (prevScrollpos < currentScrollPos && !goingDown) { goingDown = true; scrollDifference = 0; } scrollDifference += Math.abs(prevScrollpos - currentScrollPos) if (prevScrollpos > currentScrollPos && scrollDifference > 70) { document.getElementsByTagName("nav")[0].style.top = "0"; } else if (scrollDifference > 70) { document.getElementsByTagName("nav")[0].style.top = "-150px"; } prevScrollpos = currentScrollPos; } }); function animateBurger(open) { if (open) { burgerTlm.play(); } else { burgerTlm.reverse(); } } </script> </body> </html>

CINXE.COM

Customer Service | Webex CPaaS Solutions