:root {
  --gray-500: #d0d2d4;
  --color--white: white;
  --dark-900: #080808;
  --font--font-sans: Jokker, Arial, sans-serif;
  --color--black: black;
  --font--font-normal: 400;
  --size--5: 20px;
  --size--2: 8px;
  --gray-700: #84888b;
  --color--transparent: #0000;
  --gray-600: #a7aeb5;
  --size--4: 16px;
  --size--8: 32px;
  --color--dark-500: #171717;
  --color--gray-50: #f8f9f9;
  --font--font-lg: 18px;
  --font--font-medium: 500;
  --size--10: 40px;
  --color--gray-700: #84888b;
  --font--font-sm: 14px;
  --color--gray-200: #dee2e5;
  --color--gray-100: #e9ebee;
  --color--gray-300: #cfd4d9;
  --untitled-ui--gray700: #344054;
  --untitled-ui--primary600: #7f56d9;
  --untitled-ui--white: white;
  --untitled-ui--primary700: #6941c6;
  --untitled-ui--primary100: #f4ebff;
  --untitled-ui--gray600: #475467;
  --untitled-ui--gray50: #f9fafb;
  --untitled-ui--gray300: #d0d5dd;
  --untitled-ui--gray800: #1d2939;
  --untitled-ui--gray100: #f2f4f7;
  --untitled-ui--gray900: #101828;
  --untitled-ui--primary800: #53389e;
  --untitled-ui--success50: #ecfdf3;
  --untitled-ui--success700: #027a48;
  --untitled-ui--gray500: #667085;
  --untitled-ui--gray400: #98a2b3;
  --untitled-ui--gray200: #eaecf0;
  --untitled-ui--primary300: #d6bbfb;
  --size--3: 12px;
  --size--2-5: 14px;
  --font--font-base: 16px;
  --gray--100: #e9ebee;
  --gray--500: #b7bfc7;
  --font--font-6xl: 60px;
  --font--font-semibold: 600;
  --font--font-3xl: 32px;
  --color--gray-400: #c5ccd2;
  --font--font-5xl: 46px;
  --size--7: 28px;
  --font--font-bold: 700;
  --size--6: 24px;
  --font--font-xl: 20px;
  --gray--700: #84888b;
  --agora--800: #0d0d0d;
  --font--font-sans-wide: Jokker, Arial, sans-serif;
  --gray-800: #67696b;
  --color--gray-500: #b7bfc7;
  --color--gray-600: #a7aeb5;
  --size--20: 80px;
  --font--font-xs: 12px;
  --agora--500: #171717;
  --agora--200: #262626;
  --gray--200: #dee2e5;
  --size--container: 1200px;
  --agora--400: #1c1c1c;
  --font--font-2xl: 28px;
  --color--dark-600: #131313;
  --font--font-1-5xl: 24px;
  --font--font-9xl: 128px;
  --font--font-black: 900;
  --primary--black: #000;
  --color--dark-300: #222;
  --color--dark-50: #393939;
  --gray--300: #cfd4d9;
  --color--dark-100: #333;
  --color--dark-400: #1c1c1c;
  --primary--white: #fff;
  --gray--900: #4f5052;
  --font--font-4xl: 36px;
  --color--accent-yellow: #f6dda0;
  --agora--dark-300: #222;
  --color--primary-blue: #099dfd;
  --agora--900: #080808;
  --color--accent-pink: #e391ef;
  --size--3-5: 14px;
  --color--gray-900: #4f5052;
  --color--dark-800: #0d0d0d;
  --size--0-5: 2px;
  --font--font-xss: 10px;
  --color--dark-700: #101010;
  --color--dark-900: #080808;
  --color--dark-200: #262626;
  --size--9: 36px;
  --color--gray-800: #67696b;
  --color--accent-negative: #f95959;
  --agora-blue: #00c2ff;
  --color--gray-25: #fcf9f8;
  --size--11: 44px;
  --size--28: 112px;
  --size--1-5: 6px;
  --color--accent-richlilac: #b55fec;
  --font--font-7-5xl: 84px;
  --size--16: 64px;
  --size--72: 288px;
  --size--14: 56px;
  --font--font-7xl: 72px;
  --size--1: 4px;
  --color--accent-lightblue: #a8e2fb;
  --size--36: 144px;
  --color--accent-aquamarine: #6cefce;
  --color--accent-warning: #ffc043;
  --color--accent-positive: #3aa76d;
  --font--font-mono: 'Fira Code', sans-serif;
  --font--font-8xl: 96px;
  --font--font-light: 300;
  --size--12: 48px;
  --size--24: 96px;
  --size--32: 128px;
  --size--40: 160px;
  --size--44: 176px;
  --size--48: 192px;
  --size--52: 208px;
  --size--56: 224px;
  --size--60: 240px;
  --size--64: 256px;
  --size--80: 320px;
  --size--96: 384px;
  --size--100: 400px;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: ' ';
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: ' ';
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}

p {
  margin-bottom: 10px;
}

a {
  text-decoration: none;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

img {
  max-width: 100%;
  display: inline-block;
}

strong {
  font-weight: bold;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

.gallery-slider {
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.gallery-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.gallery-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.gallery-slide {
  background-color: #0000;
  height: auto;
}

.gallery-slide-wrapper {
  max-width: 47%;
  margin-right: 6%;
}

.gallery-slide-image {
  position: relative;
}

.gallery-image {
  width: 100%;
}

.gallery-slide-text {
  color: #f5f7fa;
  margin-bottom: 0;
  line-height: 32px;
  position: absolute;
  bottom: 24px;
  left: 24px;
  right: 24px;
}

.gallery-slider-left {
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
  left: -50px;
}

.gallery-slider-left:focus-visible,
.gallery-slider-left[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.slider-arrow-embed {
  color: #1a1b1f;
}

.gallery-slider-right {
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
  right: -50px;
}

.gallery-slider-right:focus-visible,
.gallery-slider-right[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.gallery-slide-nav {
  display: none;
}

.navbar-logo-center-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.navbar-logo-center-container.shadow-three {
  width: 100%;
  max-width: 1140px;
}

.container-2 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper-three {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.navbar-brand-three {
  z-index: 5;
  position: absolute;
}

.nav-menu-wrapper-three {
  width: 100%;
}

.nav-menu-three {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-menu-block {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link {
  color: var(--gray-500);
  letter-spacing: 0.25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: #1a1b1fbf;
}

.nav-link:focus-visible,
.nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: 0.25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible,
.nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  color: #fff;
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-list.shadow-three.mobile-shadow-hide {
  color: #fff;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible,
.nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-link-accent {
  color: #fff;
  letter-spacing: 0.25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: #1a1b1fbf;
}

.nav-link-accent.nav-link,
.nav-link-accent.some-link {
  font-size: 16px;
}

.button-primary {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--color--white);
  color: #000;
  text-align: left;
  text-transform: capitalize;
  border: 1px solid #fff;
  border-radius: 72px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: 12px;
  font-size: 18px;
  font-weight: 400;
  line-height: 110%;
  text-decoration: none;
  transition: all 0.2s;
  display: inline-flex;
}

.button-primary:hover {
  border: 1px solid var(--color--white);
  color: #fff;
  background-color: #32343a00;
}

.button-primary:active {
  background-color: #43464d;
}

.button-primary.outline {
  background-color: #fff;
  margin-left: 0;
}

.button-primary.outline.usecases-view-all-button {
  margin-left: auto;
}

.button-primary.nav {
  font-family: var(--font--font-sans);
}

.button-primary.nav.btn-primary-outline {
  border-color: var(--color--black);
}

.button-primary.nav._404 {
  font-family: var(--font--font-sans);
  font-weight: var(--font--font-normal);
}

.headernavbar-container {
  z-index: 5;
  background-color: var(--color--black);
  max-width: 100%;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2rem;
}

.headernavbar-container.shadow-three {
  width: 100%;
  max-width: 1140px;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu-two {
  color: #fff;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-divider {
  background-color: #e4ebf3;
  width: 1px;
  height: 22px;
  margin-left: 15px;
  margin-right: 15px;
}

.body {
  background-color: var(--color--black);
  font-family: var(--font--font-sans);
  color: var(--color--black);
  font-size: 20px;
  line-height: 140%;
  font-weight: var(--font--font-normal);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  text-decoration: none;
  display: block;
}

.text-block {
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
}

.list-item {
  color: #fff;
  padding: 16px 10px 15px;
}

.navbar-no-shadow-container {
  z-index: 5;
  background-color: #0000;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.container-regular {
  width: 100%;
  max-width: 1260px;
  min-height: 30px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper-2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-link-2 {
  color: #1a1b1f;
  letter-spacing: 0.25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-2:hover {
  color: #1a1b1fbf;
}

.nav-link-2:focus-visible,
.nav-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-2 {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle-2 {
  letter-spacing: 0.25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle-2:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle-2:focus-visible,
.nav-dropdown-toggle-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon-2 {
  margin-right: 10px;
}

.nav-dropdown-list-2 {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list-2.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link-2 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link-2:focus-visible,
.nav-dropdown-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-button-wrapper {
  margin-left: 120px;
}

.button-primary-2 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all 0.2s;
}

.button-primary-2:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-2:active {
  background-color: #43464d;
}

.right-navigation {
  grid-column-gap: var(--size--5);
  grid-row-gap: var(--size--5);
  justify-content: center;
  align-items: center;
  min-width: 10%;
  display: flex;
}

.text-block-2 {
  color: red;
}

.link {
  display: block;
}

.link.nav-menu-link {
  text-decoration: none;
}

.link.plain-link {
  color: var(--gray-700);
  text-decoration: none;
}

.navbar-2 {
  height: 80px;
}

.brand-logo {
  align-self: auto;
  height: auto;
  padding-top: 4px;
  display: inline-block;
}

.brand {
  min-width: 10%;
  display: block;
}

.brand.w--current {
  flex: 0 auto;
  min-width: 10%;
  display: block;
}

.headernavbar-wrapper {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.headernavbar {
  background-color: var(--color--black);
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding-bottom: 0;
  display: block;
  position: sticky;
  top: 0;
}

.nav-menu-link {
  color: var(--gray-600);
  padding: 16px 10px;
  font-size: 16px;
}

.nav-menu-link.w--current {
  color: var(--color--white);
  font-weight: 700;
}

.headernavbar-menu {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-3 {
  text-decoration: none;
}

.text-block-4 {
  letter-spacing: normal;
  overflow-wrap: normal;
  height: 6px;
  font-size: 16px;
  line-height: 7px;
}

.rounded-circle {
  background-color: var(--color--black);
  color: var(--color--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: block;
  position: relative;
  overflow: hidden;
}

.rounded-circle:hover {
  background-color: var(--color--white);
}

.rounded-circle.btn-rounded-outline {
  background-color: var(--color--white);
  display: block;
}

.rounded-circle.btn-rounded-outline:hover {
  background-color: var(--color--black);
}

.rounded-circle.no-circle-bg {
  color: var(--color--black);
  background-color: #0000;
}

.text-block-5 {
  color: var(--dark-900);
  font-size: 16px;
}

.primary-btn-label {
  color: var(--color--black);
  font-size: var(--font--font-lg);
  line-height: 28px;
  font-weight: var(--font--font-medium);
  letter-spacing: -0.18px;
  text-transform: none;
  padding-right: 12px;
}

.primary-btn-label:hover {
  color: var(--color--white);
}

.primary-btn-label.primary-outline-btn-label {
  text-transform: none;
}

.footer {
  background-color: #000;
  border-radius: 20px;
}

.quick-stack {
  flex: 1;
}

.footer-col {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: 0 auto;
  position: relative;
}

.image {
  margin-bottom: 0;
}

.company-information {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  font-weight: var(--font--font-normal);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.social-icons {
  z-index: 97;
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
  top: -100px;
  left: 0;
}

.footer-top {
  padding: 0px 0px var(--size--10);
  grid-column-gap: var(--size--10);
  grid-row-gap: var(--size--10);
  border-radius: 0;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 80px;
}

.dim-text {
  color: var(--gray-700);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.dim-text.footer-links {
  font-family: var(--font--font-sans);
  color: var(--color--gray-700);
  font-size: var(--font--font-sm);
  line-height: 120%;
  font-weight: var(--font--font-medium);
  display: block;
}

.dim-text.footer-links:hover {
  color: var(--color--gray-200);
  text-decoration: underline;
}

.dim-text.footer-links.cmp-revoke-consent {
  padding-left: 0;
}

.dim-text.contact-text {
  font-family: var(--font--font-sans);
  color: var(--color--gray-100);
  font-size: var(--font--font-sm);
  line-height: 150%;
  font-weight: var(--font--font-medium);
  -webkit-text-stroke-color: var(--color--gray-300);
  text-decoration: none;
}

.dim-text.contact-text.email-link {
  text-decoration: underline;
}

.grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 1;
  grid-template:
    '.'
    / 1fr 1fr 1fr 1fr;
  width: 100%;
}

.footer-heading {
  font-family: var(--font--font-sans);
  color: var(--color--white);
  font-size: var(--font--font-sm);
  line-height: 150%;
  font-weight: var(--font--font-medium);
  letter-spacing: 0.28px;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.div-block-2 {
  font-weight: 500;
}

.footer-links-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.footer-links-container.footerbottom-links {
  font-family: var(--font--font-sans);
  font-weight: var(--font--font-normal);
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
}

.image-2 {
  width: 20px;
  height: 20px;
}

.link-block {
  overflow: visible;
}

.uui-navbar01_menu-button {
  padding: 0;
}

.uui-button {
  grid-column-gap: 0.5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-button-tertiary-gray {
  grid-column-gap: 0.5rem;
  color: var(--untitled-ui--gray600);
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
}

.uui-button-tertiary-gray:hover {
  background-color: var(--untitled-ui--gray50);
  color: var(--untitled-ui--gray700);
}

.uui-button-secondary-gray {
  grid-column-gap: 0.5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray:hover {
  background-color: var(--untitled-ui--gray50);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-button-secondary-gray.show-tablet,
.show-tablet {
  display: none;
}

.uui-navbar01_button-wrapper {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  align-items: center;
  display: flex;
}

.uui-navbar01_menu-right {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.uui-navbar01_link {
  color: var(--untitled-ui--gray600);
  align-items: center;
  padding: 1.75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all 0.3s;
}

.uui-navbar01_link:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar01_link.w--current {
  color: #000;
}

.uui-navbar01_dropdown-right-overlay-absolute {
  background-color: var(--untitled-ui--gray50);
  min-width: 100vw;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.uui-button-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-link {
  grid-column-gap: 0.5rem;
  color: var(--untitled-ui--primary700);
  white-space: nowrap;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
}

.uui-button-link:hover {
  color: var(--untitled-ui--primary800);
}

.uui-button-link.is-button-xsmall {
  font-size: 0.875rem;
}

.uui-navbar01_dropdown-content-button-wrapper {
  letter-spacing: normal;
  margin-top: 1rem;
  margin-left: 0.75rem;
  font-size: 0.875rem;
}

.uui-button-row {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-navbar01_item-button-wrapper {
  margin-top: 0.75rem;
}

.uui-text-size-small {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
}

.uui-navbar01_item-heading {
  color: var(--untitled-ui--gray900);
  margin-bottom: 0.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
}

.uui-navbar01_item-heading.margin-bottom-0 {
  margin-bottom: 0;
}

.uui-navbar01_large-item-content {
  flex-direction: column;
  justify-content: flex-start;
  font-weight: 400;
  display: flex;
}

.uui-navbar01_blog-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.uui-navbar01_blog-image-wrapper {
  border-radius: 0.375rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 11rem;
  height: 6.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.uui-navbar01_blog-item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  border-radius: 0.5rem;
  grid-template-rows: auto;
  grid-template-columns: 0.6fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding: 0.75rem;
  text-decoration: none;
  transition: all 0.3s;
  display: grid;
}

.uui-navbar01_blog-item:hover {
  background-color: var(--untitled-ui--white);
}

.uui-navbar01_dropdown-blog-list {
  grid-column-gap: 0rem;
  grid-row-gap: 0.5rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: grid;
}

.uui-navbar01_dropdown-content-heading {
  color: var(--untitled-ui--primary600);
  letter-spacing: normal;
  margin-left: 0.75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
}

.uui-navbar01_dropdown-content-wrapper {
  z-index: 1;
  grid-row-gap: 0.75rem;
  grid-template-rows: min-content;
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.uui-navbar01_dropdown-content-right {
  flex: 1;
  max-width: 35rem;
  padding: 2rem 0 2rem 1.25rem;
  display: flex;
  position: relative;
}

.uui-navbar01_item-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-weight: 400;
  display: flex;
}

.uui-icon-1x1-xsmall {
  width: 1.5rem;
  height: 1.5rem;
}

.uui-navbar01_icon-wrapper {
  color: var(--untitled-ui--primary600);
  flex: none;
}

.uui-navbar01_dropdown-link {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-radius: 0.5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: 0.75rem;
  text-decoration: none;
  transition: all 0.3s;
  display: grid;
}

.uui-navbar01_dropdown-link:hover {
  background-color: var(--untitled-ui--gray50);
}

.uui-badge-small-success {
  grid-column-gap: 0.25rem;
  background-color: var(--untitled-ui--success50);
  color: var(--untitled-ui--success700);
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: 0.125rem 0.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  display: flex;
}

.uui-navbar01_text-wrapper {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0px;
  align-items: center;
  margin-bottom: 0.25rem;
  display: flex;
}

.uui-navbar01_heading {
  color: var(--untitled-ui--primary600);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
}

.uui-navbar01_dropdown-link-list {
  grid-column-gap: 0px;
  grid-row-gap: 0.5rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.uui-navbar01_dropdown-content-left {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 2rem 2rem 2rem 0;
  display: grid;
}

.uui-navbar01_dropdown-content {
  background-color: #d70000;
  width: 100%;
  display: flex;
}

.uui-navbar01_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.uui-navbar01_dropdown-list {
  display: none;
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.uui-navbar01_dropdown-list.w--open {
  background-color: #fff;
  width: 100vw;
  min-width: 100vw;
  max-width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  position: absolute;
  inset: 5.0625rem auto auto 0%;
  overflow: hidden;
}

.uui-dropdown-icon {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

.uui-navbar01_dropdown-toggle {
  color: var(--untitled-ui--gray600);
  align-items: center;
  padding: 1.75rem 2.5rem 1.75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all 0.3s;
  display: flex;
}

.uui-navbar01_dropdown-toggle:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar01_menu-dropdown {
  position: static;
}

.uui-navbar01_menu-left {
  text-align: center;
  flex: 1;
  align-self: auto;
  display: block;
}

.uui-navbar01_menu {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 1.5rem;
  display: flex;
  position: static;
}

.uui-logo_image {
  flex: none;
  width: auto;
  height: 100%;
  display: none;
}

.uui-logo_logotype {
  flex: none;
  width: auto;
  height: 100%;
}

.uui-logo_logomark-dot {
  z-index: 1;
  background-image: linear-gradient(26.5deg, #6941c6, #53389e);
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: relative;
}

.uui-logo_logomark-blur {
  z-index: 2;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #fff3;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  width: 100%;
  height: 50%;
  position: absolute;
  inset: 50% 0% 0%;
  overflow: hidden;
}

.uui-styleguide_logomark-bg {
  border-radius: 8px;
  width: 2rem;
  height: 2rem;
  position: absolute;
  inset: 0%;
}

.uui-logo_logomark {
  border: 0.1px solid #dae0e8;
  border-radius: 0.5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 1px #1018280f, 0 1px 2px #1018281a;
}

.uui-logo_component {
  flex-wrap: nowrap;
  width: auto;
  height: 2rem;
  display: flex;
}

.uui-navbar01_logo-link {
  padding-left: 0;
}

.uui-navbar01_component {
  border-bottom: 1px solid var(--untitled-ui--gray100);
  background-color: #fff;
  align-items: center;
  min-height: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.uui-navbar01_menu-button-2 {
  padding: 0;
}

.uui-button-2 {
  grid-column-gap: 0.5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-2:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-2:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-button-tertiary-gray-2 {
  grid-column-gap: 0.5rem;
  color: var(--untitled-ui--gray600);
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
}

.uui-button-tertiary-gray-2:hover {
  background-color: var(--untitled-ui--gray50);
  color: var(--untitled-ui--gray700);
}

.uui-button-secondary-gray-2 {
  grid-column-gap: 0.5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray-2:hover {
  background-color: var(--untitled-ui--gray50);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray-2:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-button-secondary-gray-2.show-tablet,
.show-tablet-2 {
  display: none;
}

.uui-navbar01_button-wrapper-2 {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  align-items: center;
  display: flex;
}

.uui-navbar01_menu-right-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.uui-navbar01_link-2 {
  color: var(--untitled-ui--gray600);
  align-items: center;
  padding: 1.75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all 0.3s;
}

.uui-navbar01_link-2:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar01_link-2.w--current {
  color: #000;
}

.uui-navbar01_dropdown-right-overlay-absolute-2 {
  background-color: var(--untitled-ui--gray50);
  min-width: 100vw;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.uui-button-icon-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-link-2 {
  grid-column-gap: 0.5rem;
  color: var(--untitled-ui--primary700);
  white-space: nowrap;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
}

.uui-button-link-2:hover {
  color: var(--untitled-ui--primary800);
}

.uui-button-link-2.is-button-xsmall {
  font-size: 0.875rem;
}

.uui-navbar01_dropdown-content-button-wrapper-2 {
  letter-spacing: normal;
  margin-top: 1rem;
  margin-left: 0.75rem;
  font-size: 0.875rem;
}

.uui-button-row-2 {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-navbar01_item-button-wrapper-2 {
  margin-top: 0.75rem;
}

.uui-text-size-small-2 {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
}

.uui-navbar01_item-heading-2 {
  color: var(--untitled-ui--gray900);
  margin-bottom: 0.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
}

.uui-navbar01_item-heading-2.margin-bottom-0 {
  margin-bottom: 0;
}

.uui-navbar01_large-item-content-2 {
  flex-direction: column;
  justify-content: flex-start;
  font-weight: 400;
  display: flex;
}

.uui-navbar01_blog-image-2 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.uui-navbar01_blog-image-wrapper-2 {
  border-radius: 0.375rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 11rem;
  height: 6.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.uui-navbar01_blog-item-2 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  border-radius: 0.5rem;
  grid-template-rows: auto;
  grid-template-columns: 0.6fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding: 0.75rem;
  text-decoration: none;
  transition: all 0.3s;
  display: grid;
}

.uui-navbar01_blog-item-2:hover {
  background-color: var(--untitled-ui--white);
}

.uui-navbar01_dropdown-blog-list-2 {
  grid-column-gap: 0rem;
  grid-row-gap: 0.5rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: grid;
}

.uui-navbar01_dropdown-content-heading-2 {
  color: var(--untitled-ui--primary600);
  letter-spacing: normal;
  margin-left: 0.75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
}

.uui-navbar01_dropdown-content-wrapper-2 {
  z-index: 1;
  grid-row-gap: 0.75rem;
  grid-template-rows: min-content;
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.uui-navbar01_dropdown-content-right-2 {
  flex: 1;
  max-width: 35rem;
  padding: 2rem 0 2rem 1.25rem;
  display: flex;
  position: relative;
}

.uui-navbar01_item-right-2 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-weight: 400;
  display: flex;
}

.uui-icon-1x1-xsmall-2 {
  width: 1.5rem;
  height: 1.5rem;
}

.uui-navbar01_icon-wrapper-2 {
  color: var(--untitled-ui--primary600);
  flex: none;
}

.uui-navbar01_dropdown-link-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-radius: 0.5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: 0.75rem;
  text-decoration: none;
  transition: all 0.3s;
  display: grid;
}

.uui-navbar01_dropdown-link-2:hover {
  background-color: var(--untitled-ui--gray50);
}

.uui-badge-small-success-2 {
  grid-column-gap: 0.25rem;
  background-color: var(--untitled-ui--success50);
  color: var(--untitled-ui--success700);
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: 0.125rem 0.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  display: flex;
}

.uui-navbar01_text-wrapper-2 {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0px;
  align-items: center;
  margin-bottom: 0.25rem;
  display: flex;
}

.uui-navbar01_heading-2 {
  color: var(--untitled-ui--primary600);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
}

.uui-navbar01_dropdown-link-list-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0.5rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.uui-navbar01_dropdown-content-left-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 2rem 2rem 2rem 0;
  display: grid;
}

.uui-navbar01_dropdown-content-2 {
  width: 100%;
  display: flex;
}

.uui-navbar01_container-2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.uui-navbar01_dropdown-list-2 {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.uui-navbar01_dropdown-list-2.w--open {
  background-color: #fff;
  width: 100vw;
  min-width: 100vw;
  max-width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  position: absolute;
  inset: 5.0625rem auto auto 0%;
  overflow: hidden;
}

.uui-dropdown-icon-2 {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

.uui-navbar01_dropdown-toggle-2 {
  color: var(--untitled-ui--gray600);
  align-items: center;
  padding: 1.75rem 2.5rem 1.75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all 0.3s;
  display: flex;
}

.uui-navbar01_dropdown-toggle-2:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar01_menu-dropdown-2 {
  position: static;
}

.uui-navbar01_menu-2 {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 1.5rem;
  display: flex;
  position: static;
}

.uui-logo_image-2 {
  flex: none;
  width: auto;
  height: 100%;
  display: none;
}

.uui-logo_logotype-2 {
  flex: none;
  width: auto;
  height: 100%;
}

.uui-logo_logomark-dot-2 {
  z-index: 1;
  background-image: linear-gradient(26.5deg, #6941c6, #53389e);
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: relative;
}

.uui-logo_logomark-blur-2 {
  z-index: 2;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #fff3;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  width: 100%;
  height: 50%;
  position: absolute;
  inset: 50% 0% 0%;
  overflow: hidden;
}

.uui-styleguide_logomark-bg-2 {
  border-radius: 8px;
  width: 2rem;
  height: 2rem;
  position: absolute;
  inset: 0%;
}

.uui-logo_logomark-2 {
  border: 0.1px solid #dae0e8;
  border-radius: 0.5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 1px #1018280f, 0 1px 2px #1018281a;
}

.uui-logo_component-2 {
  flex-wrap: nowrap;
  width: auto;
  height: 2rem;
  display: flex;
}

.uui-navbar01_logo-link-2 {
  padding-left: 0;
}

.uui-navbar01_component-2 {
  border-bottom: 1px solid var(--untitled-ui--gray100);
  background-color: #fff0;
  align-items: center;
  min-height: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.uui-navbar01_menu-button-3 {
  padding: 0;
}

.uui-button-3 {
  grid-column-gap: 0.5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-3:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-3:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-button-tertiary-gray-3 {
  grid-column-gap: 0.5rem;
  color: var(--untitled-ui--gray600);
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
}

.uui-button-tertiary-gray-3:hover {
  background-color: var(--untitled-ui--gray50);
  color: var(--untitled-ui--gray700);
}

.uui-button-secondary-gray-3 {
  grid-column-gap: 0.5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray-3:hover {
  background-color: var(--untitled-ui--gray50);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray-3:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-button-secondary-gray-3.show-tablet,
.show-tablet-3 {
  display: none;
}

.uui-navbar01_button-wrapper-3 {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  align-items: center;
  display: flex;
}

.uui-navbar01_menu-right-3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.uui-navbar01_link-3 {
  color: var(--gray-600);
  align-items: center;
  padding: 1rem 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all 0.3s;
}

.uui-navbar01_link-3:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar01_link-3.w--current {
  color: #000;
}

.uui-navbar01_dropdown-right-overlay-absolute-3 {
  background-color: var(--untitled-ui--gray50);
  min-width: 100vw;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.uui-button-icon-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-link-3 {
  grid-column-gap: 0.5rem;
  color: var(--untitled-ui--primary700);
  white-space: nowrap;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
}

.uui-button-link-3:hover {
  color: var(--untitled-ui--primary800);
}

.uui-button-link-3.is-button-xsmall {
  font-size: 0.875rem;
}

.uui-navbar01_dropdown-content-button-wrapper-3 {
  letter-spacing: normal;
  margin-top: 1rem;
  margin-left: 0.75rem;
  font-size: 0.875rem;
}

.uui-button-row-3 {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-navbar01_item-button-wrapper-3 {
  margin-top: 0.75rem;
}

.uui-text-size-small-3 {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
}

.uui-navbar01_item-heading-3 {
  color: var(--untitled-ui--gray900);
  margin-bottom: 0.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
}

.uui-navbar01_item-heading-3.margin-bottom-0 {
  margin-bottom: 0;
}

.uui-navbar01_large-item-content-3 {
  flex-direction: column;
  justify-content: flex-start;
  font-weight: 400;
  display: flex;
}

.uui-navbar01_blog-image-3 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.uui-navbar01_blog-image-wrapper-3 {
  border-radius: 0.375rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 11rem;
  height: 6.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.uui-navbar01_blog-item-3 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  border-radius: 0.5rem;
  grid-template-rows: auto;
  grid-template-columns: 0.6fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding: 0.75rem;
  text-decoration: none;
  transition: all 0.3s;
  display: grid;
}

.uui-navbar01_blog-item-3:hover {
  background-color: var(--untitled-ui--white);
}

.uui-navbar01_dropdown-blog-list-3 {
  grid-column-gap: 0rem;
  grid-row-gap: 0.5rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: grid;
}

.uui-navbar01_dropdown-content-heading-3 {
  color: var(--untitled-ui--primary600);
  letter-spacing: normal;
  margin-left: 0.75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
}

.uui-navbar01_dropdown-content-wrapper-3 {
  z-index: 1;
  grid-row-gap: 0.75rem;
  grid-template-rows: min-content;
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.uui-navbar01_dropdown-content-right-3 {
  flex: 1;
  max-width: 35rem;
  padding: 2rem 0 2rem 1.25rem;
  display: flex;
  position: relative;
}

.uui-navbar01_item-right-3 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-weight: 400;
  display: flex;
}

.uui-icon-1x1-xsmall-3 {
  width: 1.5rem;
  height: 1.5rem;
}

.uui-navbar01_icon-wrapper-3 {
  color: var(--untitled-ui--primary600);
  flex: none;
}

.uui-navbar01_dropdown-link-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-radius: 0.5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: 0.75rem;
  text-decoration: none;
  transition: all 0.3s;
  display: grid;
}

.uui-navbar01_dropdown-link-3:hover {
  background-color: var(--untitled-ui--gray50);
}

.uui-badge-small-success-3 {
  grid-column-gap: 0.25rem;
  background-color: var(--untitled-ui--success50);
  color: var(--untitled-ui--success700);
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: 0.125rem 0.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  display: flex;
}

.uui-navbar01_text-wrapper-3 {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0px;
  align-items: center;
  margin-bottom: 0.25rem;
  display: flex;
}

.uui-navbar01_heading-3 {
  color: var(--untitled-ui--primary600);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
}

.uui-navbar01_dropdown-link-list-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0.5rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.uui-navbar01_dropdown-content-left-3 {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 2rem 2rem 2rem 0;
  display: grid;
}

.uui-navbar01_dropdown-content-3 {
  background-color: var(--gray-700);
  width: 100%;
  display: flex;
}

.uui-navbar01_container-3 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.uui-navbar01_dropdown-list-3 {
  color: var(--untitled-ui--gray700);
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.uui-navbar01_dropdown-list-3.w--open {
  background-color: #fff;
  width: 100vw;
  min-width: 100vw;
  max-width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  position: absolute;
  inset: 5.0625rem auto auto 0%;
  overflow: hidden;
}

.uui-dropdown-icon-3 {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

.uui-navbar01_dropdown-toggle-3 {
  color: var(--gray-600);
  align-items: center;
  padding: 1rem 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all 0.3s;
  display: flex;
}

.uui-navbar01_dropdown-toggle-3:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar01_menu-dropdown-3 {
  position: static;
}

.uui-navbar01_menu-left-3 {
  text-align: center;
  flex: 1;
  align-self: auto;
}

.uui-navbar01_menu-3 {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 1.5rem;
  display: flex;
  position: static;
}

.uui-logo_image-3 {
  flex: none;
  width: auto;
  height: 100%;
  display: none;
}

.uui-logo_logotype-3 {
  flex: none;
  width: auto;
  height: 100%;
}

.uui-logo_logomark-dot-3 {
  z-index: 1;
  background-image: linear-gradient(26.5deg, #6941c6, #53389e);
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: relative;
}

.uui-logo_logomark-blur-3 {
  z-index: 2;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #fff3;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  width: 100%;
  height: 50%;
  position: absolute;
  inset: 50% 0% 0%;
  overflow: hidden;
}

.uui-styleguide_logomark-bg-3 {
  border-radius: 8px;
  width: 2rem;
  height: 2rem;
  position: absolute;
  inset: 0%;
}

.uui-logo_logomark-3 {
  border: 0.1px solid #dae0e8;
  border-radius: 0.5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 1px #1018280f, 0 1px 2px #1018281a;
}

.uui-logo_component-3 {
  flex-wrap: nowrap;
  width: auto;
  height: 2rem;
  display: flex;
}

.uui-navbar01_logo-link-3 {
  padding-left: 0;
}

.uui-navbar01_component-3 {
  border-bottom: 1px solid var(--untitled-ui--gray100);
  background-color: #fff0;
  align-items: center;
  height: 80px;
  min-height: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.text-block-6 {
  background-color: #0000;
}

.uui-footer01_legal-link {
  color: var(--untitled-ui--gray500);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 0.875rem;
  text-decoration: none;
  transition: all 0.3s;
}

.uui-footer01_legal-link:hover {
  color: var(--untitled-ui--gray600);
}

.uui-footer01_legal-list {
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: grid;
}

.uui-text-size-small-4 {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
}

.uui-text-size-small-4.text-color-gray500 {
  color: var(--untitled-ui--gray500);
}

.uui-footer01_bottom-wrapper {
  border-top: 1px solid var(--untitled-ui--gray200);
  justify-content: space-between;
  align-items: center;
  margin-top: 4rem;
  padding-top: 2rem;
  display: flex;
}

.uui-footer01_social-icon {
  color: var(--untitled-ui--gray400);
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.75rem;
}

.uui-footer01_social-link {
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
}

.uui-footer01_social-link:hover {
  color: var(--untitled-ui--gray600);
}

.uui-footer01_link-list-heading {
  color: var(--untitled-ui--gray500);
  letter-spacing: normal;
  margin-bottom: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
}

.uui-footer01_link-list {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: flex-start start;
  display: flex;
}

.uui-footer01_link {
  grid-column-gap: 0.5rem;
  color: var(--untitled-ui--gray600);
  flex-wrap: nowrap;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
}

.uui-footer01_link:hover {
  color: var(--untitled-ui--gray700);
}

.uui-badge-small-success-4 {
  grid-column-gap: 0.25rem;
  background-color: var(--untitled-ui--success50);
  color: var(--untitled-ui--success700);
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: 0.125rem 0.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  display: flex;
}

.uui-footer01_menu-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
}

.error-message {
  margin-top: 1.5rem;
  padding: 0.875rem 1rem;
}

.success-message {
  background-color: #f4f4f4;
  padding: 1.5rem;
}

.uui-text-style-link {
  color: var(--untitled-ui--gray600);
  text-decoration: underline;
  transition: color 0.3s;
}

.uui-text-style-link:hover {
  color: var(--untitled-ui--gray700);
}

.uui-button-4 {
  grid-column-gap: 0.5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-4:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-4:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-button-4.is-button-small {
  grid-column-gap: 0.5rem;
  padding: 0.5rem 1rem;
}

.uui-form_input {
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray900);
  border-radius: 0.5rem;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: 0.5rem 0.875rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  transition: all 0.3s;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-form_input:focus {
  border-color: var(--untitled-ui--primary300);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
  color: var(--untitled-ui--gray900);
}

.uui-form_input::placeholder {
  color: var(--untitled-ui--gray500);
}

.uui-footer01_form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  margin-bottom: 0.75rem;
  display: grid;
}

.uui-footer01_form-block {
  width: 100%;
  max-width: 35rem;
  margin-top: 2rem;
  margin-bottom: 0;
}

.uui-text-size-medium {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-logo_image-4 {
  flex: none;
  width: auto;
  height: 100%;
  display: none;
}

.uui-logo_logotype-4 {
  flex: none;
  width: auto;
  height: 100%;
}

.uui-logo_logomark-dot-4 {
  z-index: 1;
  background-image: linear-gradient(26.5deg, #6941c6, #53389e);
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: relative;
}

.uui-logo_logomark-blur-4 {
  z-index: 2;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #fff3;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  width: 100%;
  height: 50%;
  position: absolute;
  inset: 50% 0% 0%;
  overflow: hidden;
}

.uui-styleguide_logomark-bg-4 {
  border-radius: 8px;
  width: 2rem;
  height: 2rem;
  position: absolute;
  inset: 0%;
}

.uui-logo_logomark-4 {
  border: 0.1px solid #dae0e8;
  border-radius: 0.5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 1px #1018280f, 0 1px 2px #1018281a;
}

.uui-logo_component-4 {
  flex-wrap: nowrap;
  width: auto;
  height: 2rem;
  display: flex;
}

.uui-footer01_logo-link {
  margin-bottom: 2rem;
}

.uui-footer01_left-wrapper {
  flex-direction: column;
  align-items: flex-start;
  max-width: 32rem;
  display: flex;
}

.uui-footer01_top-wrapper {
  grid-column-gap: 8vw;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 0.75fr auto;
  align-items: start;
}

.uui-padding-vertical-xlarge {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.uui-container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding {
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-button-icon-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-link-4 {
  grid-column-gap: 0.5rem;
  color: var(--untitled-ui--primary700);
  white-space: nowrap;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
}

.uui-button-link-4:hover {
  color: var(--untitled-ui--primary800);
}

.uui-button-row-4 {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-space-small {
  width: 100%;
  min-height: 1.5rem;
}

.uui-space-xxsmall {
  width: 100%;
  min-height: 0.5rem;
}

.uui-heading-xxsmall {
  color: var(--untitled-ui--gray900);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-layout73_image {
  width: 100%;
}

.uui-layout73_image-wrapper {
  background-color: var(--untitled-ui--gray50);
  width: 100%;
  margin-bottom: 2rem;
  position: relative;
}

.uui-layout73_item {
  flex-direction: column;
  align-items: center;
}

.uui-layout73_component {
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.uui-padding-vertical-xhuge {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-navbar01_menu-button-4 {
  padding: 0;
}

.uui-button-5 {
  grid-column-gap: 0.5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-5:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-5:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-button-tertiary-gray-4 {
  grid-column-gap: 0.5rem;
  color: var(--untitled-ui--gray600);
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
}

.uui-button-tertiary-gray-4:hover {
  background-color: var(--untitled-ui--gray50);
  color: var(--untitled-ui--gray700);
}

.uui-button-secondary-gray-4 {
  grid-column-gap: 0.5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray-4:hover {
  background-color: var(--untitled-ui--gray50);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray-4:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-button-secondary-gray-4.show-tablet,
.show-tablet-4 {
  display: none;
}

.uui-navbar01_button-wrapper-4 {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  align-items: center;
  display: flex;
}

.uui-navbar01_menu-right-4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.uui-navbar01_link-4 {
  color: var(--gray-600);
  align-items: center;
  padding: 16px 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
  transition: all 0.3s;
}

.uui-navbar01_link-4:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar01_link-4.w--current {
  color: #000;
}

.uui-navbar01_dropdown-right-overlay-absolute-4 {
  background-color: var(--color--black);
  min-width: 100vw;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.uui-button-icon-5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-link-5 {
  grid-column-gap: 0.5rem;
  color: var(--untitled-ui--primary700);
  white-space: nowrap;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
}

.uui-button-link-5:hover {
  color: var(--untitled-ui--primary800);
}

.uui-button-link-5.is-button-xsmall {
  font-size: 0.875rem;
}

.uui-navbar01_dropdown-content-button-wrapper-4 {
  letter-spacing: normal;
  margin-top: 1rem;
  margin-left: 0.75rem;
  font-size: 0.875rem;
}

.uui-button-row-5 {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-navbar01_item-button-wrapper-4 {
  margin-top: 0.75rem;
}

.uui-text-size-small-5 {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
}

.uui-navbar01_item-heading-4 {
  color: var(--untitled-ui--gray900);
  margin-bottom: 0.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
}

.uui-navbar01_item-heading-4.margin-bottom-0 {
  margin-bottom: 0;
}

.uui-navbar01_large-item-content-4 {
  flex-direction: column;
  justify-content: flex-start;
  font-weight: 400;
  display: flex;
}

.uui-navbar01_blog-image-4 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.uui-navbar01_blog-image-wrapper-4 {
  border-radius: 0.375rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 11rem;
  height: 6.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.uui-navbar01_blog-item-4 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  border-radius: 0.5rem;
  grid-template-rows: auto;
  grid-template-columns: 0.6fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding: 0.75rem;
  text-decoration: none;
  transition: all 0.3s;
  display: grid;
}

.uui-navbar01_blog-item-4:hover {
  background-color: var(--untitled-ui--white);
}

.uui-navbar01_dropdown-blog-list-4 {
  grid-column-gap: 0rem;
  grid-row-gap: 0.5rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: grid;
}

.uui-navbar01_dropdown-content-heading-4 {
  color: var(--untitled-ui--primary600);
  letter-spacing: normal;
  margin-left: 0.75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
}

.uui-navbar01_dropdown-content-wrapper-4 {
  z-index: 1;
  grid-row-gap: 0.75rem;
  grid-template-rows: min-content;
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.uui-navbar01_dropdown-content-right-4 {
  flex: 1;
  max-width: 35rem;
  padding: 2rem 0 2rem 1.25rem;
  display: flex;
  position: relative;
}

.uui-navbar01_item-right-4 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-weight: 400;
  display: flex;
}

.uui-icon-1x1-xsmall-4 {
  width: 1.5rem;
  height: 1.5rem;
}

.uui-navbar01_icon-wrapper-4 {
  color: var(--untitled-ui--primary600);
  flex: none;
}

.uui-navbar01_dropdown-link-4 {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-radius: 0.5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: 0.75rem;
  text-decoration: none;
  transition: all 0.3s;
  display: grid;
}

.uui-navbar01_dropdown-link-4:hover {
  background-color: var(--untitled-ui--gray50);
}

.uui-badge-small-success-5 {
  grid-column-gap: 0.25rem;
  background-color: var(--untitled-ui--success50);
  color: var(--untitled-ui--success700);
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: 0.125rem 0.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  display: flex;
}

.uui-navbar01_text-wrapper-4 {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0px;
  align-items: center;
  margin-bottom: 0.25rem;
  display: flex;
}

.uui-navbar01_heading-4 {
  color: var(--untitled-ui--primary600);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
}

.uui-navbar01_dropdown-link-list-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0.5rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.uui-navbar01_dropdown-content-left-4 {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 2rem 2rem 2rem 0;
  display: grid;
}

.uui-navbar01_dropdown-content-4 {
  width: 100%;
  display: flex;
}

.uui-navbar01_container-4 {
  background-color: var(--dark-900);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.uui-navbar01_dropdown-list-4 {
  background-color: var(--dark-900);
  display: none;
  left: auto;
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.uui-navbar01_dropdown-list-4.w--open {
  background-color: var(--dark-900);
  width: 100vw;
  min-width: 100vw;
  max-width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  position: absolute;
  inset: 5.0625rem auto auto 0%;
  overflow: hidden;
}

.uui-dropdown-icon-4 {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

.uui-navbar01_dropdown-toggle-4 {
  color: var(--gray-600);
  align-items: center;
  padding: 16px 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all 0.3s;
  display: flex;
}

.uui-navbar01_dropdown-toggle-4:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar01_menu-dropdown-4 {
  background-color: #000;
  position: static;
}

.uui-navbar01_menu-left-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  flex: none;
  align-self: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.uui-navbar01_menu-4 {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 1.5rem;
  display: flex;
  position: static;
}

.uui-logo_image-5 {
  flex: none;
  width: auto;
  height: 100%;
  display: none;
}

.uui-logo_logotype-5 {
  flex: none;
  width: auto;
  height: 100%;
}

.uui-logo_logomark-dot-5 {
  z-index: 1;
  background-image: linear-gradient(26.5deg, #6941c6, #53389e);
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: relative;
}

.uui-logo_logomark-blur-5 {
  z-index: 2;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #fff3;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  width: 100%;
  height: 50%;
  position: absolute;
  inset: 50% 0% 0%;
  overflow: hidden;
}

.uui-styleguide_logomark-bg-5 {
  border-radius: 8px;
  width: 2rem;
  height: 2rem;
  position: absolute;
  inset: 0%;
}

.uui-logo_logomark-5 {
  border: 0.1px solid #dae0e8;
  border-radius: 0.5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 1px #1018280f, 0 1px 2px #1018281a;
}

.uui-logo_component-5 {
  flex-wrap: nowrap;
  width: auto;
  height: 2rem;
  display: flex;
}

.uui-navbar01_logo-link-4 {
  padding-left: 0;
}

.uui-navbar01_component-4 {
  border-bottom: 1px solid var(--untitled-ui--gray100);
  background-color: #fff0;
  align-items: center;
  height: 80px;
  min-height: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  display: block;
  overflow: visible;
}

.text-block-7 {
  font-weight: 400;
}

.nav_item {
  grid-row-gap: 12px;
  background-color: #dfb1b1;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 312px;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.wrapper {
  grid-column-gap: var(--size--3);
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.icon {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 76px;
  text-decoration: none;
  display: flex;
}

.content {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 196px;
  text-decoration: none;
  display: flex;
}

.content.swiper-content {
  grid-row-gap: 4px;
  color: #a2a9b2;
  font-size: var(--size--2-5);
  width: auto;
}

.title {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text {
  grid-column-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  display: block;
}

.megamenuitem-text {
  font-family: var(--font--font-sans);
  color: var(--color--white);
  font-size: var(--font--font-base);
  line-height: 120%;
  font-weight: var(--font--font-medium);
  letter-spacing: -0.01em;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 2px;
  text-decoration: none;
}

.description {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.embed-real-time-voice-chat-into-any-app {
  color: var(--color--gray-700);
  margin-top: 0;
  margin-bottom: 0;
  font-family: acumin-pro;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.state-default {
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 800px;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.person {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 48px;
  text-decoration: none;
  display: flex;
}

.charlie-bator {
  color: var(--gray--100);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Acumin Pro, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.engineering-at-supergaming {
  color: var(--gray--500);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Acumin Pro, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.section {
  flex: 0 auto;
  align-self: auto;
  line-height: 1.5;
  display: block;
}

.hero {
  margin-top: 60px;
  padding: 0 120px 60px;
}

.hero.site-hero {
  margin-top: 0;
  padding-top: 60px;
}

.hero-gradient {
  z-index: -1;
  opacity: 1;
  filter: blur(90px);
  pointer-events: auto;
  background-image: linear-gradient(
    122deg,
    #188cff,
    #b55fec 53%,
    #f7f7f7 100%,
    #fff
  );
  width: 483px;
  height: 128px;
  margin-top: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
  position: absolute;
  inset: 97px auto auto 50%;
  transform: translate(-50%);
}

.div-block-3 {
  width: 70%;
  min-height: 300px;
  margin-top: 56px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.image-3 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}

.image-4 {
  object-fit: fill;
  object-position: 50% 50%;
  position: absolute;
  top: 100px;
  left: -140px;
  right: -120px;
}

.image-5 {
  text-align: left;
  object-fit: fill;
  width: 100%;
  position: relative;
}

.div-block-4 {
  text-align: center;
  margin-top: -200px;
  margin-left: -120px;
  margin-right: -120px;
  padding-top: 0;
}

.main-heading {
  color: var(--color--white);
  font-size: var(--font--font-6xl);
  line-height: 95%;
  font-weight: var(--font--font-semibold);
  text-align: center;
  letter-spacing: -1px;
  min-width: auto;
  max-width: 780px;
  margin: 0 auto;
}

.main-heading.smaller {
  font-size: var(--font--font-3xl);
  letter-spacing: -0.64px;
  max-width: 600px;
  line-height: 120%;
}

.hero-info {
  font-size: var(--font--font-lg);
  line-height: 120%;
  font-weight: var(--font--font-normal);
  text-align: center;
  letter-spacing: 0.01px;
  color: #fcf9f8;
  max-width: 520px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.text-span {
  color: #fff;
}

.primary-graidient-text {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    90deg,
    #00c2ff 0.08%,
    #a0faff 33%,
    #fcf9f8 66%,
    #c46ffb
  );
  -webkit-background-clip: text;
  background-clip: text;
  min-width: auto;
}

.text-span-2 {
  color: var(--color--white);
  font-weight: 700;
}

.hero-cta {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.cta-block {
  font-size: var(--font--font-base);
  font-weight: var(--font--font-medium);
  padding: 16px 10px;
}

.text-block-8 {
  font-size: var(--font--font-base);
  line-height: 130%;
}

.partners {
  padding: 40px 120px;
}

.partners-slider {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex: 0 auto;
  justify-content: space-around;
  align-items: center;
  min-width: 1200px;
  max-width: none;
  margin-right: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0;
  display: flex;
  position: static;
  left: auto;
}

.partners-slider.padding-partner {
  padding-left: 20px;
}

.parner-flexbox {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: center;
  align-items: center;
}

.text-block-9 {
  color: var(--color--gray-400);
  font-size: var(--font--font-base);
  line-height: 140%;
  font-weight: var(--font--font-normal);
  text-align: right;
}

.services {
  padding: 100px 120px;
}

.h2 {
  color: var(--color--white);
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  text-align: right;
  letter-spacing: normal;
  max-width: 820px;
  margin: 0 auto;
  font-size: 46px;
}

.h2:lang(es) {
  text-align: left;
}

.h2.display-md {
  font-weight: var(--font--font-semibold);
  text-align: center;
}

.h2.display-md.product-feature-heading {
  font-size: var(--font--font-5xl);
  font-weight: var(--font--font-semibold);
  text-align: center;
  letter-spacing: -0.92px;
  width: auto;
}

.h2.display-md.product-shipment-h2 {
  font-size: var(--font--font-5xl);
  font-weight: var(--font--font-semibold);
  text-align: center;
  letter-spacing: -0.92px;
  align-self: auto;
  width: 100%;
  max-width: 960px;
  margin-right: auto;
  padding-bottom: 20px;
}

.h2.display-md.product-shipment-h2-copy {
  text-align: right;
  letter-spacing: 0;
  align-self: auto;
  width: 100%;
  max-width: 960px;
  margin-right: 0;
  padding-bottom: 20px;
  font-size: 46px;
}

.h2.services-heading {
  color: var(--color--white);
  text-align: right;
  letter-spacing: -2px;
  max-width: 880px;
  font-size: 60px;
  line-height: 100%;
}

.h2.services-heading.service-heading---homepage {
  font-size: var(--font--font-3xl);
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  text-align: center;
  letter-spacing: -0.64px;
}

.h2.interactive-benefits-heading {
  font-size: 40px;
  font-weight: 600;
  line-height: 120%;
}

.h2.fast-board-heading {
  text-align: left;
  letter-spacing: normal;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
}

.h2.pricing-discount-heading {
  font-size: var(--size--8);
  letter-spacing: normal;
  font-weight: 700;
  line-height: 120%;
}

.h2.additional-discount-heading {
  color: #fafafa;
  font-size: var(--size--10);
  line-height: 48px;
  font-weight: var(--font--font-semibold);
  text-align: left;
  margin-bottom: 8px;
  margin-left: 0;
  margin-right: 0;
}

.h2.related-pricing-products-heading {
  font-size: var(--font--font-3xl);
  line-height: 120%;
  font-weight: var(--font--font-bold);
  letter-spacing: normal;
}

.h2.product-benefits-h2 {
  max-width: 880px;
  font-size: 46px;
  line-height: 120%;
}

.h2.virtual-class-heading {
  letter-spacing: normal;
  max-width: none;
  font-size: 46px;
  line-height: 120%;
}

.h2.flexible-features-heading {
  letter-spacing: -1px;
  font-size: 40px;
  font-weight: 600;
  line-height: 120%;
}

.h2.app-builder-tab-heading {
  letter-spacing: -1px;
}

.h2.app-builder-feature-h2 {
  letter-spacing: -1px;
  line-height: 120%;
}

.h2.ui-benefits-heading {
  font-size: var(--font--font-5xl);
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  text-align: center;
  letter-spacing: -0.92px;
}

.h2.solution-packed-h2 {
  font-size: var(--font--font-5xl);
  letter-spacing: -0.92px;
  line-height: 120%;
}

.h2.devtool-heading {
  max-width: 880px;
}

.h2.app-builder-heading-deploy {
  max-width: 998px;
  font-size: 46px;
  line-height: 120%;
  text-align: center;
}

.h2.product-benefits-variant-h2 {
  font-size: var(--font--font-5xl);
  font-weight: var(--font--font-semibold);
  text-align: center;
  letter-spacing: -0.92px;
  white-space: normal;
  word-break: normal;
}

.service-info {
  font-size: var(--font--font-lg);
  line-height: 140%;
  font-weight: var(--font--font-normal);
  text-align: center;
  letter-spacing: 0.1px;
  color: #a2a9b2;
  max-width: 520px;
  margin: 30px auto 45px;
  padding-bottom: 0;
}

.tabs {
  border: 1px #2e2e2e;
  border-radius: 0;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.tabs-content {
  background-color: #141414;
  border-radius: 0 16px 16px 0;
  flex: 0 auto;
  padding: 0;
}

.broadcast-streamings {
  display: block;
}

.broadcast-streamings.feature-tab-menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #ddd0;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.broadcast-streamings.feature-tab-menu.w--current {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131313;
  border-bottom: 1px solid #2e2e2e;
  border-right: 1px solid #000;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.interactive-live-streaming {
  display: block;
}

.interactive-live-streaming.feature-tab-menu {
  background-color: #ddd0;
  padding: 12px 16px;
}

.broadcast-streaming {
  display: block;
}

.broadcast-streaming.feature-tab-menu {
  background-color: #ddd0;
  padding: 12px 16px;
}

.tab-pane-tab-1 {
  object-fit: fill;
  background-color: #ec040400;
  width: 100%;
  max-width: 852px;
  height: 520px;
}

.tab-pane-tab-2,
.tab-pane-tab-3 {
  height: 100%;
}

.tabs-menu {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border: 1px solid #2e2e2e;
  border-right-style: none;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  flex-flow: column;
  width: 220px;
  height: 520px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.feature-tab-text {
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
}

.another-tab {
  display: block;
}

.another-tab.feature-tab-menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #ddd0;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.another-tab.feature-tab-menu.w--current {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #c8c8c800;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.interactive-live-streamings {
  display: block;
}

.interactive-live-streamings.feature-tab-menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #ddd0;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.interactive-live-streamings.feature-tab-menu.w--current {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131313;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.text-block-10 {
  color: var(--gray--100);
}

.div-block-5 {
  text-align: center;
  flex: 0 0 40%;
  justify-content: center;
  align-self: center;
  margin-top: 40px;
  display: flex;
}

.div-block-5.features {
  margin-top: -40px;
}

.features {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.features-sub-heading {
  font-size: var(--font--font-lg);
  line-height: 140%;
  font-weight: var(--font--font-normal);
  text-align: center;
  letter-spacing: 0.1px;
  color: #a2a9b2;
  max-width: 800px;
}

.network {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-image: none;
  border: 1px solid #2b2b2b;
  border-radius: 12px;
  flex-flow: column;
  max-height: 560px;
  margin-top: 60px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.network.services-gradient-bg {
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.text-block-11 {
  color: var(--color--white);
  letter-spacing: -0.96px;
  font-size: 32px;
  font-weight: 600;
  line-height: 110%;
}

.blue-gradient {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(730deg, #44e8fe, #2284ff);
  -webkit-background-clip: text;
  background-clip: text;
}

.service-card {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.text-block-12 {
  margin-top: 20px;
  font-size: 16px;
  line-height: 120%;
}

.service-network {
  flex: 0 auto;
  display: none;
}

.service-video-heading {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(154deg, #363636 100% 100%, #535353 80%);
  background-clip: border-box;
  border: 1px solid #2b2b2b;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  padding: 12px;
}

.public-network {
  background-color: #099dfd;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.text-block-13 {
  color: #d8d8d8;
  letter-spacing: -0.54px;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
}

.realtime {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: flex;
}

.public {
  background-color: #ec7629;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.image-6 {
  filter: none;
  border-top: 1px solid #7e7e7e;
  border-left: 1px solid #7e7e7e;
  border-right: 1px solid #7e7e7e;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.quick-stack-2 {
  margin-top: 20px;
  padding: 0;
}

.feature-cell {
  background-image: linear-gradient(156deg, #212020 100%, #fff);
  border: 1px solid #2b2b2b;
  border-radius: 12px;
  padding: 40px;
}

.feature-cell.services-gradient-bg {
  background-image: none;
  border-color: #242424;
  justify-content: center;
  align-items: flex-start;
  padding-left: 32px;
}

.feature-cell.services-gradient-bg.enterprise {
  background-image: none;
  padding-right: 100px;
}

.feature-cell.services-gradient-bg.enterprise-card {
  padding-right: 100px;
}

.heading {
  color: var(--color--white);
}

.feature-cell-heading {
  z-index: 2;
  color: var(--color--white);
  font-size: var(--font--font-xl);
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}

.feature-cell-heading.center-feature-heading {
  text-align: center;
}

.text-block-14 {
  color: var(--color--white);
  font-size: var(--font--font-xl);
  font-weight: var(--font--font-medium);
}

.text-block-15 {
  color: #818181;
  text-transform: uppercase;
  font-size: 16px;
}

.flex-block-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
}

.flex-block-4 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
}

.image-7 {
  height: auto;
}

.flex-block-5 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  height: 100%;
}

.div-block-6 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.text-block-15-copy {
  color: #818181;
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 600;
  line-height: 120%;
}

.div-block-7 {
  background-image: linear-gradient(304deg, #292828 100%, #fff);
  border-radius: 60px;
  margin-bottom: 2px;
  margin-left: 0;
  margin-right: 0;
  padding: 8px;
}

.text-block-16 {
  color: #84888b;
  font-size: 14px;
  line-height: 120%;
  font-weight: var(--font--font-medium);
  margin-top: 16px;
}

.image-8 {
  width: 100%;
}

.flex-block-6 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.flex-block-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 40px;
  position: relative;
}

.flex-block-7.services-gradient-bg {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
}

.image-9 {
  z-index: 1;
  border-bottom-right-radius: 12px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.feature-cell-no-padding {
  background-image: linear-gradient(156deg, #212020 100%, #fff);
  border-radius: 12px;
  padding: 0;
}

.feature-cell-no-padding.services-gradient-bg {
  background-image: none;
  border: 1px solid #242424;
}

.enterprise-text {
  color: var(--gray--700);
  font-size: var(--font--font-sm);
  line-height: 140%;
  font-weight: var(--font--font-normal);
  margin-top: 16px;
}

.global-text {
  z-index: 2;
  color: #84888b;
  margin-top: 0;
  font-size: 14px;
  line-height: 120%;
  position: relative;
}

.flex-block-8 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: none;
}

.flex-block-9 {
  flex: 0 auto;
}

.flex-block-10 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
}

.div-block-8 {
  background-image: radial-gradient(
    circle at 50% 0,
    #1a1a1a,
    #151515 50%,
    #101010
  );
  border: 1px solid #242424;
  border-radius: 12px 12px 0 0;
  width: 100%;
  height: 100px;
  padding: 40px;
}

.last-feature-cell {
  border-radius: 12px;
  padding: 0;
}

.onboarding-v2 {
  background-color: var(--agora--800);
  padding: 120px 60px;
}

.onboarding-heading {
  color: var(--color--white);
  text-align: center;
  letter-spacing: -1.8px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 56px;
  line-height: 120%;
}

.onboarding-top-block {
  max-width: 724px;
  margin-left: auto;
  margin-right: auto;
}

.tabs-2 {
  flex-flow: column;
  align-items: center;
  margin-top: 56px;
  display: none;
}

.tabs-menu-2 {
  border: 1px solid var(--color--white);
  background-color: #fff0;
  border-radius: 51px;
  justify-content: center;
  padding: 8px;
  display: inline-flex;
}

.tabs-content-2 {
  flex: auto;
  width: 100%;
  margin-top: 100px;
}

.onboarding-tab {
  color: var(--color--white);
  text-align: center;
  text-transform: uppercase;
  background-color: #ddd0;
  min-width: 140px;
  padding: 16px 20px;
}

.onboarding-tab.w--current {
  color: var(--color--black);
  background-color: #fff;
  border-radius: 76px;
}

.onboarding-gradient {
  z-index: 0;
  opacity: 1;
  filter: blur(90px);
  pointer-events: auto;
  background-image: linear-gradient(
    122deg,
    #188cff,
    #b55fec 53%,
    #f7f7f7 100%,
    #fff
  );
  width: 483px;
  height: 128px;
  margin-top: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
  position: absolute;
  inset: 99px auto auto 50%;
  transform: translate(-50%);
}

.extension-heading {
  font-family: var(--font--font-sans);
  color: var(--color--white);
  font-size: var(--font--font-3xl);
  line-height: 100%;
  font-weight: var(--font--font-semibold);
  text-align: center;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.extension-marketplace {
  padding: 80px 120px;
}

.grid-2 {
  grid-template-areas: '. Area';
  margin-top: 24px;
}

.quick-stack-3 {
  padding-top: 20px;
}

.extension-quick-stack {
  grid-column-gap: 20px;
  padding-top: 20px;
}

.extension-container {
  background-image: radial-gradient(circle, #1a1a1a, #151515 54%, #101010);
  border-radius: 12px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: auto;
}

.extension-container:hover {
  background-image: radial-gradient(
      circle farthest-side at 50% 0,
      #dee2e50d,
      #dee2e500
    ),
    radial-gradient(circle, #1a1a1a, #151515 54%, #101010);
  text-decoration: none;
}

.text-2xl {
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.text-2xl.extension-card-heading {
  color: var(--color--white);
  font-size: var(--font--font-xl);
  font-weight: var(--font--font-semibold);
}

.text-2xl.product-feature-heading {
  color: var(--color--white);
  font-size: var(--font--font-xl);
  line-height: 140%;
  font-weight: var(--font--font-semibold);
}

.text-2xl.product-help-heading {
  color: var(--color--white);
  font-weight: var(--font--font-semibold);
  width: 85%;
}

.text-2xl.ext-card-heading {
  font-family: var(--font--font-sans);
  color: var(--color--white);
  font-weight: 500;
}

.text-l {
  color: var(--gray-800);
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.text-l.extension-card-content {
  color: var(--gray--500);
  font-size: var(--font--font-sm);
  font-weight: var(--font--font-medium);
  margin-top: 10px;
  text-decoration: none;
}

.text-l.extension-card-content-horizontal {
  color: var(--gray--500);
  text-align: center;
  margin-top: 24px;
}

.text-l.extension-card-content-horizontal-copy {
  color: var(--color--gray-500);
  text-align: center;
  max-width: 375px;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
}

.text-l.product-feature-content {
  color: var(--color--gray-400);
  font-size: var(--font--font-base);
  line-height: 150%;
  font-weight: var(--font--font-normal);
}

.text-l.product-feature-content.partner {
  display: none;
}

.text-l.benefit-content {
  color: var(--color--gray-600);
  font-size: var(--font--font-base);
  line-height: 150%;
  font-weight: var(--font--font-normal);
}

.text-l.benefit-content.bold {
  font-weight: 700;
  display: block;
}

.text-l.p-testimonial-content {
  color: #a1a1aa;
  font-size: var(--font--font-base);
  line-height: 150%;
  font-weight: var(--font--font-normal);
  letter-spacing: 0.16px;
}

.text-l.product-feature-stretched-content {
  color: var(--color--gray-400);
  font-weight: 400;
}

.text-l.small-card-content {
  color: var(--gray-700);
  padding: 0;
  font-weight: 400;
}

.text-l.adv {
  color: var(--color--gray-600);
}

.left {
  padding: 40px;
  text-decoration: none;
}

.spatial-section-image {
  border-radius: 0 12px 12px 0;
  margin-top: 0;
}

.spatial-section-image.hide-spatial-image {
  margin-bottom: 0;
}

.spatial-section-image.floored {
  margin-top: 46px;
  position: static;
}

.spatial-section-image.bottom-image {
  object-fit: cover;
  height: 100%;
}

.image-11 {
  margin-top: 0;
}

.ext-left {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 60%;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.extension-container-horizontal {
  background-image: radial-gradient(circle, #1a1a1a, #151515 54%, #101010);
  border-radius: 12px;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  min-height: 312px;
}

.extension-container-horizontal:hover {
  background-image: radial-gradient(
      circle farthest-side at 0%,
      #dee2e50d 15%,
      #fff0 65%
    ),
    radial-gradient(circle, #1a1a1a, #151515 54%, #101010);
}

.ext-right {
  flex: 0 40%;
}

.display-md {
  font-size: 46px;
  font-weight: 700;
  line-height: 120%;
}

.display-md.extension-heading {
  font-size: var(--font--font-5xl);
  line-height: 120%;
  font-weight: var(--font--font-semibold);
}

.div-block-9 {
  flex-flow: column;
  flex: 0 60%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.jumbotron {
  padding: 120px 60px;
}

.text-block-17 {
  color: var(--color--white);
  font-size: var(--font--font-xl);
  font-weight: 300;
  line-height: 100%;
}

.text-block-17:lang(ko) {
  padding-bottom: 40px;
}

.jumbotron-black-paragraph {
  color: #1a1a1a;
  letter-spacing: -4px;
  text-transform: uppercase;
  font-size: 120px;
  font-weight: 900;
  line-height: 80%;
}

.color-jumbo-text {
  opacity: 0;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    90deg,
    #00c2ff 0.08%,
    #93f9ff 33%,
    #fcf9f8 61.67%,
    #ce7bff
  );
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 900;
  transition: opacity 0.2s linear;
}

.agora-usecases {
  padding: 80px 60px;
}

.text-block-19 {
  color: var(--color--white);
  font-size: var(--font--font-xs);
  line-height: 14px;
  font-weight: var(--font--font-normal);
  letter-spacing: 1px;
  text-transform: uppercase;
}

.usecase-heading {
  color: var(--color--white);
  font-size: var(--font--font-5xl);
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  text-align: left;
  letter-spacing: normal;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}

.flex-block-11 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 0 60%;
}

.flex-block-12 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  margin-bottom: 40px;
}

.grid-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  cursor: pointer;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.home-usecases-link {
  height: 316px;
  min-height: 316px;
  position: relative;
}

.image-12 {
  opacity: 1;
  cursor: pointer;
  object-fit: cover;
  border-radius: 12px;
  width: 230px;
  height: 100%;
}

.flex-block-13 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  padding: 20px;
  position: absolute;
  top: auto;
  bottom: 0;
}

.text-block-20 {
  color: var(--color--white);
  font-size: var(--font--font-xs);
  line-height: 120%;
  font-weight: var(--font--font-normal);
}

.text-block-21 {
  color: var(--color--white);
  font-size: var(--font--font-lg);
  line-height: 100%;
  font-weight: var(--font--font-bold);
}

.testimonials {
  padding: 60px 60px 120px;
}

.testimonial-heading {
  color: var(--color--white);
  font-size: var(--font--font-5xl);
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  text-align: center;
  letter-spacing: 0;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-11 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.image-13 {
  width: 100%;
  display: none;
}

.testimonial-flexbox {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 auto;
  align-items: stretch;
  width: auto;
  height: auto;
  display: flex;
}

.single-testimonial {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--agora--500);
  border-radius: 12px;
  flex-flow: column;
  flex: 0 auto;
  height: auto;
  min-height: 260px;
  padding: 20px;
  font-size: 18px;
  transition: all 0.4s ease-in-out;
  display: flex;
}

.single-testimonial:hover {
  background-image: none;
}

.single-testimonial.long-single-testimonial {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: space-around;
  max-width: 600px;
  height: auto;
  min-height: 260px;
  font-size: 22px;
}

.single-testimonial.long-single-testimonial.spotlight-card {
  background-image: none;
}

.testimonial-avatar {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.flex-block-14 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--gray--200);
}

.home-testimonial-headshot {
  border-radius: 80px;
  flex: none;
  width: 48px;
  height: 48px;
}

.text-block-22 {
  color: var(--color--gray-200);
  font-size: 14px;
  line-height: 1.5;
  font-weight: var(--font--font-semibold);
}

.text-block-23 {
  color: var(--color--gray-500);
  font-size: var(--font--font-xs);
  line-height: 120%;
  font-weight: var(--font--font-normal);
}

.flex-block-15 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
}

.home-cta-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  padding: 60px 120px 20px;
  display: flex;
}

.main-cta-container {
  max-width: var(--size--container);
  background-color: var(--agora--400);
  border-radius: 24px;
  width: 100%;
  max-height: none;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: block;
  overflow: hidden;
}

.home-cta-heading {
  font-family: var(--font--font-sans);
  color: var(--color--white);
  font-size: var(--font--font-5xl);
  line-height: 100%;
  font-weight: var(--font--font-semibold);
  text-align: left;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 20px;
}

.text-block-24 {
  font-family: var(--font--font-sans);
  color: var(--color--gray-700);
  font-size: var(--font--font-base);
  font-weight: var(--font--font-normal);
  margin-top: 16px;
  margin-right: 20px;
}

.maincta-text {
  text-align: left;
  flex: 0 auto;
  align-self: auto;
  padding-bottom: 0;
}

.flex-block-16 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: stretch;
  max-height: 335px;
}

.image-15 {
  flex: 0 50%;
}

.image-15.home-cta-bottom-touched-image {
  vertical-align: baseline;
  align-self: flex-end;
}

.div-block-13 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: 0 50%;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.div-block-13.home-cta-left-pad {
  flex-grow: 1;
  flex-shrink: 0;
  height: auto;
  max-height: 335px;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
}

.div-block-14 {
  height: 51px;
}

.primary-btn-label-medium {
  color: var(--color--black);
  font-size: 16px;
  line-height: 28px;
  font-weight: var(--font--font-medium);
  letter-spacing: -0.16px;
  text-transform: none;
  padding-right: 12px;
  text-decoration: none;
}

.primary-btn-label-medium.primary-outline-btn-label {
  text-transform: none;
}

.shipping-video-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid #302f2f;
  border-radius: 20px;
  flex-flow: column;
  flex: 0 50%;
  justify-content: space-between;
  align-items: flex-start;
  padding: 40px;
  display: flex;
}

.shipping-video-card.sdk {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  background-color: var(--color--dark-600);
  flex: 70%;
}

.shipping-video-card.small {
  flex-basis: 50%;
}

.display-xs {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 120%;
}

.display-xs.cta-small-card-heading {
  color: var(--color--white);
  font-size: var(--font--font-3xl);
  font-weight: var(--font--font-semibold);
}

.display-xs.benefits-h3 {
  color: var(--color--white);
  font-size: var(--font--font-1-5xl);
  font-weight: var(--font--font-semibold);
  margin-bottom: 8px;
}

.text-block-26 {
  color: #84888b;
  font-size: var(--font--font-base);
  line-height: 140%;
  font-weight: var(--font--font-normal);
  flex: 1;
  margin-top: 0;
  margin-bottom: 40px;
}

.sdk_uikit {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: stretch;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.success-stories-card {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  display: flex;
}

.carousel {
  padding-top: 120px;
  padding-bottom: 120px;
}

.image-16 {
  flex: 0 auto;
  align-self: auto;
  width: 540px;
}

.flex-block-18 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

.heading-3 {
  color: var(--color--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 52px;
  line-height: 100%;
}

.heading-4 {
  color: var(--color--white);
  letter-spacing: 0.1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
}

.flex-block-19 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.text-block-27 {
  letter-spacing: 0.1px;
  font-size: 12px;
  line-height: 120%;
}

.image-16-copy,
.image-17,
.image-18 {
  width: 540px;
}

.mask {
  background-color: #000;
}

.jumbotron-color-paragraph {
  color: var(--color--white);
  font-size: var(--font--font-9xl);
  line-height: 80%;
  font-weight: var(--font--font-black);
  letter-spacing: -4px;
  text-transform: uppercase;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  display: block;
  position: absolute;
}

.div-block-15 {
  position: relative;
}

.plain {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.text-span-3,
.text-span-4,
.text-span-5,
.text-span-6,
.text-span-7,
.text-span-8 {
  opacity: 0;
  transition: opacity 0.2s linear;
}

.div-block-16 {
  position: sticky;
  top: 120px;
}

.div-block-17 {
  height: 150vh;
  position: relative;
}

.body-2 {
  background-color: var(--primary--black);
  font-family: var(--font--font-sans);
  color: var(--gray-700);
}

.secondary-hero {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  -webkit-text-fill-color: inherit;
  background-image: url('../images/Hero-Section_1.webp');
  background-position: 50% 100%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
  background-clip: border-box;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  padding: 80px 120px;
  display: flex;
}

.secondary-hero.solution-hero-section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: stretch;
  height: auto;
  padding-left: 60px;
  padding-right: 60px;
}

.secondary-hero.solution-hero-section.overflow-hidden {
  overflow: hidden;
}

.display-l {
  font-size: 56px;
  line-height: 120%;
}

.display-l.hero-variant-2-title-2 {
  color: var(--color--white);
  font-weight: var(--font--font-semibold);
  margin-top: 0;
  margin-bottom: 20px;
}

.display-l.hero-variant-2-title-2.solutions-hero-title {
  margin-bottom: 48px;
}

.display-l.hero-variant-2-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
}

.display-l.product-hero-variant-title {
  letter-spacing: -1.12px;
  line-height: 100%;
}

.text-xl {
  font-size: 18px;
  line-height: 140%;
}

.text-xl.hero-variant-2-des-2 {
  color: var(--color--gray-500);
  font-size: var(--font--font-lg);
  line-height: 150%;
  font-weight: var(--font--font-normal);
}

.text-xl.hero-variant-2-des-2.solution-hero-desc {
  color: var(--color--gray-100);
  line-height: 150%;
}

.text-xl.supported-platforms {
  color: var(--color--white);
  text-transform: uppercase;
  margin-top: 0;
}

.text-xl.hero-variant-2-des,
.text-xl.hero-variant-2-des-copy {
  color: #a7aeb5;
  font-weight: 400;
}

.text-xl.product-hero-variant-description {
  color: var(--color--gray-600);
  font-weight: 500;
  line-height: 150%;
}

.flex-block-20 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex: 0 50%;
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-block-20.overflow {
  margin-top: 40px;
  margin-bottom: 40px;
}

.label-text-large {
  letter-spacing: -0.18px;
  font-size: 18px;
  line-height: 100%;
}

.label-text-large.agora-link {
  color: #f8f9f9;
  font-size: var(--font--font-lg);
  font-weight: var(--font--font-medium);
  font-weight: 500;
  text-decoration: none;
}

.hero-actions {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.hero-actions.appbuilder-hero-action {
  display: flex;
}

.flex-block-22 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  min-height: auto;
  max-height: 560px;
}

.div-block-18 {
  flex: 0 50%;
  align-items: center;
  max-width: 660px;
  min-height: 280px;
  display: flex;
}

.supported-platforms {
  margin-top: 40px;
}

.product-platform-images {
  width: 52px;
  height: 52px;
}

.supported-platforms-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.platform-image-container {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #0000004d;
  border-radius: 35px;
  order: -1;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  padding: 0;
  display: flex;
}

.platform-image-container:hover {
  background-color: #00000026;
  border: 0.5px solid #ffffff1a;
}

.platform-image-container.shaded-platform-bg {
  background-color: var(--color--dark-300);
}

.image-19 {
  width: 24px;
  height: 24px;
}

.collection-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.developer-tools {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  padding: 80px 120px 40px;
  display: flex;
}

.product-features-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  display: grid;
}

.icon-container {
  border: 1px solid #363636;
  border-radius: 80px;
  padding: 10px;
}

.icon-container.icon-shade {
  flex: none;
  order: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  display: flex;
}

.icon-container.icon-shade.large-icon-container,
.icon-container.icon-shade.big-one {
  width: 80px;
  height: 80px;
}

.spotlight-card {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  padding: 40px;
}

.spotlight-card.product-help-container {
  display: flex;
}

.spotlight-card.shipping-video-card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--color--dark-600);
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  display: flex;
}

.spotlight-card.px-4 {
  border: 1px solid red;
  margin-bottom: 20px;
}

.spotlight-card.product-feature-cards {
  height: 100%;
}

.spotlight-card.product-feature-cards.partner-program-card {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-left: 0;
  padding-right: 0;
}

.spotlight-card.product-feature-cards--stretched {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  height: 100%;
}

.flex-block-24 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.shield-icon,
.shield-icon-copy,
.misc-icon {
  width: 48px;
  height: 48px;
}

.radio-icon {
  width: 32px;
  height: 32px;
}

.screenshare-icon,
.raise-icon {
  width: 48px;
  height: 48px;
}

.product-help {
  padding: 40px 120px;
}

.image-20 {
  flex: none;
  width: 380px;
  height: 280px;
}

.flex-block-25 {
  justify-content: space-between;
}

.product-help-heading {
  margin-top: 0;
  margin-bottom: 18px;
}

.text-block-28 {
  margin-bottom: 20px;
}

.text-md {
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
}

.text-md.product-help-content {
  color: var(--color--gray-600);
  font-size: var(--font--font-sm);
  line-height: 140%;
  font-weight: var(--font--font-medium);
  width: 85%;
  margin-bottom: 32px;
}

.flex-block-26 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.colorful-globe-icon {
  width: 24px;
  height: 24px;
}

.flex-block-27 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-bottom: 20px;
}

.product-benefits {
  padding: 60px 120px;
}

.text-block-29 {
  color: var(--color--gray-600);
  font-size: var(--font--font-lg);
  line-height: 140%;
  font-weight: var(--font--font-medium);
  text-align: center;
  justify-content: center;
  width: auto;
  max-width: 560px;
  margin-top: 8px;
  display: flex;
}

.div-block-19 {
  justify-content: center;
  display: flex;
}

.benefits-block {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: row;
  align-items: center;
  margin-top: 48px;
  display: flex;
}

.benefits-block.no-center {
  align-items: flex-start;
}

.benefits-block.collaboration-benefit-block {
  flex-flow: column;
  margin-top: 20px;
}

.benefits-featured-image {
  border-radius: 20px;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  width: 50%;
  max-width: 100%;
  height: 100%;
}

.benefits-featured-image.image-lasst {
  order: 1;
}

.benefits {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.benefits.horizontal {
  grid-column-gap: 41px;
  grid-row-gap: 41px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.heading-5 {
  margin-top: 0;
  margin-bottom: 0;
}

.benefit {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.benefit.ai-solution {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.product-shipment {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  padding: 60px 120px;
  display: flex;
}

.shipment-content {
  color: var(--gray-600);
  width: 80%;
  margin-top: 16px;
  margin-bottom: 60px;
  font-size: 16px;
  line-height: 130%;
}

.shipment-content.shipment-content-full {
  width: auto;
  max-width: 760px;
  margin-bottom: 36px;
}

.pill-default {
  background-color: var(--agora--200);
  color: var(--gray-500);
  border: 0.75px solid #4f505275;
  border-radius: 60px;
  flex-flow: row;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  height: auto;
  max-height: 34px;
  margin-bottom: 24px;
  padding: 12px;
  font-family: Inter, sans-serif;
  font-weight: 700;
  display: flex;
}

.pill-default.pill-extensions {
  color: var(--color--gray-500);
  font-size: var(--size--3);
  letter-spacing: -0.24px;
  text-transform: uppercase;
  align-items: center;
  height: 24px;
  margin-bottom: 0;
  padding: 8px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
}

.pill-default.pill-extensions.heading-pill-ext {
  display: none;
}

.text-block-30 {
  font-family: var(--font--font-sans);
  color: var(--color--gray-500);
  font-size: var(--font--font-xs);
  line-height: 12px;
  font-weight: var(--font--font-semibold);
  text-transform: uppercase;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  height: 20px;
  display: flex;
}

.flex-block-29 {
  justify-content: space-between;
  width: 100%;
}

.link-block-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: flex-end;
  text-decoration: none;
  display: inline-flex;
}

.primary-btn-label-medium-go-to-docs {
  color: var(--color--white);
  letter-spacing: -0.16px;
  text-transform: none;
  padding-right: 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.primary-btn-label-medium-go-to-docs.primary-outline-btn-label {
  text-transform: none;
}

.product-testimonial {
  padding: 80px 120px;
}

.testimonial-layout {
  border: 1px solid var(--color--dark-50);
  border-radius: 24px;
  padding: 0;
  display: flex;
}

.flex-block-31 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
}

.secondary-testimonial-logo {
  width: auto;
  height: 40px;
  max-height: 40px;
}

.text-block-31 {
  color: var(--color--gray-300);
  font-size: var(--font--font-xl);
  line-height: 140%;
  font-weight: var(--font--font-normal);
  flex: 1;
}

.flex-block-32 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex: 1;
}

.product-testimonial-avatar-name {
  color: var(--gray--100);
  font-size: 14px;
  line-height: 1.5;
  font-weight: var(--font--font-semibold);
  text-transform: uppercase;
}

.product-testimonial-designation {
  color: var(--gray-600);
  text-transform: uppercase;
  font-size: 12px;
  line-height: 120%;
}

.product-user-testimonial {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  border-right: 1px none var(--color--dark-50);
  flex: 0 auto;
  height: 100%;
  min-height: 480px;
  padding: 60px 40px;
}

.product-usecases {
  padding: 80px 120px;
}

.product-usage-heading {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.product-usage-heading.centered {
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: flex;
}

.product-usage-heading.center-heading {
  align-items: center;
}

.product-usage-action {
  text-align: center;
  flex: none;
  justify-content: center;
  align-self: auto;
  margin-top: 20px;
  display: flex;
}

.product-usage-content {
  color: var(--color--gray-600);
  font-size: var(--font--font-base);
  line-height: 120%;
  font-weight: var(--font--font-normal);
  letter-spacing: 0.1px;
  max-width: 600px;
  margin-top: 8px;
}

.product-usage-flex {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

.usages-collection {
  float: none;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.trend-card {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding: 20px;
  text-decoration: none;
}

.trend-card.trends {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.trend-card.large {
  justify-content: flex-start;
  align-items: flex-start;
  padding: 32px;
}

.trend-card-container {
  background-color: var(--color--dark-600);
  border-radius: 20px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 230px;
  max-width: 100%;
  height: 100%;
}

.trend-card-container:hover {
  text-decoration: none;
}

.trend-card-container.large {
  justify-content: flex-start;
  height: 100%;
}

.trend-card-container.large.br-12 {
  border-radius: 12px;
}

.trend-card-container.large.br-12:hover {
  background-color: var(--color--dark-600);
}

.trend-card-container.large.br-12.hover:hover,
.trend-card-container.partner:hover {
  background-color: var(--color--dark-300);
}

.image-23 {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  width: 100%;
}

.trend-card-title {
  color: var(--color--white);
  font-size: var(--font--font-1-5xl);
  line-height: 120%;
  font-weight: var(--font--font-semibold);
}

.text-block-33 {
  font-size: 16px;
  line-height: 130%;
}

.button-primary-outline {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--color--white);
  color: var(--dark-900);
  text-align: left;
  text-transform: uppercase;
  background-color: #fff0;
  border-radius: 72px;
  flex: none;
  justify-content: center;
  align-items: center;
  max-height: 56px;
  margin-top: 0;
  padding: 10px 12px;
  font-size: 12px;
  text-decoration: none;
  transition: all 0.2s;
  display: inline-flex;
}

.button-primary-outline:hover {
  background-color: var(--color--white);
  color: #fff;
}

.button-primary-outline:active {
  background-color: #43464d;
}

.button-primary-outline.outline {
  background-color: #fff;
  margin-left: 0;
}

.button-primary-outline.outline.usecases-view-all-button,
.button-primary-outline.usecases-view-all-button-2-2 {
  margin-left: auto;
}

.primary-btn-label-outline {
  color: var(--color--white);
  letter-spacing: -0.18px;
  text-transform: none;
  padding-right: 12px;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.primary-btn-label-outline:hover {
  color: var(--dark-900);
}

.primary-btn-label-outline.primary-outline-btn-label {
  text-transform: none;
}

.platform-image-container-hard-bg {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #1a1a1a;
  border-radius: 35px;
  order: -1;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  padding: 0;
  display: flex;
}

.services-image {
  object-fit: none;
  width: auto;
  max-width: none;
  height: 416px;
}

.popped-card {
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.video-calling {
  display: block;
}

.video-calling.feature-tab-menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--gray--700);
  background-color: #ddd0;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.video-calling.feature-tab-menu.w--current {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131313;
  border-bottom: 1px solid #2e2e2e;
  border-right: 1px solid #000;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.interactive-streaming {
  display: block;
}

.interactive-streaming.feature-tab-menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--gray--700);
  background-color: #ddd0;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.interactive-streaming.feature-tab-menu.w--current {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131313;
  border-bottom: 1px solid #2e2e2e;
  border-right: 1px solid #000;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.interactive-live-streamings-copy {
  display: block;
}

.interactive-live-streamings-copy.feature-tab-menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #ddd0;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.interactive-live-streamings-copy.feature-tab-menu.w--current {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131313;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.voice-call {
  display: block;
}

.voice-call.feature-tab-menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #ddd0;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.voice-call.feature-tab-menu.w--current {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--color--white);
  background-color: #131313;
  border-bottom: 1px solid #2e2e2e;
  border-right: 1px solid #000;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.streaming-broadcast-streaming {
  display: block;
}

.streaming-broadcast-streaming.feature-tab-menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--gray--700);
  background-color: #ddd0;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.streaming-broadcast-streaming.feature-tab-menu.w--current {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131313;
  border-bottom: 1px solid #2e2e2e;
  border-right: 1px solid #000;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.chat {
  display: block;
}

.chat.feature-tab-menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--gray--700);
  background-color: #ddd0;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.chat.feature-tab-menu.w--current {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131313;
  border-bottom: 1px solid #2e2e2e;
  border-right: 1px solid #000;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.interactive-whiteboard {
  display: block;
}

.interactive-whiteboard.feature-tab-menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--gray--700);
  background-color: #ddd0;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.interactive-whiteboard.feature-tab-menu.w--current {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131313;
  border-bottom: 1px solid #2e2e2e;
  border-right: 1px solid #000;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.signaling {
  display: block;
}

.signaling.feature-tab-menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--gray--700);
  background-color: #ddd0;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.signaling.feature-tab-menu.w--current {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131313;
  border-bottom: 1px solid #2e2e2e;
  border-right: 1px solid #000;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.iot {
  display: block;
}

.iot.feature-tab-menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--gray--700);
  background-color: #ddd0;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.iot.feature-tab-menu.w--current {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131313;
  border-bottom: 1px solid #2e2e2e;
  border-right: 1px solid #000;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.feature-tab-menu.w--current {
  color: var(--color--white);
}

.image-24 {
  border-top: 1px solid #7e7e7e;
  border-left: 1px solid #7e7e7e;
  border-right: 1px solid #7e7e7e;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.flex-block-35 {
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  width: 100%;
}

.image-25 {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  flex: 0 auto;
  width: 100%;
  margin: auto 32px 32px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

.div-block-20 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px #000;
  flex-flow: column;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.text-block-34,
.text-block-35,
.text-block-36,
.text-block-37,
.text-block-38 {
  font-size: 18px;
}

.footer-social-icons-container {
  background-color: var(--color--transparent);
  border-radius: 12px;
  min-width: 335px;
  padding: 20px;
  position: absolute;
  top: -60px;
  left: -20px;
  transform: translate(0, -50%);
}

.marquee-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: 0 80%;
  max-width: 900px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-22 {
  flex: none;
}

.div-block-23 {
  margin-left: auto;
}

.faded-overlay {
  z-index: 3;
  background-image: linear-gradient(0deg, #000 15%, #0000 100%, #03030361);
  border-radius: 0;
  width: 100%;
  height: 89px;
  position: absolute;
  top: 12px;
}

.with-overlay-div {
  background-image: linear-gradient(156deg, #363636 1.06%, #fff0);
  border-radius: 12px;
  width: 100%;
  height: 99px;
  position: relative;
}

.div-block-24,
.div-block-25 {
  height: 101px;
}

.interactive-whiteboard-benefits {
  flex-flow: column;
  padding: 120px 100px;
  display: flex;
}

.text-block-40 {
  color: #099dfd;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 138.667%;
}

.div-block-26 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  margin-bottom: 44px;
  display: flex;
}

.video {
  flex: none;
  width: 549px;
  height: 311px;
}

.whiteborad-video {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
}

.div-block-27 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--gray--300);
  flex-flow: column;
  font-size: 18px;
  line-height: 27px;
  display: flex;
}

.collection-list-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-2.products {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.fast-board-section {
  padding: 60px 120px;
}

.flex-block-37 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  border: 1px solid #302f2f;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  padding: 60px;
}

.image-26 {
  flex: none;
}

.flex-block-38 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  max-width: none;
}

.image-27 {
  flex: 0 auto;
}

.last-marquee-item {
  padding-right: 60px;
}

.marquee-overlay {
  background-image: linear-gradient(90deg, #000 36.77%, #fff0);
  width: 65px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
}

.collection-list-wrapper {
  display: block;
}

.mega-menu-item {
  grid-row-gap: 12px;
  border-radius: var(--size--3);
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 312px;
  padding: 12px;
  text-decoration: none;
  display: block;
  overflow: hidden;
}

.mega-menu-item:hover {
  border: 0px none var(--color--dark-100);
  border-radius: var(--size--2-5);
  background-color: var(--color--dark-400);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.mega-menu-item.megamenuitem-responsive {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.mega-menu-tag {
  grid-column-gap: 8px;
  border: 0.75px undefined undefined;
  background-image: linear-gradient(-78.69deg, #212121 0%, #292828 100%);
  border-radius: 60px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px;
  text-decoration: none;
  display: flex;
}

.link-real-time-video-content-moderation-from-activefence---now-in-beta {
  color: #d9d9d9;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Acumin Pro, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.mega-menu-title {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.core-products {
  font-family: var(--font--font-sans);
  color: var(--color--gray-700);
  font-size: var(--font--font-sm);
  line-height: 100%;
  font-weight: var(--font--font-semibold);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
}

.mega-menu-card {
  grid-row-gap: 10px;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 384px;
  height: 242px;
  padding: 10px 10px 40px;
  text-decoration: none;
  display: flex;
}

.vector {
  background-color: #fff;
}

.app-builder {
  color: var(--primary--white);
  letter-spacing: -0.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Acumin Pro, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.tag-nocode {
  grid-column-gap: 8px;
  border: 0.75px undefined undefined;
  background-image: linear-gradient(-77.15deg, #212121 0%, #292828 100%);
  border-radius: 60px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px;
  text-decoration: none;
  display: flex;
}

.error-ba94232f-a1c6-6f7d-85e4-cd681437cc05 {
  color: var(--gray--700);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Acumin Pro, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.hoverstateimage_appbuilder {
  border-radius: 6px;
}

.quick-stack-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.flex-block-39 {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.flex-block-40 {
  grid-column-gap: var(--size--6);
  grid-row-gap: var(--size--6);
  object-fit: fill;
  background-image: linear-gradient(300deg, #151515, #1e1e1e);
  flex: 1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  padding: 40px 120px;
}

.flex-block-40.flex-block-40-responsive {
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: 70%;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.div-block-28 {
  grid-column-gap: var(--size--2);
  grid-row-gap: var(--size--2);
  background-color: #1b1b1b;
  flex-flow: column;
  flex-basis: 40%;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px 120px 32px 40px;
  display: flex;
}

.div-block-28.div-block-28-responsive {
  flex: 0 auto;
  width: 30%;
  padding-bottom: 40px;
  padding-right: 40px;
}

.menublock {
  grid-column-gap: var(--size--4);
  grid-row-gap: var(--size--4);
  flex-flow: wrap;
  flex: 0 auto;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch;
  align-self: auto;
  place-items: center stretch;
  width: 100%;
  display: grid;
}

.menublock.menublock-4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.menublock.menublock-4.menucardblock {
  margin-left: 10px;
}

.menublock.menublock-2 {
  grid-template-columns: 1fr 1fr;
}

.menublock.menublock1-3 {
  grid-template-rows: auto;
}

.menublock.menublock1-3.menublockcard {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-left: 10px;
  padding-top: 15px;
}

.flex-block-42 {
  grid-column-gap: var(--size--8);
  grid-row-gap: var(--size--8);
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-width: auto;
  max-width: 800px;
  margin-left: 0;
  margin-right: 0;
}

.flex-block-42.megamenublockwrapper {
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1200px;
}

.icon-wrapper {
  justify-content: center;
  align-items: flex-start;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  display: flex;
}

.content-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  line-height: 140%;
}

.menumenuiitem-icon {
  cursor: default;
  width: 24px;
  height: 24px;
}

.flex-block-43 {
  grid-column-gap: var(--size--3);
  grid-row-gap: var(--size--3);
}

.flex-block-43.flex-block-43-4 {
  flex-flow: row;
}

.footer-container {
  background-color: #000;
  margin-top: 0;
  padding: 0;
}

.footer-container.ext-footer-with-pad {
  padding-top: 60px;
  padding-bottom: 40px;
}

.body-3 {
  background-color: var(--primary--black);
  font-family: var(--font--font-sans);
  font-size: var(--font--font-base);
  font-weight: var(--font--font-normal);
}

.pricing-heading {
  font-family: var(--font--font-sans);
  color: var(--color--white);
  font-size: var(--font--font-5xl);
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}

.section-2 {
  text-align: left;
}

.pricing-heading-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  padding: 60px 120px 30px;
  display: flex;
}

.pricing-heading-ctas {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  max-width: 300px;
}

.text-block-41 {
  font-family: var(--font--font-sans);
  color: var(--color--white);
  font-size: var(--font--font-xl);
  line-height: 120%;
  font-weight: var(--font--font-medium);
}

.html-embed {
  width: 48px;
  height: 48px;
}

.flex-block-44 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: center;
  margin-top: 60px;
}

.product-pricing {
  border: 1px solid var(--gray--900);
  color: var(--color--white);
  border-radius: 20px;
  max-width: 1200px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 60px 40px;
}

.product-pricing.mt-60 {
  margin-top: 60px;
}

.heading-6 {
  font-family: var(--font--font-sans);
  font-size: 40px;
  line-height: 40px;
  font-weight: var(--font--font-semibold);
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 80px;
}

.text-span-9 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #1886ff, #b55fec 37.5%, #fff);
  -webkit-background-clip: text;
  background-clip: text;
}

.product-pricing-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #000;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 40px;
  display: flex;
}

.text-block-42 {
  color: #fafafa;
  font-size: var(--font--font-3xl);
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  margin-bottom: 0;
}

.text-block-43 {
  color: #a1a1aa;
  font-size: var(--font--font-base);
  line-height: 130%;
}

.item-desc {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  font-family: var(--font--font-sans);
  font-size: var(--font--font-lg);
  font-weight: var(--font--font-normal);
  flex: 0 auto;
  min-width: 440px;
  max-width: 440px;
}

.price-text-bold {
  color: var(--color--white);
  font-size: var(--font--font-4xl);
  line-height: 100%;
  font-weight: var(--font--font-semibold);
}

.price {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--gray-500);
  align-items: center;
}

.text-block-44 {
  color: var(--gray-500);
  font-size: 16px;
  line-height: 130%;
}

.flex-block-47 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: auto;
  width: 440px;
}

.starts-at {
  color: var(--color--accent-yellow);
  font-size: var(--font--font-base);
  line-height: 130%;
}

.text-block-46 {
  color: var(--gray-500);
  font-size: 16px;
  line-height: 130%;
  display: none;
}

.pricing-item-gradient {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    90deg,
    #018eff,
    #01ccff 43.426%,
    #44e2e1 67.48%,
    #6defce 98.08%
  );
  -webkit-background-clip: text;
  background-clip: text;
}

.pricing-item-html {
  color: #a1a1aa;
  font-size: var(--font--font-base);
  line-height: 130%;
}

.pricing-item-html p {
  color: #a1a1aa;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 130%;
}

.pricing-item-html sup {
  color: var(--gray-500);
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    90deg,
    #018eff,
    #01ccff 43.42%,
    #44e2e1 67.48%,
    #6defce
  );
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 16px;
  line-height: 130%;
  top: 0;
}

.collection-list-3 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  display: flex;
}

.no-starting-price-block,
.starting-price-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: auto;
  width: 440px;
}

.section-3 {
  padding: 40px 120px;
}

.div-block-29 {
  background-image: radial-gradient(
    circle at 50% 14.29%,
    #1a1a1a,
    #151515 50%,
    #101010
  );
  border-radius: 12px;
  min-width: auto;
  max-width: 1200px;
  height: 160px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
}

.flex-block-48 {
  justify-content: space-between;
  align-items: center;
}

.text-block-47 {
  color: var(--color--white);
  font-size: var(--font--font-xl);
  font-weight: 600;
  line-height: 120%;
}

.flex-block-49 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: auto;
  justify-content: flex-start;
  align-items: center;
}

.body-4 {
  background-color: var(--color--black);
  color: var(--color--white);
  font-family: acumin-pro;
}

.text-block-48 {
  color: #a1a1aa;
  font-size: var(--size--4);
  text-align: center;
  max-width: 800px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
  line-height: 130%;
}

.usage-table-section {
  margin-top: 20px;
  padding-left: 120px;
  padding-right: 120px;
}

.usage-table {
  border: 1px solid #7e7e7e;
  border-radius: 12px;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.usage-table-thead {
  background-color: #171717;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.table-cell {
  color: var(--color--white);
  flex: 50%;
  padding: 10px 10px 10px 40px;
  font-weight: 600;
  line-height: 21.778px;
}

.table-cell.table-td {
  font-size: 16px;
  font-weight: 400;
}

.usage-table-tr {
  border: 1px solid #000;
}

.usage-table-tr.border-top {
  border: 1px #7e7e7e;
  border-top-style: solid;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

.bold-text {
  font-weight: 700;
}

.how-pricing-works {
  color: var(--color--white);
  text-align: center;
  max-width: 720px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 18.667px;
}

.pricing-cta-link {
  color: var(--color--white);
}

.text-block-49 {
  color: var(--color--white);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
}

.discounts-pricing {
  margin-top: 80px;
  padding-left: 120px;
  padding-right: 120px;
}

.flex-block-50 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  align-items: center;
  margin-top: 20px;
}

.text-block-50 {
  font-family: var(--font--font-sans);
  color: #737373;
  text-align: center;
  max-width: 600px;
  font-size: 12px;
  line-height: 18.667px;
}

.text-block-51 {
  color: var(--color--white);
  font-weight: 600;
  line-height: 21.778px;
}

.additional-discount-cta {
  padding: 80px 120px 60px;
}

.flex-block-51 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border: 1px solid #7e7e7e;
  border-radius: 20px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px;
}

.text-block-52 {
  color: #a1a1aa;
  font-size: var(--font--font-base);
  line-height: 20px;
  font-weight: var(--font--font-normal);
}

.button-primary-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #080808;
  text-align: left;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 72px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: 0.75rem;
  font-size: 12px;
  text-decoration: none;
  transition: all 0.2s;
  display: inline-flex;
}

.button-primary-3:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-3:active {
  background-color: #43464d;
}

.rounded-circle-2 {
  background-color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.flex-block-52 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.text-block-53 {
  color: #a1a1aa;
  text-align: center;
  margin-top: 20px;
  font-size: 16px;
  line-height: 20px;
}

.plans {
  margin-left: 0;
  padding: 30px 120px 60px;
}

.grid-table {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--agora--dark-300);
  background-color: #171717;
  border-radius: 12px;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
}

.grid-table.migration {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.plans-simple-thead {
  color: var(--color--white);
  padding-left: 40px;
  font-weight: 600;
  line-height: 21.778px;
}

.plans-simple-thead.first-plans-thead-radius {
  border-top-left-radius: 12px;
}

.plans-with-price-thead {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  flex-flow: column;
  padding: 20px 16px;
  display: flex;
}

.plans-with-price-thead.premium-block {
  background-color: #212121;
}

.plans-with-price-thead.premium-block.relative {
  position: relative;
}

.plans-with-price-thead.migration {
  font-size: 20px;
}

.plans-package-type {
  color: #f27fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
}

.plans-package-amt {
  color: var(--color--white);
  font-size: 20px;
  line-height: 120%;
}

.plans-package-amt.blue {
  color: var(--color--primary-blue);
}

.plans-row {
  display: contents;
}

.ticket-row.plans-row {
  background-color: #000;
}

.plans-tr-head {
  background-color: var(--color--black);
  color: var(--color--white);
  border-bottom: 1px solid #222;
  align-items: center;
  padding: 16px 10px 16px 40px;
  font-size: 16px;
  font-weight: 700;
  line-height: 21.778px;
  display: flex;
}

.plans-tr-head.plans-second-thead {
  background-color: var(--agora--500);
  font-size: 20px;
  font-weight: 600;
}

.plans-tr-head.last-plans-tr-head {
  border-bottom-style: none;
}

.plans-tr-head.last-plans-tr-head.last-tr-left-radius {
  border-bottom-left-radius: 12px;
}

.plans-tr-td {
  background-color: var(--color--black);
  color: var(--color--white);
  border-bottom: 1px solid #222;
  justify-content: center;
  align-items: center;
  padding: 16px 10px;
  font-size: 14px;
  display: flex;
}

.plans-tr-td.analytics-tr {
  background-color: var(--agora--500);
}

.plans-tr-td.last-plans-tr-td {
  border-bottom-style: none;
}

.plans-tr-td.last-plans-tr-td.last-tr-right-radius {
  border-bottom-right-radius: 12px;
}

.plans-tr-td.premium-td {
  background-color: #0a0a0a;
}

.html-embed-2 {
  text-align: center;
  width: auto;
  height: auto;
}

.plans-table {
  border: 1px red;
  border-radius: 12px;
}

.plans-package-type-yellow {
  color: #f6dda0;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
}

.guaranteed-response-time-pt1.plans-row,
.hipa-support.plans-row,
.reference-apps-access.plans-row,
.onlince-documentation-kb-access.plans-row,
.guaranteed-response-time-pt13.plans-row,
.guaranteed-response-time-pt2.plans-row,
.call-inpector.plans-row,
.call-inspector-restful-api.plans-row,
.real-time-monitoring.plans-row,
.real-time-monitoring-restful-api.plans-row,
.data-insights-quality-usages.plans-row,
.data-insights-plus-quality-and-uages.plans-row,
.data-insights-restful-api.plans-row,
.alerts-notification.plans-row,
.datadog-integration.plans-row,
.okta-sso-integration-support.plans-row,
.code-review.plans-row,
.emergency-phone-access.plans-row,
.go-live-health-check.plans-row,
.dedicated-support-via-slack.plans-row,
.named-cs-engineer.plans-row,
.named-sa-engineer.plans-row,
.named-tam-support.plans-row,
.live-developer-training.plans-row,
.early-release-access.plans-row {
  background-color: #000;
}

.plans-disclaimer-html {
  margin-top: 22px;
  padding-left: 40px;
}

.plans-disclaimer-html p {
  color: #737373;
  font-size: 12px;
  line-height: 120%;
}

.plans-disclaimer-html sup {
  color: #d0d0d0;
  font-size: 12px;
  line-height: 120%;
  top: 0;
}

.uui-button-6 {
  grid-column-gap: 0.5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-6:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-6:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-button-row-6 {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-button-row-6.button-row-center {
  justify-content: center;
}

.uui-space-small-2 {
  width: 100%;
  min-height: 1.5rem;
}

.uui-text-size-large {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
}

.uui-space-xxsmall-2 {
  width: 100%;
  min-height: 0.5rem;
}

.uui-heading-xxsmall-2 {
  color: var(--untitled-ui--gray900);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-avatar-group_item,
.uui-avatar-stack_item {
  border: 2px solid var(--untitled-ui--white);
  background-color: var(--untitled-ui--white);
  border-radius: 50%;
  width: 2.75rem;
  height: 2.75rem;
  margin-right: -1rem;
}

.uui-avatar-stack_item.featured {
  width: 3.5rem;
  height: 3.5rem;
  position: relative;
}

.avatar-stack_component {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  margin-bottom: 2rem;
  margin-right: 1rem;
  display: flex;
}

.uui-text-align-center {
  text-align: center;
}

.uui-faq01_cta {
  background-color: var(--untitled-ui--gray50);
  border-radius: 1rem;
  justify-content: center;
  margin-top: 4rem;
  padding: 2rem;
  display: flex;
}

.uui-space-medium {
  width: 100%;
  min-height: 2rem;
}

.uui-text-size-medium-2 {
  font-family: var(--font--font-sans);
  color: var(--dark-900);
  font-size: var(--font--font-sm);
  line-height: 140%;
  font-weight: var(--font--font-normal);
  letter-spacing: normal;
  max-width: 600px;
  margin-bottom: 0;
  padding-top: 8px;
}

.uui-faq01_answer {
  margin-bottom: 32px;
  padding-bottom: 0;
  overflow: hidden;
}

.accordion-icon_vertical-line {
  background-color: #1c1b1f;
  border-radius: 1px;
  width: 2px;
  height: 24px;
  position: absolute;
}

.accordion-icon_horizontal-line {
  background-color: #1c1b1f;
  border-radius: 1px;
  width: 24px;
  height: 2px;
  position: absolute;
}

.accordion-icon_component {
  border: 2px none var(--untitled-ui--gray400);
  color: var(--untitled-ui--gray400);
  border-radius: 50%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  position: relative;
}

.faq-icon-wrapper {
  color: var(--untitled-ui--primary600);
}

.faq-heading {
  font-family: var(--font--font-sans);
  color: var(--dark-900);
  font-size: var(--font--font-xl);
  font-weight: var(--font--font-semibold);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
}

.faq-question {
  font-weight: var(--font--font-normal);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 0;
  display: flex;
}

.faq-accordion {
  border-bottom: 1px solid var(--untitled-ui--gray200);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.faq-accordion.last-item {
  border-bottom-color: #0000;
}

.faq-list {
  max-width: 1120px;
  margin-left: 0;
  margin-right: 0;
}

.uui-faq01_component {
  margin-top: 4rem;
}

.uui-space-xsmall {
  width: 100%;
  min-height: 1rem;
}

.uui-heading-medium {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.uui-heading-subheading {
  color: var(--untitled-ui--primary600);
  margin-bottom: 0.75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-max-width-large {
  width: 100%;
  max-width: 48rem;
}

.uui-max-width-large.align-center,
.align-center {
  margin-left: auto;
  margin-right: auto;
}

.uui-padding-vertical-xhuge-2 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-container-large-2 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding-2 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.faq {
  background-color: var(--color--white);
  margin-bottom: 30px;
  padding: 60px 120px;
}

.heading-7 {
  font-family: var(--font--font-sans);
  color: var(--dark-900);
  font-size: var(--font--font-4xl);
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  letter-spacing: -1px;
}

.div-block-30 {
  width: 100%;
  height: 32px;
}

.banner-cta {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-image: url('../images/Pricing_Grad_1.webp');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  align-items: center;
  padding: 60px 120px;
  display: flex;
}

.text-block-54 {
  letter-spacing: 1px;
}

.text-block-55 {
  color: var(--color--white);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 13.867px;
}

.button-primary-4 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #080808;
  text-align: left;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 72px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: 0.75rem;
  font-size: 12px;
  text-decoration: none;
  transition: all 0.2s;
  display: inline-flex;
}

.button-primary-4:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-4:active {
  background-color: #43464d;
}

.mega-menu-link-button {
  grid-column-gap: 12px;
  background-color: #222;
  border: 1px solid #434343;
  border-radius: 72px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 24px 10px 12px;
  text-decoration: none;
  display: flex;
}

.bounding-box {
  background-color: #d9d9d9;
}

.arrow_outward {
  background-color: #fff;
}

.button_content {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.new-project {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Acumin Pro, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.modal-megamenu-product {
  display: none;
}

.modal-megamenu-wrapper {
  z-index: 999;
  position: fixed;
  inset: 80px 0% 0%;
}

.modal-megamenu-contentblock {
  display: block;
  position: fixed;
  top: 80px;
  left: 0;
  right: 0;
}

.product-collection {
  border-bottom: 1px solid #84888b80;
}

.product-collection:last-child {
  border-bottom-style: none;
  border-bottom-width: 0;
}

.flex-block-53 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #0f0f0f;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 120px;
  padding: 10px 20px;
}

.collection-list-4 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.related-pricing-products {
  padding: 60px 120px;
}

.text-block-56 {
  color: var(--color--white);
  font-size: var(--font--font-base);
  line-height: 120%;
  font-weight: var(--font--font-semibold);
}

.text-block-57 {
  color: #7e7e7e;
  font-size: var(--font--font-xs);
  line-height: 130%;
  font-weight: var(--font--font-normal);
}

.flex-block-54 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.related-products-subheading {
  color: var(--color--white);
  text-align: center;
  margin-top: 8px;
  margin-bottom: 52px;
  font-size: 16px;
  line-height: 18.667px;
}

.icon-container.icon-shade.medium-icon-container {
  width: 60px;
  height: 60px;
}

.related-products-link-block {
  min-width: 100%;
  text-decoration: none;
}

.collection-list-wrapper-2 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.copyright {
  grid-column-gap: var(--size--5);
  grid-row-gap: var(--size--5);
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 40px;
  display: flex;
  overflow: visible;
}

.text-block-59 {
  font-family: var(--font--font-sans);
  color: var(--color--gray-700);
  font-size: 14px;
  line-height: 120%;
  font-weight: var(--font--font-medium);
}

.flex-block-55 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
}

.section-4 {
  background-color: #1b1b1b;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  transform: translate(0);
}

.image-wrapper {
  width: 335px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-29 {
  flex: none;
  margin-left: auto;
  margin-right: auto;
}

.mouse-follow-button {
  opacity: 0;
  text-align: left;
  background-color: #94ff5b;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  padding: 10px 1.75rem;
  display: flex;
  position: absolute;
  transform: scale(0.3);
}

.text-block-60 {
  font-size: 12px;
}

.image-30 {
  vertical-align: text-bottom;
  display: inline-block;
}

.support-section {
  padding: 80px 120px;
}

.ag-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.support-heading {
  color: var(--color--white);
  text-align: center;
  letter-spacing: -1.6px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 600;
  line-height: 120%;
}

.text-block-61 {
  text-align: center;
  max-width: 800px;
}

.text-block-62 {
  font-family: var(--font--font-sans);
  color: var(--gray--300);
  font-size: var(--font--font-xl);
  font-weight: var(--font--font-normal);
  text-align: center;
  max-width: 520px;
  margin-top: 32px;
  margin-bottom: 40px;
}

.quick-stack-5 {
  margin-top: 80px;
  padding: 0;
}

.support-grid-item {
  background-image: radial-gradient(circle at 50% 13.61%, #2b2b2b33, #101010);
  border: 1px solid #2b2b2b;
  border-radius: 12px;
  justify-content: space-between;
  align-items: flex-start;
  padding: 40px;
}

.support-grid-item-title {
  color: var(--color--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 120%;
}

.text-block-63 {
  color: #a9a9a9;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 120%;
}

.plain-arrow-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--color--white);
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 24.889px;
  text-decoration: none;
  display: flex;
}

.plain-arrow-link.gap-8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.plain-arrow-link.arrow-link-left {
  letter-spacing: -0.56px;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}

.plain-arrow-link.arrow-link-left.underline {
  text-decoration: underline;
}

.code-embed {
  width: 20px;
  height: 20px;
}

.div-block-31 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.community-channels {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.code-embed-2,
.code-embed-3 {
  width: 24px;
  height: 24px;
}

.social-links {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.social-icon {
  width: 24px;
  height: 24px;
}

.talk-to-us-section {
  margin: 0;
  padding: 80px 120px;
}

.div-block-32 {
  flex-flow: column;
  flex: 0 50%;
  padding-right: 80px;
  display: flex;
}

.talk-to-us-form {
  flex: 0 50%;
}

.flex-block-56 {
  justify-content: flex-start;
  align-items: stretch;
}

.talk-to-us-heading {
  font-family: var(--font--font-sans);
  color: var(--color--white);
  font-size: 80px;
  line-height: 100%;
  font-weight: var(--font--font-semibold);
  letter-spacing: -1.6px;
  margin-top: 0;
  margin-bottom: 0;
}

.talk-to-us-heading-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid #302f2f;
  border-radius: 20px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  max-height: 300px;
  padding: 40px;
  display: flex;
}

.talk-to-us-card-heading {
  color: #f1f1ef;
  font-size: 26px;
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  letter-spacing: -0.6px;
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-34 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.text-block-64 {
  color: #a9a9a9;
  font-size: 14px;
  line-height: 120%;
  font-weight: var(--font--font-normal);
  letter-spacing: -0.72px;
}

.flex-block-57 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: auto;
  justify-content: flex-start;
  align-items: stretch;
  width: 540px;
  margin-top: 40px;
}

.form-control {
  background-color: var(--agora--500);
  border-radius: 4px;
  padding: 16px;
}

.text-field {
  color: var(--color--white);
  background-color: #fff0;
  border: 1px #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
}

.form-control-label {
  color: #b2b6b8;
  letter-spacing: 0.12px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
}

.form-control-text-field {
  color: var(--color--white);
  background-color: #fff0;
  border: 1px #000;
  height: 21px;
  margin-bottom: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
}

.form-control-text-field::placeholder {
  color: #757575;
}

.form-control-text-field.form-control-textarea {
  height: 21px;
}

.submit-button {
  margin-top: 40px;
}

.talk-to-us-submit-button {
  background-color: var(--color--white);
  color: var(--color--black);
  letter-spacing: -0.18px;
  border-radius: 24px;
  width: 140px;
  margin-top: 40px;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.checkbox-field {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #adadad;
  align-items: center;
  font-size: 12px;
  line-height: 100%;
  display: flex;
}

.checkbox {
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 14px;
  height: 14px;
  margin-top: 0;
}

.community-cta {
  background-image: radial-gradient(circle at 50% 13.61%, #2b2b2b33, #101010);
  border: 1px solid #2b2b2b;
  border-radius: 12px;
  width: 100%;
  max-width: 860px;
  margin-top: 120px;
  padding: 40px;
}

.talk-to-us-heading2 {
  color: #f1f1ef;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 120%;
}

.text-block-65 {
  margin-top: 20px;
  font-size: 16px;
  line-height: 24.889px;
}

.community-channels-left {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.form-control-select {
  color: #757575;
  background-color: #f3f3f300;
  border: 1px #000;
  height: 21px;
  margin-bottom: 0;
  padding: 0;
  font-size: 16px;
}

.empty-form-gap {
  height: 140px;
}

.follower {
  opacity: 0;
  color: var(--color--black);
  pointer-events: none;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  padding: 10px;
  display: flex;
  position: absolute;
}

.link-block-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fafafa;
  background-color: #fc0b7d;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 10px 1.75rem;
  text-decoration: none;
  display: flex;
}

.link-block-3.button-arrow-demo {
  overflow: visible;
}

.div-block-31-2-2 {
  background-color: #000;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: relative;
  overflow: hidden;
}

.original-arrow {
  position: relative;
}

.slide-in.slided-arrow {
  position: absolute;
  top: 0;
  transform: translate(-150%, 150%);
}

.div-block-32-2-2 {
  display: inline-block;
}

.image-29-2-2 {
  flex: 0 auto;
}

.rounded-circle-outline {
  background-color: var(--color--white);
  color: var(--color--black);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: block;
  position: relative;
  overflow: hidden;
}

.rounded-circle-outline:hover {
  background-color: var(--color--white);
}

.rounded-circle-outline.btn-rounded-outline {
  background-color: var(--color--white);
  display: block;
}

.rounded-circle-outline.btn-rounded-outline:hover {
  background-color: var(--color--black);
}

.follower-2 {
  opacity: 0;
  color: #000;
  background-color: #fff;
  border-radius: 50%;
  padding: 10px 10px 10px 26px;
  display: inline-block;
}

.code-block {
  background-color: #111;
  font-size: 12px;
}

.code-custom {
  opacity: 1;
  font-size: var(--font--font-sm);
  height: 100%;
  font-weight: 400;
  line-height: 36px;
}

.code-custom.customize-code {
  border: 1px none var(--color--dark-300);
  border-radius: 0;
  width: 100%;
}

.px-4 {
  padding-left: 8px;
  padding-right: 8px;
}

.shipment-link-arrows {
  width: 20px;
  height: 20px;
}

.p-testimonial {
  border: 0 solid #000;
  flex: 0 50%;
}

.p-testimonial:first-child {
  border-right-width: 1px;
  border-right-color: var(--color--dark-50);
}

.p-testimonial:last-child {
  border-right-style: none;
}

.p-testimonial.testimonial-container-flexible {
  border: 1px solid var(--color--gray-50);
  flex-flow: row;
  justify-content: flex-start;
  display: flex;
}

.wide-flex-block {
  max-width: var(--size--container);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
}

.before-shape-maker-box {
  z-index: 1;
  background-color: var(--color--black);
  width: 20px;
  height: 20px;
  position: absolute;
  top: 34px;
  left: -20px;
  right: 0;
}

.after-shape-maker-box {
  z-index: 1;
  background-color: var(--color--black);
  width: 20px;
  height: 20px;
  position: absolute;
  top: 34px;
  left: auto;
  right: -20px;
}

.app-builder-coder-block {
  border: 1px solid var(--color--dark-300);
  background-color: #161616;
  border-radius: 25px;
  width: 100%;
  height: 330px;
}

.div-block-36 {
  position: relative;
}

.div-block-37 {
  background-color: var(--color--white);
  width: 0%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.navmenu-link {
  color: var(--gray-600);
  font-size: 16px;
  line-height: 130%;
  position: relative;
}

.navmenu-link-underline {
  background-image: linear-gradient(
    90deg,
    var(--color--primary-blue),
    var(--color--accent-pink) 78%,
    white
  );
  width: 0%;
  height: 2px;
  display: none;
  position: absolute;
  inset: auto auto 0 0;
}

.navmenu-link-anchor {
  padding: var(--size--3) var(--size--4);
  color: var(--color--gray-600);
  display: block;
  position: static;
  inset: 0%;
}

.navmenu-linkwrapper {
  padding: var(--size--2-5) var(--size--4);
  grid-column-gap: var(--size--2);
  grid-row-gap: var(--size--2);
  font-family: var(--font--font-sans);
  color: var(--color--gray-600);
  font-size: var(--size--3-5);
  line-height: var(--size--5);
  justify-content: flex-start;
  align-items: center;
  height: 84px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  position: relative;
}

.navmenu-linkwrapper:hover {
  color: var(--color--gray-50);
  -webkit-text-stroke-color: var(--color--gray-50);
}

.navmenu-linkwrapper.w--current:hover {
  color: var(--color--white);
}

.navmenu-linkwrapper.navmenu-link-pricing:hover {
  color: var(--color--gray-50);
}

.navmenu-link-label {
  font-family: var(--font--font-sans);
  font-size: var(--size--4);
  font-weight: 400;
  transition: color 0.2s;
  position: static;
}

.code-embed-6 {
  color: var(--color--gray-50);
}

.scroll-card.scroll-card1,
.scroll-card.scroll-card2 {
  width: 960px;
  height: 548px;
}

.scroll-card.scroll-card3 {
  background-color: #30f0;
  border-radius: 0;
  width: 960px;
  height: 548px;
}

.image-31 {
  object-fit: cover;
  width: 960px;
  height: 520px;
}

.sticky-tabs {
  border: 1px solid var(--color--white);
  text-align: left;
  border-radius: 51px;
  align-self: center;
  width: auto;
  height: auto;
  min-height: auto;
  margin-bottom: 120px;
  padding: 8px;
  display: inline-block;
}

.tab-code-block {
  border: 1px solid var(--color--gray-900);
  background-color: #0000;
  border-radius: 12px;
  width: 100%;
  height: 100%;
}

.image-32 {
  width: 960px;
  height: 520px;
}

.scroll-card-wrapper {
  background-color: #1d1d1d;
  border: 1px solid #868686;
  border-radius: 12px;
  padding-top: 18px;
  padding-left: 12px;
  padding-right: 12px;
}

.platform-icon_wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.virtual-class-section {
  padding: 120px;
}

.container-4 {
  max-width: 1200px;
}

.virtual-class-container {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-flow: column;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.video-2 {
  border: 1px #000;
}

.video-block {
  text-align: left;
  justify-content: flex-start;
  min-width: 654px;
  max-width: 654px;
  min-height: 360px;
  max-height: 360px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.grid-5 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
}

.flexible-classroom-features {
  padding: 80px 120px;
}

.virtual-class-section--c {
  padding: 120px;
}

.text-block-66 {
  margin-left: auto;
}

.text-block-67 {
  color: var(--color--gray-300);
  text-align: center;
  max-width: 710px;
  margin-top: 8px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-39 {
  max-width: 1200px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

.grid-6 {
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.flexible-classroom-usages {
  padding: 120px;
}

.div-block-40 {
  margin-bottom: 40px;
}

.usecase-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.text-block-68 {
  color: var(--color--white);
  text-align: center;
  max-width: 675px;
  font-size: 16px;
  line-height: 120%;
}

.div-block-41 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.hero-secondaryvertical {
  margin-top: 0;
  padding: 80px 120px;
}

.hero-secondary-vertical-container {
  flex-flow: column;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.secondary-vertical-small-heading {
  max-width: 600px;
}
.no-code-badge {
  max-width: 600px;
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 60px;
  border: 0.75px solid #545454;
  background: linear-gradient(304deg, #212121 14.86%, #292828 86.17%);
}

.no-code-badge-text {
  color: #d9d9d9;
  text-align: center;
  font-size: var(--font--font-xs);
  font-style: normal;
  font-weight: 336;
  line-height: 100%;
}

.secondary-vertical-heading {
  color: var(--color--white);
  font-size: 120px;
  line-height: 100%;
  font-weight: var(--font--font-semibold);
  letter-spacing: -3.36px;
  margin-bottom: 20px;
}

.image-33 {
  z-index: 1;
  width: 100%;
  max-width: 1100px;
  height: 100%;
  position: relative;
}

.text-block-69 {
  color: var(--color--gray-300);
  text-align: center;
  letter-spacing: 0.1px;
  max-width: 540px;
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 140%;
}

.secondary-v-hero-image-gradient {
  max-width: 1100px;
  height: 100%;
  position: relative;
}

.secondary-vertical-gradient {
  z-index: 0;
  opacity: 1;
  filter: blur(90px);
  pointer-events: auto;
  background-image: linear-gradient(
    122deg,
    #188cff,
    #b55fec 53%,
    #f7f7f7 100%,
    #fff
  );
  width: 735px;
  height: 128px;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
  position: absolute;
  inset: -40px auto auto 50%;
  transform: translate(-50%);
}

.secondary-hero-vertical-actions {
  margin-top: 40px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.app-builder-tab {
  padding: 80px 120px;
}

.app-builder-tab-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-block-70 {
  color: var(--color--white);
  text-align: center;
  max-width: 800px;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 500;
  line-height: 24px;
}

.tabs-basictab {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  max-width: 960px;
  display: flex;
}

.tabs-basictab-menu {
  background-color: var(--color--dark-100);
  border-radius: 51px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
}

.tab-link-tab-1 {
  background-color: #c8c8c8ab;
}

.tab-link-tab-1.w--current {
  background-color: #c8c8c8;
}

.basic-tab-link {
  color: var(--color--white);
  letter-spacing: -0.18px;
  background-color: #ddd0;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
}

.basic-tab-link.w--current {
  background-color: var(--color--white);
  color: var(--color--black);
  border-radius: 76px;
}

.image-34 {
  width: 100%;
  height: 100%;
}

.tab-try-it-now {
  text-align: center;
  flex: 0 0 40%;
  justify-content: center;
  align-self: center;
  margin-top: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.customize-section {
  min-width: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 120px 120px 60px;
  display: flex;
}

.flex-block-58 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: 0 0 40%;
  justify-content: space-between;
}

.sticky-tab {
  color: var(--color--white);
  text-align: center;
  letter-spacing: -0.18px;
  text-transform: uppercase;
  background-color: #ddd0;
  min-width: 140px;
  padding: 16px 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 110%;
  text-decoration: none;
}

.sticky-tab.w--current {
  background-color: var(--color--white);
  color: var(--color--dark-800);
  border-radius: 100px;
  font-weight: 600;
  line-height: 110%;
}

.sticky-tab.current-sticky-tab {
  background-color: var(--color--white);
  color: var(--color--dark-800);
  border-radius: 76px;
  transition: color 0.2s, background-color 0.2s;
}

.sticky-tab.hide-uikit {
  display: none;
}

.sticky-tabs-container {
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.scroll-card-tab {
  height: 100%;
}

.tabs-3 {
  flex-flow: column;
  justify-content: flex-start;
  height: 100%;
  display: flex;
}

.scroll-card-tab-content {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  flex: 1;
}

.scroll-card-tab-menu {
  border-bottom: 1px solid var(--color--gray-900);
  background-color: var(--color--dark-300);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  justify-content: space-between;
  display: flex;
}

.scroll-card-tab-link {
  color: var(--color--gray-700);
  text-align: center;
  background-color: #ddd0;
  flex: auto;
  min-width: 90px;
  padding: 20px 15px;
  font-size: 16px;
}

.scroll-card-tab-link.w--current {
  background-color: var(--color--dark-50);
  color: var(--color--gray-50);
  border: 1px #00000075;
}

.scroll-card-tab-link.first-tab-link {
  border: 1px #000;
}

.scroll-card-tab-link.first-tab-link.w--current {
  border-top-left-radius: 12px;
}

.text-block-66-2 {
  color: var(--color--gray-600);
}

.text-block-67-2 {
  font-weight: 700;
}

.div-block-42 {
  flex: 0 60%;
}

.customize-heading {
  color: var(--color--white);
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 40px;
  font-weight: 600;
  line-height: 120%;
}

.text-block-71 {
  color: var(--color--gray-700);
  font-size: 18px;
}

.flex-block-59 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.code-block-2 {
  border: 1px #000;
  border-radius: 0;
}

.div-block-43 {
  border: 1px solid var(--color--dark-300);
  background-color: #f6dda000;
  background-image: radial-gradient(
    circle at 50% 14.29%,
    #1a1a1a,
    #151515 50%,
    #101010
  );
  border-radius: 20px;
  flex: 0 60%;
  max-width: 100%;
  height: 432px;
  padding: 27px;
  overflow: auto;
}

.app-builder-features-section {
  padding: 120px 120px 60px;
}

.flex-block-60 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  align-items: center;
}

.text-block-72 {
  color: var(--color--white);
  text-align: center;
  max-width: 675px;
  margin-top: 4px;
  font-size: 16px;
  line-height: 24.889px;
}

.grid-8 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
}

.features-button-ct {
  justify-content: center;
  padding-top: 80px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-46 {
  margin-top: 0;
  margin-bottom: 0;
  padding: 80px 20px 120px;
}

.div-block-47 {
  padding-top: 60px;
  padding-bottom: 120px;
}

.text-block-73 {
  color: var(--color--gray-700);
  font-size: var(--size--4);
  text-align: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 24.889px;
}

.flex-block-61 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
}

.dropdown-toggle {
  cursor: pointer;
  padding: 0;
}

.dropdown-list {
  background-color: #000000db;
  position: fixed;
  inset: 80px 0% 0%;
  overflow: visible;
}

.dropdown-list._w-nav-overlay {
  display: block;
}

.dropdown-list._w-nav-overlay.megamenudropdown,
.dropdown-list._w-nav-overlay.megamenudropdown.isopen {
  display: none;
}

.navbar-megamenu-link {
  color: #fff;
  cursor: pointer;
  mix-blend-mode: normal;
  padding: 0;
  text-decoration: none;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  display: block;
}

.navbar-megamenu-link:hover {
  background-color: #08f;
}

.dropdown-item {
  border-left: 1px solid #00305d;
  padding: 0 20px;
}

.dropdown-item.first-child {
  border-left-style: none;
}

.nav-megamenu-modal {
  background-color: #001f3c;
  border-top: 1px solid #00305d;
  align-items: center;
  width: auto;
  height: 300px;
  margin-left: 0;
  margin-right: 0;
  display: none;
  position: fixed;
  inset: 80px 0% 0%;
}

.dropdown-link-2 {
  color: #fff;
  margin-bottom: 10px;
  margin-left: 15px;
  font-size: 15px;
  text-decoration: none;
  transition: color 0.3s;
  display: block;
}

.dropdown-link-2:hover {
  color: #08f;
}

.navbar-megamenu-item {
  position: static;
}

.dropdown-image {
  background-image: url('../images/1-235099l-2560x1440.jpeg');
  background-position: 50%;
  background-size: cover;
  height: 150px;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.dropdown-image:hover {
  transform: scale(1.2);
}

.dropdown-item-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1440px;
  margin: 30px auto 41px;
  display: grid;
}

.dropdown-image-wrapper {
  margin-bottom: 25px;
  display: block;
  overflow: hidden;
}

.dropdown-text {
  margin-bottom: 15px;
  font-size: 15px;
}

.dropdown-link {
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  transition: color 0.3s;
}

.dropdown-link:hover {
  color: #08f;
}

.flexible-classroom-testimonial {
  padding: 60px 120px;
}

.testimonial-container-flexible {
  border: 1px solid var(--color--dark-50);
  border-radius: 24px;
  align-items: stretch;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.first-testimonial-right-border {
  border-right: var(--size--0-5) solid var(--color--dark-50);
  flex: 50%;
}

.div-block-48 {
  flex: 50%;
}

.common-usage-section {
  padding: 60px 60px 120px;
}

.grid-9 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.ui-kit-benefits-section {
  padding: 80px 60px;
}

.ui-kit-benefits-container {
  max-width: var(--size--container);
  margin-left: auto;
  margin-right: auto;
}

.secondary-hero-no-pd {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/Hero-Section.svg');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: fixed;
  background-clip: border-box;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: auto;
  padding: 0 0 0 120px;
  display: flex;
}

.secondary-hero-no-pd.extension-marketplace-secondary-hero {
  background-color: var(--color--dark-600);
  background-image: none;
}

.secondary-hero-no-pd.ui-kit-hero {
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-49 {
  flex: 0 50%;
  padding-bottom: 0;
  display: block;
}

.checkbox-link {
  color: #adadad;
  text-decoration: none;
}

.small-secondary-heading {
  font-family: var(--font--font-sans);
  color: var(--color--gray-400);
  font-size: var(--font--font-xss);
  line-height: 14px;
  font-weight: var(--font--font-normal);
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
}

.small-secondary-heading.left-align {
  font-family: var(--font--font-sans);
  color: var(--color--gray-400);
  text-align: left;
}

.solution-vendors-section {
  padding: 60px 120px;
}

.solution-trusted-partners-collection {
  justify-content: space-between;
  align-items: stretch;
  max-width: 600px;
  height: 24px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-35 {
  width: auto;
  height: 100%;
}

.text-block-74 {
  color: var(--color--white);
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}

.solutions-testimonial {
  padding: 60px;
}

.testimonial-container-solutions {
  border: 1px solid var(--color--dark-50);
  border-radius: 24px;
  align-items: stretch;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.awards-section {
  padding: 80px 60px;
}

.awards-container {
  max-width: var(--size--container);
  margin-left: auto;
  margin-right: auto;
  padding: 60px 60px 50px;
}

.infoblock-telehealth {
  grid-column-gap: var(--size--10);
  grid-row-gap: var(--size--10);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 48px;
}

.infoblock-tele-text {
  color: var(--color--gray-700);
  font-size: var(--size--4);
  text-align: left;
  max-width: 790px;
  line-height: 150%;
}

.infoblock-tele-text.centre {
  text-align: center;
}

.infoblock-tele-text.centre.shopping-right-text {
  color: #f1f1ef;
  font-size: var(--size--5);
  text-align: left;
  letter-spacing: -0.4px;
  flex: 0 45%;
  margin-top: 12px;
  line-height: 120%;
}

.infoblock-tele-text.large {
  color: var(--color--gray-600);
  font-size: var(--size--5);
}

.infoblock-tele-text.left {
  text-align: left;
}

.infoblock-tele-text.left.large {
  font-size: var(--size--5);
  max-width: 560px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  line-height: 130%;
}

.infoblock-tele-text.left.large.no-pd-left {
  font-family: var(--font--font-sans);
  font-weight: var(--font--font-normal);
  padding-left: 0;
}

.virtual-education-heading {
  color: var(--color--white);
  font-size: var(--size--10);
  line-height: 120%;
  font-weight: var(--font--font-bold);
  margin-top: 0;
  margin-bottom: 0;
}

.virtual-education-heading.align-center {
  text-align: center;
}

.virtual-education-heading.centre {
  text-align: center;
  max-width: 720px;
  margin-bottom: 20px;
}

.virtual-education-heading.centre.align-right {
  text-align: right;
  flex: 0 auto;
}

.virtual-education-heading.centre.align-right.basis-55 {
  flex: 55px;
  margin-bottom: 0;
}

.virtual-education-heading.right {
  font-family: var(--font--font-sans);
  font-weight: var(--font--font-semibold);
  text-align: right;
}

.flex-block-63 {
  grid-column-gap: var(--size--5);
  grid-row-gap: var(--size--5);
  align-items: center;
  margin-top: 52px;
}

.text-block-76 {
  color: var(--color--white);
  font-size: var(--size--3);
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 115.556%;
}

.image-36 {
  width: auto;
  max-width: 360px;
  height: auto;
}

.flex-block-64 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.solution-packed-features {
  padding: 80px 60px;
}

.solution-packed-container {
  max-width: var(--size--container);
  margin-left: auto;
  margin-right: auto;
}

.four-column-grid {
  grid-column-gap: var(--size--5);
  grid-row-gap: var(--size--5);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.solution-packed-heading {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.text-block-77 {
  color: var(--color--white);
  font-size: var(--size--4);
  line-height: 155.556%;
}

.checks-feature-card-block {
  grid-column-gap: var(--size--4);
  grid-row-gap: var(--size--4);
  border: 1px solid var(--color--dark-50);
  color: var(--color--white);
  font-size: var(--size--5);
  border-radius: 6px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 320px;
  height: 100%;
  font-weight: 600;
  line-height: 120%;
  display: flex;
}

.image-37 {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  width: 100%;
  min-width: auto;
  height: 100%;
}

.checks-feature-card-content {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 100%;
  padding-bottom: 32px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.checks-feature-card-heading3 {
  font-size: var(--font--font-xl);
  line-height: 140%;
  font-weight: var(--font--font-bold);
}

.feature-card-checks-list {
  grid-column-gap: var(--size--3);
  grid-row-gap: var(--size--3);
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.feature-card-checklist-item {
  grid-column-gap: var(--size--2);
  grid-row-gap: var(--size--2);
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.image-38 {
  width: 20px;
  height: 20px;
}

.text-block-78 {
  color: var(--color--gray-500);
  font-size: var(--font--font-sm);
  line-height: 140%;
  font-weight: var(--font--font-medium);
  letter-spacing: -0.14px;
}

.featured-content-section {
  padding: 120px 60px;
}

.featured-content-container {
  max-width: var(--size--container);
  margin-left: auto;
  margin-right: auto;
}

.featured-content-heading {
  flex-flow: column;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.grid-10 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.featured-card-block {
  background-color: var(--color--dark-700);
  border-radius: 20px;
  flex-flow: column;
  max-width: 288px;
  height: 100%;
}

.featured-card-block:hover {
  background-color: var(--color--dark-400);
}

.image-39 {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
}

.gradient-badge {
  border: 0.75px solid var(--color--gray-900);
  color: var(--color--white);
  text-align: center;
  background-image: linear-gradient(304deg, #212121 14.86%, #292828 86.17%);
  border-radius: 60px;
  min-width: 110px;
  padding: 10px 12px;
}

.text-block-79 {
  color: var(--color--gray-200);
  font-size: var(--size--3);
  letter-spacing: -0.24px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 20px;
}

.feature-card-item-heading {
  color: var(--color--white);
  font-size: var(--font--font-lg);
  line-height: 150%;
  font-weight: var(--font--font-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.feature-card-item-heading.dark {
  color: var(--color--black);
}

.featured-content-block {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  padding: 24px 20px 32px;
}

.featured-content-block.border {
  border: 1px solid var(--color--gray-100);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.solution-features-grid {
  grid-column-gap: var(--size--3);
  grid-row-gap: var(--size--3);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.collection-item {
  flex-basis: 25%;
  justify-content: flex-start;
  align-items: stretch;
  height: auto;
  display: flex;
}

.solution-testimonial-item {
  width: 50%;
  height: auto;
}

.solution-testimonial-item:first-child {
  border-right: 0.5px solid var(--color--dark-50);
}

.rich-content-section {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding: 60px 120px;
}

.rich-content-container {
  font-family: var(--font--font-sans);
  font-weight: var(--font--font-normal);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.standard-rich-text {
  font-family: var(--font--font-sans);
  color: var(--color--black);
  font-size: 14px;
}

.standard-rich-text h2 {
  font-family: var(--font--font-sans);
  color: var(--color--dark-900);
  margin-top: 0;
  margin-bottom: 12px;
  font-weight: 700;
  line-height: 120%;
}

.standard-rich-text h3 {
  font-family: var(--font--font-sans);
  color: var(--color--dark-900);
  margin-top: 32px;
  margin-bottom: 4px;
  font-weight: 600;
  line-height: 120%;
}

.standard-rich-text p {
  font-family: var(--font--font-sans);
  color: var(--color--dark-900);
  -webkit-text-stroke-color: var(--color--gray-700);
  font-size: 16px;
  line-height: 140%;
}

.standard-rich-text ul {
  font-family: var(--font--font-sans-wide);
  color: var(--color--dark-900);
  font-size: 14px;
  line-height: 140%;
}

.standard-rich-text li {
  font-family: var(--font--font-sans);
  color: var(--color--dark-900);
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 130%;
  list-style-type: decimal;
}

.standard-rich-text ol {
  padding-left: 40px;
  list-style-type: decimal;
}

.standard-rich-text a {
  color: var(--color--dark-900);
  font-size: 16px;
  text-decoration: underline;
}

.standard-rich-text blockquote {
  border-left-style: none;
  margin-bottom: 0;
  padding: 24px 0 0;
}

.standard-rich-text.extensions {
  color: var(--color--white);
}

.list-item-2 {
  margin-bottom: 20px;
}

.compliance-section {
  padding-bottom: 80px;
  padding-left: 120px;
  padding-right: 120px;
}

.compliance-container {
  max-width: var(--size--container);
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
}

.compliance-container.media {
  max-width: 800px;
}

.compliance-2-grid {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  border-bottom: 1px solid var(--color--gray-300);
  grid-template-rows: auto;
  grid-template-columns: 340px 1fr;
  padding-top: 80px;
  padding-bottom: 80px;
}

.compliance-icon-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: flex-start;
  display: flex;
}

.compliance-icon-block-heading {
  font-family: var(--font--font-sans);
  color: var(--color--dark-900);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 46px;
  font-weight: 600;
  line-height: 120%;
}

.body-5 {
  font-family: var(--font--font-sans);
}

.compliance-icon-container {
  background-image: linear-gradient(304deg, #0d0d0d 14.68%, #171717 86.17%);
  border: 1px solid #363636;
  border-radius: 80px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
}

.compliance-icon {
  width: 64px;
  height: 64px;
}

.compliance-content-heading {
  color: var(--color--dark-900);
  margin-top: 0;
  margin-bottom: 12px;
  font-weight: 600;
  line-height: 120%;
}

.compliance-content-heading.icon-heading {
  margin-bottom: 0;
}

.compliance-text-block {
  color: var(--color--dark-200);
  font-size: 16px;
  line-height: 130%;
}

.compliance-icon-heading {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.image-41 {
  flex: none;
  width: 24px;
  height: 24px;
}

.div-block-50 {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-flow: column;
  display: flex;
}

.download-white-paper-block {
  background-color: var(--color--gray-50);
  border-radius: 16px;
  max-width: 664px;
  margin-top: 24px;
  padding: 20px 40px 20px 20px;
}

.white-paper-item {
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.white-paper-item.border-bottom-white {
  border-bottom: 1px solid var(--color--white);
}

.div-block-51 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.link-block-4 {
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-block-80 {
  color: var(--color--primary-blue);
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.code-embed-7 {
  width: 24px;
  height: 24px;
}

.compliance-download-text {
  color: var(--color--dark-100);
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
}

.compliance-base-section {
  padding: 80px 120px;
}

.certifications-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.compliance-certification-item {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border: 1px solid var(--color--gray-100);
  border-radius: 4px;
  flex-flow: column;
  padding: 32px;
  display: flex;
}

.image-42 {
  width: 120px;
  height: 120px;
}

.compliance-certification-content-heading {
  color: var(--color--dark-900);
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
}

.compliance-certification-content-heading.icon-heading {
  margin-bottom: 0;
}

.certification-read-more {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--color--primary-blue);
  font-size: var(--size--4);
  align-items: center;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.code-embed-8 {
  width: 20px;
  height: 20px;
}

.text-block-82 {
  text-decoration: none;
}

.compliance-h2-heading {
  margin-top: 0;
  margin-bottom: 12px;
}

.compliance-h2-heading.compliance-partners {
  margin-bottom: 24px;
}

.compliance-laws {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border: 1px solid var(--color--gray-100);
  border-radius: 0;
  flex-flow: column;
  padding: 40px 32px;
  display: flex;
}

.laws-content-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.compliance-partners {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 0;
}

.partner-item {
  border: 1px solid var(--color--gray-100);
  border-radius: 20px;
}

.flex-block-65 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--color--gray-100);
  min-height: 250px;
  padding: 20px 24px;
}

.compliance-partners-heading {
  color: var(--color--dark-900);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
}

.compliance-partners-heading.icon-heading {
  margin-bottom: 0;
}

.image-43 {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: auto;
  height: 152px;
}

.full-footer-container {
  background-color: var(--color--black);
  padding-top: 60px;
  padding-left: 40px;
  padding-right: 40px;
}

.legal-jumbotron {
  background-color: var(--color--black);
  padding: 40px 120px;
}

.legal-page-heading {
  font-family: var(--font--font-sans);
  color: var(--color--white);
  font-size: 32px;
  line-height: 110%;
  font-weight: var(--font--font-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.legal-page-heading.large {
  background-color: var(--color--black);
  font-family: var(--font--font-sans);
  color: var(--color--white);
  font-size: 72px;
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  letter-spacing: -0.72px;
}

.legal-small-heading {
  font-family: var(--font--font-sans);
  color: var(--color--gray-600);
  font-size: 16px;
  line-height: 140%;
}

.jumbotron-heading {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #000;
  flex-flow: column;
  padding: 20px 120px 20px 60px;
  display: flex;
}

.jumbotron-heading.media {
  padding-left: 12px;
}

.jumbotron-heading.press {
  background-color: #0000;
  max-width: 940px;
  padding-left: 0;
}

.jumbotron-heading.privacy {
  padding-left: 0;
}

.body-white {
  font-family: var(--font--font-sans);
}

.extension-marketplaces {
  padding: 60px 120px 120px;
}

.agora-container {
  max-width: var(--size--container);
  grid-column-gap: var(--size--8);
  grid-row-gap: var(--size--8);
  flex-flow: column;
  display: block;
}

.agora-container.no-flex-container {
  display: block;
}

.agora-container.hflex {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  display: flex;
}

.agora-container.d-block {
  display: block;
}

.agora-container.onboarding-v2-container {
  max-width: 960px;
}

.agora-container.vflex {
  display: flex;
}

.agora-container.vflex.flex-gap-40 {
  grid-column-gap: var(--size--10);
  grid-row-gap: var(--size--10);
}

.marketplace-filters {
  border: 1px solid var(--color--dark-300);
  border-radius: 4px;
  flex: 0 auto;
  min-width: 240px;
  padding: 0;
}

.marketplaces {
  grid-column-gap: var(--size--6);
  grid-row-gap: var(--size--6);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.extensions-heading-container {
  grid-column-gap: var(--size--6);
  grid-row-gap: var(--size--6);
  align-items: center;
  margin-bottom: 20px;
}

.extensions-content {
  color: var(--color--gray-800);
  font-size: var(--size--4);
  margin-bottom: 16px;
  line-height: 130%;
}

.extensions-footer {
  grid-column-gap: var(--size--3);
  grid-row-gap: var(--size--3);
  flex: 0 auto;
  justify-content: space-between;
  width: 100%;
  margin-top: auto;
}

.ext-platform {
  filter: brightness(65%);
}

.ext-card {
  border: 1px solid var(--color--dark-400);
  background-color: var(--color--dark-400);
  border-radius: 8px;
  flex: none;
  height: 100%;
  padding: 24px;
}

.ext-card:hover {
  border: 1px solid var(--color--dark-100);
  background-color: var(--color--dark-200);
}

.ext-heading-text-block {
  grid-column-gap: var(--size--3);
  grid-row-gap: var(--size--3);
  flex-flow: column;
  display: flex;
}

.ext-card-small-heading {
  color: var(--color--gray-50);
  font-size: var(--size--3);
  line-height: 100%;
}

.ext-platforms {
  grid-column-gap: var(--size--5);
  grid-row-gap: var(--size--5);
  display: flex;
}

.ext-card-link-block {
  cursor: pointer;
  height: 100%;
  text-decoration: none;
}

.ext-filter-heading {
  color: var(--color--white);
  font-size: var(--size--5);
  letter-spacing: -0.2px;
  font-weight: 600;
  line-height: 100%;
}

.div-block-52 {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--color--dark-300);
  padding: 20px 32px 16px;
}

.ext-filter-options {
  padding: 20px 32px;
}

.filter-checkbox-label {
  color: var(--color--gray-500);
  font-size: var(--size--3);
  margin-bottom: 0;
  font-weight: 500;
  line-height: 28px;
}

.filter-checkbox-container {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 20px;
  display: flex;
}

.flex-block-66 {
  grid-column-gap: var(--size--8);
  grid-row-gap: var(--size--8);
}

.div-block-53 {
  padding: 20px 32px 0;
}

.div-block-54 {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--color--dark-300);
  padding-bottom: 16px;
}

.marketplace-hero {
  padding: 40px 120px;
}

.three-slider-slide {
  width: 33.33%;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.link-block-5 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: var(--color--primary-blue);
  align-items: center;
  text-decoration: none;
  display: flex;
}

.code-embed-9 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.logo-bg-container {
  background-color: var(--color--white);
  border-radius: 4px;
  flex: none;
  width: 100px;
  height: 100px;
  padding: 8px;
}

.div-block-56 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  display: flex;
}

.marketplace-hero-heading-container {
  grid-column-gap: var(--size--5);
  grid-row-gap: var(--size--5);
  flex-flow: column;
  flex: 0 auto;
  display: flex;
}

.marketplace-hero-heading {
  color: var(--color--white);
  font-size: var(--size--6);
  margin-top: 0;
  margin-bottom: 4px;
  font-weight: 600;
  line-height: 120%;
}

.marketplace-hero-content {
  color: var(--color--gray-500);
  font-size: var(--size--4);
  font-weight: 400;
  line-height: 120%;
}

.marketplace-hero-table {
  color: var(--color--gray-800);
  font-size: var(--size--3);
  font-weight: 400;
  line-height: 18.667px;
}

.marketplace-table-value {
  color: var(--color--white);
  font-size: var(--size--3);
  padding-left: 7px;
  font-weight: 400;
  line-height: 18.667%;
}

.marketplace-table-value.underlined {
  text-decoration: underline;
}

.div-block-57 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.image-44 {
  object-fit: contain;
  border: 4px #000;
  width: 100%;
  height: 100%;
}

.mask-2 {
  background-color: #39393900;
}

.slide-nav {
  display: none;
}

.left-arrow {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  left: -80px;
}

.left-arrow.splide-prev {
  top: 50%;
  transform: translate(0, -50%);
}

.right-arrow {
  justify-content: center;
  align-items: center;
  display: flex;
  right: -80px;
}

.right-arrow.splide-next {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.code-embed-10 {
  transform-style: preserve-3d;
  transform: rotateX(0) rotateY(180deg) rotateZ(0);
}

.slider {
  background-color: #ddd0;
}

.image-45,
.image-46 {
  width: 100%;
  height: 100%;
}

.slide-image {
  border-radius: 4px;
  width: 100%;
  height: 100%;
}

.utility-page-wrap {
  background-color: var(--color--transparent);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.success-stories-hero-section {
  background-color: var(--color--white);
  padding: 60px 120px 40px;
}

.image-47 {
  width: 350px;
  height: auto;
}

.flex-block-67 {
  grid-column-gap: 31px;
  grid-row-gap: 31px;
  justify-content: space-between;
}

.flex-block-68 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 0 50%;
  height: 100%;
}

.div-block-58 {
  flex: 0 50%;
}

.success-stories-heading {
  color: var(--color--black);
  font-size: var(--size--10);
  letter-spacing: -0.8px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 120%;
}

.text-block-83 {
  color: var(--color--black);
}

.success-stories-footer-quote-block {
  background-color: #e2f3ff;
  padding: 20px 120px;
}

.about-customer-name {
  color: #212121;
  font-size: 16px;
  line-height: 100%;
  font-weight: var(--font--font-semibold);
  letter-spacing: 0.2px;
  text-transform: capitalize;
}

.about-customer-heading {
  color: var(--color--dark-900);
  font-size: var(--size--7);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 130%;
}

.about-customer-content {
  color: var(--color--dark-900);
  font-size: var(--size--4);
}

.flex-block-69 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 50%;
}

.flex-block-70 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
}

.div-block-59 {
  flex: 0 0 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-48 {
  border-radius: 12px;
  width: 80%;
  max-width: 80%;
}

.success-stories-hero-section-copy {
  background-color: var(--color--white);
  padding: 60px 120px;
}

.success-stories-customer-quote-section {
  background-color: var(--color--accent-negative);
  padding: 40px 120px;
}

.success-stories-customer-quote-section.cover-background {
  padding-top: 40px;
  padding-bottom: 40px;
}

.div-block-60 {
  border: 1px solid var(--color--white);
  border-radius: 8px;
  width: 840px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
}

.block-quote,
.text-block-84 {
  text-align: center;
}

.success-stories-rte {
  color: var(--color--white);
  font-size: 18px;
}

.success-stories-rte blockquote {
  font-size: var(--size--5);
  text-align: center;
  border-left-style: none;
  margin-bottom: 10px;
  padding: 0;
  font-weight: 400;
  line-height: 140%;
}

.success-stories-rte p {
  font-size: var(--size--3);
  text-align: center;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 120%;
}

.block-quote-2 {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.success-stories-dark-rte {
  color: var(--color--black);
}

.success-stories-dark-rte p {
  color: var(--color--dark-900);
  font-size: var(--size--4);
  line-height: 130%;
}

.success-stories-hero-rte {
  color: var(--color--black);
  font-weight: var(--font--font-normal);
}

.success-stories-hero-rte h1 {
  color: var(--color--black);
  font-size: var(--size--9);
  letter-spacing: -0.8px;
  font-weight: 600;
  line-height: 120%;
}

.success-stories-products-used {
  background-color: #f3f3f3;
  padding: 100px 120px;
}

.success-stories-customer-quotee {
  color: var(--color--white);
  font-size: var(--size--3);
  text-align: center;
  text-transform: uppercase;
  flex: 0 auto;
  align-self: auto;
  padding-top: 10px;
  font-weight: 700;
  line-height: 120%;
}

.heading-8 {
  color: #212121;
  text-align: center;
  letter-spacing: -0.48px;
  font-size: 52px;
  font-weight: 500;
  line-height: 52.8px;
}

.div-block-61 {
  flex: 0 auto;
}

.section-5,
.section-6 {
  padding: 60px 80px;
}

.stories-filters-tabs {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.stories-filters-menu {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 80px;
  display: flex;
}

.stories-filters-content {
  width: 100%;
}

.demo-tab-link {
  background-color: #ddd0;
}

.stories-filters-tab-link {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #b1b1b1;
  font-size: var(--size--4);
  text-align: center;
  letter-spacing: -0.16px;
  -webkit-text-stroke-width: 0px;
  background-color: #ddd0;
  border: 1px #000;
  border-bottom: 1px solid #302f2f;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 139px;
  height: 60px;
  padding: 12px 21px 12px 20px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
  display: inline-flex;
}

.stories-filters-tab-link.w--current {
  color: var(--color--white);
  letter-spacing: 0.16px;
  background-color: #ddd0;
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 700;
  line-height: 150%;
}

.stories-filters-tab-link.large {
  flex: 1;
  min-width: 155px;
  padding-left: 12px;
  padding-right: 12px;
}

.stories-filters-tab-link.active-tab {
  color: var(--color--white);
  font-weight: 700;
}

.grid-11 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.div-block-62 {
  width: 100%;
  height: auto;
}

.small-card-thumbnail-image {
  object-fit: contain;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
  height: 100%;
}

.small-card-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 20px 21px;
}

.small-card-content-heading {
  color: var(--color--white);
  letter-spacing: 0.18px;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
}

.stories-filter-container {
  max-width: var(--size--container);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.success-stories-vertical-rte p {
  color: var(--color--dark-100);
  margin-bottom: 0;
  font-size: 14px;
}

.success-stories-vertical-rte ol {
  padding-left: 0;
  list-style: none;
}

.success-stories-vertical-rte li {
  color: var(--color--dark-900);
  font-size: var(--size--3);
}

.success-stories-vertical-rte ul {
  padding-left: 0;
  list-style: none;
}

.div-block-63 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: center;
  display: flex;
}

.h2-copy {
  color: var(--color--white);
  font-size: var(--size--8);
  text-align: center;
  letter-spacing: normal;
  max-width: 820px;
  margin: 0 auto;
  font-weight: 600;
  line-height: 120%;
}

.h2-copy.display-md.product-feature-heading,
.h2-copy.display-md.product-shipment-h2 {
  letter-spacing: 0;
}

.h2-copy.services-heading {
  color: var(--color--white);
  max-width: 820px;
}

.h2-copy.interactive-benefits-heading {
  font-size: 40px;
  font-weight: 600;
  line-height: 120%;
}

.h2-copy.fast-board-heading {
  text-align: left;
  letter-spacing: normal;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
}

.h2-copy.pricing-discount-heading {
  font-size: var(--size--8);
  letter-spacing: normal;
  font-weight: 700;
  line-height: 120%;
}

.h2-copy.additional-discount-heading {
  color: #fafafa;
  text-align: left;
  margin-bottom: 8px;
  margin-left: 0;
  margin-right: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 48px;
}

.h2-copy.related-pricing-products-heading {
  font-size: var(--size--8);
  letter-spacing: normal;
  font-weight: 700;
  line-height: 120%;
}

.h2-copy.product-benefits-h2 {
  font-size: 46px;
  line-height: 120%;
}

.h2-copy.virtual-class-heading {
  letter-spacing: normal;
  max-width: none;
  font-size: 46px;
  line-height: 120%;
}

.h2-copy.flexible-features-heading {
  letter-spacing: -1px;
  font-size: 40px;
  font-weight: 600;
  line-height: 120%;
}

.h2-copy.app-builder-tab-heading {
  letter-spacing: -1px;
}

.h2-copy.app-builder-feature-h2 {
  letter-spacing: -1px;
  line-height: 120%;
}

.h2-copy.ui-benefits-heading {
  font-size: 46px;
  font-weight: 700;
  line-height: 120%;
}

.h2-copy.solution-packed-h2 {
  letter-spacing: -1px;
  line-height: 100%;
}

.header {
  grid-row-gap: 32px;
  font-family: var(--font--font-sans);
  background-image: linear-gradient(-78.11deg, #151515, #1e1e1e);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  padding: 40px 80px 60px;
  text-decoration: none;
  display: flex;
}

.back {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.back.mb-32 {
  margin-bottom: 32px;
}

.vectors-wrapper {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.blog-back-link {
  font-family: var(--font--font-sans);
  color: var(--agora-blue);
  -webkit-text-stroke-color: #00c2ff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 150%;
  text-decoration: none;
}

.frame-2087325148 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.blog-header {
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  margin-right: 28px;
  text-decoration: none;
  display: flex;
}

.frame-2087325121 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.h1-blog-title {
  font-family: var(--font--font-sans);
  color: #fff;
  font-size: 56px;
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  letter-spacing: -0.02em;
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
}

.byline {
  grid-column-gap: 8px;
  grid-row-gap: 10px;
  font-family: var(--font--font-sans);
  font-size: 14px;
  font-weight: var(--font--font-normal);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 54px;
  display: flex;
}

.g-byline-text {
  color: #a0a4a6;
  letter-spacing: 0.01em;
  max-width: 460px;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: acumin-pro;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.g-byline-text.link {
  text-decoration: underline;
}

.g-byline-text.link.small {
  padding-bottom: 0;
}

.g-byline-text.small {
  font-family: var(--font--font-sans);
  font-size: var(--font--font-sm);
  font-weight: var(--font--font-normal);
  padding-bottom: 0;
}

.blog-body {
  grid-column-gap: 40px;
  font-family: var(--font--font-sans);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 40px 80px;
  text-decoration: none;
  display: flex;
}

.rhs {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 760px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.divider {
  grid-column-gap: 8px;
  background-color: #262b33;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 1px;
  display: flex;
}

.spacer {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.blog-promo-tile {
  grid-row-gap: 20px;
  background-color: #e9ebee;
  border: 1px solid #e9ebee;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 280px;
  height: 100%;
  padding-bottom: 20px;
  text-decoration: none;
  display: none;
}

.blog-promo-img {
  object-fit: cover;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  height: 100%;
}

.blog-promo-content {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
}

.blog-promo-title {
  color: #000;
  letter-spacing: 0.18px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 34px;
  text-decoration: none;
}

.blog-promo-body {
  color: #080808;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.body-0 {
  color: #080808;
  letter-spacing: undefinedundefined;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.body-light {
  color: #080808;
  letter-spacing: undefinedundefined;
  background-color: #fff;
  margin-top: 0;
  margin-bottom: 80px;
  font-family: acumin-pro;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.body-9 {
  color: #080808;
  letter-spacing: undefinedundefined;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.blog-rich-text-block {
  max-width: 600px;
  height: auto;
  font-family: acumin-pro;
  font-size: 18px;
}

.blog-rich-text-block.blog {
  font-family: var(--font--font-sans);
  font-weight: 400;
}

.blog-codeblock {
  font-size: 12px;
  font-weight: 400;
}

.success-stories-card-content {
  border-radius: 10px;
  padding: 24px;
}

.success-stories-card-content.stories-problem-card {
  background-color: #07034e;
  flex: 0 30%;
}

.success-stories-card-content.stories-solution-card {
  background-color: var(--color--primary-blue);
  flex: 0 30%;
}

.success-stories-card-content.stories-result-card {
  background-color: #facf0e;
  border-radius: 12px;
  flex: auto;
}

.success-stories-card-rte p {
  color: var(--color--white);
  font-size: var(--size--5);
}

.success-stories-card-content-heading {
  color: var(--color--white);
  font-size: var(--size--4);
  font-weight: 400;
}

.success-stories-card-content-heading.black-result-heading {
  color: var(--color--black);
}

.stories-hero-cards {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 40px;
}

.success-stories-import-rte {
  background-color: var(--color--white);
}

.collection-list_4grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list_4grid.two {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr 1fr;
  min-width: 560px;
  max-width: none;
  margin-left: 20px;
}

.blogs-developer {
  max-width: 1440px;
}

.collection-list-wrapper-3 {
  flex-flow: row;
  display: flex;
}

.collection-list-6 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.blog-rich-text {
  font-family: var(--font--font-sans);
  font-size: var(--font--font-lg);
  font-weight: var(--font--font-normal);
  width: 100%;
  padding-bottom: 0;
}

.blog-rich-text p {
  margin-top: 16px;
  margin-bottom: 16px;
  line-height: 140%;
}

.blog-rich-text a {
  color: #099dfd;
}

.blog-rich-text a:hover {
  text-decoration: underline;
}

.blog-rich-text h1 {
  margin-top: 68px;
}

.blog-rich-text h2 {
  margin-top: 46px;
  margin-bottom: 20px;
}

.blog-rich-text img {
  border-radius: 6px;
  margin-top: 24px;
  margin-bottom: 8px;
}

.blog-rich-text h3 {
  margin-top: 24px;
}

.blog-rich-text h4,
.blog-rich-text h5 {
  margin-top: 20px;
}

.blog-rich-text figcaption {
  color: var(--color--dark-300);
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  max-width: none;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 140%;
  display: block;
}

.blog-rich-text.styler {
  display: block;
}

.blog-rich-text li {
  margin-top: 4px;
  margin-bottom: 8px;
}

.code-block-4 {
  font-size: 14px;
}

.icon-small {
  width: 24px;
  height: 24px;
}

.div-block-64 {
  background-color: var(--color--black);
  width: 100vw;
  height: 5rem;
}

.text-block-85 {
  line-height: 140%;
  display: flex;
}

.secondary-hero-main-content-img {
  border-radius: 0;
  width: auto;
  height: 100%;
}

.secondary-hero-slider {
  background-color: #ddd0;
  width: 592px;
  height: 372px;
}

.secondary-hero-slider-image {
  border-radius: 12px;
  width: 100%;
  height: 100%;
}

.mask-3 {
  background-color: #0000;
}

.secondary-hero-slider-nav {
  bottom: -20px;
  transform: translate(0, 50%);
}

.empty-state {
  background-color: #000;
}

.empty-state-text {
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

.stories-product-used-h2 {
  color: var(--color--dark-900);
  font-size: var(--size--4);
  line-height: 100%;
  font-weight: var(--font--font-semibold);
  letter-spacing: 0.2px;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 12px;
}

.stories-product-used-h2.light {
  color: var(--color--white);
}

.stories-product-used-h2.light.hero-title,
.stories-product-used-h2.hero-title {
  text-transform: uppercase;
}

.stories-product-used-h3 {
  color: var(--color--dark-900);
  font-size: var(--size--7);
  margin-top: 0;
  margin-bottom: 17px;
  font-weight: 400;
  line-height: 130%;
}

.stories-used-products {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: center;
  display: flex;
}

.used-products-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--color--white);
  border: 1px solid #e2f3ff;
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  width: 200px;
  height: 100%;
  padding: 20px;
  text-decoration: none;
  transition: all 0.2s;
  display: flex;
  box-shadow: -1px 4px 19px #1a86c000;
}

.used-products-item:hover {
  background-color: #fafafa;
  border-color: #099dfd;
  text-decoration: none;
}

.collection-item-2 {
  flex: 0 auto;
}

.image-49 {
  width: 100px;
  height: 100px;
}

.used-product-item-heading {
  color: var(--color--dark-900);
  font-size: var(--size--7);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.text-block-86 {
  color: var(--color--dark-900);
}

.flex-block-72 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
}

.used-product-collection {
  margin-top: 20px;
}

.success-stories-footer-quoteblock-rte {
  color: var(--color--black);
  font-size: 20px;
  font-style: normal;
}

.success-stories-footer-quoteblock-rte blockquote {
  color: var(--color--dark-900);
  font-size: var(--size--6);
  text-align: left;
  border-left-style: none;
  padding: 0;
  font-weight: 400;
  line-height: 140%;
}

.success-stories-footer-quoteblock-rte p {
  color: var(--color--dark-900);
  font-size: var(--size--4);
  text-align: center;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 120%;
}

.success-stories-power-of-real-time {
  background-color: #e2f3ff;
  padding: 60px 120px;
}

.success-stories-about-customer-block {
  background-color: #e2f3ff;
  padding: 40px 120px;
}

.image-50 {
  border-radius: 12px;
}

.success-stories-the-problem {
  background-color: var(--color--white);
  padding: 60px 120px;
}

.problem-flex-container {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  display: flex;
}

.stories-problem-aside-heading {
  color: var(--color--dark-900);
  font-size: var(--size--7);
  margin-top: 0;
  margin-bottom: 12px;
  line-height: 140%;
}

.div-block-65 {
  flex: 0 66.67%;
  max-width: 530px;
}

.problem-solution-aside {
  border-radius: 10px;
  flex: 0 33.33%;
  padding: 24px;
}

.problem-solution-aside.solution-aside {
  background-color: var(--color--white);
}

.problem-solution-aside.problem-aside {
  background-color: #fff0f0;
}

.success-stories-the-solution {
  background-color: #e2f3ff;
  padding: 100px 120px;
}

.problem-solution-aside-copy {
  border-radius: 10px;
  flex: 0 33.33%;
  padding: 24px;
}

.problem-solution-aside-copy.solution-aside {
  background-color: var(--color--white);
}

.image-51 {
  width: 100%;
  height: 100%;
}

.div-block-66 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 450px;
  display: flex;
}

.div-block-67,
.agora-solution-products {
  margin-top: 30px;
}

.flex-block-73 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
}

.link-2 {
  color: var(--color--dark-900);
  font-size: 16px;
}

.success-stories-the-results {
  background-color: #e2f3ff;
  padding: 80px 120px 20px;
}

.success-stories-dark-card-rte p {
  color: var(--color--black);
  font-size: var(--size--4);
  line-height: 120%;
}

.pricing-rhs {
  justify-content: center;
  align-items: center;
  display: flex;
}

.main {
  background-color: var(--color--gray-25);
  letter-spacing: -1px;
  text-indent: 0%;
  text-transform: none;
  flex-flow: column;
  justify-content: center;
  min-height: 100vh;
  padding-left: 60px;
  padding-right: 60px;
  font-family: acumin-pro;
  display: flex;
}

.text-block-87 {
  letter-spacing: 0.18px;
  max-width: 600px;
  font-size: 18px;
  line-height: 150%;
}

.heading-9 {
  font-family: var(--font--font-sans);
  letter-spacing: -0.72px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 72px;
  font-weight: 600;
  line-height: 100%;
}

.flex-block-74 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 80px;
}

.left-arrow-2 {
  z-index: 99;
  background-color: var(--color--black);
  width: 24px;
  height: 24px;
  inset: 0% auto auto 0%;
}

.newsroom-slider {
  margin-top: 48px;
  margin-bottom: 48px;
  position: relative;
}

.slider-2 {
  position: static;
}

.icon-3 {
  inset: 0% 0% auto auto;
}

.container-5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.swiper-button__arrow {
  width: 1rem;
}

.swiper-button__arrow.is-2 {
  position: absolute;
}

.swiper-wrapper.is-team {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.swiper-button {
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  position: relative;
}

.swiper-button.swiper-btn-prev {
  transform: rotate(180deg);
}

.section-7 {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.swiper-button__border {
  border: 1px dashed #ff5e00;
  border-radius: 100rem;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.swiper-slide {
  filter: grayscale();
  transition: filter 0.2s;
}

.swiper-slide:hover {
  filter: grayscale(0%);
}

.swiper-slide.is-team {
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20rem;
  display: flex;
}

.swiper.is-team {
  width: 100%;
  margin-top: 3rem;
  overflow: hidden;
}

.swiper-button__wrap {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.swiper-top {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.flex-block-75 {
  justify-content: space-between;
  align-items: center;
}

.div-block-68 {
  background-color: var(--color--gray-200);
  height: 1px;
  margin-top: 40px;
  padding-top: 0;
}

.newsroom-divider {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.newsroom-pressrelease {
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 80px;
}

.flex-block-76 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
}

.flex-block-77 {
  color: var(--color--dark-900);
  text-align: right;
  flex-flow: row;
  order: 0;
  justify-content: flex-end;
  align-self: center;
  align-items: flex-start;
  min-width: 120px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}

.newsroom-pressreleasecard-wrapper {
  cursor: pointer;
  padding-top: 40px;
  padding-bottom: 0;
  font-weight: 400;
  text-decoration: none;
  position: relative;
}

.newsroom-pressreleasecard-wrapper:hover {
  color: var(--color--black);
  text-decoration: none;
}

.newsroom-pressreleasecard-wrapper.underline-card {
  width: 100%;
}

.flex-block-78 {
  grid-column-gap: var(--size--6);
  grid-row-gap: var(--size--6);
  color: var(--color--dark-200);
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
  text-decoration: none;
}

.text-block-88 {
  font-family: var(--font--font-sans);
  color: #525252;
  font-size: var(--font--font-base);
  line-height: 150%;
  font-weight: var(--font--font-normal);
  letter-spacing: 0.16px;
}

.text-block-88:hover {
  font-style: normal;
  text-decoration: none !important;
}

.flex-block-79 {
  justify-content: space-between;
  align-items: center;
}

.heading-10 {
  color: var(--color--dark-900);
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.heading-10.underline {
  font-family: var(--font--font-sans);
  font-size: var(--font--font-1-5xl);
  line-height: 120%;
  font-weight: var(--font--font-medium);
  letter-spacing: -0.48px;
  max-width: 660px;
}

.press-release-pageheader {
  background-color: var(--color--transparent);
  font-family: var(--font--font-sans);
  color: var(--color--black);
  font-size: 72px;
  line-height: 86px;
  font-weight: var(--font--font-semibold);
  letter-spacing: -2px;
  -webkit-text-stroke-color: var(--color--black);
  margin-top: 0;
  margin-bottom: 0;
}

.press-release-pageheader.black-media {
  color: var(--color--dark-900);
  line-height: 100%;
}

.button-plain-dark {
  border-radius: var(--size--28);
  background-color: var(--color--black);
  color: var(--color--white);
  font-size: var(--font--font-lg);
  letter-spacing: -0.18px;
  padding: 12px 24px;
  line-height: 110%;
  text-decoration: none;
  display: inline-block;
}

.button-plain-dark:hover {
  color: var(--color--black);
  background-color: #fff0;
  border: 1px solid #000;
}

.flex-block-80 {
  font-family: var(--font--font-sans);
  font-size: var(--font--font-sm);
  font-weight: var(--font--font-normal);
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}

.link-3 {
  z-index: 1;
  background-color: var(--color--transparent);
  font-size: 0;
  position: absolute;
  inset: 0%;
}

.pressrelease-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  margin-top: 0;
  padding-top: 80px;
  padding-bottom: 40px;
  display: flex;
}

.pressrelease-container.media-container {
  padding-top: 60px;
  padding-bottom: 0;
}

.section-8 {
  background-color: var(--color--dark-600);
}

.section-8.plain-bg {
  background-color: #0000;
}

.pagination {
  justify-content: flex-end;
  align-items: center;
}

.body-10 {
  font-family: var(--font--font-sans);
}

.flex-block-81 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--color--gray-800);
  flex-flow: row;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.link-4 {
  color: var(--color--gray-800);
}

.link-block-6 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.flex-block-82 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  max-width: 800px;
}

.text-block-89 {
  color: var(--color--primary-blue);
  font-size: var(--size--4);
  line-height: var(--size--4);
  text-decoration: none;
}

.container-9 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.image-53 {
  border-radius: var(--size--2-5);
  width: 450px;
  height: 225px;
  display: block;
}

.div-block-69 {
  flex: none;
}

.flex-block-83 {
  grid-column-gap: var(--size--10);
  grid-row-gap: var(--size--10);
}

.pressrelease-title {
  color: var(--color--white);
  letter-spacing: -0.72px;
  font-size: 32px;
  font-weight: 600;
  line-height: 120%;
}

.container-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.about-customer-heading-rte {
  color: var(--color--black);
}

.about-customer-heading-rte h2 {
  color: var(--color--dark-900);
  font-size: var(--size--5);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 140%;
}

.about-customer-heading-rte a {
  color: var(--color--dark-900);
  text-decoration: underline;
}

.solution-products-image {
  width: 52px;
  height: 52px;
}

.navbar-logo-center-container-2 {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.navbar-logo-center-container-2.shadow-three {
  width: 100%;
  max-width: 1140px;
}

.container-11 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper-three-2 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.navbar-brand-three-2 {
  z-index: 5;
  position: absolute;
}

.nav-menu-wrapper-three-2 {
  width: 100%;
}

.nav-menu-three-2 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-menu-block-2 {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link-3 {
  color: #1a1b1f;
  letter-spacing: 0.25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-3:hover {
  color: #1a1b1fbf;
}

.nav-link-3:focus-visible,
.nav-link-3[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-3 {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle-3 {
  letter-spacing: 0.25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle-3:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle-3:focus-visible,
.nav-dropdown-toggle-3[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon-3 {
  margin-right: 10px;
}

.nav-dropdown-list-3 {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list-3.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link-3 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link-3:focus-visible,
.nav-dropdown-link-3[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-link-accent-2 {
  color: #1a1b1f;
  letter-spacing: 0.25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent-2:hover {
  color: #1a1b1fbf;
}

.button-primary-5 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all 0.2s;
}

.button-primary-5:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-5:active {
  background-color: #43464d;
}

.paragraph {
  text-align: center;
  margin-bottom: 40px;
  font-size: 18px;
}

.heading-11 {
  text-align: center;
  margin-bottom: 20px;
  font-weight: 400;
}

.paragraph-2 {
  text-align: center;
  margin-bottom: 20px;
  padding-top: 20px;
  font-size: 18px;
}

.image-container {
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  display: flex;
}

.form-container {
  justify-content: center;
  align-items: center;
  padding-bottom: 100px;
  display: flex;
}

.container-12 {
  margin-left: 0;
  margin-right: 0;
}

.hero-banner-extensions {
  background-image: url('../images/em-blur.webp');
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 40px;
  padding: 20px 60px 20px 40px;
}

.extensions-header {
  color: #000;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: acumin-pro;
  font-size: 42px;
  font-weight: 400;
  line-height: 48px;
}

.heading-13 {
  margin-top: 20px;
  font-size: 22px;
  font-weight: 400;
}

.flex-block-85 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  align-self: center;
  margin-top: 0;
  padding: 40px 40px 40px 60px;
}

.div-block-70 {
  padding-left: 40px;
}

.image-55 {
  border-radius: 10px;
}

.button {
  margin-top: 10px;
  padding-top: 9px;
}

.flex-block-86 {
  flex-flow: row;
  padding-top: 40px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.agora-for-startups-section {
  z-index: 0;
  float: none;
  clear: none;
  margin-top: 0;
  padding: 80px 120px 20px;
  position: static;
  top: -10px;
}

.image-56 {
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.div-block-72 {
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-left: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  display: flex;
}

.paragraph-3 {
  color: #fff;
  font-family: acumin-pro-wide;
  font-size: 16px;
  line-height: 28px;
}

.div-block-73 {
  align-self: center;
}

.paragraph-4 {
  padding-top: 10px;
  font-size: 1.125rem;
  font-weight: 700;
}

.heading-14 {
  color: #fff;
  font-family: acumin-pro-wide;
  font-size: 22px;
  font-weight: 400;
}

.flex-block-87 {
  padding-right: 60px;
}

.div-block-74,
.div-block-75 {
  display: flex;
}

.heading-15 {
  color: var(--color--gray-700);
  margin-bottom: 40px;
  font-weight: 400;
}

.div-block-76 {
  padding-left: 60px;
  padding-right: 40px;
}

.startup-form-section {
  margin-bottom: 60px;
  padding-top: 60px;
  padding-right: 100px;
}

.div-block-78 {
  border: 1px solid #ddd;
  border-radius: 10px;
  margin-top: 20px;
  padding: 10px 20px;
  font-family: acumin-pro;
}

.grid-12 {
  grid-column-gap: 2px;
  grid-template:
    'Area Area-2'
    / 0.5fr 1fr;
}

.title-2 {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.search {
  grid-column-gap: 0px;
  border: 1px solid #454545;
  border-radius: 48px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding-left: 32px;
  text-decoration: none;
  display: flex;
}

.body-11 {
  grid-column-gap: 8px;
  border: 1px solid #454545;
  border-radius: 34px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 52px;
  padding-left: 32px;
  padding-right: 8px;
  display: flex;
}

.vectors-wrapper-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  text-decoration: none;
  display: flex;
}

.text-3 {
  color: gray;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.blog-header-section {
  z-index: 1;
  padding: 60px 80px 52px;
  position: static;
  top: 40px;
}

.blog-heading {
  font-family: var(--font--font-sans);
  color: var(--color--white);
  font-size: 46px;
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  width: 100%;
}

.blog-heading.careers {
  width: 100%;
  max-width: 400px;
  font-size: 56px;
}

.blog-search {
  align-self: center;
  min-width: 460px;
  max-width: 710px;
  height: auto;
  display: none;
}

.text-field-2 {
  border: 0px solid var(--color--gray-900);
  -webkit-text-stroke-width: 0px;
  background-color: #000;
  border-radius: 50px;
  height: 52px;
  margin-bottom: 0;
  padding-left: 8px;
  padding-right: 32px;
  font-size: 18px;
  font-weight: 400;
}

.form-2 {
  -webkit-text-stroke-color: var(--color--gray-800);
}

.form-block {
  margin-bottom: 0;
}

.blog-content {
  justify-content: center;
  align-items: stretch;
  padding: 0 40px 60px;
  display: flex;
}

.blog-tabs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--color--black);
  color: var(--color--gray-600);
  border-radius: 8px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: stretch;
  width: auto;
  min-width: 240px;
  padding: 12px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.blog-tabs:hover {
  background-color: var(--color--dark-700);
}

.blog-tabs.w--current {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--color--dark-600);
  color: var(--color--white);
  flex-flow: row;
  padding: 12px;
}

.blog-tabs.selected {
  background-color: var(--color--dark-400);
  color: var(--color--white);
}

.blog-tabs.selected.w--current {
  width: auto;
  min-width: 240px;
}

.text-block-90 {
  flex: 0 auto;
  align-self: flex-start;
}

.blog-card {
  grid-row-gap: 24px;
  background-color: var(--color--dark-600);
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 380px;
  height: 100%;
  padding-bottom: 32px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.blog-card:hover {
  background-color: var(--color--dark-400);
}

.blog-card.large {
  height: 100%;
}

.vectors-wrapper-3 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.blog-thumbnail {
  object-fit: cover;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  flex: 1;
  align-self: auto;
  width: auto;
  max-width: 380px;
  height: auto;
}

.blog-thumbnail.large {
  height: 100%;
}

.content-2 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-left: 28px;
  padding-right: 28px;
  text-decoration: none;
  display: flex;
}

.frame-2087325116 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 4px;
  padding-right: 4px;
  text-decoration: none;
  display: flex;
}

.text-4 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.blog-card-byline {
  grid-column-gap: 4px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-5 {
  color: gray;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  overflow: visible;
}

.tag-list {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.tag_developer {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.tag {
  grid-column-gap: 8px;
  border: 0.75px undefined undefined;
  background-image: linear-gradient(-79.92deg, #212121, #292828);
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 92px;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
}

.tag-text {
  color: #d9d9d9;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.blog-card-text {
  color: var(--color--white);
  height: auto;
  min-height: 60px;
  text-decoration: none;
}

.blog-card-text:hover {
  text-decoration: none;
}

.blogs-tabs {
  flex-flow: row;
  display: flex;
}

.blog-tag-collection {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.text-block-91 {
  color: var(--color--white);
}

.blog-tab-text {
  align-self: center;
  text-decoration: none;
}

.icon-container-blog-tab {
  grid-column-gap: 10px;
  border: 1px undefined undefined;
  background-color: var(--color--dark-300);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  text-decoration: none;
  display: flex;
}

.icon-container-blog-tab.selected {
  background-color: var(--agora-blue);
}

.vectors-wrapper-4 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.tabs-menu-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.blog-subtitle {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px 12px;
  text-decoration: none;
  display: flex;
}

.text-6 {
  color: #a0a4a6;
  letter-spacing: 0.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.icon-24px {
  width: 24px;
  height: 24px;
  padding-top: 2px;
}

.startup {
  background-image: url('../images/section-bg-dark.webp');
  background-position: 0 0;
  background-size: auto;
  margin-top: -10px;
  padding-bottom: 60px;
  padding-left: 40px;
  padding-right: 60px;
  display: block;
}

.heading-16 {
  color: #fff;
  text-align: left;
  order: 0;
  align-self: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  font-family: acumin-pro;
  font-size: 22px;
  font-weight: 400;
}

.div-block-80 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-81 {
  background-color: #e2f2ff;
  border: 1px #000;
  border-radius: 20px;
  padding: 40px 24px 40px 50px;
}

.image-57 {
  text-align: left;
  padding-left: 10px;
}

.paragraph-5 {
  color: #555764;
}

.paragraph-6 {
  color: #555764;
  padding-top: 10px;
  padding-right: 50px;
  font-family: acumin-pro-wide;
  font-size: 18px;
  line-height: 30px;
}

.quick-stack-6 {
  text-align: left;
  align-self: center;
  padding-left: 20px;
}

.cell {
  justify-content: center;
  align-items: flex-start;
  padding-left: 0;
}

.paragraph-7 {
  color: #fff;
  font-family: acumin-pro-wide;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

.paragraph-8 {
  color: #fff;
  font-family: acumin-pro-wide;
  font-size: 10px;
}

.bold-text-2 {
  font-size: 10px;
}

.link-5 {
  color: #212121;
  border-bottom: 3px solid #099dfd;
  border-radius: 3px;
  padding-top: 20px;
  font-family: acumin-pro-wide;
  font-size: 16px;
  text-decoration: none;
}

.image-58 {
  border-radius: 10px;
  margin-top: 0%;
  margin-left: 0%;
}

.div-block-82 {
  margin-top: 0%;
  margin-left: -45%;
}

.div-block-83 {
  padding-left: 20px;
}

.div-block-84 {
  z-index: 50;
  text-align: left;
  display: flex;
  position: relative;
}

.heading-17 {
  text-align: center;
  align-self: auto;
  font-family: acumin-pro-wide;
  font-size: 22px;
  font-weight: 400;
}

.section-10 {
  z-index: 5;
  background-color: #0000;
  position: relative;
}

.quick-stack-7 {
  z-index: 50;
  text-align: left;
  align-self: center;
  padding-left: 130px;
  padding-right: 130px;
  position: static;
}

.div-block-85 {
  text-align: center;
  background-color: #0000;
  border: 1px solid #e2f3ff;
  border-radius: 10px;
  align-self: auto;
  padding: 24px;
  box-shadow: 0 2px 5px #1a86c029;
}

.div-block-86 {
  border: 1px solid #e2f3ff;
  border-radius: 10px;
}

.cell-2,
.cell-3 {
  border: 1px #e2f3ff;
  border-radius: 10px;
}

.div-block-87,
.div-block-88 {
  text-align: center;
  background-color: #fff;
  border: 1px solid #e2f3ff;
  border-radius: 10px;
  padding: 24px;
  box-shadow: 0 2px 5px #1a86c029;
}

.div-block-89 {
  display: flex;
}

.image-59 {
  text-align: left;
}

.heading-18 {
  font-family: acumin-pro-wide;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 24px;
}

.heading-19 {
  font-family: acumin-pro-wide;
  font-size: 1.125rem;
  line-height: 24px;
}

.heading-20 {
  font-family: acumin-pro-wide;
  font-size: 1.25rem;
  line-height: 24px;
}

.cell-4 {
  justify-content: center;
  align-items: flex-start;
}

.cell-5 {
  justify-content: center;
  align-items: center;
}

.link-6 {
  color: #fff;
  border: 1px #000;
  border-bottom: 3px solid #099dfd;
  font-family: acumin-pro-wide;
  font-size: 16px;
  text-decoration: none;
}

.quick-stack-8 {
  align-self: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.cell-6,
.cell-7 {
  justify-content: center;
  align-items: center;
}

.div-block-90 {
  margin-top: auto;
  padding-top: 0;
  padding-left: 40px;
  padding-right: 60px;
}

.heading-21 {
  font-family: acumin-pro-wide;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 38px;
}

.div-block-91,
.div-block-92,
.div-block-93 {
  background-color: #e2f3ff;
  border-radius: 10px;
  margin-top: 20px;
  padding: 24px;
}

.heading-22 {
  margin-top: 0;
  font-family: acumin-pro-wide;
  font-size: 1.125rem;
  font-weight: 700;
}

.heading-23 {
  margin-top: 0;
}

.heading-24 {
  margin-top: 0;
  line-height: 24px;
}

.paragraph-9 {
  font-family: acumin-pro-wide;
  font-size: 16px;
  line-height: 22px;
}

.div-block-94 {
  background-color: #e2f3ff;
  border-radius: 10px;
  margin-top: 20px;
  padding: 24px;
}

.bold-text-3 {
  font-family: acumin-pro-wide;
  font-size: 1.125rem;
  line-height: 24px;
}

.bold-text-4 {
  font-family: acumin-pro-wide;
  font-size: 1.125rem;
  font-weight: 700;
}

.heading-25 {
  font-family: acumin-pro-wide;
  font-size: 1.125rem;
  line-height: 24px;
}

.paragraph-10,
.paragraph-11,
.paragraph-12 {
  font-family: acumin-pro-wide;
  font-size: 16px;
  line-height: 22px;
}

.section-11 {
  margin-bottom: 60px;
}

.div-block-95 {
  padding-left: 40px;
}

.div-block-90-2-2 {
  box-sizing: border-box;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 49%;
  display: block;
}

.div-block-91-2-2 {
  width: 46%;
}

.container-13 {
  width: 100%;
  max-width: 1801px;
}

.heading-26 {
  margin-top: 40px;
  margin-bottom: 20px;
}

.heading-27,
.heading-28,
.heading-29,
.heading-30,
.heading-31,
.heading-32,
.heading-33 {
  margin-bottom: 20px;
}

.paragraph-13 {
  margin-bottom: 30px;
}

.heading-34,
.heading-35 {
  margin-bottom: 20px;
}

.bold-text-5 {
  line-height: 24px;
}

.container-11-2 {
  color: #212121;
  background-color: #0000;
  width: 100%;
  max-width: 199vw;
  margin-bottom: 48px;
  padding-top: 48px;
  padding-bottom: 48px;
  font-family: acumin-pro-wide;
}

.div-block-70-2 {
  height: NaN%;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}

.flex-block-84 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-left: 0;
  padding-right: 0;
}

.div-block-71 {
  object-fit: fill;
  background-color: green;
  flex: 1;
  height: 100px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  overflow: visible;
}

.div-block-72-2 {
  background-color: #add8e6;
  flex-flow: column;
  flex: 0 auto;
  height: 100%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.container-12-2 {
  background-color: red;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}

.heading-11-2 {
  color: #212121;
  letter-spacing: 0.1em;
  margin-top: 0;
  margin-bottom: 1em;
  font-family: acumin-pro-wide;
  font-size: 0.666666em;
  font-weight: 400;
  line-height: 1.3em;
}

.heading-12 {
  color: #212121;
  letter-spacing: -0.01em;
  white-space: normal;
  word-break: normal;
  margin-top: 0;
  margin-bottom: 0.5em;
  font-family: acumin-pro-wide;
  font-size: 2.3rem;
  font-weight: 400;
  line-height: 1.1em;
}

.paragraph-2-2 {
  margin-bottom: 0.666666em;
  font-family: acumin-pro-wide;
  font-size: 1.3rem;
  line-height: 1.3em;
}

.th-section {
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-color: #fafafd;
  background-clip: border-box;
  width: 100vw;
  min-width: 100%;
  max-width: 100vw;
  margin: -48px calc(50% - 50vw) 48px;
  padding-top: 48px;
  padding-bottom: 48px;
  position: relative;
}

.th-section.th-offwhite {
  background-color: #f2efed;
}

.th-section.th-offwhite.last-child {
  background-color: #f2efed;
  margin-bottom: 0;
  padding-bottom: 0;
  overflow: visible;
}

.th-section.first-child {
  box-sizing: border-box;
  aspect-ratio: auto;
  background-color: var(--color--white);
  color: var(--color--dark-500);
  font-size: var(--font--font-base);
  line-height: 140%;
  font-weight: var(--font--font-normal);
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  object-position: 50% 50%;
  background-clip: border-box;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: block;
}

.th-section__content-unity {
  background-color: #0000;
  width: 100%;
  max-width: 1400px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 60px 48px;
  position: relative;
}

.flex-block-85-2 {
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0.712485em;
  overflow: visible;
}

.div-block-73-2 {
  font-family: var(--font--font-sans);
  font-size: var(--font--font-base);
  line-height: 140%;
  font-weight: var(--font--font-normal);
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}

.div-block-74-2 {
  flex: 1;
  margin-left: 8.33333%;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.heading-13-2 {
  letter-spacing: -0.01em;
  margin-top: 0;
  margin-bottom: 0.5em;
  font-family: acumin-pro-wide;
  font-size: 1.125rem;
  line-height: 1.3em;
  position: relative;
}

.body-11-2 {
  font-family: var(--font--font-sans);
  color: #212121;
  background-color: #000;
  padding-top: 0;
  padding-bottom: 0;
  overflow: scroll;
}

.th-para-2 {
  margin-bottom: 1.11111em;
  font-size: 16px;
  line-height: 25px;
}

.th-h-block-spacer-10 {
  background-color: #0000;
  height: 30px;
  font-family: acumin-pro-wide;
  line-height: 20px;
  position: relative;
}

.th-ul-list {
  margin-bottom: 1em;
  padding-left: 1.5em;
}

.heading-14-2 {
  font-weight: 400;
}

.heading-15-2 {
  margin-top: 0;
  margin-bottom: 0.5em;
}

.th-h-block-spacer-20 {
  height: 20px;
  display: block;
}

.flex-block-86-2 {
  border: 0 #000;
  flex-flow: wrap;
  place-content: flex-end center;
  align-items: center;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  position: relative;
}

.div-block-77-2,
.div-block-78-2,
.div-block-79-2,
.div-block-80-2 {
  flex: 1;
}

.speaker-headshots {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #000;
  border-radius: 5px;
  flex-flow: column;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: stretch;
  align-items: stretch;
  height: 100%;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.speaker-block-card {
  background-color: #fff;
  border: 1px solid #e2f3ff;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  line-height: 20;
  position: relative;
  overflow: hidden;
  box-shadow: -1px 4px 19px #1a86c029;
}

.speaker-block-card__image-container {
  flex: 0 auto;
  height: 100%;
  line-height: 14px;
  display: block;
}

.speaker-block-card__content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  flex: auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 24px;
  padding: 6px;
  display: flex;
}

.paragraph-3-2 {
  justify-content: center;
  margin-bottom: 0.666666em;
  font-size: 1rem;
  line-height: 1rem;
  display: flex;
  position: relative;
}

.paragraph-4-2 {
  color: #737373;
  justify-content: center;
  font-size: 0.888888rem;
  line-height: 1rem;
  display: flex;
}

.mktolabel {
  text-transform: uppercase;
  margin-bottom: 6px;
  padding-top: 0.3em;
  font-size: 0.666666rem;
  font-weight: 400;
  line-height: 1.2em;
  position: relative;
}

.mktofield {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 1em;
  font-size: 0.875rem;
}

.mktofield:focus {
  outline-offset: 0px;
  border-color: #099dfd;
  outline: 3px #d9d9d9;
  box-shadow: 0 0 0 1px #099dfd;
}

.mktofield.mktoselectfield {
  padding-right: 35px;
}

.mktoformrow {
  min-height: 2em;
  margin-bottom: 24px;
  position: relative;
}

.th-section__inner-content-unity {
  object-fit: fill;
  width: 100%;
  margin-bottom: auto;
  display: block;
}

.o-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.o-row.u-align-items-center.u-justify-content-center {
  flex: 0 auto;
  display: flex;
}

.div-block-81-2 {
  flex: 0 auto;
  width: 100%;
  height: 200px;
  display: block;
}

.th-row-unity {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 60px;
  padding-right: 60px;
  font-weight: 400;
  display: flex;
}

.th-row-col {
  flex: 1;
  height: 100%;
  display: flex;
}

.th-col1-unity {
  font-weight: var(--font--font-normal);
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  min-width: 60%;
  height: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.th-col1-unity.hidden {
  align-self: center;
}

.th-caption-text {
  font-family: var(--font--font-sans);
  font-size: var(--font--font-xs);
  line-height: 140%;
  font-weight: var(--font--font-normal);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1em;
  position: relative;
}

.th-caption-text.th-strong {
  font-weight: var(--font--font-semibold);
}

.th-block-heading {
  font-family: var(--font--font-sans);
  font-size: 2.3rem;
  line-height: 140%;
  font-weight: var(--font--font-semibold);
  letter-spacing: -0.01em;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0.5em;
  position: relative;
}

.th-para {
  font-size: var(--font--font-lg);
  line-height: 140%;
  font-weight: var(--font--font-normal);
  margin-bottom: 0.666666em;
  position: relative;
}

.image-54-2 {
  width: 350px;
  padding-bottom: 40px;
}

.th-main {
  font-family: var(--font--font-sans);
  text-align: left;
  background-color: #fff;
  width: 100%;
  max-width: 1400px;
  margin-bottom: 48px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 16px;
  line-height: 1.55556em;
  position: relative;
  overflow: visible;
}

.th-block-heading-h3 {
  font-size: 1.125rem;
  line-height: 1.3em;
  font-weight: var(--font--font-semibold);
  text-align: left;
  letter-spacing: -0.01em;
  margin-top: 0;
  margin-bottom: 0.5em;
  position: relative;
}

.th-block-embed-video {
  background-color: #0000;
  position: relative;
}

.th-h-block-spacer-15 {
  height: 15px;
  position: relative;
}

.list-item-3,
.list-item-4,
.th-what-u-will-learn-li {
  font-size: 16px;
  line-height: 25px;
  position: relative;
}

.heading-16-2 {
  font-family: var(--font--font-sans);
  font-size: var(--font--font-3xl);
  line-height: 140%;
  font-weight: var(--font--font-semibold);
  text-align: center;
  letter-spacing: -0.01em;
  margin-top: 0;
  margin-bottom: 0.712485em;
  position: relative;
}

.image-55-2 {
  display: block;
}

.flex-block-87-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  font-family: var(--font--font-sans);
  color: var(--color--dark-500);
  font-size: var(--font--font-base);
  line-height: 140%;
  font-weight: var(--font--font-normal);
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.speaker-headshot {
  width: 25%;
}

.speaker-block-card-new {
  background-color: #fff;
  border: 1px solid #e2f3ff;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-shadow: -1px 4px 19px #1a86c029;
}

.speaker-block-card-new__content {
  flex-flow: column;
  width: 100%;
  margin-bottom: 6px;
  padding-top: 6px;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
}

.speaker-block-card-new__content-designation {
  color: #737373;
  text-align: center;
  word-break: normal;
  margin-bottom: 0;
  font-size: 0.888888rem;
}

.speaker-block-card-new__content-name {
  text-align: center;
  word-break: normal;
  margin-bottom: 0.666666em;
  font-size: 16px;
  line-height: 25px;
}

.asterisk {
  color: #e00;
  margin-left: 3px;
  padding-left: 0;
  padding-right: 0;
}

.mktofieldchecboxlabel {
  padding-left: 5px;
  font-size: 13px;
  line-height: 20px;
}

.checkbox-field-2 {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-link {
  color: #099dfd;
}

.form-submit-button {
  background-color: #099dfd;
  border-radius: 50px;
  padding: 12px 24px;
  transition: color 0.2s, background-color 0.2s;
}

.form-submit-button:hover,
.form-submit-button:active {
  background-color: #150f96;
}

.bold-text-2-2 {
  font-size: 1.125rem;
  line-height: 1.3em;
  font-weight: var(--font--font-semibold);
  letter-spacing: -0.01em;
  margin-bottom: 0.5em;
  display: block;
}

.code-embed-11-2 {
  justify-content: center;
  align-items: center;
  height: auto;
  display: block;
}

.mediacoverage-card-wrapper {
  grid-column-gap: var(--size--4);
  grid-row-gap: var(--size--4);
  border: 1px solid var(--color--gray-200);
  border-radius: var(--size--3);
  background-color: var(--color--white);
  color: #333;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  min-height: 472px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.image-60 {
  border-radius: var(--size--3);
  object-fit: contain;
  background-color: #f1f0f0;
  width: 100%;
  height: 200px;
  padding: 40px;
}

.heading-36 {
  direction: ltr;
  color: var(--color--dark-900);
  font-size: var(--size--5);
  line-height: var(--size--4);
  column-count: auto;
  overflow-wrap: normal;
}

.heading-36.text-style-2lines {
  font-family: var(--font--font-sans);
  font-size: var(--size--5);
  line-height: 150%;
  font-weight: var(--font--font-normal);
  letter-spacing: 0.2px;
  overflow-wrap: normal;
}

.paragraph-14 {
  color: var(--color--gray-700);
  font-size: var(--size--4);
  line-height: var(--size--6);
  display: none;
}

.exerternallink-linear-wrapper {
  grid-column-gap: var(--size--1-5);
  grid-row-gap: var(--size--1-5);
  font-family: var(--font--font-sans);
  color: var(--color--dark-900);
  font-size: var(--font--font-sm);
  font-weight: var(--font--font-normal);
  justify-content: flex-start;
  align-items: flex-start;
}

.paragraph-15 {
  font-size: var(--size--4);
  letter-spacing: -0.16px;
  line-height: 100%;
}

.code-embed-12 {
  width: var(--size--4);
  height: var(--size--4);
}

.flex-block-91 {
  grid-column-gap: var(--size--1-5);
  grid-row-gap: var(--size--1-5);
  line-height: var(--size--4);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  display: flex;
}

.section-12 {
  margin-top: 80px;
}

.section-12.media-list {
  margin-top: 20px;
}

.collection-item-4 {
  flex: 0 auto;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.container-15 {
  padding-bottom: 80px;
}

.postpagination {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  font-family: var(--font--font-sans);
  font-weight: var(--font--font-normal);
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
}

.newsroom-mediacoverages {
  margin-top: var(--size--10);
  margin-bottom: var(--size--10);
}

.collection-list-wrapper-4 {
  padding-top: var(--size--4);
  padding-bottom: var(--size--10);
}

.div-block-97 {
  font-family: var(--font--font-sans);
  font-weight: var(--font--font-normal);
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-lhs {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: auto;
  display: flex;
  position: sticky;
  top: 100px;
}

.postpagination-link-next {
  margin-left: 0;
  margin-right: 0;
}

.postpagination-link {
  border-color: var(--color--gray-200);
  background-color: var(--color--white);
  color: var(--color--black);
  font-size: var(--size--4);
  line-height: var(--size--5);
  cursor: pointer;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 12px 24px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  display: flex;
}

.postpagination-link:hover {
  background-color: var(--color--black);
  color: var(--color--white);
}

.icon-4 {
  min-height: var(--size--4);
  min-width: var(--size--4);
  font-family: var(--font--font-sans);
  font-weight: var(--font--font-medium);
}

.icon-5 {
  width: var(--size--4);
  height: var(--size--4);
  min-height: var(--size--4);
  min-width: var(--size--4);
}

.text-block-92 {
  text-decoration: none;
}

.collection-list-7 {
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
}

.g-backto-link {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: var(--color--primary-blue);
  align-items: center;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
}

.splide-collection-listi-wrapper.splide__track {
  object-fit: fill;
}

.splide {
  width: 592px;
  height: 372px;
  position: relative;
}

.splide.full-width {
  width: 100%;
  height: auto;
}

.image-61 {
  object-fit: cover;
  border-radius: 13px;
  width: 592px;
  height: 372px;
  position: absolute;
}

.partners-gallery-hero {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
}

.partner-section {
  padding: 40px 120px;
  display: flex;
}

.section-13 {
  background-color: var(--color--white);
  padding: 40px 120px 80px;
  display: flex;
}

.left-content {
  color: var(--color--dark-200);
  flex: auto;
}

.aside-rte-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  flex: 1 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  margin-left: 32px;
  display: flex;
}

.link-block-7 {
  border-color: var(--color--accent-richlilac);
}

.modal-content {
  width: 500px;
}

.partner-modal-close {
  text-decoration: none;
}

.modal-data-content {
  padding-top: 20px;
}

.heading-37 {
  font-family: var(--font--font-sans);
  font-size: 1.125rem;
  font-weight: var(--font--font-semibold);
  text-align: center;
  margin-top: 60px;
}

.section-14 {
  background-color: #fafafd;
}

.section-15 {
  background-color: #fafafd;
  margin-top: -48px;
  padding-top: 40px;
}

.flex-block-92 {
  flex-flow: row;
}

.div-block-100,
.div-block-101,
.div-block-102 {
  width: 33%;
}

.partner-modal-heading {
  color: var(--color--white);
  font-size: var(--size--5);
  margin-top: 0;
  margin-bottom: 0;
}

.flex-block-93 {
  border-bottom: 1px solid var(--color--gray-100);
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
}

.g-dropdown-container {
  display: none;
}

.g-dropdown-container.visible {
  display: block;
}

.section-16 {
  background-color: #fafafd;
  margin-top: -48px;
  padding-top: 40px;
}

.image-62 {
  width: 500px;
}

.div-block-103,
.div-block-104 {
  align-self: flex-start;
  width: 50%;
}

.div-block-105 {
  width: 33%;
}

.section-16-2 {
  background-color: #fafafd;
  margin-top: -48px;
  padding-top: 40px;
}

.div-block-103-2,
.div-block-104-2,
.div-block-105-2 {
  width: 33%;
}

.section-17,
.section-18 {
  background-color: #fafafd;
  margin-top: -48px;
  padding-top: 40px;
}

.image-63,
.image-64 {
  width: 500px;
}

.section-19 {
  background-color: #fafafd;
  margin-top: -48px;
  padding-top: 40px;
}

.heading-38 {
  text-align: center;
  font-size: 1.125rem;
}

.flex-block-94 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
}

.image-65 {
  max-width: 100%;
}

.section-20 {
  background-color: #fafafd;
  margin-top: -48px;
  padding-top: 40px;
}

.div-block-106,
.div-block-107 {
  width: 45%;
}

.section-21 {
  background-color: #fafafd;
  margin-top: -48px;
  padding-top: 40px;
}

.heading-39 {
  text-align: center;
  font-size: 1.125em;
}

.heading-40 {
  text-align: center;
  font-size: 1.125rem;
}

.resource-header {
  opacity: 1;
  outline-offset: 0px;
  color: #212121;
  mix-blend-mode: normal;
  border: 1px #030303;
  outline: 3px #212121;
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
}

.resource-block {
  background-color: #fff;
  border: 1px solid #e2f3ff;
  border-radius: 0;
  align-self: flex-start;
  width: 45%;
  text-decoration: none;
  display: block;
  box-shadow: 0 2px 5px #1a86c029;
}

.resource-sub-header {
  color: #212121;
  margin-top: -10px;
  margin-bottom: -20px;
  font-size: 0.666666rem;
}

.section-22 {
  background-color: #fafafd;
}

.image-66 {
  width: 500px;
}

.collection-list-8,
.collection-list-9 {
  display: flex;
}

.evt-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  align-items: flex-start;
  padding: 40px 120px 80px;
  display: flex;
  position: relative;
}

.evt-section.first-child {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: row;
}

.div-block-100-2-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 100%;
}

.div-block-101-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 1;
  display: flex;
}

.div-block-101-2.flex-end {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  display: none;
}

.evt-card {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.evt-card-wrapper {
  background-color: #1a1a1a;
  border-radius: 20px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  min-width: 300px;
  padding: 20px 20px 32px;
  display: flex;
}

.evt-card-wrapper:hover {
  background-color: var(--color--dark-300);
}

.evt-card__header {
  align-self: flex-start;
}

.evt-card__content {
  justify-content: space-between;
}

.evt-card__content-title {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.evt-card__content-desc {
  font-family: var(--font--font-sans);
  color: var(--color--gray-700);
  margin-top: 16px;
  margin-bottom: 40px;
  font-size: 14px;
}

.evt-card__content-actions {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: auto;
  display: flex;
}

.evt-card__header-img {
  border-radius: 8px;
  height: auto;
}

.heading-38-2 {
  color: var(--color--white);
  letter-spacing: -1.12px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 600;
  line-height: 120%;
}

.evt-card__content-evt-type {
  text-align: center;
  color: #d9d9d9;
  border: 1px solid #545454;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 12px;
  line-height: 100%;
  display: flex;
  position: relative;
}

.text-block-93 {
  text-align: left;
  text-transform: uppercase;
  position: relative;
}

.evt-card__content-title-date {
  text-align: left;
  letter-spacing: -0.16px;
  color: #d9d9d9;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}

.evt-card__content-title-date.date-range-conjuntion {
  display: none;
}

.evt-card__content-title-name {
  color: var(--color--white);
  letter-spacing: 0.18px;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
}

.evt-tab {
  text-align: center;
  vertical-align: baseline;
  background-color: #0000;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  min-width: 170px;
  padding: 10px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.evt-tab.w--current {
  background-color: #0000;
  border: 1px #0286ff;
  border-bottom-style: solid;
  border-radius: 1px;
}

.evt-tab.active-tab {
  border-bottom: 1px solid #0286ff;
}

.evt-tab-header {
  color: var(--color--white);
  letter-spacing: 0.16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}

.tabs-content-3 {
  margin-top: 32px;
}

.collection-list-wrapper-5 {
  position: relative;
}

.collection-list-8-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.collection-list-9-2 {
  flex-flow: wrap;
  display: block;
}

.collection-list-10 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.collection-item-5 {
  align-self: flex-start;
}

.collection-list-wrapper-6 {
  position: relative;
}

.evt-section__heading-subtitle {
  color: var(--color--gray-600);
  text-align: left;
  letter-spacing: 0.18px;
  align-self: auto;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  position: relative;
}

.heading-40-2 {
  color: var(--color--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 46px;
  font-weight: 600;
  line-height: 120%;
}

.evt-hero-section {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: row;
  align-items: flex-start;
  height: 220px;
  padding: 60px 120px;
  display: flex;
  position: relative;
}

.evt-hero-section.first-child {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: row;
}

.evt-tab-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.evt-tabs-pane__grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr minmax(200px, 1fr);
}

.collection-list-wrapper-7,
.collection-list-11 {
  display: flex;
}

.collection-list-wrapper-8 {
  flex: 1;
}

.collection-list-12 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: flex;
  position: relative;
}

.collection-item-6,
.collection-list-wrapper-9 {
  flex: 1;
}

.collection-list-wrapper-10 {
  flex-flow: wrap;
  width: 100%;
  display: block;
  position: relative;
}

.collection-item-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.collection-list-13 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  grid-template-rows: minmax(173px, 1fr);
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch;
  justify-items: stretch;
  display: grid;
}

.collection-list-wrapper-11 {
  flex: 0 auto;
}

.collection-item-8 {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.link-block-7-2-2 {
  width: 24px;
  height: 24px;
}

.background-video {
  display: block;
  overflow: visible;
}

.rich-text-block-2 {
  color: #737373;
  font-size: 0.888rem;
}

.div-block-108 {
  display: block;
}

.button-2 {
  border: 1px #000;
  border-radius: 50px;
}

.rich-text-block-3 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.heading-41 {
  font-family: acumin-pro-wide;
  font-size: 40px;
  font-weight: 400;
  line-height: 50px;
}

.paragraph-16 {
  padding-top: 10px;
  font-family: acumin-pro-wide;
  font-size: 18px;
}

.video-background {
  width: 75%;
  padding-top: 15%;
  padding-left: 40px;
  padding-right: 0;
}

.gartner-banner {
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-color: #fafafd;
  background-clip: border-box;
  width: 100vw;
  min-width: 100%;
  max-width: 100vw;
  margin: -48px calc(50% - 50vw) 48px;
  padding-top: 48px;
  padding-bottom: 48px;
  position: relative;
}

.gartner-banner.th-offwhite {
  background-color: #f2efed;
}

.gartner-banner.th-offwhite.last-child {
  background-color: #f2efed;
  margin-bottom: 0;
  padding-bottom: 0;
}

.gartner-banner.first-child {
  box-sizing: border-box;
  aspect-ratio: auto;
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  object-position: 50% 50%;
  background-color: #0000;
  background-image: url('../images/gartner-market-guide-hero-banner2.webp');
  background-position: 0 0;
  background-size: 1280px;
  background-clip: border-box;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  display: block;
}

.th-section__content_gartner {
  background-color: #0000;
  width: 100%;
  max-width: 1400px;
  margin-bottom: 48px;
  padding: 0 60px 48px;
  position: relative;
}

.th-row-gartner {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 75%;
  height: auto;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 0;
  padding-right: 100px;
  font-weight: 400;
  display: flex;
}

.button-3 {
  border-radius: 12px;
  padding: 12px 24px;
}

.image-67 {
  width: 500px;
}

.rich-text-block-4 {
  font-size: 16px;
}

.image-68 {
  width: 500px;
}

.section-23 {
  margin-top: -48px;
  padding-top: 40px;
}

.th-row-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 0;
  padding-right: 0;
  font-weight: 400;
  display: flex;
}

.th-para-copy {
  font-size: var(--font--font-lg);
  margin-bottom: 0.666666em;
  font-style: normal;
  line-height: 1.4rem;
  text-decoration: none;
  position: relative;
}

.th-section-partners {
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-color: #fafafd;
  background-clip: border-box;
  width: 100vw;
  min-width: 100%;
  max-width: 100vw;
  margin: -48px calc(50% - 50vw) 48px;
  padding-top: 48px;
  padding-bottom: 48px;
  position: relative;
}

.th-section-partners.th-offwhite {
  background-color: #f2efed;
}

.th-section-partners.th-offwhite.last-child {
  background-color: #f2efed;
  margin-bottom: 0;
  padding-bottom: 0;
}

.th-section-partners.first-child {
  box-sizing: border-box;
  aspect-ratio: auto;
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  object-position: 50% 50%;
  background-color: #0000;
  background-clip: border-box;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: block;
}

.th-section__content_partners {
  background-color: #0000;
  width: 100%;
  max-width: 1400px;
  margin-bottom: 48px;
  padding: 0 20px 48px;
  position: relative;
}

.th-section__inner-conten_partners {
  object-fit: fill;
  width: 100%;
  display: block;
}

.flex-block-95 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  min-width: auto;
  max-width: 100%;
  display: flex;
}

.div-block-109 {
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
}

.image-69 {
  width: 400px;
}

.image-70 {
  width: 450px;
}

.th-section-unity {
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-color: #fafafd;
  background-clip: border-box;
  width: 100vw;
  min-width: 100%;
  max-width: 100vw;
  margin: -48px calc(50% - 50vw) 48px;
  padding-top: 48px;
  padding-bottom: 48px;
  position: relative;
}

.th-section-unity.th-offwhite {
  background-color: #f2efed;
}

.th-section-unity.th-offwhite.last-child {
  background-color: #f2efed;
  margin-bottom: 0;
  padding-bottom: 0;
}

.th-section-unity.first-child {
  box-sizing: border-box;
  aspect-ratio: auto;
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  object-position: 50% 50%;
  background-color: #e2f3ff;
  background-clip: border-box;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.image-71 {
  width: 1024px;
  min-width: auto;
}

.button-4 {
  border-radius: var(--size--10);
  margin-top: 20px;
  padding: 12px 24px;
}

.th-section__content_twilio {
  background-color: #0000;
  width: 100%;
  max-width: 1400px;
  margin-bottom: 48px;
  padding: 0 20px 48px;
  position: relative;
}

.th-main-twilio {
  text-align: left;
  background-color: #fff;
  width: 100%;
  max-width: 1400px;
  margin-bottom: 48px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 16px;
  line-height: 1.55556em;
  position: relative;
}

.th-section-twilio {
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-color: #fafafd;
  background-clip: border-box;
  width: 100vw;
  min-width: 100%;
  max-width: 100vw;
  margin: -48px calc(50% - 50vw) 48px;
  padding-top: 48px;
  padding-bottom: 48px;
  position: relative;
}

.th-section-twilio.th-offwhite {
  background-color: #0000;
}

.th-section-twilio.th-offwhite.last-child {
  background-color: #f2efed;
  margin-bottom: 0;
  padding-bottom: 0;
}

.th-section-twilio.first-child {
  box-sizing: border-box;
  aspect-ratio: auto;
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  object-position: 50% 50%;
  background-color: #0000;
  background-clip: border-box;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: block;
}

.th-section__inner-conten_twilio {
  object-fit: fill;
  flex-flow: column;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.code-embed-13 {
  padding-top: 10px;
  padding-bottom: 40px;
}

.heading-42 {
  margin-bottom: 40px;
  font-weight: 400;
}

.section-24 {
  padding-top: 80px;
  padding-right: 120px;
}

.section-26 {
  padding: 80px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-26.padhorizontallarge {
  padding-left: 120px;
  padding-right: 120px;
}

.section-27 {
  padding: 80px 80px 40px;
}

.section-28 {
  padding: 40px 80px;
  box-shadow: 0 2px 5px #0003;
}

.section-29 {
  padding: 60px 120px;
  display: none;
}

.section-30 {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  flex-flow: column;
  padding: 60px 120px;
  display: flex;
}

.section-30.prod-list {
  width: 1200px;
  padding-left: 0;
  padding-right: 0;
}

.section-31 {
  padding: 120px;
}

.flex-block-96 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.heading-43 {
  text-align: center;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.flex-block-97 {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  background-color: #1c1c1c;
  border: 1px solid #4f5052;
  border-radius: 24px;
  flex: 0 auto;
  align-self: stretch;
  padding-left: 60px;
  overflow: hidden;
}

.flex-block-97.agora-advantage {
  border-color: var(--color--dark-200);
  color: var(--color--gray-900);
}

.div-block-111 {
  flex: 1;
}

.div-block-112 {
  background-image: linear-gradient(#0e111b, #0e0f12 100%, #fff);
  flex: 1;
  align-self: stretch;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.flex-block-98 {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.heading-44 {
  margin-top: 0;
  margin-bottom: 16px;
}

.paragraph-17 {
  margin-bottom: 0;
}

.div-block-113 {
  box-sizing: border-box;
  border-style: solid solid none;
  border-width: 1px;
  border-color: var(--color--dark-300);
  background-color: #101010;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-114 {
  display: flex;
}

.flex-block-99 {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  background-color: #16171c;
  border: 1px solid #000;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  flex: 1;
  padding: 15px 13px 13px;
}

.flex-block-100 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-self: stretch;
}

.flex-block-101 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-self: stretch;
}

.flex-block-102 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 1px solid #302f2f;
  border-radius: 20px;
  flex: 1;
  padding: 40px;
}

.paragraph-18 {
  margin-top: 16px;
  margin-bottom: 40px;
}

.paragraph-19 {
  margin-bottom: 0;
}

.heading-h4 {
  color: var(--color--white);
  text-align: center;
  letter-spacing: normal;
  max-width: 500px;
  line-height: 120%;
}

.team-circles {
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-16 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.centered-heading {
  text-align: center;
  margin-bottom: 16px;
}

.centered-subheading {
  text-align: center;
  max-width: 530px;
  margin-left: auto;
  margin-right: auto;
}

.team-grid {
  grid-column-gap: 64px;
  grid-row-gap: 56px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  display: grid;
}

.team-card {
  text-align: center;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  display: flex;
}

.team-member-image {
  object-fit: cover;
  border-radius: 50%;
  width: 270px;
  height: 270px;
  margin-bottom: 24px;
}

.team-member-name {
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.team-member-position {
  margin-bottom: 24px;
}

.ap-rt-features-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--color--dark-600);
  color: var(--color--gray-700);
  border-radius: 20px;
  width: auto;
  padding: 20px;
  display: flex;
}

.ap-rt-features-card:hover {
  background-color: var(--color--dark-400);
}

.ap-rt-features-card.no-icon {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.flex-block-103 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: center;
}

.flex-block-103.adv-page {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  margin-bottom: 120px;
}

.div-block-116 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 17px 14px;
}

.heading-46 {
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph-20 {
  color: var(--color--white);
  margin-bottom: 0;
  font-size: 62px;
  font-weight: 400;
  line-height: 100%;
}

.flex-block-104 {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  border: 1px solid #1a1a1a;
  border-radius: 24px;
  padding: 40px 80px;
  display: block;
}

.div-block-117 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-self: stretch;
}

.flex-block-105 {
  grid-column-gap: var(--size--2);
  grid-row-gap: var(--size--2);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 1200px;
  display: flex;
}

.heading-h1 {
  color: var(--color--white);
  font-size: var(--font--font-7-5xl);
  line-height: 110%;
  font-weight: var(--font--font-semibold);
  text-align: left;
  letter-spacing: -1px;
  flex: 1 0 auto;
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-118 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
}

.flex-block-106 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.flex-block-107 {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex: 1;
}

.div-block-119 {
  flex: 1;
  max-height: 400px;
  display: flex;
}

.flex-block-108 {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
}

.div-block-120 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-121 {
  display: flex;
}

.grid-13 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.ap-features-card {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 1px solid #393939;
  border-radius: 4px;
  flex-flow: column;
  padding: 32px;
  display: flex;
}

.flex-block-109 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
}

.flex-block-110 {
  grid-column-gap: var(--size--10);
  grid-row-gap: var(--size--10);
  background-image: radial-gradient(
    circle,
    #1a1a1a,
    #151515 50%,
    #101010 100%,
    #fff
  );
  border-radius: 12px;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  padding: 32px;
}

.flex-block-110.sdrtn {
  border: 1px solid var(--color--dark-300);
}

.div-block-123 {
  grid-column-gap: var(--size--0-5);
  grid-row-gap: var(--size--0-5);
  flex: 60%;
}

.div-block-124 {
  background-image: url('../images/dedicated-expert.png');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 40%;
  width: auto;
  height: auto;
}

.heading-h3 {
  color: var(--color--white);
  letter-spacing: normal;
  margin-top: 0;
  font-weight: 600;
  line-height: 149%;
}

.paragraph-21 {
  color: var(--color--gray-800);
  letter-spacing: normal;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 150%;
}

.flex-block-111 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  overflow: hidden;
}

.div-block-125 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-14 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-15 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.flex-block-112 {
  background-image: radial-gradient(
    circle,
    #1a1a1a,
    #151515 50%,
    #101010 100%,
    #fff
  );
  display: none;
}

.flex-block-113 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 1;
  padding: 60px;
}

.div-block-126 {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/globe-dotted.webp');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-clip: border-box;
  flex: 1;
  width: 500px;
  height: 598px;
  box-shadow: 0 89px 140px #e2e8ff1f;
}

.div-block-127,
.div-block-128 {
  flex-flow: column;
  display: flex;
}

.section-16-3 {
  background-color: #fafafd;
  margin-top: -48px;
  padding-top: 40px;
}

.js--ext-link {
  display: none;
}

.flex-block-114 {
  align-items: center;
}

.image-72 {
  object-fit: cover;
  height: 100%;
  position: relative;
}

.collection-list-14,
.solutions-resource {
  width: 100%;
}

.collection-list-wrapper-15 {
  align-items: stretch;
  display: flex;
}

.section-32 {
  padding: 40px 70px 80px;
}

.section-32.ext-white-content {
  background-color: var(--color--white);
  padding-left: 120px;
  padding-right: 120px;
}

.ext-support-links {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #00c2ff;
  display: flex;
}

.text-block-98 {
  color: var(--agora-blue);
  -webkit-text-stroke-color: var(--agora-blue);
}

.image-73 {
  background-color: var(--color--white);
  border-radius: 4px;
  padding: 0;
}

.heading-49 {
  margin-top: 0;
  margin-bottom: 0;
}

.heading-h2 {
  color: var(--color--white);
  font-size: var(--font--font-5xl);
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  letter-spacing: -1.12px;
  margin-top: 0;
  margin-bottom: 0;
}

.heading-h6 {
  color: var(--color--white);
  letter-spacing: normal;
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
}

.div-block-129 {
  text-align: center;
  align-self: stretch;
}

.heading-h5 {
  color: var(--color--gray-50);
  font-size: var(--font--font-1-5xl);
  line-height: 120%;
  font-weight: var(--font--font-normal);
  letter-spacing: 0;
  max-width: 600px;
  margin-top: 0;
}

.typography-body-med-600 {
  color: var(--color--gray-600);
  letter-spacing: 0.18px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.div-block-130 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.typography-body-sm-300 {
  color: var(--color--gray-700);
  letter-spacing: normal;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 140%;
}

.typography-body-xsm-800 {
  color: var(--color--gray-800);
  letter-spacing: 0.16px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.text-span-11 {
  color: var(--color--white);
  font-weight: 700;
}

.flex-block-114-2 {
  color: var(--color--white);
  border: 1px solid #fff;
  border-radius: 72px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  min-width: 330px;
  min-height: 56px;
  padding: 12px 24px 12px 12px;
}

.text-block-98-2 {
  color: var(--color--gray-200);
}

.image-72-2 {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.flex-block-115,
.ap-card__content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.ap-card-content__text {
  margin-top: 0;
  margin-bottom: 0;
}

.ap-card__content-heading {
  color: var(--color--white);
  letter-spacing: 0.2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 140%;
}

.ap-card__content-description {
  color: var(--color--gray-600);
  letter-spacing: 0.16px;
  font-size: 16px;
  line-height: 150%;
}

.ap-card__image-wrapper {
  width: 48px;
  height: 48px;
}

.ap-features-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.paragraph-22 {
  color: var(--color--gray-300);
  letter-spacing: 0.2px;
}

.ap-typography-body1 {
  color: var(--color--gray-800);
  letter-spacing: 0.16px;
  margin-bottom: 0;
  padding-top: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.ap-typography-body1.color-700 {
  color: var(--color--gray-700);
}

.ap-rt-features-card__content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.ap-rt-features-card__content.large {
  flex: 1;
  padding-top: 12px;
  padding-bottom: 12px;
}

.ap-rt-features-card__content-heading {
  color: var(--color--white);
  font-size: var(--font--font-base);
  line-height: 150%;
  font-weight: var(--font--font-semibold);
  letter-spacing: 0.16px;
  margin-bottom: 8px;
}

.ap-rt-features-card__content-desc {
  font-size: var(--font--font-xs);
  line-height: 140%;
  font-weight: var(--font--font-normal);
  margin-bottom: 0;
}

.ap-rt-features-card__image-bg {
  background-image: linear-gradient(
    304deg,
    #1b1a1a 14.86%,
    #212020 86.17%,
    #fff
  );
  border: 1px solid #363636;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  padding: 10px;
  display: flex;
}

.grid-17 {
  grid-template-columns: 1fr 1fr 1fr;
}

.paragraph-23 {
  color: var(--color--gray-900);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.paragraph-24 {
  color: var(--color--gray-400);
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.paragraph-25 {
  color: var(--color--white);
  letter-spacing: -0.15px;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
}

.div-block-131 {
  display: block;
}

.flex-block-116 {
  flex: 0 0 24px;
  min-width: 0;
  height: 100%;
  display: flex;
}

.div-block-132 {
  flex: 0 auto;
}

.div-block-133 {
  flex-flow: row;
  flex: 1;
  width: 100%;
  display: flex;
}

.div-block-134 {
  display: flex;
}

.div-block-135 {
  flex: 1;
}

.div-block-136 {
  flex: 0 auto;
  width: 50%;
}

.div-block-137 {
  border-left: 1.5px solid #099dfd;
  flex: 0 auto;
  width: 50%;
}

.ap-build-mode-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1c1f26;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 18px 27px 18px 18px;
}

.ap-build-mode-card__image {
  display: flex;
}

.ap-build-mode-card__content {
  color: var(--color--gray-400);
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.flex-block-117 {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-flow: wrap;
}

.div-block-138 {
  width: 100%;
  padding: 10px 16px 20px;
  display: flex;
}

.ap-rt-features-grid {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.div-block-139 {
  width: 100%;
  display: block;
}

.div-block-140 {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/globe-dotted.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: border-box;
  flex: 1;
  align-self: stretch;
  height: 100%;
  display: block;
  box-shadow: 0 89px 140px #e2e8ff1f;
}

.div-block-141 {
  flex: 0 520px;
  align-self: stretch;
  position: relative;
}

.div-block-142 {
  background-image: url('../images/globe-dotted.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
}

.solution-trends-section {
  padding: 80px 60px;
}

.solution-trends-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.trends-subtitle {
  font-size: var(--size--4);
  text-align: center;
  align-self: center;
  max-width: 600px;
  margin-bottom: 36px;
  line-height: 140%;
}

.trend-card-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.trend-content {
  font-size: 14px;
  line-height: 140%;
}

.collection-item-9 {
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.collection-item-10 {
  flex-flow: row;
  display: flex;
}

.trend-datum {
  color: var(--color--white);
  font-size: 80px;
  line-height: 100%;
}

.trend-datum.no-margin-top {
  margin-top: 0;
}

.trend-data-title {
  color: var(--color--white);
  font-size: var(--size--6);
  font-weight: 700;
  line-height: 120%;
}

.trend-data-desc {
  color: var(--color--white);
  font-size: 24px;
  font-weight: 400;
}

.trend-data-card {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  max-width: 33vw;
  padding: 60px;
  display: flex;
}

.trends-data-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.collection-item-11 {
  flex-flow: column;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.collection-list-15 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.telehealth-ifo-heading.large {
  color: var(--color--gray-50);
  font-size: 80px;
  font-weight: 400;
  line-height: 91%;
}

.infoblock-text {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.infoblock-text.top-btm {
  flex-flow: column;
}

.infoblock-text.gap-5 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.infoblock-text.gap-5.shopping-awards-section {
  align-items: flex-start;
}

.trend-card-collection {
  float: none;
  flex: 1;
  align-self: baseline;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}

.collection-list-16.large {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  display: grid;
}

.collection-list-wrapper-16 {
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.collection-list-17 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.megamenu-link-wrapper {
  padding: var(--size--4) var(--size--3);
  grid-column-gap: var(--size--3);
  grid-row-gap: var(--size--3);
  mix-blend-mode: normal;
  justify-content: flex-start;
  align-items: center;
  transition: all 0.2s ease-in-out;
  display: flex;
}

.megamenu-link-wrapper:hover {
  color: var(--color--gray-50);
  text-decoration: underline;
}

.megamenu-link-wrapper.company-menu-item {
  width: 100%;
  margin-left: -5px;
}

.megamenu-link-block {
  padding: var(--size--3) var(--size--4);
  grid-column-gap: var(--size--3);
  grid-row-gap: var(--size--3);
  border: var(--size--0-5) none transparent;
  cursor: default;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.megamenu-link-block:hover {
  border: var(--size--0-5) none var(--color--dark-100);
  border-radius: var(--size--28);
  background-color: var(--color--transparent);
  pointer-events: none;
}

.megamenu-arrow {
  width: var(--size--4);
  height: var(--size--4);
  position: absolute;
}

.megamenu-arrow.products {
  top: -12px;
  left: 26%;
  right: 0%;
}

.collection-list-wrapper-18 {
  height: 580px;
}

.collection-list-wrapper-18.auto-height {
  height: auto;
}

.tele-close-care-gaps {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.menudropdown-trigger {
  line-height: var(--size--16);
}

.menudropdown-trigger.products {
  padding: 0;
  line-height: 0;
}

.menudropdown-list {
  position: fixed;
}

.menudropdown-list.products {
  position: static;
}

.uui-navbar02_menu-button {
  padding: 0;
}

.uui-button-7 {
  grid-column-gap: 0.5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-7:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-7:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-button-tertiary-gray-5 {
  grid-column-gap: 0.5rem;
  color: var(--untitled-ui--gray600);
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
}

.uui-button-tertiary-gray-5:hover {
  background-color: var(--untitled-ui--gray50);
  color: var(--untitled-ui--gray700);
}

.uui-button-secondary-gray-5 {
  grid-column-gap: 0.5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray-5:hover {
  background-color: var(--untitled-ui--gray50);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray-5:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-button-secondary-gray-5.show-tablet,
.show-tablet-5 {
  display: none;
}

.uui-navbar02_button-wrapper {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  align-items: center;
  display: flex;
}

.uui-navbar02_menu-right {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.uui-navbar02_link {
  color: var(--untitled-ui--gray600);
  align-items: center;
  padding: 1.75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all 0.3s;
}

.uui-navbar02_link:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar02_link.w--current {
  color: #000;
}

.uui-navbar02_dropdown-right-overlay-absolute {
  background-color: var(--untitled-ui--gray50);
  min-width: 100vw;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.uui-button-link-6 {
  grid-column-gap: 0.5rem;
  color: var(--untitled-ui--primary700);
  white-space: nowrap;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
}

.uui-button-link-6:hover {
  color: var(--untitled-ui--primary800);
}

.uui-button-link-6.is-button-xsmall {
  font-size: 0.875rem;
}

.uui-button-link-gray {
  grid-column-gap: 0.5rem;
  color: var(--untitled-ui--gray600);
  white-space: nowrap;
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
}

.uui-button-link-gray:hover {
  color: var(--untitled-ui--gray700);
}

.uui-button-link-gray.is-button-xsmall {
  font-size: 0.875rem;
}

.uui-button-row-7 {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-navbar02_dropdown-content-button-wrapper {
  letter-spacing: normal;
  margin-top: 0.75rem;
  font-size: 0.875rem;
}

.uui-text-size-small-6 {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
}

.uui-navbar02_item-heading {
  color: var(--untitled-ui--gray900);
  margin-bottom: 0.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
}

.uui-navbar02_item-heading.margin-bottom-0 {
  margin-bottom: 0;
}

.uui-navbar02_blog-content {
  flex-direction: column;
  justify-content: flex-start;
  font-weight: 400;
  display: flex;
}

.uui-navbar02_blog-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.uui-navbar02_blog-image-wrapper {
  border-radius: 0.375rem;
  width: 100%;
  margin-bottom: 1.5rem;
  padding-top: 55%;
  position: relative;
  overflow: hidden;
}

.uui-navbar02_blog-item {
  border-radius: 0.5rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  padding: 0.75rem;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
}

.uui-navbar02_blog-item:hover {
  background-color: var(--untitled-ui--white);
}

.uui-navbar02_dropdown-blog-item-wrapper {
  flex-direction: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
}

.uui-navbar02_dropdown-content-wrapper {
  z-index: 1;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.uui-navbar02_dropdown-content-right {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: max-content auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 22rem;
  padding: 1.25rem;
  position: relative;
}

.uui-badge-small-success-6 {
  grid-column-gap: 0.25rem;
  background-color: var(--untitled-ui--success50);
  color: var(--untitled-ui--success700);
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: 0.125rem 0.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  display: flex;
}

.uui-navbar02_text-wrapper {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0px;
  align-items: center;
  margin-bottom: 0.25rem;
  display: flex;
}

.uui-navbar02_item-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-weight: 400;
  display: flex;
}

.uui-icon-1x1-xsmall-5 {
  width: 1.5rem;
  height: 1.5rem;
}

.uui-navbar02_icon-wrapper {
  color: var(--untitled-ui--primary600);
  flex: none;
}

.uui-navbar02_dropdown-link {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-radius: 0.5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: 0.75rem;
  text-decoration: none;
  transition: all 0.3s;
  display: grid;
}

.uui-navbar02_dropdown-link:hover {
  background-color: var(--untitled-ui--gray50);
}

.uui-navbar02_heading {
  color: var(--untitled-ui--primary600);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
}

.uui-navbar02_dropdown-link-list {
  grid-column-gap: 0px;
  grid-row-gap: 0.5rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.uui-navbar02_dropdown-content-left {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 2rem 2rem 2rem 0;
  display: grid;
}

.uui-navbar02_dropdown-content {
  width: 100%;
  display: flex;
}

.uui-navbar02_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.headermenudropdown {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.headermenudropdown.w--open {
  background-color: #fff;
  width: 100vw;
  min-width: 100vw;
  max-width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  position: absolute;
  inset: 5.0625rem auto auto 0%;
  overflow: hidden;
}

.uui-dropdown-icon-5 {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0;
  display: block;
  position: static;
  inset: auto 0% auto auto;
}

.headermenulink {
  font-family: var(--font--font-sans);
  color: #0000;
  align-items: center;
  padding: 0;
  font-size: 1rem;
  font-weight: 600;
  transition: all 0.3s;
  display: flex;
}

.headermenulink:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar02_menu-dropdown {
  mix-blend-mode: normal;
  position: static;
}

.uui-navbar02_menu {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 1.5rem;
  display: flex;
  position: static;
}

.uui-logo_image-6 {
  flex: none;
  width: auto;
  height: 100%;
  display: none;
}

.uui-logo_logotype-6 {
  flex: none;
  width: auto;
  height: 100%;
}

.uui-logo_logomark-dot-6 {
  z-index: 1;
  background-image: linear-gradient(26.5deg, #6941c6, #53389e);
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: relative;
}

.uui-logo_logomark-blur-6 {
  z-index: 2;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #fff3;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  width: 100%;
  height: 50%;
  position: absolute;
  inset: 50% 0% 0%;
  overflow: hidden;
}

.uui-styleguide_logomark-bg-6 {
  border-radius: 8px;
  width: 2rem;
  height: 2rem;
  position: absolute;
  inset: 0%;
}

.uui-logo_logomark-6 {
  border: 0.1px solid #dae0e8;
  border-radius: 0.5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 1px #1018280f, 0 1px 2px #1018281a;
}

.uui-logo_component-6 {
  flex-wrap: nowrap;
  width: auto;
  height: 2rem;
  display: flex;
}

.uui-navbar02_logo-link {
  padding-left: 0;
}

.uui-navbar02_component {
  border-bottom: 1px solid var(--untitled-ui--gray100);
  background-color: #fff;
  align-items: center;
  min-height: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.flex-block-118,
.flex-block-119 {
  grid-column-gap: var(--size--3);
  grid-row-gap: var(--size--3);
}

.megamenu-card-wrapper {
  grid-column-gap: var(--size--6);
  grid-row-gap: var(--size--6);
  border-radius: var(--size--3);
  background-color: var(--color--transparent);
  font-family: var(--font--font-sans);
  flex-flow: column;
  height: auto;
  max-height: none;
  margin-left: -15px;
  padding: 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.megamenu-card-wrapper:hover {
  background-color: var(--color--dark-700);
}

.image-75 {
  display: block;
}

.heading-50 {
  color: var(--color--white);
  font-size: var(--size--4);
  line-height: 120%;
  font-weight: var(--font--font-medium);
  margin-top: 0;
  margin-bottom: 0;
}

.flex-block-120 {
  grid-column-gap: var(--size--2);
  grid-row-gap: var(--size--2);
  justify-content: flex-start;
  align-items: center;
}

.flex-block-121 {
  grid-column-gap: var(--size--3);
  grid-row-gap: var(--size--3);
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.text-block-99 {
  font-family: var(--font--font-sans);
  color: var(--color--gray-700);
  font-size: var(--size--3-5);
  line-height: 140%;
  font-weight: var(--font--font-normal);
}

.flex-block-122 {
  display: block;
}

.flex-block-122.tools-card {
  display: none;
}

.flex-block-123 {
  grid-column-gap: var(--size--3);
  grid-row-gap: var(--size--3);
}

.flex-block-124 {
  grid-column-gap: var(--size--8);
  grid-row-gap: var(--size--8);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.flex-block-124.company-right {
  grid-column-gap: var(--size--0-5);
  grid-row-gap: var(--size--0-5);
  width: 100%;
}

.flex-block-124.productmenu-right {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.flex-block-124.rte {
  display: none;
}

.megamenu-boxcard-wrapper {
  max-width: var(--size--72);
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  min-width: auto;
  text-decoration: none;
  display: flex;
}

.frame-2087325057 {
  grid-row-gap: 10px;
  background-color: var(--color--dark-500);
  border: 1px solid #333;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 184px;
  padding: 10px;
  display: flex;
  position: relative;
}

.nav_item-2 {
  grid-row-gap: 12px;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  padding: 12px 14px;
  text-decoration: none;
  display: flex;
}

.menuitem {
  grid-column-gap: 2px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-5 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.content-3 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: none;
  display: flex;
}

.navigation_item_hero {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 10px;
  text-decoration: none;
  display: flex;
}

.text-7 {
  color: #fcf9f8;
  letter-spacing: -0.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.img_docs {
  object-fit: cover;
  position: absolute;
  top: 24px;
  left: 24px;
}

.image-76 {
  vertical-align: middle;
  width: 852px;
}

.dynamic-stories-heading {
  font-size: 20px;
  font-weight: var(--font--font-semibold);
}

.heading-51 {
  margin-top: 32px;
}

.heading-52 {
  margin-top: 32px;
  margin-bottom: 12px;
}

.heading-53 {
  margin-top: 32px;
}

.heading-54,
.heading-55 {
  margin-top: 60px;
}

.blog-content-h1 {
  margin-top: 50px;
}

.heading-56 {
  margin-top: 60px;
}

.figure {
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-57,
.heading-58 {
  color: var(--color--white);
}

.collection-list-18 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-page-container {
  padding: 120px;
}

.text-block-103 {
  color: var(--color--white);
  font-weight: var(--font--font-semibold);
  margin-bottom: 10px;
}

.geographiy-served {
  margin-top: 16px;
}

.blog-gallery-header {
  flex-flow: row;
  justify-content: center;
  display: flex;
}

.partform-links {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.image-77 {
  max-width: 60%;
  padding: 2px;
}

.image-77.small {
  max-width: 60%;
}

.media-service-card {
  grid-row-gap: 80px;
  border: 1px solid #393939;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 40px 32px;
  display: flex;
}

.media-service-card.small {
  height: 240px;
  min-height: 240px;
  max-height: none;
}

.media-serivice-card-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.frame-2087325101 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.media-serivice-card-title {
  color: #fcf9f8;
  letter-spacing: 0.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.media-serivice-card-title.underline {
  text-decoration: underline;
}

.media-serivice-card-body {
  color: #818181;
  letter-spacing: 0.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.cta {
  grid-column-gap: 4px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-6 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  text-decoration: none;
  display: flex;
}

.text-8 {
  color: #fcf9f8;
  text-transform: undefined;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.frame-2087325448 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 240px;
  text-decoration: none;
  display: flex;
}

.body-13 {
  color: #fcf9f8;
  letter-spacing: 0.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.text-9 {
  color: #fcf9f8;
  text-transform: undefined;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.frame-2087325449 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 240px;
  text-decoration: none;
  display: flex;
}

.body-14 {
  color: #fcf9f8;
  letter-spacing: 0.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.text-10 {
  color: #fcf9f8;
  text-transform: undefined;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.frame-2087325450 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 240px;
  text-decoration: none;
  display: flex;
}

.body-15 {
  color: #fcf9f8;
  letter-spacing: 0.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.text-11 {
  color: #fcf9f8;
  text-transform: undefined;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.grid-18 {
  grid-template-columns: 1fr 1fr;
}

.collection-list-19 {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.become-partner-hero-section {
  padding: 80px 120px;
}

.partner-form-heading {
  color: var(--color--white);
  text-align: center;
  letter-spacing: -0.92px;
  margin-top: 0;
  margin-bottom: 32px;
  font-size: 42px;
  font-weight: 600;
  line-height: 120%;
}

.linear-gradient-span {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    90deg,
    #00c2ff 22.17%,
    #a0faff 36.93%,
    #fcf9f8 59.37%,
    #c46ffb
  );
  -webkit-background-clip: text;
  background-clip: text;
}

.flex-block-125 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  align-items: center;
}

.paragraph-26 {
  color: #a9a9a9;
  text-align: center;
  max-width: 800px;
  margin-bottom: 0;
  font-size: 16px;
}

.become-partner-form {
  padding: 0 120px 80px;
  display: block;
}

.div-block-143 {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.partner-vendors {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  width: 100%;
  max-width: 946px;
}

.horizontal-faded-line {
  background-image: linear-gradient(#0000, #737476e6 50%, #fff0);
  width: 100%;
  height: 2px;
}

.heading-59 {
  color: #b5b5b5;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
}

.section-33 {
  padding: 80px 120px;
}

.partner-paragraph {
  color: var(--color--gray-400);
  letter-spacing: 0.18px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.become-partner-heading {
  color: var(--color--white);
  font-size: var(--size--14);
  margin-top: 0;
  margin-bottom: 24px;
  line-height: 120%;
}

.flex-block-125-2 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
}

.partner-type-cards {
  border: 1px none var(--color--dark-50);
  background-color: var(--color--black);
  color: #a9a9a9;
  border-radius: 4px;
  flex-flow: column;
  justify-content: space-between;
  min-height: 240px;
  padding: 20px;
  display: flex;
}

.apply-now-div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  display: flex;
}

.image-78 {
  width: 20px;
  height: 20px;
}

.apply-now-p {
  color: var(--color--white);
  letter-spacing: -0.16px;
  font-size: 16px;
  line-height: 100%;
  text-decoration: none;
}

.apply-now-p:hover {
  text-decoration: underline;
}

.partner-type-card-heading {
  color: var(--color--white);
  font-size: var(--size--5);
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 140%;
}

.paragraph-26-2 {
  font-size: var(--size--3-5);
  margin-bottom: 0;
}

.div-block-144 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  display: flex;
}

.section-34 {
  padding: 60px 120px;
}

.join-partner-heading {
  color: var(--color--white);
  letter-spacing: -0.92px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 46px;
  line-height: 120%;
}

.flex-block-126 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: center;
}

.flex-block-127 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
}

.flex-block-127.bap-program {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.colorful-gradient {
  background-color: var(--color--dark-50);
  border-radius: 4px;
  padding: 1px;
  transition: background-color 0.2s;
}

.colorful-gradient:hover {
  background-color: #39393900;
  background-image: linear-gradient(
    106deg,
    #0286ff,
    #0286ff 15%,
    #3e59a0 39%,
    #fff 62%,
    #0286ff 86%,
    #0286ff
  );
}

.collection-list-wrapper-19 {
  display: block;
}

.collection-list-20 {
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.code-embed-14 {
  display: none;
}

.blog-top {
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.blog-img-hero {
  border-radius: 20px;
  width: 490px;
  height: 100%;
}

.pricing-content-rte {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.pricing-content-rte p {
  color: var(--color--white);
  font-size: var(--size--4);
  text-align: center;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 130%;
}

.pricing-content-rte a {
  color: var(--color--white);
  text-decoration: underline;
}

.pricing-content-rte ol,
.pricing-content-rte ul {
  color: var(--color--white);
  margin-top: 10px;
  font-size: 16px;
  line-height: 130%;
}

.pricing-content-rte li {
  margin-bottom: 8px;
}

.navmenu-nolinkwrapper,
.m-tab-menu {
  display: none;
}

.flex-block-128 {
  grid-column-gap: var(--size--6);
  grid-row-gap: var(--size--6);
  flex-flow: wrap;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  padding: 10px;
}

.flex-block-129 {
  grid-column-gap: var(--size--2);
  grid-row-gap: var(--size--2);
  padding: 10px;
}

.link-7 {
  color: var(--color--gray-50);
  font-size: 16px;
}

.link-7:hover {
  text-decoration: underline;
}

.externallinkbutton {
  grid-column-gap: 12px;
  background-color: #222;
  border: 1px solid #434343;
  border-radius: 72px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 24px 10px 12px;
  text-decoration: none;
  display: inline-flex;
}

.vectors-wrapper-7 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.button_content-2 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.new-project-2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.text-block-104 {
  color: var(--color--gray-700);
  font-size: var(--size--4);
}

.text-block-105 {
  font-size: 16px;
}

.flex-block-130 {
  grid-column-gap: var(--size--2-5);
  grid-row-gap: var(--size--2-5);
  padding: 10px;
}

.image-81 {
  border-radius: var(--size--3);
  width: 100%;
  min-height: auto;
  max-height: 280px;
}

.link-block-8 {
  padding: 10px 10px 10px 5px;
}

.flex-block-131 {
  grid-column-gap: var(--size--4);
  grid-row-gap: var(--size--4);
}

.megamenu-card-wrappersupport {
  grid-column-gap: var(--size--6);
  grid-row-gap: var(--size--6);
  border-radius: var(--size--3);
  background-color: var(--color--dark-700);
  flex-flow: column;
  margin-left: 10px;
  padding: 20px 0 20px 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.media-service {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  padding: 60px 120px;
  display: flex;
}

.media-service-title {
  color: var(--color--white);
  text-align: center;
}

.recording-options {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  padding: 80px 120px;
  display: flex;
}

.rec-grid {
  grid-template-columns: 1fr 1fr 1fr;
}

.cross-platform-code {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
}

.complaince {
  grid-row-gap: 40px;
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  padding-top: 80px;
  padding-bottom: 80px;
  text-decoration: none;
  display: flex;
}

.top {
  grid-row-gap: 8px;
  border-top-right-radius: 23px;
  border-bottom-right-radius: 23px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-12 {
  color: #fff;
  text-align: center;
  letter-spacing: -0.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 46px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.text-12.left {
  text-align: left;
  padding: 0;
  font-size: 32px;
}

.text-13 {
  color: #c5ccd2;
  text-align: center;
  letter-spacing: 0.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-2087325436 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.security {
  grid-column-gap: 12px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.frame-2087325437 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 120px;
  height: 126px;
  text-decoration: none;
  display: flex;
}

.frame-2087325151 {
  grid-column-gap: 21.8856px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  position: relative;
}

.vectors-wrapper-7-2-2 {
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  text-decoration: none;
  display: flex;
}

.image-109294 {
  object-fit: cover;
  position: absolute;
  top: 33px;
  left: 10.5px;
}

.text-14 {
  color: #84888b;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.frame-2087325152 {
  grid-column-gap: 8.08824px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-2087325150 {
  grid-column-gap: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  position: relative;
}

.vectors-wrapper-8 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 59.9045px;
  height: 52.9167px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 23.4023px;
  left: 15.2988px;
}

.frame-2087325153 {
  grid-column-gap: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.image-109239 {
  object-fit: contain;
  border-radius: 46.1157px;
}

.image-109309 {
  object-fit: contain;
}

.security-2 {
  grid-column-gap: 39px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.analytics-compliance {
  padding: 80px 120px;
}

.analytics-compliance.quickstart {
  padding-left: 60px;
  padding-right: 60px;
}

.live-sudio-streaming-usecases {
  padding: 80px 120px 120px;
}

.usavase-img {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.liveshopping-benefits-image {
  object-fit: cover;
  border-radius: 20px;
}

.div-block-145 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.live-audio-usecase-grid {
  grid-column-gap: 41px;
  grid-row-gap: 39px;
  margin-top: 60px;
}

.live-audio-usecase-grid._3-col {
  grid-column-gap: 40px;
  grid-row-gap: 60px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 40px;
}

.body-16 {
  background-color: var(--color--black);
}

.div-block-145-2-2 {
  background-color: var(--color--transparent);
  width: 100%;
  max-width: 600px;
  height: 100%;
}

.section-35 {
  min-height: 1000px;
  position: relative;
}

.flex-block-132 {
  height: 1000px;
  min-height: 100%;
}

.background-video-3 {
  z-index: -1;
  object-position: top;
  border-radius: 0;
  width: 100%;
  height: 1000px;
  min-height: 100vh;
  position: absolute;
  top: 80px;
  left: 0;
  overflow: hidden;
}

.play-pause-button {
  display: none;
}

.div-block-146 {
  background-color: #0000;
  background-image: linear-gradient(
    180deg,
    black,
    #0000 40%,
    #0000 90%,
    var(--color--black)
  );
  font-family: var(--font--font-sans);
  font-weight: var(--font--font-normal);
  width: 100%;
  height: 1000px;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.flex-block-133 {
  grid-column-gap: var(--size--9);
  grid-row-gap: var(--size--9);
  font-family: var(--font--font-sans);
  font-weight: var(--font--font-normal);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 1000px;
  margin-left: 520px;
  padding-right: 40px;
  overflow: visible;
}

.heading-60 {
  font-family: var(--font--font-sans);
  color: var(--color--white);
  font-size: 84px;
  line-height: 96px;
  font-weight: var(--font--font-semibold);
}

.text-block-107 {
  font-family: var(--font--font-sans);
  color: var(--color--gray-50);
  font-size: 52px;
  line-height: var(--size--14);
  font-weight: var(--font--font-medium);
}

.agora-analytics-section {
  grid-row-gap: 36px;
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.header-2 {
  grid-column-gap: 56px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  text-decoration: none;
  display: flex;
}

.frame-1081 {
  grid-row-gap: 0px;
  border: 1px undefined undefined;
  background-color: #242424;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 540px;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.image-109310 {
  object-fit: cover;
  border-radius: 8px;
  width: auto;
  min-width: auto;
  height: auto;
}

.header-3 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 8px;
  text-decoration: none;
  display: flex;
}

.top-2 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.one-real-time-view-for-the-metrics-that-matter-the-most {
  color: #fff;
  letter-spacing: -0.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 46px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.analytics-para {
  color: #84888b;
  letter-spacing: 0.01em;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-2087324802 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 52px;
  text-decoration: none;
  display: flex;
}

.button-5 {
  border: 1px solid #fff;
  border-radius: 72px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 10px 12px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-9 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  text-decoration: none;
  display: flex;
}

.button_content-3 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  text-decoration: none;
  display: flex;
}

.new-project-3 {
  color: #fff;
  text-align: center;
  letter-spacing: -0.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.div-block-147 {
  background-color: var(--color--white);
  border-radius: 8px;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 20px;
}

.careers-hero-section {
  padding: 100px 120px;
}

.flex-block-134 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
}

.flex-block-135 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: center;
}

.paragraph-27 {
  color: var(--color--gray-600);
  text-align: center;
  letter-spacing: 0.18px;
  max-width: 660px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 150%;
}

.heading-61 {
  width: 460px;
}

.careers-hero-heading {
  color: var(--color--white);
  font-size: 46px;
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  text-align: center;
  letter-spacing: -0.92px;
  max-width: 660px;
  margin-top: 0;
  margin-bottom: 0;
}

.jobs-content-section {
  padding-left: 120px;
  padding-right: 120px;
}

.wellness-sec {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 120px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.perfact-match-body {
  grid-column-gap: 60px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.text-15 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 50px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.perfect-match-rhs {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.perfect-match-para {
  color: #fff;
  letter-spacing: 0.37px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.btn {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 52px;
  text-decoration: none;
  display: flex;
}

.button-6 {
  border: 1px solid #fff;
  border-radius: 72px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 12px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-10 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  text-decoration: none;
  display: flex;
}

.button_content-4 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  text-decoration: none;
  display: flex;
}

.new-project-4 {
  color: #fff;
  text-align: center;
  letter-spacing: -0.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.wellness-list {
  grid-row-gap: 28px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 20px;
  text-decoration: none;
  display: flex;
}

.wellness-list-content-item {
  grid-row-gap: 80px;
  border: 1px solid #393939;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 40px;
  text-decoration: none;
  display: flex;
}

.body-17 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.wellness-content {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.body-18 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.welness-context-para {
  color: var(--color--gray-700);
  border: 0 solid #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.wellness-lhs {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 100%;
  max-width: 400px;
}

.welness-para {
  color: var(--color--gray-300);
  font-size: 18px;
  font-weight: 400;
}

.welness-and-benefits {
  overflow: visible;
}

.hero-heading-center {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-17 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.centered-heading-2 {
  text-align: center;
  margin-bottom: 16px;
}

.centered-heading-2.margin-bottom-32px {
  margin-bottom: 32px;
}

.hero-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 46%;
  display: flex;
}

.margin-bottom-24px {
  margin-bottom: 24px;
}

.button-primary-6 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all 0.2s;
}

.button-primary-6:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-6:active {
  background-color: #43464d;
}

.shadow-two {
  box-shadow: 0 4px 24px #96a3b514;
}

.careers-hero {
  padding: 100px 120px 60px;
}

.image-section {
  grid-column-gap: 17px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 580px;
  text-decoration: none;
  display: flex;
}

.col1 {
  grid-row-gap: 19px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.career-home-image {
  object-fit: cover;
  border-radius: 4px;
  height: 50%;
}

.career-home-image.left {
  height: 33%;
  padding: 0;
}

.col2 {
  grid-row-gap: 21px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.careers-hero-image {
  justify-content: center;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
}

.why-choose-agora {
  grid-row-gap: 120px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 100px;
  padding-left: 120px;
  padding-right: 120px;
  text-decoration: none;
  display: flex;
}

.frame-2087325113 {
  grid-row-gap: 71px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 960px;
  text-decoration: none;
  display: flex;
}

.frame-2087325145 {
  grid-row-gap: 34px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  text-decoration: none;
  display: flex;
}

.text-16 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.text-17 {
  color: #fff;
  text-align: center;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.frame-2087325144 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.careers-illustration-sec {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.frame-2087325451 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-2087325149 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-11 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 114.533px;
  height: 105.647px;
  text-decoration: none;
  display: flex;
}

.heading-3-obsess-over {
  color: #fff;
  font-size: 34px;
  line-height: 40px;
  font-weight: var(--font--font-semibold);
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
}

.text-18 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
}

.frame-2087325143 {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-12 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 165.633px;
  height: 104.2px;
  text-decoration: none;
  display: flex;
}

.testimonial {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  padding: 60px 0;
  text-decoration: none;
  display: flex;
}

.frame-2087325140 {
  grid-column-gap: 48px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-2087325146 {
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-2087325141 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-19 {
  color: #fff;
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.testimonial-card {
  grid-row-gap: 60px;
  background-color: #0f0f0f;
  border: 1px solid #1a1a1a;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 40px;
  text-decoration: none;
  display: flex;
}

.frame-2087325011 {
  grid-column-gap: 52px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lhs {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.frame-1099 {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.ellipse-410 {
  object-fit: cover;
}

.frame-1098 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 48px;
  text-decoration: none;
  display: flex;
}

.text-20 {
  color: #dcdcdc;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.text-21 {
  color: #bcc4d3;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.body-19 {
  color: #e0e3e5;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.frame-2087325147 {
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lhs-2 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.lhs-3 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 222px;
  text-decoration: none;
  display: flex;
}

.benefit-link {
  color: #a7aeb5;
  text-decoration: underline;
}

.live-audio-heading {
  color: var(--color--gray-50);
  text-align: center;
  margin-top: 0;
  font-size: 46px;
}

.conversational-ai-benefits {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 80px 120px;
  display: flex;
}

.paragraph-27-2 {
  text-align: center;
  flex: 0 auto;
  max-width: 732px;
}

.btm {
  grid-row-gap: 24px;
  font-family: var(--font--font-sans);
  font-weight: var(--font--font-normal);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 80px;
  text-decoration: none;
  display: flex;
}

.text-15-2 {
  color: #fff;
  font-size: 24px;
  line-height: 100%;
  font-weight: var(--font--font-semibold);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
}

.cards {
  grid-column-gap: 47px;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: auto;
  display: flex;
}

.info-block-card {
  grid-column-gap: 10px;
  border: 1px undefined undefined;
  background-color: #1a1a1a;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.text-16-2 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 170%;
  text-decoration: none;
}

.item03 {
  grid-column-gap: 10px;
  border: 1px undefined undefined;
  background-color: #1a1a1a;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.info-block-text {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 170%;
  text-decoration: none;
}

.info-block-text:hover {
  text-decoration: underline;
}

.infoblock-card-link {
  color: #fff;
  text-decoration: underline;
}

.solution-trusted-partners-section {
  padding: 60px 120px;
}

.collection-list-21 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.collection-list-wrapper-20 {
  width: 100%;
}

.image-109311 {
  max-height: 36px;
}

.extensions-rich-text {
  font-family: var(--font--font-sans);
  color: var(--color--dark-200);
}

.italic-text {
  font-size: var(--size--4);
}

.bold-text-6 {
  font-size: var(--size--4);
  font-weight: var(--font--font-semibold);
  vertical-align: baseline;
  display: inline;
}

.bold-text-7 {
  font-size: var(--size--4);
}

.stories-bullet-label {
  color: var(--color--dark-900);
  font-size: 16px;
  font-weight: var(--font--font-semibold);
}

.footertop-wrapper {
  padding-top: var(--size--6);
  padding-right: var(--size--16);
  padding-bottom: var(--size--6);
  padding-left: var(--size--16);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top-left-radius: var(--size--3);
  border-top-right-radius: var(--size--3);
  border-bottom-left-radius: var(--size--3);
  border-bottom-right-radius: var(--size--3);
  background-color: var(--color--dark-600);
  font-family: var(--font--font-sans);
  font-weight: var(--font--font-normal);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: calc(100% - 80px);
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.code-embed-15 {
  height: var(--size--2-5);
}

.cmp-section {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  letter-spacing: -0.18px;
  margin-top: 0;
  padding: 80px 120px;
  font-weight: 500;
}

.cmp-section.bg-gradient {
  background-image: url('../images/Pricing_Grad_1.webp');
  background-position: 50%;
  background-size: cover;
}

.cmp-section.bg-gradient.last-child {
  margin-bottom: 100px;
}

.cmp-section_inner {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 30px;
}

.cmp-banner-text {
  color: var(--color--white);
  font-size: 46px;
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  text-align: center;
  letter-spacing: -0.92px;
  justify-content: center;
  max-width: 920px;
  text-decoration: none;
  display: flex;
}

.cmp-caption-heading {
  color: var(--color--white);
  font-size: 14px;
  line-height: 100%;
  font-weight: var(--font--font-semibold);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

.cmp-value-box {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  border: 1px solid #1a1a1a;
  border-radius: 24px;
  flex: 0 auto;
  width: 100%;
  padding: 80px;
  position: relative;
}

.cmp-value-box.cmp-mission-list-box {
  grid-column-gap: 140px;
  grid-row-gap: 140px;
  background-image: radial-gradient(circle, #000, #101010),
    radial-gradient(circle, #1a1a1a, #101010 50%);
  border-style: none none none solid;
  border-color: #171717;
  border-radius: 12px;
}

.cmp-value-card__image {
  align-self: stretch;
  height: 100%;
}

.cmp-value-card__content {
  width: 100%;
  display: block;
}

.flex-block-90 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.cmp-value-card__content-para {
  color: var(--color--gray-500);
  letter-spacing: 0.2px;
  margin-bottom: 0;
  font-weight: 400;
}

.cmp-value-card__content-para.gray-600 {
  color: var(--color--gray-600);
}

.cmp-value-card__content-heading {
  color: var(--color--gray-25);
  font-size: 56px;
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  letter-spacing: -1.12px;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.flex-block-91-2 {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  position: relative;
}

.div-block-97-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-radius: 0;
  flex-flow: column;
  flex: 1;
  align-self: stretch;
  align-items: flex-start;
  width: 390px;
  display: flex;
  position: relative;
  overflow: visible;
}

.div-block-98 {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: stretch;
  display: block;
}

.paragraph-13-2 {
  margin-bottom: 0;
  display: flex;
}

.cmp-jumbo-heading {
  font-size: var(--font--font-5xl);
  line-height: 110%;
  font-weight: var(--font--font-semibold);
  letter-spacing: -0.72px;
  column-count: 0;
  word-break: break-all;
  color: #dcdcdc;
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph-14-2 {
  margin-bottom: 0;
  position: relative;
}

.paragraph-15-2 {
  margin-bottom: 0;
}

.cmp-value-card__content-year-pill {
  text-align: center;
  color: #d9d9d9;
  background-image: linear-gradient(304deg, #212121 14.864%, #292828 86.17%);
  border: 0.75px solid #545454;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  width: 65px;
  padding: 20px;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
}

.heading-26-2 {
  color: var(--color--white);
  font-size: 56px;
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  text-align: center;
  letter-spacing: -1.12px;
  align-self: auto;
  max-width: 1440px;
  margin-top: 0;
  margin-bottom: 48px;
}

.heading-27-2 {
  color: var(--color--white);
  text-align: center;
  -webkit-text-stroke-color: var(--color--white);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
}

.flex-block-92-2 {
  justify-content: center;
  align-self: auto;
  align-items: center;
}

.text-span-11-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    90deg,
    #1786ff 17.54%,
    #a881ff 62.82%,
    #fff 94.18%,
    #fff
  );
  -webkit-background-clip: text;
  background-clip: text;
}

.paragraph-16-2 {
  color: var(--color--gray-400);
  text-align: center;
  letter-spacing: 0.18px;
  max-width: 800px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 150%;
}

.div-block-99 {
  text-align: left;
  align-self: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-100-2 {
  text-align: center;
  background-color: #0000;
  max-width: 1040px;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.flex-block-93-2 {
  justify-content: center;
  align-items: center;
}

.text-link-2 {
  color: var(--color--gray-700);
  margin-left: 20px;
  font-size: 16px;
  line-height: 150%;
  text-decoration: none;
}

.image-61-2 {
  height: 100%;
}

.image-62-2 {
  background-color: #000;
  border-radius: 50%;
  width: 32px;
  height: 32px;
}

.flex-block-94-2 {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 72px;
  justify-content: center;
  align-items: center;
  padding: 12px;
}

.text-block-92-2 {
  color: var(--color--black);
  margin-left: 10px;
  font-size: 18px;
  line-height: 110%;
  position: relative;
}

.link-7-2 {
  color: var(--color--gray-500);
  -webkit-text-fill-color: inherit;
  vertical-align: baseline;
  background-clip: border-box;
  text-decoration: underline;
}

.link-8 {
  color: var(--color--gray-500);
  text-decoration: underline;
}

.link-9 {
  color: var(--color--gray-500);
  font-weight: 500;
  text-decoration: underline;
}

.link-10 {
  color: var(--color--gray-500);
  text-decoration: underline;
}

.code-embed-13-2 {
  max-width: 1200px;
  height: 100%;
}

.about-us-image {
  border-radius: 20px;
  display: block;
}

.mt-section {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 60px 120px 120px;
  display: flex;
}

.quick-stack-9 {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.heading-36-2 {
  color: var(--color--gray-25);
  text-align: left;
  letter-spacing: -0.72px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 72px;
  line-height: 120%;
  text-decoration: none;
}

.mt-team-card {
  justify-content: center;
  align-items: center;
  padding-bottom: 40px;
}

.mt-team-card__inner {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #101010;
  border: 1px solid #2b2b2b;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  padding: 32px;
  display: flex;
}

.mt-team-card__img {
  width: 100%;
}

.mt-team-card__footer {
  align-self: stretch;
}

.mt-team-card__name {
  letter-spacing: -0.48px;
  color: #f1f1ef;
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 120%;
}

.mt-team-card__desc {
  color: #a9a9a9;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 150%;
}

.image-60-2 {
  border-radius: 10px;
  width: 100%;
}

.image-61-2 {
  border-radius: 10px;
}

.mt {
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.div-block-97-2 {
  border: 1px solid red;
  height: 50px;
}

.div-block-98-2 {
  border: 1px solid #000;
}

.mt-team {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.code-embed-12-2 {
  width: 23px;
  height: 23px;
}

.mt-team-card__title {
  justify-content: space-between;
  align-items: flex-start;
}

.mt-team-card__icon {
  position: relative;
}

.mt-team-card__outer {
  margin-bottom: 40px;
}

.link-block-7-2 {
  vertical-align: baseline;
  display: inline-block;
}

.success-stories-slider-section {
  overflow: hidden;
}

.benefit-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 120px;
  display: flex;
}

.slide-controls {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.body-20 {
  background-color: var(--color--black);
}

.container-18 {
  max-width: none;
  min-height: auto;
  margin-left: 120px;
  margin-right: 120px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.rounded-circle-3 {
  color: #fff;
  background-color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: block;
  position: relative;
  overflow: hidden;
}

.rounded-circle-3:hover {
  background-color: #fff;
}

.small-secondary-heading-2 {
  color: #099dfd;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: acumin-pro-wide;
  font-size: 14px;
  line-height: 13.867px;
  display: block;
}

.div-block-148 {
  flex: 0 50%;
  align-items: center;
  max-width: 660px;
  display: flex;
}

.flex-block-136 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  min-height: 460px;
}

.primary-btn-label-2 {
  color: #000;
  letter-spacing: -0.18px;
  text-transform: none;
  padding-right: 12px;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.primary-btn-label-2:hover {
  color: #fff;
}

.cmp-button-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #000;
  text-align: left;
  text-transform: capitalize;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 72px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: 12px;
  font-size: 18px;
  font-weight: 400;
  line-height: 110%;
  text-decoration: none;
  transition: all 0.2s;
  display: inline-flex;
}

.cmp-button-2:hover {
  color: #fff;
  background-color: #32343a00;
  border: 1px solid #fff;
}

.cmp-button-2:active {
  background-color: #43464d;
}

.flex-block-137 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex: 0 50%;
  justify-content: flex-start;
  align-items: flex-start;
}

.div-block-149 {
  flex: 0 auto;
}

.swiper-benefit-heading {
  color: var(--color--white);
  font-size: var(--size--14);
  letter-spacing: -1.12px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 120%;
}

.swiper-benefit-heading.top {
  display: none;
}

.swiper-content-heading {
  color: var(--color--white);
  letter-spacing: 0.18px;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
}

.swiper-content-paragraph {
  margin-bottom: 0;
}

.slide-control-button {
  background-color: var(--color--black);
  color: var(--color--white);
  padding: 0;
}

.button-8 {
  color: var(--color--white);
  padding-top: 0;
  padding-bottom: 0;
}

.flex-block-138 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.feature-card-content-rte {
  color: var(--color--gray-400);
}

.feature-card-content-rte p {
  font-size: var(--size--4);
  letter-spacing: 0.16px;
  line-height: 150%;
}

.feature-card-content-rte a {
  color: var(--color--gray-400);
  text-decoration: underline;
}

.sitemap-section {
  background-color: #000;
  padding-left: 40px;
  padding-right: 40px;
}

.paragraph-28,
.paragraph-29,
.paragraph-30,
.paragraph-31,
.rich-text-block-5 {
  color: #fff;
  font-family: acumin-pro-wide;
}

.link-11 {
  cursor: alias;
}

.sitemap-link {
  font-family: var(--font--font-sans);
  color: #fff;
  font-weight: var(--font--font-normal);
  text-decoration: underline;
}

.sitemap-link:hover {
  text-decoration: none;
}

.heading-62 {
  color: #fff;
  font-family: acumin-pro-wide;
}

.sitemap-h4 {
  font-family: var(--font--font-sans);
  color: #fff;
  font-weight: var(--font--font-semibold);
}

.list,
.list-2,
.list-3 {
  color: #fff;
}

.jumbotron-heading-copy {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #000;
  flex-flow: column;
  padding: 20px 120px 20px 20px;
  display: flex;
}

.rich-content-section-2 {
  background-color: #000;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding: 0 120px 60px;
}

.pagination-2 {
  justify-content: flex-end;
  align-items: center;
}

.slide-content-overlay {
  color: var(--color--gray-600);
  font-size: var(--size--3-5);
  text-align: center;
  letter-spacing: 0.14px;
  padding-left: 32px;
  padding-right: 32px;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  position: absolute;
  bottom: 35px;
}

.slide-overlay-text {
  margin-bottom: 0;
}

.slide-overlay-link {
  color: var(--color--white);
  font-weight: 700;
}

.div-block-150 {
  border-radius: 12px;
}

.slider-img-overlay {
  background-image: linear-gradient(#0000, #000000bf 75%, #000 95%);
  border-radius: 12px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}

.collection-item-12 {
  height: 100%;
}

.cta-right-img {
  max-width: 100%;
}

.image-109312 {
  max-width: 600px;
}

.div-block-151 {
  background-image: linear-gradient(#0e111b, #0e0f12);
  flex: 0 auto;
  align-items: flex-end;
  padding: 20px 20px 1px;
  display: flex;
}

.div-block-152 {
  border-radius: 4px;
  flex: none;
  padding: 0;
}

.div-block-153 {
  padding-left: 100px;
  padding-right: 100px;
  display: block;
}

.solution-landing-hero {
  display: block;
}

.hero-section {
  grid-row-gap: 40px;
  background-color: #06050a00;
  background-image: linear-gradient(#000 9%, #0000 55% 90%, #000);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  padding: 120px;
  text-decoration: none;
  display: flex;
}

.soultion-landing-text-container {
  grid-column-gap: 60px;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.agora-use-cases {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.heading-sol-landing {
  color: #fcf9f8;
  text-align: right;
  letter-spacing: -0.03em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 84px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.use-cases-desc {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.use-cases-desc.small {
  font-size: 32px;
}

.sol-land-desc {
  color: #fcf9f8;
  letter-spacing: -0.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 46px;
  font-weight: 600;
  line-height: 110%;
  text-decoration: none;
}

.sol-land-desc.small {
  font-size: 36px;
}

.usecases-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns: 1fr 1fr 1fr;
}

.sol-usecase-grid-container {
  background-color: var(--color--black);
  margin-top: 0;
  margin-bottom: 0;
  padding: 60px 120px;
}

.agora-platform-adv {
  grid-row-gap: 40px;
  background-image: url('../images/Agora-platform-adv_1.webp');
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 576px;
  min-height: 576px;
  padding: 80px 120px;
  display: flex;
}

.platform-adv-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.platform-adv-text--container {
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.platform-adv-heading {
  color: var(--color--white);
  font-size: var(--font--font-7xl);
  text-align: center;
  letter-spacing: -0.1px;
  max-width: 720px;
  font-weight: 700;
  line-height: 120%;
}

.platform-adv-desc {
  color: #d6d6d6;
  font-size: var(--font--font-lg);
  text-align: center;
  letter-spacing: 0.01em;
  max-width: 610px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.button-9 {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 72px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-13 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  text-decoration: none;
  display: flex;
}

.button_content-5 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  text-decoration: none;
  display: flex;
}

.new-project-5 {
  color: #212121;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 24.89px;
  text-decoration: none;
}

.product-list-sec {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--color--black);
  justify-content: center;
  padding: 60px 120px 20px;
  display: flex;
}

.prod-list-text-header {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  line-height: 0%;
  display: flex;
}

.image-109313 {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  width: 252px;
  height: 100%;
}

.rich-text-block-6 {
  font-family: acumin-pro;
}

.h2-merged-embed {
  color: var(--color--gray-700);
  font-size: var(--font--font-5xl);
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  letter-spacing: -0.92px;
}

.link-12 {
  color: var(--color--gray-700);
  text-decoration: underline;
}

.awards-shopping-blog {
  background-color: #1a1a1a;
  border: 1px solid #4f5052;
  border-radius: 12px;
  flex: 0 auto;
  width: auto;
  height: auto;
  padding: 20px;
}

.text-block-108 {
  color: var(--color--white);
  text-align: center;
  font-size: 16px;
}

.awards-shopping-bag-container {
  box-sizing: border-box;
  grid-column-gap: 47px;
  grid-row-gap: 47px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-top: 60px;
  display: flex;
}

.link-13 {
  color: var(--color--white);
  text-decoration: underline;
}

.link-block-9 {
  height: 100%;
  display: block;
}

.heading-small-heading {
  color: var(--color--white);
  font-size: var(--size--3);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 20px;
  line-height: 100%;
}

.small-heading-help-text {
  font-size: var(--size--4);
  text-align: center;
  letter-spacing: 0.1px;
  max-width: 600px;
  line-height: 120%;
}

.small-heading-help-embed {
  font-weight: var(--font--font-normal);
  text-align: left;
  margin-top: 8px;
}

.content-card-rte p {
  color: #a1a1aa;
  font-size: var(--size--4);
  letter-spacing: 0.16px;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 150%;
}

.content-card-rte a {
  color: #a1a1aa;
  text-decoration: underline;
}

.div-block-154,
.div-block-155 {
  height: 100%;
}

.section-36 {
  padding: 60px 120px;
}

.plain-card {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  flex: auto;
  height: 100%;
  padding: 20px;
  display: flex;
}

.image-109311-2 {
  width: 115px;
  height: 104px;
}

.plain-card-heading {
  color: var(--color--white);
  font-size: var(--size--8);
  letter-spacing: -0.64px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 120%;
}

.plain-card-content {
  color: var(--color--white);
  font-size: var(--size--4);
  letter-spacing: 0.16px;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 150%;
}

.link-14 {
  color: #737373;
  text-decoration: underline;
}

.faq-rte-link {
  color: var(--color--dark-900);
  text-decoration: underline;
}

.most-popular-block {
  padding-top: 24px;
  padding-left: 24px;
}

.most-popular-container {
  background-color: #099dfd;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 10px 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translate(0, -100%);
}

.text-block-109 {
  color: var(--color--white);
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
}

.plans-heading-container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 52px;
  display: flex;
}

.plans-pricing-subheading {
  color: var(--color--gray-500);
  font-size: var(--size--4);
  letter-spacing: 0.16px;
  line-height: 150%;
}

.plans-pricing-heading {
  color: var(--color--white);
  letter-spacing: -0.64px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 120%;
}

.flex-block-139 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.flexible-awards {
  padding: 60px 120px;
}

.awards-flexible-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 1px solid var(--color--dark-50);
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 60px;
  display: flex;
}

.text-block-110 {
  color: var(--color--white);
  font-size: var(--size--4);
  letter-spacing: -0.16px;
  text-transform: uppercase;
  line-height: 100%;
}

.flex-block-140 {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
}

.awards-image {
  height: 100%;
}

.awards-img-container {
  max-width: 504px;
  height: auto;
}

.thank-you-header {
  font-family: var(--font--font-sans);
  color: var(--color--white);
  font-size: 84px;
  line-height: 96px;
  font-weight: var(--font--font-bold);
}

.body-21,
.body-22 {
  background-color: #000;
}

.ebook-flex-block {
  grid-column-gap: var(--size--9);
  grid-row-gap: var(--size--9);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 1000px;
  margin-left: 0;
  padding-left: 100px;
  padding-right: 100px;
  overflow: visible;
}

.ebook-header {
  color: var(--color--white);
  font-family: acumin-pro;
  font-size: 84px;
  line-height: 96px;
}

.ebook-text-block {
  font-family: var(--font--font-sans);
  color: var(--color--gray-50);
  font-size: 52px;
  line-height: var(--size--14);
  font-weight: 500;
}

.body-23 {
  background-color: #000;
}

.generic-ty-flex-block {
  grid-column-gap: var(--size--9);
  grid-row-gap: var(--size--9);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 1000px;
  margin-left: 0;
  padding-left: 100px;
  padding-right: 100px;
  overflow: visible;
}

.generic-ty-header {
  font-family: var(--font--font-sans);
  color: var(--color--white);
  font-size: var(--font--font-7-5xl);
  line-height: 96px;
  font-weight: var(--font--font-semibold);
}

.generic-ty-text-block {
  font-family: var(--font--font-sans);
  color: var(--color--gray-50);
  font-size: var(--font--font-5xl);
  line-height: var(--size--14);
  font-weight: var(--font--font-medium);
}

.thank-you-text-block {
  font-family: var(--font--font-sans);
  color: var(--color--gray-50);
  font-size: 52px;
  line-height: var(--size--14);
  font-weight: var(--font--font-medium);
}

.talk-to-us-flex-block {
  grid-column-gap: var(--size--9);
  grid-row-gap: var(--size--9);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 1000px;
  margin-left: 0;
  padding-left: 100px;
  padding-right: 100px;
  overflow: visible;
}

.empty-div-benefit-icon {
  width: 80px;
  height: 80px;
}

.flex-block-141 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.flex-block-142 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
}

.onboarding-v2-section {
  z-index: 0;
  background-color: var(--color--dark-800);
  border-radius: 12px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 60px 120px;
  position: relative;
}

.aboutus-lhs {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  min-width: 400px;
  max-width: 400px;
  display: flex;
}

.about-us-cta-container {
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}

.about-us-video {
  width: 540px;
  height: 100%;
}

.tabs-menu-slot {
  overflow: visible;
}

.onboarding-v2-heading-flex {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: wrap;
  justify-content: space-between;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.onboarding-v2-h2 {
  color: var(--color--white);
  font-size: var(--font--font-3xl);
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  letter-spacing: -0.64px;
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-156 {
  position: relative;
}

.onboarding-v2-tab-menu {
  position: absolute;
  top: 0;
  right: 0;
}

.onboarding-v2-tab-menu.sticky-tabs.gradient-box-shadow {
  background-color: var(--color--dark-800);
  border-width: 0;
  margin-bottom: 0;
  right: 50px;
}

.onboarding-v2-tabs {
  margin-top: 40px;
  margin-bottom: 40px;
  position: static;
}

.image-109314 {
  width: auto;
  height: 100%;
}

.div-block-157 {
  justify-content: center;
  align-items: flex-start;
  width: auto;
  height: 400px;
  display: flex;
}

.onboarding-v2-action {
  text-align: center;
  margin-top: 40px;
}

.in-page-alert-banner {
  grid-row-gap: 0px;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 120px;
  padding-right: 120px;
  text-decoration: none;
  display: flex;
}

.in-page-banner {
  background-image: linear-gradient(
    270deg,
    #00c2ff,
    #a0faff 33%,
    #fcf9f8 66%,
    #c46ffb
  );
  border-radius: 8px;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 48px;
  padding: 10px 120px;
  display: flex;
}

.twilio-banner-title {
  color: #000;
  text-align: center;
  letter-spacing: -0.02em;
  flex: 1;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.banner-btn {
  grid-column-gap: 10px;
  background-color: #000;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  text-decoration: none;
  display: flex;
}

.alert-btn-text {
  letter-spacing: 0.01em;
  -webkit-text-stroke-color: black;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.migration-benefits-container {
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 120px;
  text-decoration: none;
  display: flex;
}

.migration-benefits {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.migration-benefits-header {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.migration-title {
  color: #fff;
  text-align: center;
  letter-spacing: -0.02em;
  max-width: 800px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 46px;
  font-weight: 600;
  line-height: 120%;
  text-decoration: none;
}

.migration-title.small {
  font-size: 32px;
  font-weight: 600;
}

.migration-desc {
  color: #f1f1ef;
  text-align: center;
  letter-spacing: -0.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}

.migration-desc.small {
  max-width: 720px;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.migration-card-grid {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  text-decoration: none;
  display: flex;
}

.features-with-image {
  background-color: #101010;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 264px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.features-with-image:hover {
  background-color: var(--color--dark-400);
}

.migration-icon {
  object-fit: cover;
}

.migration-card-link {
  grid-column-gap: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 33px;
  padding-right: 33px;
  text-decoration: none;
  display: flex;
}

.migration-card-text {
  color: #f1f1ef;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.vectors-wrapper-14 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  text-decoration: none;
  display: flex;
}

.why-migrate-sec {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-19 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
}

.migration-resouces {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.migration-table-header {
  grid-column-gap: 80px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-bottom: 60px;
  margin-left: 0;
  margin-right: 0;
  text-decoration: none;
  display: flex;
}

.migration-header-content {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.migration-table-title {
  letter-spacing: -0.02em;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    270deg,
    #00c2ff,
    #a0faff 33%,
    #fcf9f8 66%,
    #c46ffb
  );
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 46px;
  font-weight: 600;
  line-height: 120%;
  text-decoration: none;
}

.migration-table-desc {
  color: #f1f1ef;
  letter-spacing: 0.01em;
  max-width: 640px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-2087325452 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 52px;
  text-decoration: none;
  display: none;
}

.button-10 {
  border: 1px solid #fff;
  border-radius: 72px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 10px 12px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-15 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  text-decoration: none;
  display: flex;
}

.button_content-6 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  text-decoration: none;
  display: flex;
}

.new-project-6 {
  color: #fff;
  text-align: center;
  letter-spacing: -0.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.migration-table-desc-0 {
  color: #f1f1ef;
  letter-spacing: 0.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.box-shadow-div {
  background-image: linear-gradient(#000, #fff);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 50px;
}

.section-37 {
  padding: 60px 120px;
}

.megamenuitem-responsive-copy {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.image-109315 {
  display: none;
  overflow: hidden;
}

.text-block-110-2 {
  color: var(--agora-blue);
  font-size: var(--font--font-lg);
  font-weight: var(--font--font-normal);
}

.migration-link {
  color: var(--color--white);
  text-decoration: underline;
}

.text-block-111 {
  line-height: 130%;
}

.text-block-112 {
  color: var(--color--white);
  line-height: 140%;
  text-decoration: underline;
}

.body-sitemap {
  background-color: #000;
}

.background-video-4 {
  width: auto;
}

.hero-bg-vid {
  z-index: -10;
  height: 100%;
  margin-top: 0;
  position: static;
  inset: 128px 0% 0% -12%;
}

.hero-video-container {
  height: 55vh;
  position: static;
}

.testimonial-home-text {
  color: var(--color--gray-700);
  font-size: var(--font--font-sm);
  line-height: 140%;
  font-weight: var(--font--font-normal);
  flex: 1;
}

.flex-block-143 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: space-between;
}

.alert-bar {
  z-index: 111;
  background-image: linear-gradient(
    270deg,
    #00c2ff,
    #a0faff 33%,
    #fcf9f8 66%,
    #c46ffb
  );
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 48px;
  padding: 10px 120px;
  display: none;
  position: static;
}

.alert-bar.collaboration-alert {
  grid-column-gap: 29px;
  grid-row-gap: 29px;
  font-family: var(--font--font-sans);
  font-size: var(--font--font-lg);
  font-weight: var(--font--font-normal);
  text-align: center;
  justify-content: center;
  display: block;
}

.alert-bar.collaboration-alert:hover {
  color: var(--color--black);
  text-decoration: underline;
}

.alert-bar.collaboration-alert.hidden {
  overflow: visible;
}

.alert-title {
  color: #000;
  text-align: left;
  letter-spacing: -0.02em;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}

.alert-title.collaboration-alert-title {
  text-decoration: none;
}

.alert-title.collaboration-alert-title:hover {
  text-decoration: underline;
}

.alert-button {
  grid-column-gap: 10px;
  background-color: #000;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4px 20px;
  text-decoration: none;
  display: none;
}

.flex-block-144 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: block;
}

.alert-close-button {
  background-color: #efefef00;
  padding: 0;
}

.alert-close-button.js--close-alert-bar {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.alert-close-button.js--close-alert-bar.dismiss-announcement {
  width: 36px;
}

.collection-list-22 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.alert-btn {
  color: var(--color--black);
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
}

.alert-link {
  color: var(--color--black);
  margin-right: 20px;
  font-size: 18px;
  line-height: 120%;
  text-decoration: underline;
}

.startup-hero {
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 560px;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  overflow: visible;
}

.startup-hero-container {
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
}

.startup-hero-image {
  flex: 0 auto;
  align-self: auto;
  width: auto;
  min-width: auto;
  max-width: 504px;
  height: 100%;
}

.startup-hero-lhs {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: center;
  align-items: flex-start;
  min-width: 500px;
  max-width: 500px;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 20px;
}

.start-hero-img-container {
  flex: 0 auto;
  height: 100%;
  display: flex;
}

.startup-features-grid {
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 30px;
}

.agora-for-startups-card {
  grid-column-gap: 80px;
  background-color: #0f0f0f;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.agora-for-startups-image {
  object-fit: cover;
}

.agora-for-startups-content {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  text-decoration: none;
  display: flex;
}

.card_icons {
  grid-column-gap: 16.6667px;
  border: 1.66667px undefined undefined;
  object-fit: cover;
  border-radius: 133.333px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.agora-for-startups-text {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 460px;
  text-decoration: none;
  display: flex;
}

.agora-for-startups-title {
  color: #fcf9f8;
  font-size: 24px;
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  letter-spacing: -0.02em;
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
}

.agora-for-startups-text-desc {
  color: #b3b3b3;
  font-size: 16px;
  line-height: 150%;
  font-weight: var(--font--font-medium);
  letter-spacing: 0.01em;
  max-width: 460px;
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
}

.button-11 {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 72px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-16 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  text-decoration: none;
  display: flex;
}

.button_content-7 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  text-decoration: none;
  display: flex;
}

.new-project-7 {
  color: #000;
  text-align: center;
  letter-spacing: -0.01em;
  margin-top: 0;
  margin-bottom: 18px;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.hero-section-2 {
  grid-row-gap: 40px;
  background-color: #101010;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.frame-2087324988 {
  grid-column-gap: 80px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 600px;
  padding-left: 120px;
  display: flex;
}

.frame-1091 {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 480px;
  text-decoration: none;
  display: flex;
}

.frame-2087324989 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.page-title {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 4px;
  padding-right: 4px;
  text-decoration: none;
  display: flex;
}

.frame-2087325035 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.heading-1-let-s-build-from-here {
  color: #fff;
  letter-spacing: -0.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-2087324990 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 4px;
  padding-right: 4px;
  text-decoration: none;
  display: flex;
}

.error-35b9755a-deef-6c3d-02fd-1147ac52bb52 {
  color: #fff;
  letter-spacing: 0.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-2087325453 {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.button-12 {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 72px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-17 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  text-decoration: none;
  display: flex;
}

.button_content-8 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  text-decoration: none;
  display: flex;
}

.new-project-8 {
  color: #000;
  text-align: center;
  letter-spacing: -0.01em;
  margin-top: 0;
  margin-bottom: 18px;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.startup_prog_hero {
  object-fit: cover;
}

.benefit-content-richtext {
  color: var(--color--gray-600);
}

.benefit-content-richtext p {
  font-size: var(--size--4);
  line-height: 130%;
}

.benefit-content-richtext a {
  color: var(--color--gray-600);
  text-decoration: underline;
}

.sitemap-list {
  font-family: var(--font--font-sans);
  color: #fff;
  font-weight: var(--font--font-normal);
}

.sitemap-page-heading {
  font-family: var(--font--font-sans);
  color: var(--color--white);
  font-size: 32px;
  line-height: 110%;
  font-weight: var(--font--font-semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.sitemap-page-heading.large {
  font-family: var(--font--font-sans);
  font-size: 72px;
  line-height: 120%;
}

.waitlist-section {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 120px;
  display: block;
}

.waitlist-heading {
  color: var(--color--white);
  letter-spacing: -2.52px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 84px;
  line-height: 100%;
}

.waitlist-paragraph {
  color: var(--color--white);
  font-size: var(--size--6);
  letter-spacing: -0.48px;
  font-weight: 600;
  line-height: 120%;
}

.flex-block-145 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 50%;
}

.flex-block-146 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
}

.waitlist-form {
  flex: 0 50%;
}

.flex-block-147 {
  width: 100%;
}

.flex-block-147.supportconnect-desktop,
.flex-block-147.developerresources-mobile {
  display: none;
}

.flex-block-148 {
  width: 100%;
}

.flex-block-149 {
  grid-column-gap: var(--size--1);
  grid-row-gap: var(--size--1);
  width: 320px;
  max-width: 320px;
}

.flex-block-150 {
  width: 100%;
}

.cloud-proxy-featured {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.cloud-proxy-featured-section {
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.pricing-featured-heading {
  color: var(--color--white);
  font-size: var(--size--6);
  text-align: center;
  letter-spacing: -0.48px;
  font-weight: 500;
  line-height: 120%;
}

.pricing-featured-items {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: stretch;
}

.pricing-featured-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-image: radial-gradient(circle, #1a1a1a, #151515 50%, #101010);
  border-radius: 12px;
  flex-flow: column;
  flex: 0 50%;
  padding: 40px;
  display: flex;
}

.pricing-featured-item__heading {
  color: var(--color--white);
  letter-spacing: 0.2px;
  font-weight: 700;
}

.pricing-featured-item__content {
  color: var(--color--gray-400);
  font-size: var(--size--4);
  letter-spacing: 0.16px;
  margin-bottom: 0;
  line-height: 150%;
}

.pricing-variant-table-section {
  padding: 30px 120px;
}

.pricing-variant-table-section.only-analytics {
  padding-top: 0;
}

.pricing-variant-top {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
}

.pricing-variant-top-heading {
  color: var(--color--white);
  letter-spacing: -0.64px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 120%;
}

.pricing-top-variant-left-card {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 1px solid var(--color--dark-50);
  border-radius: 4px;
  flex-flow: column;
  width: 382px;
  padding: 40px;
  display: flex;
  position: relative;
}

.image-109316 {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.pricing-top-variant-small-heading {
  color: var(--color--white);
  font-size: var(--font--font-xl);
  font-weight: var(--font--font-bold);
  letter-spacing: 0.2px;
}

.pricing-variant-secondary-heading {
  color: var(--color--white);
  font-size: var(--size--8);
  letter-spacing: -0.64px;
  font-weight: 600;
  line-height: 120%;
}

.pricing-variant-secondary-heading.align-left {
  text-align: right;
}

.pricing-top-variant-right-card {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 1px solid var(--color--dark-50);
  border-radius: 4px;
  flex-flow: column;
  flex: auto;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.pricing-top-variant-right-card.analytics-right-cad {
  justify-content: space-between;
  padding-bottom: 40px;
}

.flex-block-151 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: stretch;
  width: 100%;
}

.flex-block-152 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid var(--color--dark-50);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-bottom: 32px;
}

.flex-block-152.last-item-pricing {
  border-bottom-style: none;
}

.pricing-top-variant-grid-col {
  color: var(--color--white);
  font-size: var(--size--8);
  font-weight: 600;
  line-height: 120%;
}

.pricing-top-variant-grid-col.mb-32 {
  border-bottom: 1px solid var(--color--dark-50);
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 32px;
}

.pricing-top-variant-grid-col.mb-32.last-item-pricing {
  border-bottom-style: none;
}

.pricing-top-variant-grid-small {
  color: var(--color--gray-500);
  font-size: var(--font--font-xs);
  line-height: 120%;
  font-weight: var(--font--font-normal);
}

.grid-20 {
  grid-column-gap: 0px;
  grid-row-gap: 32px;
  align-items: center;
}

.pricing-variant-top-disclaimer {
  color: var(--color--gray-400);
  font-size: var(--size--4);
  text-align: center;
  letter-spacing: 0.16px;
  margin-top: 16px;
  margin-bottom: 0;
  line-height: 150%;
  text-decoration: underline;
}

.pricing-variant-top-disclaimer.not-lnk {
  text-decoration: none;
}

.pricing-variant-top-disclaimer.left-align {
  text-align: left;
}

.pricing-variant-top-disclaimer.left-align.analytics-disclaimer {
  text-align: center;
  width: 100%;
}

.pricing-diclaimer-link {
  color: var(--color--white);
  text-decoration: underline;
}

.flex-block-153 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
}

.pricing-table-variant {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 100%;
  display: flex;
}

.pricing-table-variant-left {
  width: 360px;
}

.pricing-table-variant-right {
  flex: auto;
}

.pricing-table-variant-disclaimer {
  color: #737373;
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
}

.recording-block-card {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.grid-21 {
  display: flex;
}

.anaytics-block-card {
  flex-flow: column;
  flex: 0 49%;
  justify-content: space-between;
  display: flex;
}

.heading-63 {
  font-family: var(--font--font-sans);
  font-size: var(--font--font-3xl);
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  letter-spacing: -0.64px;
}

.media-services-icon {
  background-color: #4f505200;
  background-image: linear-gradient(304deg, #0d0d0d 14.86%, #171717);
  border: 1px solid #4f5052;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
}

.flex-block-154 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.flex-block-155 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.code-embed-18 {
  display: block;
}

.link-block-10 {
  grid-column-gap: var(--size--2);
  grid-row-gap: var(--size--2);
  color: var(--color--dark-900);
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 120%;
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  display: flex;
}

.link-block-10:hover {
  color: var(--color--dark-900);
  text-decoration: underline;
}

.link-block-10.collboration-alert-content {
  display: block;
}

.link-block-10.collboration-alert-content:hover {
  text-decoration: none;
}

.code-embed-19,
.image-109318 {
  width: 20px;
  height: 20px;
}

.code-embed-20 {
  width: 0;
  height: 0;
}

.fine-print-pricing {
  font-family: var(--font--font-sans);
  color: #737373;
  font-size: var(--font--font-xs);
  line-height: 140%;
  font-weight: var(--font--font-normal);
  text-align: center;
  max-width: 480px;
  margin-top: 32px;
  margin-bottom: 0;
  text-decoration: none;
}

.fine-print-pricing.underlined {
  text-decoration: underline;
}

.code-embed-21 {
  opacity: 0;
  display: block;
  position: absolute;
}

.codeblock-hide {
  opacity: 0;
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.sdrtn-video {
  /* z-index: -1; */
  float: none;
  clear: none;
  width: 100%;
  height: 554px;
  min-height: auto;
  max-height: 560px;
  margin-top: 0;
  position: absolute;
  left: 0;
  right: 0;
  overflow: clip;
}

.sdrtn-video.relative {
  position: static;
}

.sdrtn-video.relative.collaboration-benefits {
  flex-flow: row;
  justify-content: flex-start;
  width: 100%;
  height: 400px;
  display: flex;
}

.home-features-text {
  text-align: center;
  color: #a2a9b2;
  font-size: 18px;
}

.div-block-158 {
  flex-flow: column;
  height: 100%;
  min-height: 554px;
  margin-top: 12px;
  display: flex;
}

.only-mobile-ios {
  color: var(--color--gray-600);
  display: none;
}

.heading-64 {
  display: block;
}

.agora-usecases-bottom-cta {
  text-align: center;
  flex: 0 0 40%;
  justify-content: center;
  align-self: center;
  margin-top: 40px;
  display: none;
}

.agora-usecases-bottom-cta.features {
  margin-top: -40px;
}

.div-block-159 {
  flex: none;
}

.blog-page-categories {
  grid-row-gap: 20px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  margin-top: 24px;
  padding: 24px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 20px #0000001a;
}

.text-22 {
  font-family: var(--font--font-sans);
  color: #000;
  font-size: 18px;
  line-height: 100%;
  font-weight: var(--font--font-semibold);
  letter-spacing: 0.18px;
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
}

.cat-links-container {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.cat-link {
  grid-column-gap: 4px;
  font-family: var(--font--font-sans);
  font-size: var(--font--font-lg);
  font-weight: var(--font--font-normal);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.blog-page-cat-link {
  font-family: var(--font--font-sans);
  color: #080808;
  font-size: 16px;
  line-height: 22px;
  font-weight: var(--font--font-normal);
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: underline;
}

.blog-footer {
  padding-left: 60px;
  padding-right: 60px;
}

.services-image-link {
  vertical-align: bottom;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.pagination-3 {
  padding-top: 24px;
}

.next {
  border-radius: 60px;
}

.media-co {
  font-family: var(--font--font-sans);
  color: #242424;
  letter-spacing: 0.16px;
  font-weight: 600;
  line-height: 150%;
}

.flex-block-156 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.twilio-form {
  flex: 0 50%;
  width: 100%;
}

.trends-card-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template:
    'Area Area-5 Area-4 Area-3 Area-2'
    / minmax(200px, 0.25fr) 1fr 1fr 1fr 1fr;
  grid-auto-columns: 0.25fr;
  display: grid;
}

.section-38 {
  padding: 80px 120px;
}

.twilio-form-heading {
  font-size: var(--size--14);
  line-height: 100%;
  font-weight: var(--font--font-semibold);
  letter-spacing: -1.12px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    270deg,
    #00c2ff 40.64%,
    #a0faff 60.23%,
    #fcf9f8 79.82%,
    #c46ffb
  );
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 12px;
}

.form-block-twilio {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: 0 50%;
  display: flex;
}

.twilio-form-content {
  color: var(--color--gray-700);
  font-size: var(--size--4);
  letter-spacing: 0.16px;
  line-height: 150%;
}

.twilio-form-content.white {
  color: var(--color--white);
}

.twilio-form-content.white.big {
  font-size: var(--size--6);
  font-weight: var(--font--font-normal);
}

.flex-block-157 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
}

.link-block-11 {
  color: var(--color--dark-900);
  text-decoration: underline;
}

.link-block-11:hover {
  color: var(--color--accent-richlilac);
}

.div-block-161 {
  flex: none;
}

.text-span-12 {
  color: var(--color--gray-50);
  -webkit-text-stroke-color: var(--color--gray-25);
}

.background-video-7 {
  object-fit: fill;
  flex: 1;
  width: 1080px;
  height: 720px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.background-video-8 {
  width: 100vw;
  height: 150%;
  display: none;
  position: absolute;
  inset: 0% 0% 0% 50vw;
}

.link-block-12 {
  grid-column-gap: var(--size--1);
  grid-row-gap: var(--size--1);
  border: 1px solid var(--color--white);
  color: var(--color--white);
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px 12px 12px;
  text-decoration: none;
  display: inline-flex;
}

.link-block-12:hover {
  background-color: var(--color--dark-300);
  color: var(--color--white);
}

.text-block-113 {
  font-size: 18px;
  line-height: 120%;
}

.image-109321 {
  width: 32px;
  height: 32px;
}

.flex-block-158 {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
}

.flex-block-159 {
  grid-column-gap: var(--size--4);
  grid-row-gap: var(--size--4);
  justify-content: space-between;
  align-items: flex-end;
}

.heading-65 {
  color: var(--color--gray-50);
  font-size: 32px;
  font-weight: 600;
  line-height: 120%;
}

.text-block-114 {
  font-size: 16px;
  line-height: 150%;
}

.text-block-115 {
  color: var(--color--gray-400);
  font-size: 14px;
}

.flex-block-160 {
  grid-column-gap: var(--size--1-5);
  grid-row-gap: var(--size--1-5);
  justify-content: flex-start;
  align-items: center;
}

.flex-block-161 {
  grid-column-gap: var(--size--8);
  grid-row-gap: var(--size--8);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
}

.mobile-cta {
  display: none;
}

.view-story-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.text-block-117 {
  color: var(--color--white);
  font-size: var(--size--4);
  font-weight: 500;
  line-height: 150%;
}

.content-para {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.rich-text-block---legal {
  font-family: var(--font--font-sans);
}

.collection-item-15 {
  max-width: 500px;
}

.text-block-118 {
  color: var(--agora-blue);
  font-size: var(--size--4);
  line-height: 100%;
  font-weight: var(--font--font-normal);
  letter-spacing: -0.16px;
}

.text-block-119 {
  color: gray;
  font-size: var(--size--4);
  letter-spacing: 0.16px;
  margin-top: 8px;
  line-height: 150%;
  display: none;
}

.release-readmore {
  font-family: var(--font--font-sans);
  font-size: var(--font--font-base);
  line-height: 100%;
  font-weight: var(--font--font-medium);
  letter-spacing: -0.16px;
}

.heading-66 {
  font-family: var(--font--font-sans);
  font-size: var(--font--font-5xl);
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  letter-spacing: -0.92px;
}

.advantage-resouces {
  flex-flow: column;
  align-items: center;
  padding: 60px 120px 80px;
  display: flex;
}

.adv-resources-header {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
}

.adv-recource-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 800px;
  height: 320px;
  margin-top: 40px;
}

.adv-card-large-icons {
  width: 60px;
  max-width: none;
  height: 60px;
}

.sdrtn-resouce-link {
  max-width: 288px;
}

.image-109323 {
  max-width: none;
  height: 100%;
}

.text-block-120 {
  font-family: var(--font--font-sans);
  font-weight: var(--font--font-medium);
  letter-spacing: -0.16px;
}

.last-slider-item {
  padding-right: 40px;
}

.internal-link-event,
.external-link-event {
  display: flex;
}

.hero-video-landing {
  padding: 80px 120px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-video-landing.padhorizontallarge {
  padding-left: 120px;
  padding-right: 120px;
}

.div-block-162 {
  flex: none;
  align-self: flex-start;
}

.flex-block-162 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.header-aura-video {
  z-index: -1;
  width: 250%;
  height: 250%;
  position: absolute;
  top: -80%;
  right: -35%;
}

.newsroom-header-desctext {
  font-family: var(--font--font-sans);
  color: var(--color--dark-200);
  font-size: 18px;
  line-height: 120%;
  font-weight: var(--font--font-normal);
  letter-spacing: normal;
}

.hero-mobile-bg-vid {
  z-index: -10;
  height: 100%;
  margin-top: 0;
  display: none;
  position: static;
  inset: 128px 0% 0% -12%;
}

.sdrtn-video-mobile {
  /* z-index: -1; */
  float: none;
  clear: none;
  width: 100%;
  height: 554px;
  min-height: auto;
  max-height: 560px;
  margin-top: 0;
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  overflow: clip;
}

.next-2 {
  border-radius: 20px;
}

.flex-block-163 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
}

.form-right-ul {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 62px;
  display: flex;
}

.startup-form-link {
  color: var(--color--gray-700);
  text-decoration: underline;
}

.startup-arrow-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
}

.startup-program-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  font-weight: var(--font--font-normal);
  flex-flow: column;
  padding-left: 62px;
  display: flex;
}

.image-109324 {
  width: 100%;
  height: 335px;
}

.section-39 {
  background-color: #0000;
}

.white-background {
  background-color: #fff;
  margin-top: -40px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.body-24 {
  background-color: #000;
}

.join-extensions-features {
  padding-left: 40px;
  padding-right: 40px;
}

.speaker-3x-block {
  width: 33%;
}

.code-embed-23 {
  padding-top: 30px;
}

.flex-block-164 {
  display: none;
}

.italic-text-3 {
  line-height: 1.7rem;
}

.flex-block-165 {
  display: none;
}

.maincta-lhs {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.div-block-164 {
  width: 75%;
  display: block;
}

.code-embed-24 {
  min-width: auto;
}

.div-block-165 {
  width: 100%;
  display: block;
}

.speaker-headshot-4 {
  width: 24%;
}

.speaker-headshot-4-gap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.div-block-166 {
  width: 100%;
}

.div-block-166-2 {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.flex-block-170 {
  flex-flow: row;
}

.tertiary-button {
  color: var(--color--gray-700);
  font-size: var(--font--font-base);
}

.tertiary-button:hover {
  color: var(--color--gray-50);
}

.body-25 {
  font-family: acumin-pro;
}

.event-main {
  padding: 80px 80px 40px;
}

.event-main-container {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
}

.event-main-flex-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.event-main-flex-block-inner {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex: 1;
}

.event-main-div-block-inner {
  flex: 1;
  max-height: 400px;
  display: flex;
}

.event-div-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.event-h2-title {
  color: var(--color--white);
  letter-spacing: -1.12px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 700;
  line-height: 120%;
}

.event-h2-title.primary-graidient-text {
  margin-top: -30px;
}

.event-team {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  text-align: left;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 60px 120px 40px;
  display: flex;
}

.event-heading-h2 {
  color: var(--color--gray-25);
  text-align: center;
  letter-spacing: -0.72px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 46px;
  line-height: 120%;
  text-decoration: none;
}

.event-team-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-auto-columns: 1fr;
  place-content: stretch;
  align-self: auto;
  display: grid;
}

.event-team-card_outer {
  width: 100%;
  margin-bottom: 40px;
  display: block;
}

.event-team-card-inner {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #101010;
  border: 1px solid #2b2b2b;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  padding: 32px;
  display: flex;
}

.event-team-card__img {
  width: 100%;
}

.event-team-card_footer {
  align-self: stretch;
}

.event-team-card_title {
  justify-content: space-between;
  align-items: flex-start;
}

.event-team-card_desc {
  color: #a9a9a9;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 150%;
}

.event-card-name {
  letter-spacing: -0.48px;
  color: #f1f1ef;
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 120%;
}

.event-team-card__icon {
  position: relative;
}

.event-section {
  padding: 40px 80px;
}

.event-section-container {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
}

.event-section-flex-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 100%;
  max-width: 70%;
}

.event-section-flex-block-inner {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex: 1;
}

.event-section-div-block-inner {
  flex: 1;
  max-height: 400px;
  display: flex;
}

.event-section-h2-title {
  color: var(--color--white);
  letter-spacing: -1.12px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 46px;
  font-weight: 700;
  line-height: 120%;
}

.event-section-h2-title.primary-graidient-text {
  margin-top: -30px;
}

.event-section-desc,
.event-main-desc {
  color: var(--color--gray-400);
  letter-spacing: 0.18px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.event-presenters {
  grid-column-gap: var(--size--10);
  grid-row-gap: var(--size--10);
  background-image: radial-gradient(
    circle,
    #1a1a1a,
    #151515 50%,
    #101010 100%,
    #fff
  );
  border-radius: 12px;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  padding: 32px;
}

.event-presenters.sdrtn {
  border: 1px solid var(--color--dark-300);
}

.event-presenters-div-block {
  grid-column-gap: var(--size--0-5);
  grid-row-gap: var(--size--0-5);
  flex: 60%;
}

.event-presenters-h6 {
  color: var(--color--white);
  letter-spacing: normal;
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
}

.event-presenters-list {
  color: var(--color--gray-400);
  -webkit-text-stroke-color: var(--color--gray-400);
  font-size: 16px;
}

.event-section-button {
  text-align: center;
  flex: 0 0 40%;
  justify-content: center;
  align-self: flex-start;
  margin-top: 20px;
  display: flex;
}

.event-section-button.features {
  margin-top: -40px;
}

.div-block-167 {
  padding: 60px 120px;
}

.heading-67 {
  color: #212121;
  letter-spacing: 0.28px;
  margin-top: 0;
  margin-bottom: 28px;
  font-size: 26px;
  font-weight: 400;
  line-height: 42px;
}

.tech-event-details {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-top: 38px;
}

.tech-event-block {
  color: #212121;
  background-color: #e2f3ff;
  border-radius: 10px;
  flex: 0 50%;
  padding: 25px 12px;
  font-size: 16px;
}

.text-block-121 {
  text-align: center;
}

.tech-in-asia-events {
  max-width: 836px;
}

.body-26 {
  font-family: var(--font--font-sans);
}

.heading-68 {
  margin-top: 50px;
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 400;
}

.paragraph-35 {
  color: #212121;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24.889px;
}

.flex-block-171 {
  justify-content: flex-end;
}

.event-tech-abt {
  margin-bottom: 70px;
}

.e-meet {
  border-top: 2px solid #e2f3ff;
  border-bottom: 2px solid #e2f3ff;
  padding-top: 50px;
  padding-bottom: 50px;
}

.meet-heading {
  text-align: left;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 400;
}

.meet-heading.center {
  text-align: center;
}

.team-personel {
  border: 1px solid #e2f3ff;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 403px;
  margin-bottom: 0;
  padding-left: 3px;
  padding-right: 3px;
}

.div-block-168 {
  padding: 14px 22px 25px;
}

.text-block-122 {
  color: #212121;
  margin-bottom: 6px;
  font-size: 17px;
  line-height: 27px;
}

.text-block-123 {
  color: #737373;
  margin-bottom: 16px;
  font-size: 13px;
  line-height: 22px;
}

.flex-block-172 {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  justify-content: center;
}

.e-meet-link {
  color: #212121;
  border-bottom: 3px solid #099dfd;
  font-size: 13px;
  line-height: 22px;
}

.join-present {
  border-bottom: 2px solid #e2f3ff;
  padding-top: 50px;
  padding-bottom: 50px;
}

.e-tech-resources {
  padding-top: 50px;
  padding-bottom: 50px;
}

.event-resources {
  background-color: var(--color--dark-700);
  border-radius: 20px;
  flex-flow: column;
  max-width: 288px;
  height: 100%;
}

.event-resources:hover {
  background-color: var(--color--dark-400);
}

.event-resources.white {
  background-color: var(--color--white);
  max-width: none;
}

.flex-block-173 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-109326 {
  height: 365px;
}

.date-range-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  font-size: 14px;
  display: flex;
}

.speaker-meet-now {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  padding-top: 10px;
  display: flex;
}

.speaker-meet-now:hover {
  text-decoration: none;
}

.in-page-alert-bar {
  z-index: 111;
  background-image: linear-gradient(
    270deg,
    #00c2ff,
    #a0faff 33%,
    #fcf9f8 66%,
    #c46ffb
  );
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 10px 120px;
  display: flex;
  position: static;
}

.section-40 {
  margin-top: 60px;
  display: none;
}

.panel-list {
  color: var(--color--gray-400);
  -webkit-text-stroke-color: var(--color--gray-400);
  font-size: 16px;
}

.event-team-grid-2-speakers {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) 200px;
  grid-auto-columns: 1fr;
  place-content: stretch;
  align-self: auto;
  width: auto;
  display: grid;
}

.event-team-card_outer-2x {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 90%;
  margin-bottom: 40px;
  display: block;
}

.event-team-card-inner-1x {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #101010;
  border: 1px solid #2b2b2b;
  border-radius: 12px;
  width: auto;
  height: 100%;
  padding: 32px;
  display: flex;
}

.product-variant-2-title {
  color: var(--color--white);
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 600;
  line-height: 56px;
}

.product-variant-2-title.solutions-hero-title {
  margin-bottom: 48px;
}

.product-variant-2-title.openai-hero-h1 {
  font-size: var(--font--font-5xl);
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  letter-spacing: -1.2px;
}

.product-variant-subtitle {
  color: var(--color--gray-600);
  font-weight: 500;
  line-height: 27px;
}

.product-variant-subtitle.solution-hero-desc {
  color: var(--color--gray-100);
  line-height: 120%;
}

.product-hero-variant {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  -webkit-text-fill-color: inherit;
  background-image: url('../images/Conversational-AI-Engine-product-hero-bkg.webp');
  background-repeat: no-repeat;
  background-size: 1440px;
  background-attachment: scroll;
  background-clip: border-box;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  padding: 80px 120px;
  display: flex;
}

.product-hero-variant.solution-hero-section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: stretch;
  height: auto;
  padding-left: 60px;
  padding-right: 60px;
}

.product-hero-variant.solution-hero-section.overflow-hidden {
  overflow: hidden;
}

.product-variant-logo {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #000;
  border-radius: 60px;
  height: 100px;
  padding: 32px 40px;
  display: inline-flex;
}

.div-block-169 {
  background-color: var(--color--accent-yellow);
  background-image: linear-gradient(#8dc6fa, #fff);
  border-radius: 60px;
  padding: 1px;
  display: inline-block;
}

.product-hero-variant-desc {
  color: var(--color--gray-600);
  font-weight: 500;
  line-height: 150%;
}

.product-hero-variant-desc.solution-hero-desc {
  color: var(--color--gray-100);
  line-height: 120%;
}

.hero-variant-2-des-2-copy {
  color: var(--color--gray-100);
  font-weight: 400;
}

.hero-variant-2-des-2-copy.solution-hero-desc {
  color: var(--color--gray-100);
  line-height: 120%;
}

.collaboration-logo-container {
  background-image: linear-gradient(#000, #fff);
  border-radius: 60px;
  padding: 1px;
  display: inline-block;
}

.collaboration-logo {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #000;
  border: 1px solid #8dc6fa;
  border-radius: 60px;
  justify-content: flex-start;
  align-items: center;
  height: 100px;
  padding: 32px 40px;
  display: inline-flex;
}

.product-hero-variant-bg {
  background-image: url('../images/Hero-Section.svg');
  background-position: 0 0;
  background-size: auto;
}

.div-block-170 {
  margin-top: 0;
}

.product-benefits-variant-h2 {
  max-width: 880px;
  font-size: 46px;
  font-weight: 700;
  line-height: 120%;
}

.div-block-171 {
  margin-bottom: 40px;
}

.product-benefits-variant,
.product-benefits-copy {
  padding: 60px 120px;
}

.variant-benefits-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  direction: ltr;
  flex-flow: column;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: auto;
  align-items: baseline;
  width: auto;
  display: flex;
}

.benefits-body {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: row;
  align-self: auto;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  display: flex;
}

.div-block-173 {
  min-width: auto;
  max-width: 1440px;
}

.product-benefit-variant-item {
  flex: 1 0 auto;
  max-width: 350px;
}

.div-block-174 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.alert-logo-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.image-109327 {
  height: 28px;
}

.image-109328 {
  height: 28px;
  margin-top: 10px;
}

.div-block-175 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.interactive-whiteboard-copy {
  display: block;
}

.interactive-whiteboard-copy.feature-tab-menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--gray--700);
  background-color: #ddd0;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.interactive-whiteboard-copy.feature-tab-menu.w--current {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #131313;
  border-bottom: 1px solid #2e2e2e;
  border-right: 1px solid #000;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.whiteborad-video-copy {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  align-items: center;
  padding: 60px 120px;
}

.image-109329 {
  max-width: 30%;
}

.div-block-176 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 120px;
  padding-right: 120px;
  display: flex;
}

.flex-block-175 {
  justify-content: center;
  align-items: flex-end;
  width: 50%;
  max-width: 50%;
}

.text-block-124 {
  text-align: center;
}

.spotlight-card-copy {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  padding: 40px;
}

.spotlight-card-copy.product-help-container {
  display: flex;
}

.spotlight-card-copy.shipping-video-card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--color--dark-600);
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  display: flex;
}

.spotlight-card-copy.px-4 {
  border: 1px solid red;
  margin-bottom: 20px;
}

.spotlight-card-copy.product-feature-cards {
  height: 100%;
}

.spotlight-card-copy.product-feature-cards.partner-program-card {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-left: 0;
  padding-right: 0;
}

.spotlight-card-copy.product-feature-cards--stretched {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  height: 100%;
}

.spotlight-card-copy.shipping-video-card-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--color--dark-600);
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  display: flex;
}

.products-openai-quickstart-guide-h2 {
  text-align: right;
}

.products-openai-quickstart-guide-h2.h2 {
  padding-bottom: 20px;
}

.heading-69 {
  color: #fff;
  font-size: var(--font--font-5xl);
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  letter-spacing: normal;
}

.products-trusted-partner {
  padding: 60px 120px;
}

.marquee {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  background-color: #0000;
  width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.marquee-content {
  grid-column-gap: 1rem;
  flex: none;
  justify-content: space-around;
  min-width: 100%;
  display: flex;
}

.marquee-content.scroll {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
}

.marquee-content.scroll.reverse {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex: none;
  overflow: clip;
}

.marquee-image {
  order: 0;
  max-height: 36px;
  margin-left: auto;
  margin-right: auto;
  overflow: clip;
}

.image-109330 {
  width: 420px;
  height: 100%;
}

.press-enquiry {
  color: var(--color--gray-50);
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 120px;
  font-size: 16px;
}

.press-link {
  color: var(--color--white);
}

.press-link:hover {
  font-weight: 400;
  text-decoration: underline;
}

.alert-bar-copy {
  z-index: 111;
  background-image: linear-gradient(
    270deg,
    #00c2ff,
    #a0faff 33%,
    #fcf9f8 66%,
    #c46ffb
  );
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 48px;
  padding: 10px 120px;
  display: none;
  position: static;
}

.alert-bar-copy.collaboration-alert {
  grid-column-gap: 29px;
  grid-row-gap: 29px;
  justify-content: center;
  display: flex;
}

.alert-bar-copy.collaboration-alert:hover {
  color: var(--color--black);
  text-decoration: underline;
}

.alert-bar-copy.collaboration-alert.hidden {
  overflow: visible;
}

.flex-block-176 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
}

.aiot-form {
  padding: 80px 120px;
}

.aiot-form-heading {
  font-size: var(--size--14);
  letter-spacing: -1.12px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    270deg,
    #00c2ff 40.64%,
    #a0faff 60.23%,
    #fcf9f8 79.82%,
    #c46ffb
  );
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 12px;
  line-height: 100%;
}

.aiot-form-content {
  color: var(--color--gray-700);
  font-size: var(--size--4);
  letter-spacing: 0.16px;
  line-height: 150%;
}

.aiot-form-content.white {
  color: var(--color--white);
}

.aiot-form-content.white.big {
  font-size: var(--size--6);
}

.aiot-form-reg {
  flex: 0 50%;
  width: 100%;
}

.bold-text-8 {
  font-size: 1px;
}

.aiot-list-item {
  color: var(--color--white);
  font-size: 16px;
}

.aiot-main-desc {
  color: var(--color--white);
  letter-spacing: 0.18px;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 400;
  line-height: 150%;
}

.aiot-small-secondary-heading {
  font-family: var(--font--font-sans);
  color: var(--color--white);
  font-size: var(--size--4);
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 20px;
  line-height: 13.867px;
  display: block;
}

.aiot-small-secondary-heading.left-align {
  font-family: var(--font--font-sans);
  color: var(--color--gray-400);
  text-align: left;
}

.aiot-h2-title {
  color: var(--color--white);
  letter-spacing: -1.12px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 700;
  line-height: 120%;
}

.aiot-h2-title.primary-graidient-text {
  margin-top: -30px;
}

.image-109332 {
  font-size: var(--size--4);
  margin-bottom: -10px;
  line-height: 20px;
}

.event-section-ceee {
  padding: 10px 80px 40px;
}

.flex-block-177 {
  flex-flow: row;
  display: inline-flex;
}

.beta-tag {
  padding: var(--size--3) var(--size--4);
  border: 2px solid var(--color--accent-lightblue);
  border-radius: var(--size--36);
  color: var(--color--accent-lightblue);
  font-size: var(--size--4);
  vertical-align: top;
  order: 1;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  font-weight: 500;
  line-height: 100%;
  display: inline-block;
}

.beta-tag.beta-tag-sm {
  padding: var(--size--1) var(--size--2) var(--size--1-5);
  font-size: var(--size--3);
}

.subscript {
  vertical-align: super;
}

.rich-text-block-7 {
  display: inline-flex;
}

.hero-variant-2-title-2.display-l {
  font-size: var(--font--font-5xl);
  font-weight: var(--font--font-semibold);
  display: inline-block;
}

.flex-block-178 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-block-179 {
  grid-column-gap: var(--size--1);
  grid-row-gap: var(--size--1);
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.section-40-copy {
  margin-top: 60px;
  display: none;
  overflow: visible;
}

.link-block-15 {
  flex: 1;
  align-self: center;
}

.hero-info-copy {
  font-size: var(--font--font-lg);
  line-height: 120%;
  font-weight: var(--font--font-normal);
  text-align: center;
  letter-spacing: 0.01px;
  color: #fcf9f8;
  max-width: 520px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.link-block-16 {
  font-size: var(--font--font-sm);
}

.bold-text-9 {
  font-size: var(--font--font-3xl);
  font-weight: var(--font--font-bold);
}

.link-block-17 {
  vertical-align: middle;
}

.usavase-img-copy {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.product-usage-flex-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

.text-block-125,
.text-block-126,
.text-block-127,
.text-block-128,
.text-block-129,
.text-block-130,
.text-block-131,
.text-block-132,
.text-block-133,
.text-block-134,
.text-block-135,
.text-block-136,
.text-block-137,
.text-block-138,
.text-block-139,
.text-block-140,
.text-block-141,
.text-block-142,
.text-block-143,
.text-block-144,
.text-block-145,
.text-block-146,
.text-block-147,
.text-block-148,
.text-block-149,
.text-block-150 {
  font-weight: var(--font--font-semibold);
}

.rich-text-block-8 {
  font-family: var(--font--font-sans);
  color: var(--color--dark-500);
  font-size: var(--font--font-base);
  line-height: 140%;
  font-weight: var(--font--font-normal);
}

.italic-text-4 {
  font-family: var(--font--font-sans);
}

.bold-text-10,
.bold-text-11 {
  font-weight: var(--font--font-semibold);
}

.text-span-13 {
  color: var(--agora-blue);
  -webkit-text-stroke-color: var(--agora-blue);
}

.link-15 {
  color: var(--agora-blue);
  -webkit-text-stroke-color: var(--color--gray-700);
}

.bold-text-12,
.bold-text-13,
.bold-text-14,
.bold-text-15,
.bold-text-16,
.bold-text-17,
.bold-text-18,
.bold-text-19,
.bold-text-20,
.bold-text-21 {
  font-weight: var(--font--font-semibold);
}

.italic-text-5 {
  font-family: var(--font--font-sans);
}

.heading-70,
.bold-text-22,
.bold-text-23,
.bold-text-24 {
  font-weight: var(--font--font-semibold);
}

.code-embed-25 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.bold-text-25 {
  font-family: var(--font--font-sans);
  font-weight: var(--font--font-semibold);
}

.text-block-151 {
  font-family: var(--font--font-sans);
  font-weight: var(--font--font-medium);
}

.code-embed-26 {
  font-family: var(--font--font-sans);
  font-size: var(--font--font-base);
  font-weight: var(--font--font-medium);
}

.icon-7 {
  font-weight: var(--font--font-normal);
}

.text-block-152,
.text-block-153 {
  font-weight: var(--font--font-medium);
}

.checkbox-2,
.checkbox-2.w--redirected-checked {
  background-color: var(--agora-blue);
}

.checkbox-3 {
  background-color: var(--color--dark-300);
}

.checkbox-3.w--redirected-checked {
  background-color: var(--agora-blue);
}

.bold-text-26 {
  font-weight: var(--font--font-semibold);
}

.rich-text-block-9 {
  color: var(--color--white);
  font-size: var(--font--font-5xl);
  font-weight: var(--font--font-semibold);
  letter-spacing: -1.2px;
  display: block;
}

.rich-text-block-9.hero-variant-2-title-2.display-l {
  vertical-align: baseline;
}

.flex-block-180 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.div-block-178 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: end;
  place-items: start center;
  display: grid;
}

.text-block-waitlist {
  color: var(--color--white);
  font-size: var(--font--font-1-5xl);
  text-align: left;
  line-height: 120%;
}

.div-block-179 {
  background-color: var(--color--gray-700);
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 95%;
  height: 1px;
  margin: -40px auto -28px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-180 {
  width: 100%;
}

.confirmform {
  display: none;
}

.flex-block-182 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: center;
  padding: 80px 120px;
}

.text-block-154 {
  color: var(--color--white);
  font-size: var(--font--font-5xl);
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  text-align: center;
}

.flex-block-183 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-end;
  align-items: center;
  max-width: 1440px;
  max-height: 520px;
  padding: 80px 120px;
}

.text-block-155 {
  color: var(--color--white);
  font-size: var(--font--font-5xl);
  line-height: 120%;
  font-weight: var(--font--font-semibold);
  text-align: right;
  letter-spacing: -0.92px;
}

.flex-block-184 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: flex-end;
}

.image-109333 {
  vertical-align: middle;
  width: 50%;
  height: 100%;
}

.faq-copy {
  background-color: var(--color--white);
  width: 100%;
  max-width: 100%;
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 0;
  padding: 60px 120px;
}

.faq-list-conversational-ai {
  max-width: 1120px;
  margin-left: 0;
  margin-right: 0;
}

.paragraph-37 {
  font-size: var(--font--font-2xl);
}

.paragraph-37:lang(ja) {
  font-size: var(--font--font-xs);
}

.list-4 {
  font-size: var(--font--font-7xl);
}

.list-4:lang(ja) {
  font-size: var(--font--font-sm);
}

.list-5 {
  font-size: var(--size--2);
}

.list-5:lang(ja) {
  font-size: var(--font--font-sm);
}

.list-6 {
  font-size: var(--size--2-5);
}

.list-6:lang(ja) {
  font-size: var(--font--font-xs);
}

.italic-text-6 {
  font-style: normal;
}

.video-3 {
  max-width: 100%;
}

@media screen and (min-width: 1280px) {
  .brand {
    min-width: 15%;
  }

  .headernavbar-menu {
    grid-column-gap: var(--size--2);
    grid-row-gap: var(--size--2);
  }

  .footer {
    background-color: #000;
  }

  .footer-links-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .hero {
    padding-top: 48px;
  }

  .h2 {
    font-size: 46px;
  }

  .feature-cell.services-gradient-bg.enterprise {
    padding-right: 32px;
  }

  .spatial-section-image {
    margin-top: 6px;
  }

  .spatial-section-image.floored {
    margin-top: 36px;
    position: relative;
    bottom: 0;
  }

  .spatial-section-image.ains {
    margin-top: 10px;
  }

  .jumbotron {
    padding-left: 120px;
    padding-right: 120px;
  }

  .jumbotron-black-paragraph {
    font-size: 120px;
  }

  .agora-usecases {
    padding-left: 120px;
    padding-right: 120px;
  }

  .image-12 {
    cursor: pointer;
  }

  .testimonials {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .flex-block-14 {
    justify-content: center;
    align-items: flex-start;
  }

  .flex-block-15 {
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 1200px;
  }

  .home-cta-container {
    padding-top: 120px;
  }

  .main-cta-container.blogpage {
    margin-bottom: 60px;
  }

  .home-cta-heading {
    font-size: 38px;
  }

  .flex-block-16 {
    max-height: 380px;
  }

  .div-block-13.home-cta-left-pad {
    max-height: 342px;
    padding-bottom: 50px;
  }

  .secondary-hero {
    justify-content: space-between;
    align-items: stretch;
  }

  .secondary-hero.solution-hero-section {
    padding-left: 120px;
    padding-right: 120px;
  }

  .flex-block-22 {
    max-width: 1280px;
  }

  .developer-tools {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .flex-block-27 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .benefits.horizontal {
    flex-flow: column;
  }

  .shipment-content {
    width: 80%;
  }

  .secondary-testimonial-logo {
    width: auto;
    max-width: none;
    max-height: 48px;
  }

  .product-user-testimonial {
    height: 100%;
  }

  .product-usecases {
    flex-flow: column;
    display: flex;
  }

  .product-usage-heading {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    align-items: flex-start;
  }

  .product-usage-heading.centered {
    justify-content: center;
    align-items: center;
  }

  .product-usage-heading.center-heading {
    align-items: center;
  }

  .product-usage-flex {
    justify-content: center;
    align-items: center;
  }

  .usages-collection {
    display: block;
  }

  .trend-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 1;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .trend-card-container {
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    min-height: 320px;
  }

  .trend-card-title {
    font-size: var(--size--5);
  }

  .marquee-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    overflow: hidden;
  }

  .mega-menu-item:hover {
    border-radius: var(--size--2);
    object-fit: fill;
  }

  .flex-block-40.flex-block-40-responsive {
    width: 65%;
  }

  .div-block-28 {
    padding-top: var(--size--8);
    padding-bottom: var(--size--8);
    grid-column-gap: var(--size--2);
    grid-row-gap: var(--size--2);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .div-block-28.div-block-28-responsive {
    padding-top: var(--size--10);
    padding-right: var(--size--10);
    width: 35%;
  }

  .menublock {
    grid-column-gap: var(--size--3);
    grid-row-gap: var(--size--3);
  }

  .menublock.menublock-4 {
    grid-template-rows: auto;
  }

  .flex-block-42 {
    grid-column-gap: var(--size--8);
    grid-row-gap: var(--size--8);
  }

  .additional-discount-cta {
    margin-bottom: 60px;
  }

  .grid-table {
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
  }

  .plans-tr-td {
    justify-content: center;
    align-items: center;
  }

  .plans-tr-td.migration {
    justify-content: flex-start;
    align-items: center;
  }

  .uui-text-size-medium-2 {
    max-width: 640px;
    font-size: 16px;
  }

  .modal-megamenu-contentblock {
    position: fixed;
    inset: 80px 0 auto;
  }

  .related-pricing-products {
    padding-top: 30px;
  }

  .faq-container {
    max-width: 1200px;
  }

  .follower {
    pointer-events: none;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding-left: 10px;
    display: flex;
    position: absolute;
  }

  .navmenu-linkwrapper {
    padding-right: var(--size--3);
    padding-left: var(--size--3);
    grid-column-gap: var(--size--2);
    grid-row-gap: var(--size--2);
    font-size: var(--size--3-5);
    flex: 0 auto;
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    margin-right: 0;
    display: flex;
  }

  .secondary-vertical-heading {
    margin-bottom: 20px;
    font-weight: 600;
  }

  .text-block-69 {
    max-width: 545px;
    line-height: 150%;
  }

  .secondary-vertical-gradient {
    display: none;
  }

  .common-usage-section,
  .ui-kit-benefits-section,
  .solutions-testimonial {
    padding-left: 120px;
    padding-right: 120px;
  }

  .awards-section {
    text-align: left;
    padding-left: 120px;
    padding-right: 120px;
  }

  .infoblock-telehealth {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
  }

  .infoblock-tele-text {
    color: var(--color--gray-50);
    font-size: var(--size--5);
    text-align: left;
  }

  .infoblock-tele-text.centre {
    font-size: var(--size--4);
    text-align: center;
  }

  .virtual-education-heading {
    text-align: center;
  }

  .flex-block-63 {
    margin-top: 52px;
  }

  .solution-packed-features {
    padding-left: 120px;
    padding-right: 120px;
  }

  .checks-feature-card-block {
    border-radius: 6px;
  }

  .checks-feature-card-content {
    padding-left: 32px;
  }

  .featured-content-section {
    padding-left: 120px;
    padding-right: 120px;
  }

  .featured-content-heading {
    margin-bottom: 40px;
  }

  .featured-card-block {
    max-width: 288px;
    height: 100%;
  }

  .image-39 {
    min-width: 288px;
    height: 100%;
    max-height: 144px;
  }

  .solution-features-grid {
    grid-column-gap: var(--size--5);
    grid-row-gap: var(--size--5);
  }

  .compliance-container.media {
    max-width: 940px;
  }

  .legal-jumbotron {
    padding-left: 120px;
  }

  .jumbotron-heading.media {
    max-width: 940px;
  }

  .success-stories-footer-quote-block {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-5 {
    padding-left: 120px;
    padding-right: 120px;
  }

  .section-5.smaller {
    padding-left: 80px;
    padding-right: 80px;
  }

  .section-6 {
    padding-left: 120px;
    padding-right: 120px;
  }

  .stories-filters-menu {
    justify-content: center;
    align-items: flex-start;
  }

  .stories-filters-tab-link {
    min-width: 138px;
    padding-right: 20px;
  }

  .header {
    padding-left: 120px;
    padding-right: 120px;
  }

  .blog-header {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .h1-blog-title {
    font-size: 56px;
  }

  .g-byline-text,
  .g-byline-text.link.small,
  .g-byline-text.small {
    padding-bottom: 0;
  }

  .blog-body {
    padding-left: 120px;
    padding-right: 120px;
  }

  .blog-promo-tile {
    max-width: 360px;
    height: 100%;
  }

  .success-stories-card-content.stories-solution-card {
    background-color: var(--color--primary-blue);
  }

  .success-stories-card-content.stories-result-card {
    background-color: #facf0e;
  }

  .collection-list_4grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .collection-list_4grid.two {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-left: 60px;
  }

  .blog-rich-text h2 {
    margin-top: 46px;
  }

  .blog-rich-text h3 {
    margin-top: 24px;
  }

  .used-products-item {
    width: 240px;
  }

  .success-stories-the-results {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .main {
    width: auto;
  }

  .newsroom-pressrelease {
    width: 940px;
  }

  .flex-block-85 {
    background-color: #fff;
    background-image: none;
  }

  .agora-for-startups-section {
    margin-top: 40px;
    padding: 40px 120px;
  }

  .blog-header-section,
  .blog-content {
    padding-left: 120px;
    padding-right: 120px;
  }

  .blog-tabs.selected.w--current {
    min-width: 320px;
  }

  .icon-24px {
    vertical-align: top;
    padding-top: 0;
  }

  .startup {
    margin-top: -50px;
  }

  .th-section__content-unity {
    text-align: left;
  }

  .container-15 {
    margin-left: 0;
    margin-right: 0;
  }

  .link-block-7-2 {
    align-self: center;
    width: 24px;
    height: 24px;
  }

  .evt-card__content-title {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .th-section__content_gartner,
  .th-section__content_partners {
    text-align: left;
  }

  .div-block-110 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    display: flex;
  }

  .th-section__content_twilio {
    text-align: left;
  }

  .section-24 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-25 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-26 {
    padding-left: 120px;
    padding-right: 120px;
  }

  .section-27 {
    padding: 80px 120px 60px;
  }

  .section-32 {
    padding-left: 0;
    padding-right: 0;
  }

  .ap-features-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .ap-rt-features-card__content.large {
    flex: 1;
  }

  .solution-trends-section {
    padding-left: 120px;
    padding-right: 120px;
  }

  .telehealth-ifo-heading {
    color: var(--color--white);
    text-align: left;
    font-size: 80px;
    line-height: 90%;
  }

  .infoblock-text {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: flex-start;
    align-items: center;
  }

  .infoblock-text.top-btm {
    flex-flow: column;
  }

  .collection-list-16 {
    height: 300px;
  }

  .collection-list-16.large {
    height: auto;
  }

  .collection-list-wrapper-16 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .collection-list-17 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .collection-list-wrapper-18 {
    height: 560px;
  }

  .collection-list-wrapper-18.auto-height {
    height: auto;
  }

  .headermenudropdown {
    top: 0;
  }

  .uui-dropdown-icon-5 {
    margin-right: 0;
  }

  .headermenulink {
    color: var(--color--gray-600);
    background-color: #0000;
  }

  .megamenu-card-wrapper {
    padding-top: var(--size--5);
    padding-right: var(--size--5);
    padding-left: var(--size--5);
    grid-column-gap: var(--size--6);
    grid-row-gap: var(--size--6);
    border-radius: var(--size--3);
    background-color: #0000;
    flex-flow: column;
    max-width: 392px;
    min-height: 0;
    max-height: 242px;
    margin-left: -15px;
    text-decoration: none;
    display: flex;
  }

  .image-74 {
    width: var(--size--6);
    height: var(--size--6);
  }

  .image-75 {
    height: var(--size--6);
  }

  .heading-50 {
    color: var(--color--white);
    font-size: var(--size--4);
    margin-top: 0;
    margin-bottom: 0;
    line-height: 100%;
  }

  .flex-block-120 {
    grid-column-gap: var(--size--2);
    grid-row-gap: var(--size--2);
    justify-content: space-between;
    align-items: center;
  }

  .flex-block-121 {
    grid-column-gap: var(--size--3);
    grid-row-gap: var(--size--3);
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-block-99 {
    color: var(--color--gray-700);
    font-size: var(--size--3-5);
    line-height: 140%;
  }

  .flex-block-122 {
    justify-content: center;
    align-items: center;
  }

  .flex-block-123 {
    grid-column-gap: var(--size--3);
    grid-row-gap: var(--size--3);
  }

  .flex-block-124 {
    grid-column-gap: var(--size--8);
    grid-row-gap: var(--size--8);
    border-radius: var(--size--3);
    background-color: var(--color--transparent);
    margin-left: 10px;
  }

  .image-76 {
    min-width: 854px;
  }

  .blog-gallery-header {
    min-width: 1080px;
  }

  .become-partner-heading {
    margin-top: 0;
    margin-bottom: 24px;
  }

  .image-77-2 {
    margin-top: 10px;
  }

  .flex-block-129 {
    padding: 10px;
  }

  .megamenu-card-wrappersupport {
    padding-top: var(--size--5);
    padding-right: var(--size--5);
    padding-left: var(--size--5);
    grid-column-gap: var(--size--6);
    grid-row-gap: var(--size--6);
    border-radius: var(--size--3);
    background-color: var(--color--dark-700);
    flex-flow: column;
    max-width: 392px;
    min-height: 0;
    max-height: 242px;
    margin-left: 0;
    text-decoration: none;
    display: flex;
  }

  .text-13 {
    height: 100%;
  }

  .analytics-compliance.quickstart {
    padding-left: 120px;
    padding-right: 120px;
  }

  .live-audio-usecase-grid._3-col {
    margin-top: 40px;
  }

  .background-video-3 {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 100vh;
    display: flex;
  }

  .careers-hero-heading {
    font-size: 80px;
    line-height: 100%;
  }

  .perfact-match-body {
    max-width: 1200px;
  }

  .col1 {
    grid-row-gap: 20px;
  }

  .career-home-image.left {
    max-width: none;
    height: 32%;
  }

  .col2 {
    grid-row-gap: 20px;
  }

  .info-block-card {
    flex: 0 auto;
    height: auto;
  }

  .footertop-wrapper {
    margin-left: 120px;
    margin-right: 120px;
  }

  .success-stories-slider-section {
    margin-top: 60px;
  }

  .flex-block-136 {
    max-width: 1200px;
  }

  .rich-content-section-2 {
    background-color: #000;
  }

  .hero-section {
    background-color: #06050a00;
  }

  .product-list-sec {
    background-color: #000;
  }

  .ebook-flex-block {
    margin-left: 100px;
    padding-right: 140px;
  }

  .body-23 {
    background-color: #000;
  }

  .generic-ty-flex-block {
    margin-left: 100px;
    padding-right: 140px;
  }

  .hero-bg-vid {
    height: 100%;
    top: 60px;
  }

  .hero-video-container {
    height: 55vh;
  }

  .alert-bar {
    border-radius: 0;
  }

  .alert-button {
    display: none;
  }

  .alert-link {
    margin-right: 20px;
  }

  .startup-hero-lhs {
    min-width: 500px;
    padding-right: 20px;
  }

  .code-embed-19 {
    height: 18px;
  }

  .sdrtn-video.relative.collaboration-benefits {
    height: 400px;
  }

  .heading-64 {
    display: block;
  }

  .blog-footer {
    padding-left: 120px;
    padding-right: 120px;
  }

  .background-video-8 {
    width: 100vw;
    height: 150%;
    right: 0%;
  }

  .adv-recource-grid {
    max-width: none;
  }

  .hero-video-landing {
    padding-left: 120px;
    padding-right: 120px;
  }

  .hero-mobile-bg-vid {
    height: 100%;
    top: 60px;
  }

  .image-109324 {
    height: 420px;
  }

  .tertiary-button {
    color: var(--color--gray-700);
  }

  .tertiary-button:hover {
    color: var(--color--gray-50);
  }

  .image-109325 {
    margin-top: 20px;
  }

  .event-main,
  .event-section {
    padding: 80px 120px 60px;
  }

  .event-resources {
    max-width: 288px;
    height: 100%;
  }

  .date-range-container {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    display: flex;
  }

  .in-page-alert-bar {
    border-radius: 0;
  }

  .event-team-grid-2-speakers {
    width: auto;
  }

  .event-team-card_outer-2x {
    width: 100%;
  }

  .event-team-card-inner-1x {
    width: 75%;
  }

  .product-hero-variant {
    justify-content: space-between;
    align-items: stretch;
  }

  .product-hero-variant.solution-hero-section {
    padding-left: 120px;
    padding-right: 120px;
  }

  .variant-benefits-list {
    flex-flow: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: baseline;
  }

  .div-block-173 {
    min-width: auto;
  }

  .product-benefit-variant-item {
    flex-basis: auto;
    min-width: 350px;
  }

  .products-trusted-partner {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .marquee {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .image-109330 {
    width: 520px;
  }

  .alert-bar-copy {
    border-radius: 0;
  }

  .event-section-ceee {
    padding: 80px 120px 60px;
  }

  .product-usage-flex-copy {
    justify-content: center;
    align-items: center;
  }

  .faq-container-conversational-ai {
    max-width: 1200px;
  }
}

@media screen and (min-width: 1440px) {
  .container-2 {
    max-width: none;
    margin-left: 0;
    margin-right: auto;
  }

  .nav-link,
  .nav-dropdown-icon,
  .nav-link-accent {
    color: #fff;
  }

  .button-primary {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: var(--dark-90);
    -webkit-text-stroke-width: 0px;
    text-transform: none;
    background-color: #fff;
    border-radius: 72px;
    margin-top: 0;
    padding-left: 12px;
    padding-right: 10px;
    font-size: 16px;
    display: flex;
  }

  .button-primary.outline {
    border: 1px solid var(--color--white);
    background-color: #fff0;
  }

  .headernavbar-container {
    z-index: 9999;
    width: auto;
    position: relative;
  }

  .headernavbar-container.shadow-three {
    max-width: none;
    margin-left: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .navbar-wrapper {
    justify-content: space-between;
  }

  .navbar-brand {
    aspect-ratio: auto;
  }

  .navbar {
    height: 80px;
  }

  .text-block {
    color: var(--dark-900);
  }

  .right-navigation {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .nav-container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .navbar-2 {
    height: 80px;
  }

  .container-3,
  .container-3-copy {
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .brand {
    min-width: 15%;
  }

  .headernavbar {
    position: sticky;
    top: 0;
  }

  .headernavbar-menu {
    z-index: 9999999;
    grid-column-gap: var(--size--4);
    grid-row-gap: var(--size--4);
    flex: 0 auto;
  }

  .rounded-circle {
    flex: none;
  }

  .rounded-circle.primary-outline {
    background-color: var(--color--white);
  }

  .primary-btn-label {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 18px;
    font-weight: 500;
  }

  .primary-btn-label.primary-outline-btn-label {
    color: var(--color--white);
  }

  .footer-col {
    flex: 0 0 30%;
  }

  .social-icons {
    justify-content: flex-start;
    width: 100%;
    max-width: 1240px;
  }

  .footer-top {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .grid {
    grid-column-gap: 39px;
    grid-row-gap: 20px;
    max-width: 1240px;
  }

  .footer-heading {
    text-transform: uppercase;
  }

  .footer-links-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .uui-navbar01_menu-left-2 {
    text-align: center;
    flex: 1;
  }

  .uui-navbar01_dropdown-link-3 {
    transition: opacity 0.2s, all 0.3s;
    transform: translate(0);
  }

  .uui-navbar01_dropdown-list-3 {
    background-color: var(--color--black);
    display: block;
    transform: translate(-728px);
  }

  .uui-dropdown-icon-3 {
    display: block;
  }

  .uui-navbar01_container-4 {
    background-color: var(--dark-900);
  }

  .uui-navbar01_dropdown-list-4 {
    background-color: var(--dark-900);
    display: none;
  }

  .uui-navbar01_dropdown-list-4:hover,
  .uui-navbar01_dropdown-list-4:focus {
    background-color: var(--dark-900);
  }

  .uui-navbar01_component-4 {
    background-color: #000;
  }

  .div-block-4 {
    text-align: center;
  }

  .main-heading {
    font-size: var(--font--font-6xl);
    letter-spacing: -2px;
    min-width: auto;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    line-height: 60px;
  }

  .hero-info {
    max-width: 520px;
    margin-top: 32px;
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
  }

  .primary-graidient-text {
    background-image: linear-gradient(
      90deg,
      #00c2ff 0.08%,
      #a0faff 33%,
      #fcf9f8 66%,
      #c46ffb
    );
  }

  .partners,
  .services {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .h2 {
    font-weight: var(--font--font-semibold);
    text-align: right;
  }

  .h2.display-md.product-shipment-h2 {
    text-align: center;
  }

  .h2.services-heading {
    color: var(--color--white);
  }

  .h2.pricing-discount-heading,
  .h2.related-pricing-products-heading,
  .h2.ui-benefits-heading,
  .h2.devtool-heading {
    text-align: center;
  }

  .service-info {
    max-width: 520px;
    font-weight: 400;
  }

  .tabs {
    justify-content: center;
    align-items: flex-start;
    min-height: 530px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .tabs-content {
    align-self: auto;
    width: auto;
    height: 600px;
  }

  .tab-pane-tab-1 {
    object-fit: fill;
    width: auto;
    max-width: none;
    height: 600px;
  }

  .tabs-menu {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 260px;
    height: 600px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .feature-tab-text {
    font-size: 14px;
  }

  .div-block-5 {
    text-align: left;
    justify-content: center;
    margin-top: 40px;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .feature-cell.services-gradient-bg {
    background-image: radial-gradient(
      circle at 120% 120%,
      #1a1a1a,
      #151515 50%,
      #212020 100%,
      #101010
    );
    padding-left: 40px;
    padding-right: 40px;
  }

  .flex-block-7.services-gradient-bg {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .feature-cell-no-padding.services-gradient-bg {
    background-image: repeating-radial-gradient(
      circle at 100% 100%,
      #1a1a1a,
      #151515 55%,
      #212020 100%,
      #101010
    );
  }

  .extension-heading {
    font-size: 32px;
  }

  .extension-marketplace {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .extension-quick-stack {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    max-width: 1200px;
  }

  .extension-container {
    max-width: 288px;
    max-height: 412px;
    overflow: hidden;
  }

  .extension-container.large {
    max-width: none;
  }

  .text-2xl.extension-card-heading {
    letter-spacing: -0.1px;
    width: 100%;
    max-width: none;
  }

  .text-2xl.extension-card-heading.small {
    max-width: 180px;
  }

  .text-l.adv {
    color: var(--color--gray-600);
    max-width: 620px;
    font-weight: 400;
  }

  .spatial-section-image {
    float: none;
    margin-top: 0;
    display: inline-block;
    overflow: clip;
  }

  .spatial-section-image.floored {
    margin-top: 36px;
    bottom: -32px;
  }

  .jumbotron {
    justify-content: center;
    align-items: flex-start;
    padding-top: 180px;
    display: flex;
  }

  .jumbotron-black-paragraph {
    letter-spacing: -4px;
    font-size: 160px;
  }

  .agora-usecases {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 120px;
    padding-bottom: 120px;
    padding-right: 120px;
    display: flex;
  }

  .text-block-19 {
    color: var(--color--white);
    font-size: var(--font--font-xs);
    text-transform: uppercase;
  }

  .hehading-h2,
  .heading-2-copy {
    color: var(--color--white);
  }

  .usecase-heading {
    text-align: left;
    font-size: 48px;
    line-height: 120%;
  }

  .flex-block-11 {
    flex-basis: 60%;
  }

  .flex-block-12 {
    flex: 1;
    justify-content: space-between;
    align-self: auto;
    width: 100%;
    max-width: 1200px;
  }

  .grid-3 {
    cursor: pointer;
    max-width: 1200px;
    margin-top: 40px;
  }

  .home-usecases-link {
    cursor: auto;
  }

  .image-12 {
    cursor: pointer;
    object-fit: cover;
  }

  .text-block-20 {
    line-height: 140%;
  }

  .text-block-21 {
    font-weight: 700;
  }

  .testimonials {
    padding: 120px;
  }

  .testimonial-heading {
    font-size: 47px;
    line-height: 1.5%;
  }

  .div-block-11 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
  }

  .image-13 {
    width: 55px;
    height: 51px;
  }

  .testimonial-flexbox {
    max-width: 1200px;
  }

  .single-testimonial.third {
    width: 33%;
  }

  .text-block-22 {
    color: var(--color--gray-300);
  }

  .text-block-23 {
    color: var(--color--gray-400);
    line-height: 100%;
  }

  .flex-block-15 {
    justify-content: center;
    align-items: flex-start;
  }

  .main-cta-container {
    margin-bottom: 0;
  }

  .home-cta-heading {
    font-size: 48px;
  }

  .flex-block-16 {
    height: 388px;
    max-height: 388px;
  }

  .image-15.home-cta-bottom-touched-image {
    vertical-align: baseline;
  }

  .div-block-13.home-cta-left-pad {
    max-height: 388px;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 60px;
  }

  .primary-btn-label-medium {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 18px;
    font-weight: 500;
  }

  .primary-btn-label-medium.primary-outline-btn-label {
    color: var(--color--white);
  }

  .jumbotron-color-paragraph {
    letter-spacing: -4px;
    font-size: 160px;
  }

  .text-span-8 {
    letter-spacing: -4px;
  }

  .div-block-17 {
    max-width: 1200px;
  }

  .secondary-hero {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url('../images/Hero-Section_1.webp');
    background-position: 50% 100%;
    background-repeat: repeat;
    background-size: cover;
    justify-content: space-around;
    align-items: center;
    height: 100%;
  }

  .secondary-hero.solution-hero-section {
    justify-content: center;
    align-items: center;
  }

  .display-l.hero-variant-2-title-2.solutions-hero-title {
    white-space: normal;
  }

  .text-xl.hero-variant-2-des-2,
  .text-xl.hero-variant-2-des,
  .text-xl.hero-variant-2-des-copy {
    max-width: 540px;
  }

  .flex-block-22 {
    align-items: center;
    width: auto;
    max-width: 1440px;
    max-height: 560px;
    overflow: visible;
  }

  .div-block-18 {
    justify-content: flex-start;
  }

  .supported-platforms-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex: 0 auto;
    order: 0;
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    width: 100%;
    max-width: 1440px;
    padding-left: 120px;
    display: flex;
    position: static;
  }

  .developer-tools {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 80px;
    display: flex;
  }

  .product-features-container {
    max-width: 1200px;
  }

  .spotlight-card.product-help-container {
    max-width: 1440px;
  }

  .product-help {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .product-benefits {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 80px;
    display: flex;
  }

  .text-block-29 {
    max-width: 760px;
  }

  .benefits-block {
    justify-content: flex-start;
    align-items: center;
    max-width: 1440px;
  }

  .benefits-block.collaboration-benefit-block {
    width: 100%;
  }

  .benefits-featured-image {
    max-width: 80%;
    max-height: 80%;
  }

  .benefit {
    max-width: 720px;
  }

  .product-shipment {
    text-align: left;
    flex-flow: column;
    align-items: stretch;
  }

  .primary-btn-label-medium-go-to-docs {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 18px;
    font-weight: 500;
  }

  .primary-btn-label-medium-go-to-docs.primary-outline-btn-label {
    color: var(--color--white);
  }

  .testimonial-layout {
    max-width: 1440px;
  }

  .secondary-testimonial-logo {
    height: 40px;
    max-height: 40px;
  }

  .product-usecases {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .product-usage-heading {
    align-items: flex-start;
  }

  .product-usage-heading.centered {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .product-usage-heading.center-heading {
    align-items: center;
  }

  .product-usage-action {
    text-align: left;
    justify-content: center;
    margin-top: 40px;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .product-usage-flex {
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
  }

  .usages-collection {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .trend-card-container {
    min-height: 100%;
  }

  .button-primary-outline {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: var(--dark-900);
    -webkit-text-stroke-width: 0px;
    text-transform: none;
    background-color: #fff0;
    border-radius: 72px;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 0;
    padding-left: 12px;
    padding-right: 10px;
    font-size: 16px;
    display: inline-flex;
  }

  .button-primary-outline.outline {
    border: 1px solid var(--color--white);
    background-color: #fff0;
  }

  .primary-btn-label-outline {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 18px;
    font-weight: 500;
  }

  .primary-btn-label-outline.primary-outline-btn-label {
    color: var(--color--white);
  }

  .video-calling.feature-tab-menu,
  .interactive-streaming.feature-tab-menu,
  .streaming-broadcast-streaming.feature-tab-menu,
  .chat.feature-tab-menu,
  .interactive-whiteboard.feature-tab-menu,
  .signaling.feature-tab-menu,
  .iot.feature-tab-menu,
  .feature-tab-menu.video-calling.w--current {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .flex-block-35.services-gradient-bg {
    width: 100%;
  }

  .marquee-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    max-width: 900px;
    overflow: hidden;
  }

  .interactive-whiteboard-benefits {
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .whiteborad-video {
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 1440px;
  }

  .div-block-27 {
    justify-content: center;
  }

  .collection-list-2 {
    max-width: 1200px;
  }

  .fast-board-section {
    display: none;
  }

  .collection-list-wrapper {
    justify-content: center;
    display: flex;
  }

  .flex-block-39 {
    justify-content: space-between;
    align-items: stretch;
    display: flex;
  }

  .flex-block-40.flex-block-40-responsive {
    justify-content: flex-start;
    align-items: flex-end;
    width: 60%;
  }

  .div-block-28.div-block-28-responsive {
    width: 40%;
    padding-right: 40px;
  }

  .menublock {
    grid-template-rows: auto auto auto;
    justify-content: space-between;
    align-items: flex-start;
  }

  .menublock.menublock-4 {
    grid-template-rows: auto;
  }

  .flex-block-42 {
    grid-column-gap: var(--size--8);
    grid-row-gap: var(--size--8);
    min-width: auto;
    max-width: 800px;
  }

  .flex-block-43 {
    flex: 0 auto;
  }

  .button-primary-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #080808;
    -webkit-text-stroke-width: 0px;
    text-transform: none;
    background-color: #fff;
    border-radius: 72px;
    margin-top: 0;
    padding-left: 12px;
    padding-right: 10px;
    font-size: 16px;
    display: flex;
  }

  .rounded-circle-2 {
    flex: none;
  }

  .plans-table,
  .plans-disclaimer-html {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }

  .uui-text-size-medium-2 {
    font-family: var(--font--font-sans);
    color: var(--dark-900);
    max-width: 580px;
    font-size: 16px;
    line-height: 140%;
  }

  .uui-faq01_answer {
    margin-top: 0;
    padding-top: 0;
  }

  .faq-heading {
    font-family: var(--font--font-sans);
    color: var(--dark-900);
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
  }

  .faq-question {
    padding-top: 32px;
    padding-bottom: 0;
  }

  .faq-accordion {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .faq-list {
    max-width: none;
  }

  .heading-7 {
    color: var(--agora--900);
    letter-spacing: -1px;
    font-family: Jokker, Arial, sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 120%;
  }

  .button-primary-4 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #080808;
    -webkit-text-stroke-width: 0px;
    text-transform: none;
    background-color: #fff;
    border-radius: 72px;
    margin-top: 0;
    padding-left: 12px;
    padding-right: 10px;
    font-size: 16px;
    display: flex;
  }

  .div,
  .image-28 {
    width: 24px;
    height: 24px;
  }

  .modal-megamenu-product {
    z-index: 999;
    background-color: var(--color--black);
    display: none;
    position: static;
    inset: 0%;
  }

  .modal-megamenu-wrapper {
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    background-color: #000000b3;
    display: block;
    position: fixed;
    inset: 0%;
  }

  .modal-megamenu-contentblock {
    position: fixed;
  }

  .faq-container {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }

  .ag-container {
    justify-content: center;
    align-items: center;
  }

  .div-block-32 {
    flex-shrink: 0;
    flex-basis: 50%;
  }

  .talk-to-us-heading-card {
    flex: 0 50%;
  }

  .flex-block-57 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    min-width: 540px;
    max-width: none;
  }

  .follower {
    opacity: 0;
    pointer-events: none;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding-left: 10px;
    display: flex;
    position: absolute;
  }

  .code-embed-4 {
    width: 30px;
    height: 30px;
  }

  .rounded-circle-outline {
    flex: none;
  }

  .rounded-circle-outline.primary-outline {
    background-color: var(--color--white);
  }

  .follower-2 {
    opacity: 0;
    pointer-events: none;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding-left: 10px;
    display: flex;
    position: absolute;
  }

  .code-embed-5 {
    width: 30px;
    height: 30px;
  }

  .navmenu-link-underline {
    display: none;
  }

  .navmenu-linkwrapper {
    padding-right: var(--size--3);
    padding-left: var(--size--3);
    grid-column-gap: var(--size--2);
    grid-row-gap: var(--size--2);
    flex: 0 auto;
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    width: auto;
    display: flex;
  }

  .navmenu-linkwrapper:hover {
    color: var(--color--gray-600);
    text-decoration: none;
  }

  .navmenu-link-label {
    flex: 0 auto;
    margin-right: 8px;
  }

  .navmenu-link-label:hover {
    color: var(--color--white);
  }

  .flexible-classroom-usages {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .usecase-grid {
    max-width: 1440px;
  }

  .tab-try-it-now {
    text-align: left;
    justify-content: center;
    margin-top: 40px;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .flex-block-60 {
    max-width: none;
  }

  .grid-8 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    align-self: auto;
  }

  .div-block-44 {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-46 {
    padding-bottom: 140px;
  }

  .common-usage-section {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .common-usage-container {
    max-width: 1440px;
  }

  .secondary-hero-no-pd {
    background-repeat: repeat;
    background-size: auto;
    justify-content: space-between;
    align-items: center;
  }

  .div-block-49 {
    flex: 0 50%;
    align-self: flex-end;
  }

  .checkbox-link {
    color: #adadad;
    text-decoration: none;
  }

  .featured-card-block {
    max-width: 288px;
  }

  .rich-content-container {
    font-family: var(--font--font-sans);
    font-weight: var(--font--font-normal);
    flex: 1;
  }

  .standard-rich-text.problem-rich-text {
    background-color: #fff0f0;
    border-radius: 10px;
    padding: 0;
  }

  .standard-rich-text.solution-rich-text {
    background-color: var(--color--white);
    border-radius: 10px;
    padding: 0;
  }

  .compliance-container {
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .compliance-base-section {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .legal-jumbotron {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .legal-page-heading {
    font-weight: var(--font--font-semibold);
  }

  .jumbotron-heading {
    align-items: flex-start;
    width: 100%;
    max-width: 1200px;
    padding-left: 60px;
    padding-right: 120px;
  }

  .jumbotron-heading.press {
    max-width: 940px;
    padding-left: 40px;
  }

  .agora-container {
    align-items: center;
  }

  .agora-container.hflex {
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
  }

  .agora-container.vflex.flex-gap-40 {
    align-items: flex-start;
  }

  .logo-bg-container {
    background-color: var(--color--white);
    flex: none;
  }

  .div-block-56 {
    width: 100%;
  }

  .success-stories-footer-quote-block {
    background-color: var(--color--white);
  }

  .about-customer-heading {
    height: auto;
  }

  .flex-block-69 {
    flex-grow: 1;
    flex-basis: auto;
  }

  .div-block-59 {
    flex-shrink: 0;
    flex-basis: 33.33%;
  }

  .success-stories-hero-rte {
    font-weight: var(--font--font-normal);
  }

  .section-5.smaller {
    padding-left: 120px;
    padding-right: 120px;
  }

  .stories-filters-tabs {
    flex-flow: column;
  }

  .stories-filters-menu {
    flex-flow: row;
  }

  .stories-filters-tab-link {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    min-width: 150px;
  }

  .stories-filters-tab-link:hover {
    background-color: var(--color--dark-800);
    color: #b1b1b1;
    text-decoration: none;
  }

  .stories-filters-tab-link.active-tab.w--current {
    background-color: var(--color--dark-600);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }

  .stories-filters-tab-link.active-tab.w--current:hover,
  .h2-copy.services-heading {
    color: var(--color--white);
  }

  .header {
    font-family: var(--font--font-sans);
    justify-content: flex-start;
    align-items: center;
    max-width: none;
    padding-bottom: 60px;
    padding-left: 120px;
  }

  .back {
    max-width: 1200px;
  }

  .blog-header {
    flex: 1;
    justify-content: space-between;
    align-items: flex-start;
    min-width: auto;
    max-width: 1200px;
  }

  .h1-blog-title {
    max-width: 540px;
    font-size: 56px;
  }

  .byline {
    grid-column-gap: 8px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-end;
    width: auto;
    height: auto;
  }

  .blog-body {
    grid-column-gap: 90px;
    grid-row-gap: 90px;
    justify-content: center;
    align-items: flex-start;
  }

  .rhs {
    max-width: 800px;
  }

  .body-light {
    font-family: var(--font--font-sans);
  }

  .code-block-3 {
    font-size: 29px;
    font-weight: 500;
  }

  .success-stories-card-content.stories-problem-card {
    background-color: #07034e;
  }

  .success-stories-card-content.stories-solution-card {
    background-color: var(--color--primary-blue);
  }

  .success-stories-card-content.stories-result-card {
    background-color: #facf0e;
  }

  .success-stories-card-content-heading {
    color: var(--color--black);
  }

  .success-stories-card-content-heading.light-heading {
    color: var(--color--white);
  }

  .collection-list_4grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .blogs-developer {
    max-width: 1200px;
  }

  .blog-rich-text p {
    margin-bottom: 16px;
  }

  .blog-rich-text h1 {
    margin-top: 64px;
    margin-bottom: 24px;
    font-size: 46px;
    line-height: 46px;
  }

  .blog-rich-text h2 {
    margin-top: 46px;
    margin-bottom: 20px;
    font-size: 38px;
    line-height: 38px;
  }

  .blog-rich-text img {
    margin-top: 24px;
    margin-bottom: 12px;
  }

  .blog-rich-text h3 {
    margin-top: 24px;
  }

  .blog-rich-text.styler {
    display: block;
  }

  .blog-rich-text.styler li {
    margin-bottom: 8px;
    padding-bottom: 0;
  }

  .blog-rich-text li {
    margin-top: 4px;
    margin-bottom: 8px;
  }

  .secondary-hero-main-content-img {
    max-width: 100%;
  }

  .stories-used-products {
    justify-content: center;
  }

  .used-products-item {
    border-radius: 10px;
    width: 285px;
  }

  .used-product-collection {
    margin-top: 30px;
  }

  .success-stories-footer-quoteblock-rte blockquote {
    margin-bottom: 10px;
  }

  .image-50 {
    border-radius: 10px;
  }

  .success-stories-the-problem {
    background-color: var(--color--white);
  }

  .problem-flex-container {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    display: flex;
  }

  .div-block-65 {
    flex: 0 66.67%;
  }

  .problem-solution-aside {
    flex: 0 33.33%;
  }

  .success-stories-the-solution {
    background-color: #f0f8ff;
  }

  .problem-solution-aside-copy {
    flex: 0 33.33%;
  }

  .div-block-66 {
    max-width: 436px;
  }

  .agora-solution-products {
    margin-top: 30px;
  }

  .collection-item-3 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
  }

  .flex-block-73 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    align-items: center;
  }

  .image-52 {
    filter: invert();
    width: 65px;
  }

  .link-2 {
    color: var(--color--dark-900);
    font-size: 18px;
  }

  .success-stories-the-results {
    background-color: var(--color--white);
  }

  .success-stories-dark-card-rte p {
    color: var(--color--black);
  }

  .main {
    justify-content: center;
    padding-left: 120px;
    display: flex;
  }

  .newsroom-pressrelease {
    width: 940px;
  }

  .compliance-header {
    flex: 0 auto;
    min-width: 1200px;
    max-width: none;
  }

  .solution-products-image {
    width: 65px;
  }

  .image-54 {
    clear: none;
    text-align: center;
    object-fit: none;
    margin-left: 0;
    margin-right: 0;
  }

  .rich-text-block {
    font-size: 1.75rem;
  }

  .paragraph {
    text-align: center;
    margin-bottom: 40px;
    font-family: acumin-pro;
    font-size: 18px;
  }

  .heading-11 {
    text-align: center;
    margin-bottom: 20px;
    font-family: acumin-pro;
    font-weight: 400;
  }

  .paragraph-2 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: acumin-pro;
    font-size: 18px;
  }

  .code-embed-11 {
    text-align: center;
  }

  .image-container {
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    display: flex;
  }

  .form-container {
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 100px;
    display: flex;
  }

  .section-9 {
    justify-content: center;
    align-items: center;
    display: block;
  }

  .hero-banner-extensions {
    justify-content: flex-start;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .extensions-header {
    font-family: acumin-pro-wide;
    font-size: 0.666666rem;
    line-height: 1.1rem;
  }

  .heading-13 {
    font-family: acumin-pro-wide;
    font-size: 1.75rem;
  }

  .flex-block-85 {
    padding-left: 100px;
    padding-right: 40px;
  }

  .div-block-70 {
    padding-left: 100px;
  }

  .flex-block-86 {
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .agora-for-startups-section {
    margin-top: 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .paragraph-4 {
    font-family: acumin-pro-wide;
    font-size: 1.125rem;
    font-weight: 700;
  }

  .div-block-74 {
    margin-right: 0;
    padding-right: 60px;
    display: flex;
  }

  .startup-form-section {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 60px;
    padding-left: 0;
    padding-right: 120px;
    display: block;
  }

  .columns {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .form-column {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    padding-right: 0;
    display: flex;
  }

  .div-block-79 {
    padding-left: 60px;
    padding-right: 40px;
    display: flex;
  }

  .blog-header-section {
    justify-content: center;
    align-items: center;
    display: flex;
    position: static;
  }

  .blog-heading.careers {
    max-width: 560px;
  }

  .blog-search {
    align-self: flex-end;
  }

  .blog-content {
    justify-content: center;
    align-items: flex-start;
  }

  .blog-card {
    max-width: 440px;
    height: 100%;
  }

  .blog-thumbnail {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    max-width: 440px;
    height: auto;
  }

  .blogs-tabs {
    display: flex;
  }

  .blog-tag-collection {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    display: flex;
  }

  .image-58 {
    margin-left: 4%;
    padding-left: 0;
  }

  .product-features-list {
    max-width: 1440px;
  }

  .container-14 {
    box-sizing: border-box;
    background-color: #000;
    max-width: 100%;
    padding-top: 60px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-11-2 {
    min-width: 100%;
    max-width: 100vw;
    height: auto;
    margin-bottom: 48px;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .div-block-71 {
    background-color: #0000;
    height: auto;
  }

  .div-block-72-2 {
    background-color: #0000;
    flex-flow: column;
    flex: 1;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .th-section {
    background-color: #0000;
    margin-top: 0;
  }

  .th-section.align-center {
    display: flex;
  }

  .th-section.flex-align-center {
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .th-section.th-offwhite {
    background-color: #f2efed;
  }

  .th-section.th-offwhite.last-child {
    display: block;
  }

  .th-section.first-child.white {
    background-color: #fff;
  }

  .th-section__content-unity {
    background-color: #0000;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    display: flex;
  }

  .flex-block-85-2 {
    flex-flow: wrap;
    flex: 0 auto;
    align-content: stretch;
    font-family: acumin-pro-wide;
    display: flex;
  }

  .div-block-73-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .flex-block-86-2 {
    align-items: stretch;
  }

  .th-section__inner-content-unity {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: left;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    max-width: none;
    display: flex;
    position: relative;
  }

  .th-section__inner-content-unity.flex-align-center {
    flex-flow: row;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
  }

  .th-block-image {
    aspect-ratio: auto;
    text-align: left;
    object-fit: fill;
    min-width: 500px;
    max-width: 100%;
    display: inline-block;
    position: relative;
  }

  .o-row {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .o-row.u-align-items-center {
    justify-content: center;
  }

  .o-row.u-align-items-center.u-justify-content-center {
    justify-content: flex-start;
    align-self: auto;
    align-items: flex-start;
  }

  .div-block-81-2 {
    flex-flow: row;
    flex: 1;
    display: flex;
  }

  .th-row-unity {
    object-fit: fill;
    font-family: acumin-pro;
    display: flex;
  }

  .th-col1-unity {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    min-width: 70%;
    display: flex;
  }

  .th-col1-unity.hidden {
    text-align: right;
    justify-content: center;
    align-items: flex-end;
  }

  .th-block-heading {
    max-width: 600px;
    margin-right: 1rem;
  }

  .th-para {
    font-family: var(--font--font-sans);
    max-width: 600px;
  }

  .image-54-2 {
    text-align: left;
  }

  .section-12.media-list {
    max-width: 1440px;
  }

  .partners-gallery-hero {
    max-width: none;
  }

  .aside-rte-content {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .heading-37 {
    font-family: acumin-pro;
  }

  .evt-section {
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-100-2-2 {
    flex: 1;
    max-width: 1200px;
    display: flex;
  }

  .evt-card__header {
    height: auto;
    position: relative;
  }

  .evt-card__content-title {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .evt-card__content-desc {
    line-height: 140%;
  }

  .evt-card__content-actions {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
  }

  .evt-card__header-img {
    position: relative;
  }

  .evt-card__header-img-wrapper {
    border-radius: 10px;
    position: relative;
    overflow: hidden;
  }

  .text-block-93 {
    text-transform: uppercase;
  }

  .evt-card__content-title-date {
    color: var(--color--gray-400);
  }

  .heading-39-2 {
    color: var(--color--white);
    font-size: 46px;
    font-weight: 600;
    line-height: 120%;
  }

  .evt-hero-section {
    justify-content: center;
    align-items: flex-start;
  }

  .evt-tab-container,
  .blogs-all {
    max-width: 1200px;
  }

  .gartner-banner {
    background-color: #0000;
    margin-top: 0;
  }

  .gartner-banner.align-center {
    display: flex;
  }

  .gartner-banner.flex-align-center {
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .gartner-banner.th-offwhite {
    background-color: #f2efed;
  }

  .th-section__content_gartner {
    display: flex;
  }

  .th-para-copy {
    font-family: var(--font--font-sans);
  }

  .th-section-partners {
    background-color: #0000;
    margin-top: 0;
  }

  .th-section-partners.align-center {
    display: flex;
  }

  .th-section-partners.flex-align-center {
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .th-section-partners.th-offwhite {
    background-color: #f2efed;
  }

  .th-section__content_partners {
    display: flex;
  }

  .th-section__inner-conten_partners {
    justify-content: center;
    align-items: flex-start;
    max-width: none;
    position: relative;
  }

  .th-section__inner-conten_partners.flex-align-center {
    flex-flow: row;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
  }

  .div-block-110 {
    max-width: 99.9998%;
  }

  .th-section-unity {
    background-color: #0000;
    margin-top: 0;
  }

  .th-section-unity.align-center {
    display: flex;
  }

  .th-section-unity.flex-align-center {
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .th-section-unity.th-offwhite {
    background-color: #f2efed;
  }

  .th-section-unity.first-child {
    background-color: #e2f3ff;
    padding-bottom: 48px;
  }

  .image-71,
  .th-col2-unity {
    width: auto;
  }

  .th-section__content_twilio {
    display: flex;
  }

  .th-section-twilio {
    background-color: #0000;
    margin-top: 0;
  }

  .th-section-twilio.align-center {
    display: flex;
  }

  .th-section-twilio.flex-align-center {
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .th-section-twilio.th-offwhite {
    background-color: #f2efed;
  }

  .th-section__inner-conten_twilio {
    justify-content: center;
    align-items: flex-start;
    max-width: none;
    position: relative;
  }

  .th-section__inner-conten_twilio.flex-align-center {
    flex-flow: row;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
  }

  .section-26 {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .section-27 {
    grid-template-rows: auto;
    justify-content: center;
    align-items: stretch;
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
  }

  .section-28 {
    justify-content: center;
    display: flex;
  }

  .team-member-image {
    width: 270px;
    height: 270px;
    max-height: none;
  }

  .flex-block-103 {
    justify-content: center;
    align-items: center;
  }

  .flex-block-105 {
    grid-column-gap: var(--size--10);
    grid-row-gap: var(--size--10);
    justify-content: center;
    align-items: flex-start;
  }

  .heading-h1 {
    max-width: 800px;
  }

  .flex-block-106 {
    flex: 1;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .flex-block-108 {
    justify-content: flex-start;
    align-items: center;
    max-width: 1200px;
  }

  .flex-block-109 {
    grid-column-gap: 140px;
    grid-row-gap: 140px;
    justify-content: flex-start;
    align-items: center;
  }

  .flex-block-110 {
    max-width: 1200px;
  }

  .flex-block-110.sdrtn {
    border: 1px solid #000;
  }

  .div-block-123 {
    grid-column-gap: var(--size--3);
    grid-row-gap: var(--size--3);
  }

  .flex-block-111 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: flex-start;
    align-items: center;
  }

  .section-32 {
    background-color: #fff;
    padding-left: 70px;
    padding-right: 70px;
  }

  .ext-support-links {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    color: var(--color--primary-blue);
    justify-content: flex-start;
    align-items: center;
    padding: 12px;
    text-decoration: none;
    display: flex;
  }

  .ext-support-link-img {
    width: 24px;
    height: 24px;
  }

  .text-block-98 {
    font-size: var(--size--4);
    letter-spacing: -0.16px;
    font-weight: 500;
    line-height: 100%;
  }

  .heading-h5 {
    align-self: auto;
    max-width: 600px;
  }

  .div-block-130 {
    max-width: 1060px;
  }

  .ap-features-grid {
    grid-template-rows: auto;
    align-content: stretch;
    max-width: 1200px;
  }

  .ap-rt-features-grid {
    max-width: none;
  }

  .div-block-139 {
    flex: 0 auto;
    order: 0;
    align-self: auto;
  }

  .solution-trends-section {
    justify-content: center;
    display: flex;
  }

  .solution-trends-container {
    max-width: 1200px;
  }

  .collection-list-wrapper-18.auto-height {
    height: auto;
  }

  .headermenudropdown {
    position: fixed;
    top: 0;
  }

  .uui-dropdown-icon-5 {
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .headermenulink {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding: 0;
  }

  .uui-navbar02_menu-dropdown {
    margin-left: 0;
    margin-right: 0;
  }

  .flex-block-118,
  .flex-block-119 {
    grid-column-gap: var(--size--3);
    grid-row-gap: var(--size--3);
  }

  .megamenu-card-wrapper {
    padding-top: var(--size--5);
    padding-right: var(--size--5);
    padding-left: var(--size--5);
    background-color: var(--color--transparent);
  }

  .flex-block-124.company-right {
    place-items: start;
  }

  .frame-2087325057:hover {
    background-color: var(--color--dark-700);
  }

  .image-76 {
    width: 100%;
    min-width: auto;
    max-width: none;
    height: auto;
    overflow: clip;
  }

  .list-item-5 {
    margin-bottom: 8px;
  }

  .blog-gallery-header {
    width: 100%;
    min-width: 1200px;
    max-width: 1260px;
  }

  .grid-18 {
    max-width: 1440px;
  }

  .become-partner-hero-section {
    padding: 80px 120px;
  }

  .partner-form-heading {
    color: var(--color--white);
    text-align: center;
    letter-spacing: -0.92px;
    margin-top: 0;
    margin-bottom: 32px;
    font-size: 42px;
    font-weight: 600;
    line-height: 120%;
  }

  .linear-gradient-span {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(
      90deg,
      #00c2ff 22.17%,
      #a0faff 36.93%,
      #fcf9f8 59.37%,
      #c46ffb
    );
    -webkit-background-clip: text;
    background-clip: text;
  }

  .flex-block-125 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    align-items: center;
  }

  .paragraph-26 {
    color: #a9a9a9;
    text-align: center;
    max-width: 800px;
    margin-bottom: 0;
  }

  .become-partner-form {
    padding-bottom: 80px;
    padding-left: 120px;
    padding-right: 120px;
  }

  .div-block-143 {
    max-width: 800px;
  }

  .partner-paragraph {
    color: var(--color--gray-400);
    letter-spacing: 0.18px;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 150%;
  }

  .become-partner-heading {
    color: var(--color--white);
    font-size: var(--size--14);
    margin-top: 0;
    margin-bottom: 24px;
    font-weight: 700;
    line-height: 120%;
  }

  .div-block-143-2 {
    flex: none;
    max-width: 375px;
  }

  .flex-block-125-2 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .partner-type-cards {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border: 1px none var(--color--dark-50);
    color: #a9a9a9;
    border-radius: 4px;
    flex-flow: column;
    justify-content: space-between;
    min-height: 240px;
    max-height: none;
    padding: 20px;
    text-decoration: none;
    display: flex;
  }

  .apply-now-div {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    font-size: var(--size--4);
    letter-spacing: -0.16px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .image-78 {
    width: 20px;
    height: 20px;
  }

  .apply-now-p {
    color: var(--color--white);
    margin-bottom: 0;
    font-size: 16px;
    line-height: 100%;
  }

  .partner-type-card-heading {
    color: var(--color--white);
    font-size: var(--size--5);
    letter-spacing: 0.2px;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 140%;
  }

  .paragraph-26-2 {
    color: #a9a9a9;
    font-size: var(--size--3-5);
    margin-bottom: 0;
  }

  .blog-img-hero {
    width: 520px;
    height: 100%;
  }

  .flex-block-129 {
    grid-column-gap: var(--size--2);
    grid-row-gap: var(--size--2);
    margin-top: 20px;
    padding: 10px;
  }

  .link-7 {
    color: var(--color--gray-50);
    font-size: var(--size--4);
  }

  .link-7:hover {
    text-decoration: underline;
  }

  .text-block-104,
  .text-block-105 {
    font-size: var(--size--4);
  }

  .megamenu-card-wrappersupport {
    padding-top: var(--size--4);
    padding-right: var(--size--4);
    padding-left: var(--size--4);
    background-color: var(--color--dark-700);
  }

  .media-service {
    justify-content: flex-start;
    align-items: center;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .text-12.left {
    text-align: left;
    padding: 0;
  }

  .analytics-compliance {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .live-sudio-streaming-usecases {
    font-weight: var(--font--font-normal);
    text-align: left;
  }

  .live-audio-usecase-grid._3-col {
    max-width: 1440px;
  }

  .text-block-106 {
    align-self: auto;
  }

  .background-video-3 {
    width: 100%;
    height: 1010px;
    top: 0;
    left: 0;
  }

  .flex-block-133 {
    margin-left: 600px;
  }

  .agora-analytics-section {
    padding: 0;
  }

  .image-109310 {
    width: 100%;
    min-width: 620px;
  }

  .div-block-147 {
    max-width: 1200px;
  }

  .careers-hero-section {
    justify-content: center;
    display: flex;
  }

  .flex-block-134 {
    justify-content: space-around;
  }

  .careers-hero-heading {
    letter-spacing: -2px;
    max-width: 570px;
    font-size: 84px;
  }

  .perfact-match-body {
    max-width: 1440px;
  }

  .wellness-lhs {
    max-width: 560px;
  }

  .image-section {
    grid-column-gap: 16px;
  }

  .careers-hero-image {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .frame-2087325144 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: space-around;
    align-items: center;
    max-width: 1440px;
  }

  .careers-illustration-sec {
    max-width: 560px;
  }

  .testimonial,
  .frame-2087325140 {
    max-width: 1440px;
  }

  .live-audio-heading {
    font-weight: var(--font--font-bold);
  }

  .info-block-card {
    height: auto;
  }

  .image-109311 {
    vertical-align: super;
    max-width: none;
  }

  .footertop-wrapper {
    justify-content: space-between;
    align-items: center;
  }

  .cmp-section.bg-gradient {
    position: relative;
  }

  .cmp-section.bg-gradient.last-child {
    margin-bottom: 60px;
  }

  .cmp-value-box {
    max-width: 1200px;
  }

  .heading-27-2 {
    color: var(--color--white);
    font-weight: 400;
  }

  .paragraph-16-2 {
    overflow: visible;
  }

  .div-block-100-2 {
    -webkit-text-fill-color: inherit;
    background-color: #0000;
    background-clip: border-box;
    width: 100%;
    max-width: 1040px;
    height: 402px;
  }

  .image-61-2 {
    width: 100%;
    height: 100%;
  }

  .code-embed-13-2 {
    width: 100%;
    max-width: none;
  }

  .mt-team-card__inner {
    margin-left: auto;
    margin-right: auto;
  }

  .rounded-circle-3 {
    flex: none;
  }

  .flex-block-136 {
    width: 100%;
    max-width: 1440px;
  }

  .primary-btn-label-2 {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 18px;
    font-weight: 500;
  }

  .cmp-button-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #080808;
    -webkit-text-stroke-width: 0px;
    text-transform: none;
    background-color: #fff;
    border-radius: 72px;
    margin-top: 0;
    padding-left: 12px;
    padding-right: 10px;
    font-size: 16px;
    display: flex;
  }

  .sitemap-section {
    padding-left: 220px;
    padding-right: 220px;
  }

  .jumbotron-heading-copy {
    padding-left: 0;
    padding-right: 120px;
  }

  .div-block-152 {
    padding: 0;
  }

  .div-block-153 {
    padding-left: 140px;
    padding-right: 140px;
  }

  .hero-section.sol-landing {
    max-width: none;
  }

  .soultion-landing-text-container {
    justify-content: center;
    align-items: center;
    max-width: 1440px;
  }

  .agora-use-cases {
    height: 100%;
  }

  .heading-sol-landing {
    width: 100%;
  }

  .usecases-grid {
    grid-column-gap: 40px;
    max-width: 1440px;
  }

  .sol-usecase-grid-container {
    justify-content: center;
    display: flex;
  }

  .awards-shopping-blog {
    width: 50%;
  }

  .awards-shopping-bag-container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .small-heading-help-text {
    max-width: 600px;
  }

  .ebook-flex-block,
  .generic-ty-flex-block,
  .talk-to-us-flex-block {
    margin-left: 0;
  }

  .onboarding-v2-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .about-us-cta-container {
    justify-content: center;
    align-items: center;
  }

  .about-us-video {
    width: 540px;
    max-width: 540px;
    height: 100%;
    max-height: 302px;
  }

  .in-page-alert-banner {
    flex-flow: column;
  }

  .in-page-banner {
    flex: 0 auto;
  }

  .twilio-banner-title {
    flex: 1;
    align-self: center;
  }

  .background-video-4 {
    height: 70vh;
  }

  .background-video-5 {
    height: 100vh;
    margin-top: 40px;
    display: none;
  }

  .hero-bg-vid {
    z-index: -10;
    height: 100%;
    max-height: 720px;
    display: block;
    position: static;
    top: 20px;
    left: -125px;
  }

  .hero-video-container {
    height: 55vh;
    max-height: 720px;
  }

  .testimonial-home-text {
    flex: 1;
  }

  .alert-bar {
    border-radius: 0;
    flex-flow: row;
    display: none;
  }

  .alert-bar.collaboration-alert {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    display: block;
  }

  .alert-bar.collaboration-alert.hidden {
    justify-content: center;
    align-items: center;
  }

  .alert-title {
    font-size: 16px;
  }

  .startup-hero {
    height: auto;
    padding-left: 0;
  }

  .startup-hero-container {
    justify-content: space-between;
    height: auto;
  }

  .start-hero-img-container {
    flex-flow: row;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: auto;
    max-height: none;
  }

  .frame-2087324988 {
    justify-content: center;
    align-items: center;
  }

  .waitlist-section {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .flex-block-146 {
    max-width: 1440px;
  }

  .flex-block-150 {
    max-width: 1200px;
  }

  .sdrtn-video.relative.collaboration-benefits {
    height: 450px;
    position: static;
  }

  .agora-usecases-bottom-cta {
    text-align: left;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .services-image-link {
    width: 940px;
    height: 600px;
  }

  .background-video-6 {
    width: 1080px;
    height: 768px;
    position: absolute;
    inset: -16% -32% 0% auto;
  }

  .image-109320 {
    width: 520px;
    height: auto;
  }

  .background-video-8 {
    width: 100vw;
    height: 170%;
    display: flex;
    top: 0%;
    left: 50%;
    right: 0%;
  }

  .paragraph-32 {
    font-family: var(--font--font-sans);
  }

  .advantage-resouces {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .adv-recource-grid {
    width: 100%;
    max-width: 902px;
  }

  .link-block-13 {
    width: 100%;
    max-width: 288px;
  }

  .sdrtn-resouce-link {
    max-width: 288px;
  }

  .last-slider-item {
    padding-right: 40px;
  }

  .hero-video-landing {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .header-aura-video {
    width: 250%;
    height: 250%;
    top: -75%;
    right: -20%;
  }

  .newsroom-header-desctext {
    color: var(--color--dark-300);
    letter-spacing: normal;
    font-size: 18px;
    line-height: 120%;
  }

  .hero-mobile-bg-vid {
    z-index: -10;
    height: 100%;
    max-height: 720px;
    display: none;
    position: static;
    top: 20px;
    left: -125px;
  }

  .image-109324 {
    height: auto;
  }

  .div-block-164 {
    width: auto;
  }

  .flex-block-166,
  .flex-block-167,
  .flex-block-168 {
    width: 80%;
  }

  .event-main {
    grid-template-rows: auto;
    justify-content: center;
    align-items: stretch;
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
  }

  .event-main-container {
    justify-content: flex-start;
    align-items: center;
    max-width: 1200px;
  }

  .event-main-flex-block {
    flex: 1;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .event-div-block {
    max-width: 1060px;
  }

  .event-team-card-inner {
    margin-left: auto;
    margin-right: auto;
  }

  .event-section {
    grid-template-rows: auto;
    justify-content: center;
    align-items: stretch;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 0;
    display: flex;
  }

  .event-section-container {
    justify-content: flex-start;
    align-items: center;
    width: auto;
    max-width: 1200px;
  }

  .event-section-flex-block {
    flex: 1;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: none;
  }

  .event-presenters {
    max-width: 1200px;
  }

  .event-presenters.sdrtn {
    border: 1px solid #000;
  }

  .event-presenters-div-block {
    grid-column-gap: var(--size--3);
    grid-row-gap: var(--size--3);
  }

  .event-section-button {
    text-align: left;
    justify-content: center;
    margin-top: 40px;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .event-resources {
    max-width: 288px;
  }

  .flex-block-174 {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 1200px;
  }

  .date-range-container {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: var(--color--gray-800);
    display: flex;
  }

  .speaker-meet-now {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    font-size: var(--size--4);
    letter-spacing: -0.16px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .in-page-alert-bar {
    border-radius: 0;
    flex-flow: row;
    display: none;
  }

  .event-team-grid-2-speakers {
    grid-template-rows: auto;
  }

  .event-team-card-inner-1x {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }

  .product-variant-subtitle {
    max-width: 540px;
  }

  .product-hero-variant {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url('../images/Hero-Section_2.webp');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: space-around;
    align-items: center;
    height: 100%;
    padding-left: 140px;
    padding-right: 140px;
  }

  .product-hero-variant.solution-hero-section {
    justify-content: center;
    align-items: center;
  }

  .product-hero-variant-desc,
  .hero-variant-2-des-2-copy {
    max-width: 540px;
  }

  .div-block-171 {
    align-self: auto;
  }

  .product-benefits-variant,
  .product-benefits-copy {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 80px;
    display: flex;
  }

  .benefits-body {
    padding-top: 20px;
    position: static;
  }

  .div-block-173 {
    width: 100%;
    min-width: auto;
  }

  .div-block-175 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .interactive-whiteboard-copy {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .interactive-whiteboard-copy.feature-tab-menu {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .whiteborad-video-copy {
    justify-content: flex-start;
    align-items: center;
    max-width: 1440px;
  }

  .div-block-176 {
    justify-content: center;
    max-width: 1440px;
  }

  .spotlight-card-copy.product-help-container {
    max-width: 1440px;
  }

  .products-openai-quickstart-guide-h2.h2 {
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    padding-bottom: 20px;
  }

  .div-block-177 {
    justify-content: center;
    max-width: 100%;
    display: flex;
  }

  .heading-69 {
    color: #fcf9f8;
  }

  .press-enquiry {
    box-sizing: border-box;
    max-width: var(--size--container);
    color: var(--color--gray-50);
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    display: block;
  }

  .press-link {
    color: var(--color--white);
  }

  .alert-bar-copy {
    border-radius: 0;
    flex-flow: row;
    display: none;
  }

  .alert-bar-copy.collaboration-alert {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: flex;
  }

  .alert-bar-copy.collaboration-alert.hidden {
    justify-content: center;
    align-items: center;
  }

  .event-section-ceee {
    grid-template-rows: auto;
    justify-content: center;
    align-items: stretch;
    padding-top: 20px;
    padding-bottom: 80px;
    padding-left: 0;
    display: flex;
  }

  .hero-variant-2-title-2.display-l {
    white-space: pre;
    word-break: normal;
    overflow-wrap: normal;
  }

  .link-block-15 {
    flex: 0 auto;
    align-self: center;
  }

  .hero-info-copy {
    max-width: 520px;
    margin-top: 32px;
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
  }

  .product-usage-flex-copy {
    justify-content: space-between;
    width: 100%;
    max-width: none;
  }

  .div-block-178 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-auto-flow: row;
    justify-content: stretch;
    place-items: start stretch;
    width: 100%;
    max-width: 1440px;
  }

  .flex-block-181 {
    justify-content: center;
    align-items: flex-start;
    max-width: 1440px;
  }

  .product-working-diagram {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .flex-block-182 {
    max-width: 1440px;
  }

  .interactive-playground {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .flex-block-183 {
    flex-flow: row;
    justify-content: flex-end;
    align-items: center;
    max-width: 1440px;
  }

  .flex-block-184 {
    justify-content: center;
    align-items: flex-end;
  }

  .faq-container-conversational-ai {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }

  .faq-list-conversational-ai {
    max-width: none;
  }
}

@media screen and (max-width: 991px) {
  .container {
    max-width: 728px;
  }

  .gallery-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .gallery-slider-left {
    left: -20px;
  }

  .gallery-slider-right {
    right: -20px;
  }

  .container-2 {
    max-width: 728px;
  }

  .navbar-wrapper-three {
    justify-content: space-between;
  }

  .navbar-brand-three {
    position: relative;
  }

  .nav-menu-wrapper-three {
    background-color: #0000;
    top: 70px;
  }

  .nav-menu-three {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .button-primary {
    flex: 0 auto;
    align-self: auto;
    margin-top: 0;
    display: flex;
  }

  .button-primary.nav {
    flex: 0 auto;
    display: flex;
  }

  .button-primary.nav._404 {
    display: flex;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .headernavbar-container {
    background-color: var(--color--black);
    padding-left: 32px;
    padding-right: 32px;
  }

  .nav-menu-wrapper {
    background-color: #0000;
  }

  .nav-menu-two {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-menu-wrapper-2 {
    background-color: #0000;
  }

  .nav-menu {
    background-color: #fff;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding-left: 0;
    display: flex;
  }

  .nav-link-2 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: absolute;
  }

  .nav-button-wrapper {
    width: 100%;
    margin-left: 0;
  }

  .menu-button-2 {
    padding: 12px;
  }

  .menu-button-2.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .right-nav-wrapper {
    background-color: #0000;
  }

  .right-navigation {
    grid-column-gap: var(--size--2);
    grid-row-gap: var(--size--2);
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .link {
    display: block;
  }

  .navbar-2 {
    height: 80px;
  }

  .headernavbar {
    background-color: var(--color--transparent);
  }

  .headernavbar-menu {
    padding: var(--size--8);
    grid-column-gap: var(--size--2);
    grid-row-gap: var(--size--2);
    background-color: var(--color--dark-500);
    height: 100svh;
    overflow: scroll;
  }

  .footer-column {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    margin-left: 20px;
    display: flex;
  }

  .grid {
    grid-template-columns: 1fr 1fr;
  }

  .footer-links-container.footerbottom-links {
    flex-flow: wrap;
  }

  .link-block {
    flex: none;
  }

  .menu-icon_line-bottom {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-top {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_component {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -0.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .uui-navbar01_menu-button.w--open {
    background-color: #0000;
  }

  .hide-tablet {
    display: none;
  }

  .uui-button-secondary-gray.show-tablet,
  .show-tablet {
    display: block;
  }

  .uui-navbar01_button-wrapper {
    flex-direction: column-reverse;
    align-items: stretch;
    display: flex;
  }

  .uui-navbar01_menu-right {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    padding-bottom: 7rem;
  }

  .uui-navbar01_link {
    color: var(--untitled-ui--gray900);
    width: 100%;
    padding: 0.75rem 0;
    font-size: 1.125rem;
  }

  .uui-navbar01_link:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar01_dropdown-right-overlay-absolute {
    border-radius: 0.5rem;
    min-width: 100%;
  }

  .uui-navbar01_dropdown-content-button-wrapper {
    margin-bottom: 0;
    margin-left: 0;
  }

  .uui-navbar01_large-item-content {
    width: 100%;
  }

  .uui-navbar01_blog-item {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar01_blog-item:hover {
    background-color: #0000;
  }

  .uui-navbar01_dropdown-blog-list {
    width: 100%;
  }

  .uui-navbar01_dropdown-content-heading {
    margin-bottom: 0;
    margin-left: 0;
  }

  .uui-navbar01_dropdown-content-right {
    align-items: flex-start;
    max-width: none;
    padding-left: 2rem;
    padding-right: 2rem;
    overflow: hidden;
  }

  .uui-navbar01_dropdown-link {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar01_dropdown-link:hover {
    background-color: #0000;
  }

  .uui-navbar01_dropdown-content-left {
    align-content: start;
    align-items: start;
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar01_dropdown-content {
    flex-direction: column;
  }

  .uui-navbar01_dropdown-list {
    position: relative;
    overflow: hidden;
  }

  .uui-navbar01_dropdown-list.w--open {
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    min-width: auto;
    margin-bottom: 1.5rem;
    padding: 0 0 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .uui-dropdown-icon {
    color: var(--untitled-ui--gray500);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .uui-navbar01_dropdown-toggle {
    color: var(--untitled-ui--gray900);
    align-items: center;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .uui-navbar01_dropdown-toggle:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar01_menu-dropdown {
    width: 100%;
    position: relative;
  }

  .uui-navbar01_menu-left {
    grid-column-gap: 0px;
    grid-row-gap: 0.5rem;
    color: var(--untitled-ui--gray900);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .uui-navbar01_menu {
    border-top: 1px solid var(--untitled-ui--gray100);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .menu-icon_line-bottom-2 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle-inner-2 {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle-2 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-top-2 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_component-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -0.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .uui-navbar01_menu-button-2.w--open {
    background-color: #0000;
  }

  .hide-tablet-2 {
    display: none;
  }

  .uui-button-secondary-gray-2.show-tablet,
  .show-tablet-2 {
    display: block;
  }

  .uui-navbar01_button-wrapper-2 {
    flex-direction: column-reverse;
    align-items: stretch;
    display: flex;
  }

  .uui-navbar01_menu-right-2 {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    padding-bottom: 7rem;
  }

  .uui-navbar01_link-2 {
    color: var(--untitled-ui--gray900);
    width: 100%;
    padding: 0.75rem 0;
    font-size: 1.125rem;
  }

  .uui-navbar01_link-2:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar01_dropdown-right-overlay-absolute-2 {
    border-radius: 0.5rem;
    min-width: 100%;
  }

  .uui-navbar01_dropdown-content-button-wrapper-2 {
    margin-bottom: 0;
    margin-left: 0;
  }

  .uui-navbar01_large-item-content-2 {
    width: 100%;
  }

  .uui-navbar01_blog-item-2 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar01_blog-item-2:hover {
    background-color: #0000;
  }

  .uui-navbar01_dropdown-blog-list-2 {
    width: 100%;
  }

  .uui-navbar01_dropdown-content-heading-2 {
    margin-bottom: 0;
    margin-left: 0;
  }

  .uui-navbar01_dropdown-content-right-2 {
    align-items: flex-start;
    max-width: none;
    padding-left: 2rem;
    padding-right: 2rem;
    overflow: hidden;
  }

  .uui-navbar01_dropdown-link-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar01_dropdown-link-2:hover {
    background-color: #0000;
  }

  .uui-navbar01_dropdown-content-left-2 {
    align-content: start;
    align-items: start;
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar01_dropdown-content-2 {
    flex-direction: column;
  }

  .uui-navbar01_dropdown-list-2 {
    position: relative;
    overflow: hidden;
  }

  .uui-navbar01_dropdown-list-2.w--open {
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    min-width: auto;
    margin-bottom: 1.5rem;
    padding: 0 0 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .uui-dropdown-icon-2 {
    color: var(--untitled-ui--gray500);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .uui-navbar01_dropdown-toggle-2 {
    color: var(--untitled-ui--gray900);
    align-items: center;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .uui-navbar01_dropdown-toggle-2:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar01_menu-dropdown-2 {
    width: 100%;
    position: relative;
  }

  .uui-navbar01_menu-left-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0.5rem;
    color: var(--untitled-ui--gray900);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .uui-navbar01_menu-2 {
    border-top: 1px solid var(--untitled-ui--gray100);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .menu-icon_line-bottom-3 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle-inner-3 {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle-3 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-top-3 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_component-3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -0.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .uui-navbar01_menu-button-3.w--open {
    background-color: #0000;
  }

  .hide-tablet-3 {
    display: none;
  }

  .uui-button-secondary-gray-3.show-tablet,
  .show-tablet-3 {
    display: block;
  }

  .uui-navbar01_button-wrapper-3 {
    flex-direction: column-reverse;
    align-items: stretch;
    display: flex;
  }

  .uui-navbar01_menu-right-3 {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    padding-bottom: 7rem;
  }

  .uui-navbar01_link-3 {
    color: var(--untitled-ui--gray900);
    width: 100%;
    padding: 0.75rem 0;
    font-size: 1.125rem;
  }

  .uui-navbar01_link-3:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar01_dropdown-right-overlay-absolute-3 {
    border-radius: 0.5rem;
    min-width: 100%;
  }

  .uui-navbar01_dropdown-content-button-wrapper-3 {
    margin-bottom: 0;
    margin-left: 0;
  }

  .uui-navbar01_large-item-content-3 {
    width: 100%;
  }

  .uui-navbar01_blog-item-3 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar01_blog-item-3:hover {
    background-color: #0000;
  }

  .uui-navbar01_dropdown-blog-list-3 {
    width: 100%;
  }

  .uui-navbar01_dropdown-content-heading-3 {
    margin-bottom: 0;
    margin-left: 0;
  }

  .uui-navbar01_dropdown-content-right-3 {
    align-items: flex-start;
    max-width: none;
    padding-left: 2rem;
    padding-right: 2rem;
    overflow: hidden;
  }

  .uui-navbar01_dropdown-link-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar01_dropdown-link-3:hover {
    background-color: #0000;
  }

  .uui-navbar01_dropdown-content-left-3 {
    align-content: start;
    align-items: start;
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar01_dropdown-content-3 {
    flex-direction: column;
  }

  .uui-navbar01_dropdown-list-3 {
    position: relative;
    overflow: hidden;
  }

  .uui-navbar01_dropdown-list-3.w--open {
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    min-width: auto;
    margin-bottom: 1.5rem;
    padding: 0 0 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .uui-dropdown-icon-3 {
    color: var(--untitled-ui--gray500);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .uui-navbar01_dropdown-toggle-3 {
    color: var(--untitled-ui--gray900);
    align-items: center;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .uui-navbar01_dropdown-toggle-3:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar01_menu-dropdown-3 {
    width: 100%;
    position: relative;
  }

  .uui-navbar01_menu-left-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0.5rem;
    color: var(--untitled-ui--gray900);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .uui-navbar01_menu-3 {
    border-top: 1px solid var(--untitled-ui--gray100);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .uui-footer01_top-wrapper {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xlarge {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .menu-icon_line-bottom-4 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle-inner-4 {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle-4 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-top-4 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_component-4 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -0.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .uui-navbar01_menu-button-4.w--open {
    background-color: #0000;
  }

  .hide-tablet-4 {
    display: none;
  }

  .uui-button-secondary-gray-4.show-tablet,
  .show-tablet-4 {
    display: block;
  }

  .uui-navbar01_button-wrapper-4 {
    flex-direction: column-reverse;
    align-items: stretch;
    display: flex;
  }

  .uui-navbar01_menu-right-4 {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    padding-bottom: 7rem;
  }

  .uui-navbar01_link-4 {
    color: var(--untitled-ui--gray900);
    width: 100%;
    padding: 0.75rem 0;
    font-size: 1.125rem;
  }

  .uui-navbar01_link-4:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar01_dropdown-right-overlay-absolute-4 {
    border-radius: 0.5rem;
    min-width: 100%;
  }

  .uui-navbar01_dropdown-content-button-wrapper-4 {
    margin-bottom: 0;
    margin-left: 0;
  }

  .uui-navbar01_large-item-content-4 {
    width: 100%;
  }

  .uui-navbar01_blog-item-4 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar01_blog-item-4:hover {
    background-color: #0000;
  }

  .uui-navbar01_dropdown-blog-list-4 {
    width: 100%;
  }

  .uui-navbar01_dropdown-content-heading-4 {
    margin-bottom: 0;
    margin-left: 0;
  }

  .uui-navbar01_dropdown-content-right-4 {
    align-items: flex-start;
    max-width: none;
    padding-left: 2rem;
    padding-right: 2rem;
    overflow: hidden;
  }

  .uui-navbar01_dropdown-link-4 {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar01_dropdown-link-4:hover {
    background-color: #0000;
  }

  .uui-navbar01_dropdown-content-left-4 {
    align-content: start;
    align-items: start;
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar01_dropdown-content-4 {
    flex-direction: column;
  }

  .uui-navbar01_dropdown-list-4 {
    position: relative;
    overflow: hidden;
  }

  .uui-navbar01_dropdown-list-4.w--open {
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    min-width: auto;
    margin-bottom: 1.5rem;
    padding: 0 0 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .uui-dropdown-icon-4 {
    color: var(--untitled-ui--gray500);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .uui-navbar01_dropdown-toggle-4 {
    color: var(--untitled-ui--gray900);
    align-items: center;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .uui-navbar01_dropdown-toggle-4:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar01_menu-dropdown-4 {
    width: 100%;
    position: relative;
  }

  .uui-navbar01_menu-left-4 {
    grid-column-gap: 0px;
    grid-row-gap: 0.5rem;
    color: var(--untitled-ui--gray900);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .uui-navbar01_menu-4 {
    border-top: 1px solid var(--untitled-ui--gray100);
    background-color: var(--gray-700);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .main-heading {
    font-size: 56px;
  }

  .partners {
    padding: 120px 40px;
  }

  .parner-flexbox {
    flex-flow: column;
  }

  .services {
    padding-left: 40px;
    padding-right: 40px;
  }

  .h2 {
    font-size: 36px;
  }

  .h2.services-heading {
    font-size: 44px;
  }

  .h2.additional-discount-heading {
    font-size: 48px;
  }

  .h2.related-pricing-products-heading {
    font-size: 30px;
  }

  .h2.devtool-heading {
    font-size: 40px;
  }

  .tabs {
    flex-flow: column;
  }

  .tabs-content {
    border-top-right-radius: 0;
    border-bottom-left-radius: 16px;
    overflow: hidden;
  }

  .tab-pane-tab-1 {
    height: auto;
    overflow: hidden;
  }

  .tabs-menu {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-bottom: 0 #0000;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 0;
    flex-flow: row;
    width: 100%;
    height: 52px;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
  }

  .feature-tab-text {
    flex: 0 auto;
    display: none;
  }

  .div-block-5 {
    margin-top: 40px;
  }

  .network.services-gradient-bg {
    padding-left: 20px;
    padding-right: 20px;
  }

  .service-card {
    flex-flow: column;
  }

  .feature-cell-heading {
    margin-bottom: 30px;
  }

  .extension-marketplace {
    padding-left: 20px;
    padding-right: 20px;
  }

  .extension-quick-stack {
    padding-left: 0;
    padding-right: 0;
  }

  .extension-container.first-ext {
    flex-flow: column;
    display: flex;
  }

  .text-2xl.extension-card-heading {
    text-decoration: underline;
  }

  .text-2xl.product-feature-heading {
    text-align: left;
  }

  .text-2xl.product-help-heading {
    text-align: center;
  }

  .text-2xl.ext-card-heading {
    font-family: var(--font--font-sans-wide);
  }

  .spatial-section-image {
    height: 200px;
  }

  .jumbotron {
    padding-left: 20px;
    padding-right: 20px;
  }

  .jumbotron-black-paragraph {
    font-size: var(--size--20);
    letter-spacing: normal;
  }

  .agora-usecases {
    padding-left: 20px;
    padding-right: 20px;
  }

  .usecase-heading {
    font-size: 40px;
  }

  .grid-3 {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .testimonials {
    padding-left: 20px;
    padding-right: 20px;
  }

  .testimonial-flexbox {
    flex-flow: wrap;
    height: auto;
  }

  .single-testimonial {
    flex: 1;
  }

  .single-testimonial.long-single-testimonial {
    flex: auto;
    order: -1;
    max-width: none;
    display: flex;
  }

  .single-testimonial.third {
    min-height: 320px;
  }

  .flex-block-15 {
    flex-flow: wrap;
  }

  .home-cta-container {
    padding-top: 60px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .main-cta-container {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
  }

  .home-cta-heading {
    width: 458px;
    display: flex;
  }

  .image-15.home-cta-bottom-touched-image {
    display: none;
  }

  .image-16 {
    width: 320px;
  }

  .jumbotron-color-paragraph {
    font-size: var(--size--20);
    letter-spacing: normal;
  }

  .secondary-hero {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    height: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .secondary-hero.solution-hero-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .display-l.hero-variant-2-title-2,
  .display-l.hero-variant-2-title {
    text-align: center;
  }

  .text-xl.hero-variant-2-des-2,
  .text-xl.hero-variant-2-des-2.solution-hero-desc {
    text-align: center;
    max-width: 60vw;
  }

  .text-xl.hero-variant-2-des,
  .text-xl.hero-variant-2-des-copy {
    text-align: center;
    max-width: 75vw;
  }

  .flex-block-20 {
    flex-basis: auto;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
  }

  .hero-actions {
    flex-flow: column;
  }

  .flex-block-22 {
    flex-flow: column;
    justify-content: space-between;
    align-self: auto;
    align-items: center;
    max-height: none;
  }

  .div-block-18 {
    order: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 430px;
  }

  .supported-platforms-wrapper {
    flex-flow: column;
  }

  .collection-list {
    flex-flow: wrap;
    justify-content: flex-end;
    align-items: center;
    max-width: 400px;
  }

  .collection-list.hero-section-platforms {
    justify-content: center;
    align-items: center;
    max-width: 580px;
  }

  .collection-list.developers {
    justify-content: flex-start;
    align-items: center;
  }

  .developer-tools {
    padding-left: 40px;
    padding-right: 40px;
  }

  .product-features-container {
    grid-template-columns: 1fr 1fr;
  }

  .spotlight-card.product-help-container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .spotlight-card.product-feature-cards {
    padding: 20px;
  }

  .product-help {
    padding-left: 40px;
    padding-right: 40px;
  }

  .flex-block-25 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
  }

  .text-md.product-help-content {
    text-align: center;
  }

  .product-benefits {
    padding-left: 40px;
    padding-right: 40px;
  }

  .benefits-block {
    flex-flow: column;
  }

  .benefits-featured-image {
    width: 100%;
    max-width: 70%;
    height: 100%;
  }

  .benefits {
    max-width: 80%;
  }

  .benefits.horizontal {
    grid-template-columns: 1fr;
  }

  .benefit.audio-soln {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .product-shipment {
    padding-left: 40px;
    padding-right: 40px;
  }

  .flex-block-29 {
    justify-content: space-between;
    align-items: flex-start;
  }

  .product-testimonial {
    padding-left: 40px;
    padding-right: 40px;
  }

  .testimonial-layout {
    flex-flow: column;
  }

  .product-usecases {
    padding-left: 40px;
    padding-right: 40px;
  }

  .trend-card.trends {
    justify-content: flex-start;
    align-self: auto;
    align-items: flex-start;
    max-width: none;
  }

  .trend-card-container {
    width: auto;
    min-width: auto;
    max-width: none;
  }

  .button-primary-outline {
    flex: 0 auto;
    align-self: auto;
    margin-top: 0;
    display: flex;
  }

  .popped-card {
    background-image: linear-gradient(
      285deg,
      #202020 26.32%,
      #1c1c1c 100%,
      #fff
    );
    border: 1px solid #353535;
    border-radius: 8px;
    flex: none;
  }

  .marquee-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    max-width: 100%;
  }

  .interactive-whiteboard-benefits {
    padding: 40px;
  }

  .whiteborad-video {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .collection-list-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .collection-list-2.products {
    grid-template-columns: 1fr 1fr;
  }

  .fast-board-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .flex-block-37 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .image-26 {
    display: none;
  }

  .mega-menu-item {
    margin-left: 0;
  }

  .mega-menu-item.megamenuitem-responsive {
    width: 100%;
    margin-left: -6px;
  }

  .flex-block-39 {
    border-radius: var(--size--3);
    background-color: var(--color--dark-500);
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
    overflow: hidden;
  }

  .flex-block-40 {
    background-color: var(--color--dark-500);
    background-image: none;
    width: 100%;
    padding: 0 0 10px;
  }

  .flex-block-40.flex-block-40-responsive {
    width: 100%;
    margin-left: 0;
    padding: 10px 0;
  }

  .div-block-28 {
    background-color: var(--color--dark-500);
    padding: 10px;
  }

  .div-block-28.div-block-28-responsive {
    width: 100%;
    padding: 10px 0;
  }

  .menublock {
    grid-column-gap: var(--size--4);
    grid-row-gap: var(--size--4);
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: start;
    place-items: stretch start;
    width: 100%;
    display: grid;
  }

  .menublock.menublock-4 {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    justify-content: start;
    place-items: start;
  }

  .menublock.menublock1-3.menublockcard.developer-menu.developerresources-desktop {
    display: none;
  }

  .flex-block-42 {
    background-color: var(--color--transparent);
    flex: 0 auto;
    align-self: stretch;
    min-width: 100%;
  }

  .pricing-heading {
    font-size: 48px;
  }

  .pricing-heading-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .pricing-heading-ctas {
    flex-flow: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-block-41 {
    max-width: 160px;
    height: 100%;
  }

  .text-block-41.small {
    max-width: 106px;
  }

  .flex-block-44 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: space-between;
    align-self: stretch;
    align-items: flex-start;
  }

  .product-pricing {
    padding-left: 32px;
    padding-right: 32px;
  }

  .product-pricing-item {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .pricing-item-html {
    max-width: 172px;
  }

  .starting-price-block {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    width: auto;
  }

  .section-3 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-29.no-height {
    height: auto;
  }

  .flex-block-48 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    align-items: flex-end;
  }

  .flex-block-49 {
    align-self: flex-start;
  }

  .usage-table-section,
  .discounts-pricing,
  .additional-discount-cta {
    padding-left: 40px;
    padding-right: 40px;
  }

  .flex-block-51 {
    padding: 40px;
  }

  .button-primary-3 {
    flex: 0 auto;
    align-self: auto;
    margin-top: 0;
    display: none;
  }

  .plans {
    padding-left: 40px;
    padding-right: 40px;
  }

  .uui-text-size-medium-2 {
    max-width: 600px;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .faq,
  .banner-cta {
    padding-left: 40px;
    padding-right: 40px;
  }

  .button-primary-4 {
    flex: 0 auto;
    align-self: auto;
    margin-top: 0;
    display: none;
  }

  .modal-megamenu-contentblock {
    border-style: none none solid;
    border-width: 0 0 1px;
    border-color: black black var(--color--dark-300);
    background-color: var(--color--dark-600);
    position: static;
  }

  .flex-block-53 {
    flex-flow: column;
    height: 100%;
  }

  .related-pricing-products {
    padding-left: 40px;
    padding-right: 40px;
  }

  .related-products-link-block {
    min-width: auto;
  }

  .support-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .ag-container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text-block-62 {
    max-width: 560px;
  }

  .community-channels {
    flex-flow: column;
  }

  .talk-to-us-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-32 {
    padding-right: 0;
  }

  .flex-block-56 {
    flex-flow: column;
  }

  .talk-to-us-heading {
    text-align: center;
  }

  .talk-to-us-heading-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: space-between;
  }

  .flex-block-57 {
    width: 100%;
  }

  .talk-to-us-submit-button {
    vertical-align: middle;
    align-self: center;
    display: block;
  }

  .empty-form-gap {
    height: 80px;
  }

  .follower {
    display: none;
  }

  .div-block-31-2-2 {
    background-color: #000;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    display: flex;
    position: relative;
    overflow: visible;
  }

  .slide-in {
    position: absolute;
    top: -4px;
    left: -1px;
    transform: translate(-150%, 150%);
  }

  .navmenu-linkwrapper {
    display: none;
  }

  .navmenu-linkwrapper:hover {
    color: var(--color--gray-50);
  }

  .navmenu-linkwrapper.navmenu-link-pricing {
    height: auto;
    padding-left: 0;
    display: flex;
  }

  .grid-5 {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
    padding-left: 42px;
    padding-right: 42px;
  }

  .flexible-classroom-features,
  .virtual-class-section--c {
    padding-left: 40px;
    padding-right: 40px;
  }

  .grid-6 {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .flexible-classroom-usages {
    padding-left: 40px;
    padding-right: 40px;
  }

  .text-block-68 {
    max-width: 520px;
  }

  .hero-secondaryvertical {
    padding-left: 40px;
    padding-right: 40px;
  }

  .image-33 {
    width: 100%;
    height: 100%;
  }

  .secondary-vertical-gradient {
    width: 460px;
  }

  .app-builder-tab,
  .customize-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .flex-block-58 {
    justify-content: space-between;
    align-items: center;
  }

  .text-block-66-2 {
    display: none;
  }

  .customize-heading,
  .text-block-71 {
    text-align: center;
  }

  .flex-block-59 {
    flex-flow: column;
    width: 100%;
  }

  .flex-block-59.some-class {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-43 {
    width: 100%;
  }

  .app-builder-features-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .grid-8 {
    grid-template-columns: 1fr;
    max-width: 575px;
  }

  .div-block-46 {
    padding-top: 200px;
    padding-bottom: 180px;
  }

  .nav-megamenu-modal {
    height: auto;
    display: none;
  }

  .nav-megamenu-modal.w--open {
    height: auto;
    display: block;
    position: relative;
    top: 0;
  }

  .dropdown-link-2 {
    margin-left: 0;
  }

  .dropdown-item-wrapper {
    grid-row-gap: 35px;
    grid-template-columns: 1fr 1fr;
  }

  .flexible-classroom-testimonial,
  .common-usage-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .grid-9 {
    grid-column-gap: 23px;
    grid-row-gap: 24px;
  }

  .ui-kit-benefits-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .secondary-hero-no-pd {
    background-image: url('../images/Hero-Section_1.webp');
    background-position: 40% 10%;
    background-repeat: no-repeat;
    background-size: 768px;
    background-attachment: scroll;
    height: 460px;
    padding-top: 60px;
    padding-left: 0;
  }

  .secondary-hero-no-pd.extension-marketplace-secondary-hero {
    height: auto;
  }

  .secondary-hero-no-pd.ui-kit-hero {
    background-image: url('../images/Hero-Section_1.webp');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 768px;
    background-attachment: scroll;
    height: auto;
    padding-bottom: 40px;
  }

  .div-block-49 {
    display: none;
  }

  .small-secondary-heading {
    text-align: center;
  }

  .solutions-testimonial,
  .awards-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .virtual-education-heading {
    text-align: center;
    max-width: 500px;
  }

  .image-36 {
    max-width: 280px;
  }

  .solution-packed-features {
    padding-left: 40px;
    padding-right: 40px;
  }

  .checks-feature-card-block {
    flex-flow: column;
    flex: 0 auto;
    min-width: 300px;
    height: 580px;
  }

  .checks-feature-card-content {
    padding-left: 32px;
    padding-right: 32px;
  }

  .text-block-78 {
    font-size: var(--size--3-5);
  }

  .featured-content-section {
    padding: 60px 40px;
  }

  .featured-card-block {
    flex-flow: column;
  }

  .solution-features-grid {
    flex-flow: wrap;
    grid-template-columns: 1fr 1fr;
  }

  .rich-content-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .standard-rich-text p {
    padding-left: 0;
    padding-right: 0;
  }

  .compliance-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .compliance-2-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 660px;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .compliance-icon-block-heading {
    font-size: 32px;
  }

  .compliance-icon-container {
    width: 50px;
    height: 50px;
  }

  .compliance-icon {
    width: 32px;
    height: 32px;
  }

  .link-block-4:hover {
    color: var(--color--primary-blue);
    text-decoration: underline;
  }

  .compliance-base-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .compliance-partners {
    grid-template-columns: 1fr 1fr;
  }

  .legal-jumbotron {
    padding: 20px 40px;
  }

  .legal-page-heading {
    font-size: 32px;
  }

  .legal-page-heading.large {
    font-size: 56px;
  }

  .jumbotron-heading {
    padding-top: 0;
    padding-left: 0;
  }

  .extension-marketplaces {
    padding-left: 40px;
    padding-right: 40px;
  }

  .agora-container {
    max-height: none;
  }

  .agora-container.hflex {
    flex-flow: column;
  }

  .marketplaces {
    grid-template-columns: 1fr;
  }

  .flex-block-66 {
    flex-flow: row;
  }

  .marketplace-hero {
    padding-left: 60px;
    padding-right: 60px;
  }

  .left-arrow.splide-prev {
    left: -55px;
  }

  .right-arrow.splide-next {
    right: -55px;
  }

  .success-stories-hero-section,
  .success-stories-footer-quote-block {
    padding-left: 40px;
    padding-right: 40px;
  }

  .flex-block-70 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .image-48 {
    margin-left: auto;
    margin-right: auto;
  }

  .success-stories-customer-quote-section.cover-background {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-60 {
    width: 100%;
  }

  .success-stories-products-used {
    padding-left: 40px;
    padding-right: 40px;
  }

  .heading-8 {
    font-size: var(--size--7);
  }

  .div-block-61 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section-5,
  .section-6 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .stories-filters-tabs {
    justify-content: center;
    align-items: center;
  }

  .stories-filters-menu {
    display: none;
  }

  .stories-filters-tab-link {
    min-width: 137px;
  }

  .header {
    padding-left: 40px;
    padding-right: 40px;
  }

  .blog-header {
    max-width: none;
  }

  .h1-blog-title {
    max-width: 540px;
    font-size: 42px;
  }

  .blog-body {
    flex-flow: column;
    padding-left: 40px;
    padding-right: 40px;
  }

  .rhs {
    max-width: none;
  }

  .blog-promo-tile {
    display: none;
  }

  .success-stories-card-content.stories-problem-card,
  .success-stories-card-content.stories-solution-card {
    flex-basis: 50%;
  }

  .collection-list_4grid {
    grid-template-columns: 1fr 1fr;
  }

  .collection-list_4grid.two {
    min-width: 680px;
    margin-left: 0;
  }

  .secondary-hero-main-content-img {
    order: 0;
    width: 70%;
    height: 70%;
    display: block;
  }

  .secondary-hero-slider {
    width: 100%;
    height: 100%;
  }

  .used-products-item {
    width: 220px;
  }

  .image-49 {
    width: 40px;
    height: 40px;
  }

  .used-product-item-heading {
    font-size: var(--size--5);
  }

  .text-block-86 {
    font-size: 12px;
  }

  .success-stories-power-of-real-time,
  .success-stories-about-customer-block,
  .success-stories-the-problem {
    padding-left: 40px;
    padding-right: 40px;
  }

  .menu-button-3 {
    padding: var(--size--3);
    border-radius: var(--size--4);
  }

  .menu-button-3:hover,
  .menu-button-3:active,
  .menu-button-3:focus {
    background-color: var(--color--dark-500);
  }

  .icon-2 {
    color: var(--color--white);
  }

  .pricing-rhs {
    flex: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .main {
    justify-content: center;
    padding-left: 40px;
    padding-right: 40px;
  }

  .flex-block-74 {
    margin-top: 40px;
  }

  .newsroom-pressrelease {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .flex-block-77 {
    align-self: center;
  }

  .flex-block-79 {
    justify-content: space-between;
    align-items: flex-start;
  }

  .pressrelease-container.media-container {
    padding-bottom: 20px;
  }

  .container-9,
  .container-10 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .form {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .container-11 {
    max-width: 728px;
  }

  .navbar-wrapper-three-2 {
    justify-content: space-between;
  }

  .navbar-brand-three-2 {
    position: relative;
  }

  .nav-menu-wrapper-three-2 {
    background-color: #0000;
    top: 70px;
  }

  .nav-menu-three-2 {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link-3 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list-3.shadow-three.w--open {
    position: absolute;
  }

  .menu-button-4 {
    padding: 12px;
  }

  .menu-button-4.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .agora-for-startups-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-73 {
    flex: 0 auto;
    order: 0;
    display: block;
  }

  .blog-header-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .blog-heading.careers {
    text-align: left;
    max-width: 400px;
    margin-bottom: 20px;
  }

  .blog-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    padding-left: 40px;
    padding-right: 40px;
  }

  .blog-tabs {
    justify-content: center;
    align-items: stretch;
    min-width: 170px;
  }

  .blog-tabs.selected.w--current {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    min-width: 160px;
  }

  .blog-card {
    height: 100%;
  }

  .blog-thumbnail {
    width: 100%;
    height: auto;
    max-height: 224px;
  }

  .blog-card-text {
    min-height: 60px;
  }

  .icon-container-blog-tab {
    display: none;
  }

  .div-block-96 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
    display: flex;
  }

  .th-section.first-child.white {
    background-color: #fff;
  }

  .div-block-74-2 {
    padding-top: 20px;
  }

  .th-row-unity {
    padding-left: 0;
    padding-right: 0;
  }

  .th-main {
    background-color: #0000;
  }

  .flex-block-87-2 {
    flex-flow: wrap;
    position: relative;
  }

  .speaker-block-card-new {
    flex: 0 auto;
  }

  .speaker-block-card-new__content,
  .speaker-block-card-new__content-designation {
    position: relative;
  }

  .speaker-block-card-new__content-name {
    text-align: center;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    object-fit: fill;
    flex: 0 auto;
    display: block;
    position: relative;
    overflow: visible;
  }

  .blog-lhs {
    z-index: 2;
    background-color: var(--color--black);
    top: 0;
  }

  .image-61 {
    object-fit: contain;
    height: auto;
  }

  .partners-gallery-hero {
    flex-flow: column;
    justify-content: space-between;
    align-self: auto;
    align-items: center;
  }

  .partner-section,
  .section-13 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .g-selected-item {
    color: var(--color--white);
  }

  .g-dropdown-container {
    display: block;
  }

  .icon-6 {
    color: var(--color--white);
  }

  .section-22 {
    background-color: #fafafd;
    margin-top: -48px;
    padding-top: 40px;
  }

  .evt-section {
    padding: 60px 40px;
  }

  .div-block-100-2-2 {
    flex: 0 auto;
    height: auto;
  }

  .div-block-101-2.flex-end {
    justify-content: flex-end;
  }

  .evt-hero-section {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 60px 40px;
  }

  .collection-list-13 {
    grid-template-columns: 1fr 1fr;
  }

  .blogs-links {
    border-bottom: 1px solid #302f2f;
    margin-bottom: 20px;
    display: flex;
  }

  .th-row-gartner,
  .th-row-copy {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-110 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .collection-list-wrapper-12,
  .collection-list-wrapper-14 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .th-main-twilio {
    background-color: #0000;
  }

  .section-26,
  .section-27,
  .section-28 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-29 {
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-30,
  .section-31 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .flex-block-97 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .div-block-112 {
    display: none;
  }

  .flex-block-102 {
    padding: 32px;
  }

  .heading-h4 {
    font-size: 30px;
  }

  .container-16 {
    max-width: 728px;
  }

  .team-grid {
    grid-column-gap: 40px;
  }

  .team-member-image {
    width: 190px;
    height: 190px;
  }

  .div-block-116 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .flex-block-104,
  .flex-block-105 {
    flex-flow: column;
  }

  .heading-h1 {
    flex: 1;
    font-size: 56px;
  }

  .flex-block-106 {
    flex-flow: column;
  }

  .div-block-119 {
    align-self: stretch;
  }

  .flex-block-110 {
    flex-flow: column;
  }

  .div-block-123 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .div-block-124 {
    align-self: stretch;
    display: block;
  }

  .heading-h3 {
    font-size: 56px;
  }

  .flex-block-111 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .flex-block-112 {
    flex-flow: column;
    order: 1;
    margin-top: 40px;
  }

  .flex-block-113 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .section-32.ext-white-content {
    padding-left: 60px;
    padding-right: 60px;
  }

  .heading-h2 {
    font-size: 46px;
  }

  .heading-h6,
  .heading-h5 {
    font-size: 24px;
  }

  .typography-body-med-600,
  .typography-body-sm-300 {
    font-size: 20px;
  }

  .ap-rt-features-grid {
    grid-template-columns: 1fr 1fr;
  }

  .div-block-140 {
    flex: 1;
    order: 1;
    display: block;
  }

  .div-block-141 {
    order: 1;
  }

  .solution-trends-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .trend-data-desc {
    font-size: 16px;
    line-height: 140%;
  }

  .trend-data-card {
    padding-left: 20px;
    padding-right: 20px;
  }

  .trend-card-collection {
    flex-flow: wrap;
    width: 320px;
    max-width: none;
    min-height: 320px;
    margin-bottom: 20px;
    padding-left: 0;
    display: flex;
  }

  .collection-list-16.large {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    justify-content: space-around;
    align-items: flex-start;
    height: 100%;
    display: flex;
  }

  .collection-list-17 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .megamenu-link-block {
    width: 100%;
  }

  .collection-list-wrapper-17 {
    flex-flow: wrap;
    display: flex;
  }

  .collection-list-wrapper-18 {
    height: 100%;
  }

  .tele-close-care-gaps {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .menu-icon_line-bottom-5 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle-inner-5 {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle-5 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-top-5 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_component-5 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -0.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .uui-navbar02_menu-button.w--open {
    background-color: #0000;
  }

  .hide-tablet-5 {
    display: none;
  }

  .uui-button-secondary-gray-5.show-tablet,
  .show-tablet-5 {
    display: block;
  }

  .uui-navbar02_button-wrapper {
    flex-direction: column-reverse;
    align-items: stretch;
    display: flex;
  }

  .uui-navbar02_menu-right {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    padding-bottom: 7rem;
  }

  .uui-navbar02_link {
    color: var(--untitled-ui--gray900);
    width: 100%;
    padding: 0.75rem 0;
    font-size: 1.125rem;
  }

  .uui-navbar02_link:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar02_dropdown-right-overlay-absolute {
    border-radius: 0.5rem;
    min-width: 100%;
  }

  .uui-navbar02_dropdown-content-button-wrapper {
    margin-bottom: 0;
    margin-left: 0;
  }

  .uui-navbar02_blog-content {
    max-width: none;
  }

  .uui-navbar02_dropdown-content-right {
    max-width: 50rem;
    margin-bottom: 1rem;
  }

  .uui-navbar02_dropdown-link {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar02_dropdown-link:hover {
    background-color: #0000;
  }

  .uui-navbar02_dropdown-content-left {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar02_dropdown-content {
    flex-direction: column;
  }

  .headermenudropdown {
    background-color: var(--color--dark-500);
    position: relative;
    overflow: hidden;
  }

  .headermenudropdown.w--open {
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    min-width: auto;
    margin-bottom: 1.5rem;
    padding: 0 0 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .uui-dropdown-icon-5 {
    color: var(--untitled-ui--gray500);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .headermenulink {
    color: var(--color--gray-50);
    align-items: center;
    width: 100%;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .headermenulink:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar02_menu-dropdown {
    width: 100%;
    position: relative;
  }

  .uui-navbar02_menu-left {
    grid-column-gap: 0px;
    grid-row-gap: 0.5rem;
    color: var(--untitled-ui--gray900);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .uui-navbar02_menu {
    border-top: 1px solid var(--untitled-ui--gray100);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .flex-block-124 {
    grid-column-gap: var(--size--8);
    grid-row-gap: var(--size--8);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .image-76 {
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
  }

  .media-service-card.small {
    height: auto;
  }

  .section-33,
  .section-34 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .flex-block-127 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .blog-top {
    flex-flow: column;
  }

  .pricing-content-rte {
    max-width: 100%;
  }

  .navmenu-nolinkwrapper {
    padding-bottom: var(--size--2);
    grid-column-gap: var(--size--2);
    grid-row-gap: var(--size--2);
    border-style: none none solid;
    border-width: 1px;
    border-color: black black var(--color--dark-300);
    color: var(--color--gray-900);
    font-family: acumin-pro;
    font-size: var(--size--4);
    border-radius: 1px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-weight: 400;
    display: flex;
  }

  .navmenu-nolinkwrapper:hover {
    color: var(--color--gray-50);
  }

  .text-block-103-2,
  .m-tab-menu {
    display: none;
  }

  .media-service {
    padding-left: 40px;
    padding-right: 40px;
  }

  .recording-options {
    padding: 40px;
  }

  .text-12 {
    max-width: 660px;
  }

  .text-12.left {
    text-align: center;
    max-width: 550px;
    font-size: 36px;
  }

  .text-13 {
    max-width: 540px;
  }

  .security {
    flex-flow: wrap;
  }

  .frame-2087325437 {
    margin-bottom: 40px;
  }

  .analytics-compliance {
    padding: 40px 40px 0;
  }

  .analytics-compliance.quickstart,
  .live-sudio-streaming-usecases {
    padding-left: 40px;
    padding-right: 40px;
  }

  .live-audio-usecase-grid._3-col {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
    margin-top: 0;
  }

  .div-block-145-2-2,
  .div-block-146 {
    display: none;
  }

  .flex-block-133 {
    height: 90vh;
    margin-left: 0;
    padding-left: 40px;
  }

  .heading-60 {
    color: var(--color--white);
  }

  .header-2 {
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .header-3 {
    align-items: center;
    height: auto;
  }

  .top-2 {
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .analytics-para {
    text-align: center;
    max-width: 580px;
    margin-bottom: 24px;
  }

  .careers-hero-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .flex-block-134 {
    flex-flow: column;
  }

  .wellness-sec {
    padding: 60px 40px;
  }

  .perfact-match-body {
    flex-flow: column;
  }

  .wellness-lhs {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: none;
  }

  .welness-para {
    margin-bottom: 30px;
  }

  .container-17 {
    max-width: 728px;
  }

  .hero-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .careers-hero,
  .why-choose-agora {
    padding-left: 40px;
    padding-right: 40px;
  }

  .text-17 {
    font-size: 56px;
  }

  .frame-2087325140 {
    flex-flow: column;
  }

  .frame-2087325146 {
    margin-bottom: 48px;
  }

  .text-19 {
    text-align: center;
    font-size: 46px;
  }

  .conversational-ai-benefits {
    padding-left: 40px;
    padding-right: 40px;
  }

  .paragraph-27-2 {
    text-align: left;
  }

  .cards {
    grid-column-gap: 24px;
  }

  .related-product-subheading-code {
    font-size: 16px;
    line-height: 18.667px;
  }

  .solution-trusted-partners-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .footertop-wrapper {
    width: calc(100% - 40px);
  }

  .cmp-section {
    padding: 60px 24px;
  }

  .cmp-value-box {
    padding: 40px;
  }

  .flex-block-91-2 {
    flex-flow: column;
  }

  .heading-26-2 {
    font-size: 46px;
  }

  .mt-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-36-2 {
    font-size: 40px;
  }

  .mt-team-card__inner {
    padding: 24px;
  }

  .container-gallery {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-18 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .small-secondary-heading-2 {
    text-align: center;
  }

  .flex-block-136 {
    flex-flow: column;
    justify-content: space-between;
    align-self: auto;
    align-items: center;
  }

  .cmp-button-2 {
    flex: 0 auto;
    align-self: auto;
    margin-top: 0;
    display: flex;
  }

  .flex-block-137 {
    justify-content: flex-start;
    align-self: center;
    align-items: center;
  }

  .div-block-149 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .swiper-benefit-heading {
    display: block;
  }

  .swiper-benefit-heading.top {
    margin-bottom: 20px;
    display: block;
  }

  .jumbotron-heading-copy {
    padding-top: 0;
    padding-left: 0;
  }

  .rich-content-section-2 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-151 {
    display: none;
  }

  .hero-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .soultion-landing-text-container {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .heading-sol-landing {
    text-align: left;
  }

  .sol-land-desc {
    font-size: 32px;
  }

  .usecases-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .sol-usecase-grid-container,
  .product-list-sec {
    padding-left: 40px;
    padding-right: 40px;
  }

  .image-109313 {
    width: 82%;
    max-width: none;
    height: auto;
    overflow: hidden;
  }

  .h2-merged-embed {
    font-size: 20px;
  }

  .awards-shopping-blog {
    flex: 1;
    height: 85%;
  }

  .awards-shopping-bag-container {
    height: auto;
  }

  .flexible-awards {
    padding-left: 60px;
    padding-right: 60px;
  }

  .flex-block-140 {
    flex-flow: column;
  }

  .thank-you-header {
    color: var(--color--white);
  }

  .ebook-flex-block {
    height: 90vh;
    margin-left: 0;
    padding-left: 40px;
  }

  .ebook-header {
    color: var(--color--white);
  }

  .generic-ty-flex-block {
    height: 90vh;
    margin-left: 0;
    padding-left: 40px;
  }

  .generic-ty-header {
    color: var(--color--white);
  }

  .talk-to-us-flex-block {
    height: 90vh;
    margin-left: 0;
    padding-left: 40px;
  }

  .onboarding-v2-section {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tabs-menu-slot {
    display: none;
  }

  .onboarding-v2-heading-flex {
    text-align: center;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }

  .onboarding-v2-h2 {
    text-align: center;
  }

  .onboarding-v2-tab-menu.sticky-tabs.gradient-box-shadow {
    justify-content: space-between;
    width: 100%;
    max-width: 500px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
    top: auto;
    left: 2%;
    right: auto;
  }

  .div-block-157 {
    height: 200px;
  }

  .onboarding-v2-action {
    justify-content: center;
    display: flex;
  }

  .in-page-alert-banner,
  .in-page-banner,
  .migration-benefits-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .frame-2087325452 {
    display: none;
  }

  .section-37 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .megamenuitem-responsive-copy {
    width: 100%;
    margin-left: -6px;
  }

  .hero-video-container {
    height: 36vh;
  }

  .flex-block-143 {
    flex-flow: wrap;
  }

  .alert-bar {
    padding-left: 40px;
    padding-right: 40px;
  }

  .alert-bar.collaboration-alert {
    height: 100%;
  }

  .alert-title {
    margin-right: 0;
  }

  .alert-link {
    margin-right: 20px;
  }

  .startup-hero {
    min-height: auto;
  }

  .startup-hero-lhs {
    justify-content: center;
    align-items: center;
  }

  .startup-features-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .agora-for-startups-card {
    flex-flow: column;
    overflow: hidden;
  }

  .agora-for-startups-image {
    width: 100%;
  }

  .agora-for-startups-content {
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px;
    position: relative;
    overflow: hidden;
  }

  .card_icons {
    z-index: 0;
    position: relative;
    inset: auto;
  }

  .agora-for-startups-title {
    text-align: center;
    width: 100%;
  }

  .frame-2087324988 {
    justify-content: center;
    align-items: center;
    height: 480px;
    padding-left: 0;
  }

  .startup_prog_hero {
    display: none;
  }

  .sitemap-page-heading {
    font-size: 32px;
  }

  .sitemap-page-heading.large {
    font-size: 56px;
  }

  .waitlist-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .flex-block-147.supportconnect {
    display: none;
  }

  .flex-block-147.developerresources-mobile {
    display: flex;
  }

  .flex-block-147.developerresources-desktop {
    display: none;
  }

  .flex-block-149 {
    width: 100%;
    max-width: none;
  }

  .cloud-proxy-featured-section {
    margin-top: 40px;
  }

  .pricing-variant-table-section.only-analytics,
  .pricing-variant-table-section.only-cloud-proxy {
    padding-left: 40px;
    padding-right: 40px;
  }

  .flex-block-151 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    flex: 0 auto;
    justify-content: center;
  }

  .flex-block-152 {
    justify-content: flex-start;
    align-items: center;
  }

  .recording-block-card {
    flex: auto;
  }

  .collection-item-13 {
    padding-left: 0;
    padding-right: 0;
  }

  .collection-list-23 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    display: flex;
  }

  .link-block-10 {
    grid-column-gap: var(--size--2);
    grid-row-gap: var(--size--2);
    justify-content: flex-start;
    align-items: center;
  }

  .sdrtn-video.relative.collaboration-benefits {
    height: 360px;
    position: static;
  }

  .only-mobile-ios {
    display: block;
  }

  .agora-usecases-bottom-cta {
    margin-top: 40px;
  }

  .pricing-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-159 {
    flex: none;
  }

  .collection-item-14 {
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .blog-page-categories {
    display: none;
  }

  .blog-footer,
  .section-38 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .flex-block-157 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .link-block-11,
  .div-block-161 {
    flex: none;
  }

  .advantage-resouces,
  .hero-video-landing {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-163 {
    display: flex;
  }

  .image-109324 {
    display: none;
  }

  .speaker-headshot-4-gap {
    flex-flow: wrap;
    position: relative;
  }

  .flex-block-169,
  .flex-block-170 {
    flex-flow: wrap;
  }

  .event-main {
    padding-left: 40px;
    padding-right: 40px;
  }

  .event-main-flex-block {
    flex-flow: column;
  }

  .event-main-div-block-inner {
    align-self: stretch;
  }

  .event-h2-title {
    font-size: 46px;
  }

  .event-team {
    padding-left: 20px;
    padding-right: 20px;
  }

  .event-heading-h2 {
    font-size: 40px;
  }

  .event-team-card-inner {
    padding: 24px;
  }

  .event-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .event-section-flex-block {
    flex-flow: column;
  }

  .event-section-div-block-inner {
    align-self: stretch;
  }

  .event-section-h2-title {
    font-size: 46px;
  }

  .event-section-desc,
  .event-main-desc {
    font-size: 20px;
  }

  .event-presenters {
    flex-flow: column;
  }

  .event-presenters-div-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .event-presenters-h6 {
    font-size: 24px;
  }

  .event-section-button {
    margin-top: 40px;
  }

  .tech-event-details {
    align-items: stretch;
  }

  .tech-event-block {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .flex-block-172 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .event-resources {
    flex-flow: column;
  }

  .in-page-alert-bar {
    padding-left: 40px;
    padding-right: 40px;
  }

  .event-team-card-inner-1x {
    padding: 24px;
  }

  .product-variant-2-title {
    text-align: center;
  }

  .product-variant-subtitle,
  .product-variant-subtitle.solution-hero-desc {
    text-align: center;
    max-width: 60vw;
  }

  .product-hero-variant {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-position: 50% 60%;
    background-size: contain;
    height: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .product-hero-variant.solution-hero-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .product-hero-variant-desc,
  .product-hero-variant-desc.solution-hero-desc,
  .hero-variant-2-des-2-copy,
  .hero-variant-2-des-2-copy.solution-hero-desc {
    text-align: center;
    max-width: 60vw;
  }

  .div-block-171 {
    text-align: center;
  }

  .product-benefits-variant,
  .product-benefits-copy {
    padding-left: 40px;
    padding-right: 40px;
  }

  .variant-benefits-list {
    flex: 0 auto;
    order: 0;
    width: 100%;
  }

  .benefits-body {
    flex-flow: column;
    width: 100%;
    position: static;
  }

  .whiteborad-video-copy {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-176 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .spotlight-card-copy.product-help-container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .image-109331 {
    display: none;
  }

  .alert-bar-copy,
  .aiot-form {
    padding-left: 40px;
    padding-right: 40px;
  }

  .aiot-main-desc {
    font-size: 20px;
  }

  .aiot-small-secondary-heading {
    text-align: center;
  }

  .aiot-h2-title {
    font-size: 46px;
  }

  .event-section-ceee {
    padding-left: 40px;
    padding-right: 40px;
  }

  .link-block-17 {
    display: inline-block;
  }

  .faq-copy {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (max-width: 767px) {
  .gallery-slider {
    padding: 60px 15px;
  }

  .gallery-slide {
    margin-left: 10px;
    margin-right: 10px;
  }

  .gallery-slide-text {
    line-height: 30px;
  }

  .gallery-slider-left {
    left: -20px;
  }

  .gallery-slider-right {
    right: -20px;
  }

  .navbar-brand-three {
    padding-left: 0;
  }

  .nav-menu-three {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-menu-block {
    flex-direction: column;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .button-primary.nav {
    padding: 8px;
    font-size: 16px;
    display: flex;
  }

  .button-primary.nav.btn-primary-outline {
    display: inline-flex;
  }

  .headernavbar-container {
    background-color: var(--color--black);
    max-width: 100%;
    padding-left: 32px;
    padding-right: 32px;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu-two {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-divider {
    width: 200px;
    max-width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .navbar-brand-2 {
    padding-left: 0;
  }

  .nav-menu {
    flex-direction: column;
    padding-bottom: 30px;
    padding-left: 0;
  }

  .nav-link-2 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown-2 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list-2.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list-2.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .mobile-margin-top-11 {
    margin-top: 10px;
  }

  .headernavbar-menu {
    background-color: var(--color--dark-500);
  }

  .rounded-circle {
    width: 32px;
    height: 32px;
  }

  .grid {
    grid-template:
      '.'
      '.'
      '.'
      '.'
      'Area'
      / 1fr;
  }

  .uui-button {
    font-size: 1rem;
  }

  .uui-button:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-tertiary-gray:hover {
    color: var(--untitled-ui--gray600);
    background-color: #0000;
  }

  .uui-button-secondary-gray {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-navbar01_link,
  .uui-button-link {
    font-size: 1rem;
  }

  .uui-button-link:hover {
    color: var(--untitled-ui--primary700);
  }

  .uui-button-row {
    align-self: stretch;
  }

  .uui-text-size-small.hide-mobile-landscape {
    display: none;
  }

  .uui-navbar01_blog-item {
    grid-column-gap: 1rem;
    grid-template-columns: 0.6fr 1fr;
  }

  .uui-navbar01_dropdown-content-right {
    padding: 1.5rem 1rem;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .uui-badge-small-success {
    padding: 0.125rem 0.5rem;
  }

  .uui-navbar01_dropdown-link-list {
    grid-row-gap: 0.5rem;
    max-width: none;
  }

  .uui-navbar01_dropdown-content-left {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
  }

  .uui-navbar01_dropdown-toggle {
    font-size: 1rem;
  }

  .uui-navbar01_menu {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-styleguide_logomark-bg {
    background-image: url('../images/untitled-ui-logomark.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .uui-navbar01_component {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-button-2 {
    font-size: 1rem;
  }

  .uui-button-2:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-tertiary-gray-2:hover {
    color: var(--untitled-ui--gray600);
    background-color: #0000;
  }

  .uui-button-secondary-gray-2 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-2:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-navbar01_link-2,
  .uui-button-link-2 {
    font-size: 1rem;
  }

  .uui-button-link-2:hover {
    color: var(--untitled-ui--primary700);
  }

  .uui-button-row-2 {
    align-self: stretch;
  }

  .uui-text-size-small-2.hide-mobile-landscape {
    display: none;
  }

  .uui-navbar01_blog-item-2 {
    grid-column-gap: 1rem;
    grid-template-columns: 0.6fr 1fr;
  }

  .uui-navbar01_dropdown-content-right-2 {
    padding: 1.5rem 1rem;
  }

  .hide-mobile-landscape-2 {
    display: none;
  }

  .uui-badge-small-success-2 {
    padding: 0.125rem 0.5rem;
  }

  .uui-navbar01_dropdown-link-list-2 {
    grid-row-gap: 0.5rem;
    max-width: none;
  }

  .uui-navbar01_dropdown-content-left-2 {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
  }

  .uui-navbar01_dropdown-toggle-2 {
    font-size: 1rem;
  }

  .uui-navbar01_menu-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-styleguide_logomark-bg-2 {
    background-image: url('../images/untitled-ui-logomark.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .uui-navbar01_component-2 {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-button-3 {
    font-size: 1rem;
  }

  .uui-button-3:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-tertiary-gray-3:hover {
    color: var(--untitled-ui--gray600);
    background-color: #0000;
  }

  .uui-button-secondary-gray-3 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-3:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-navbar01_link-3,
  .uui-button-link-3 {
    font-size: 1rem;
  }

  .uui-button-link-3:hover {
    color: var(--untitled-ui--primary700);
  }

  .uui-button-row-3 {
    align-self: stretch;
  }

  .uui-text-size-small-3.hide-mobile-landscape {
    display: none;
  }

  .uui-navbar01_blog-item-3 {
    grid-column-gap: 1rem;
    grid-template-columns: 0.6fr 1fr;
  }

  .uui-navbar01_dropdown-content-right-3 {
    padding: 1.5rem 1rem;
  }

  .hide-mobile-landscape-3 {
    display: none;
  }

  .uui-badge-small-success-3 {
    padding: 0.125rem 0.5rem;
  }

  .uui-navbar01_dropdown-link-list-3 {
    grid-row-gap: 0.5rem;
    max-width: none;
  }

  .uui-navbar01_dropdown-content-left-3 {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
  }

  .uui-navbar01_dropdown-toggle-3 {
    font-size: 1rem;
  }

  .uui-navbar01_menu-3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-styleguide_logomark-bg-3 {
    background-image: url('../images/untitled-ui-logomark.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .uui-navbar01_component-3 {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-footer01_legal-link:hover {
    color: var(--untitled-ui--gray400);
  }

  .uui-footer01_legal-list {
    margin-bottom: 1rem;
  }

  .uui-footer01_bottom-wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-top: 3rem;
  }

  .uui-footer01_social-link:hover,
  .uui-footer01_link:hover {
    color: var(--untitled-ui--gray500);
  }

  .uui-badge-small-success-4 {
    padding: 0.125rem 0.5rem;
  }

  .uui-footer01_menu-wrapper {
    grid-column-gap: 1.5rem;
  }

  .uui-button-4 {
    font-size: 1rem;
  }

  .uui-button-4:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-footer01_form-block {
    margin-top: 1.5rem;
  }

  .uui-styleguide_logomark-bg-4 {
    background-image: url('../images/untitled-ui-logomark.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .uui-footer01_logo-link {
    margin-bottom: 1.5rem;
    padding-left: 0;
  }

  .uui-footer01_top-wrapper {
    grid-row-gap: 3rem;
  }

  .uui-padding-vertical-xlarge {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .uui-page-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-button-link-4 {
    font-size: 1rem;
  }

  .uui-button-link-4:hover {
    color: var(--untitled-ui--primary700);
  }

  .uui-button-row-4 {
    align-self: stretch;
  }

  .uui-space-small {
    min-height: 1.25rem;
  }

  .uui-heading-xxsmall {
    font-size: 1.125rem;
  }

  .uui-layout73_image-wrapper {
    margin-bottom: 1.5rem;
  }

  .uui-layout73_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-button-5 {
    font-size: 1rem;
  }

  .uui-button-5:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-tertiary-gray-4:hover {
    color: var(--untitled-ui--gray600);
    background-color: #0000;
  }

  .uui-button-secondary-gray-4 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-4:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-navbar01_link-4,
  .uui-button-link-5 {
    font-size: 1rem;
  }

  .uui-button-link-5:hover {
    color: var(--untitled-ui--primary700);
  }

  .uui-button-row-5 {
    align-self: stretch;
  }

  .uui-text-size-small-5.hide-mobile-landscape {
    display: none;
  }

  .uui-navbar01_blog-item-4 {
    grid-column-gap: 1rem;
    grid-template-columns: 0.6fr 1fr;
  }

  .uui-navbar01_dropdown-content-right-4 {
    padding: 1.5rem 1rem;
  }

  .hide-mobile-landscape-4 {
    display: none;
  }

  .uui-badge-small-success-5 {
    padding: 0.125rem 0.5rem;
  }

  .uui-navbar01_dropdown-link-list-4 {
    grid-row-gap: 0.5rem;
    max-width: none;
  }

  .uui-navbar01_dropdown-content-left-4 {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
  }

  .uui-navbar01_dropdown-toggle-4 {
    font-size: 1rem;
  }

  .uui-navbar01_menu-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-styleguide_logomark-bg-5 {
    background-image: url('../images/untitled-ui-logomark.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .uui-navbar01_component-4 {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .hero {
    padding-top: 60px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .main-heading {
    font-size: 46px;
  }

  .hero-cta {
    flex-flow: column;
  }

  .cta-block {
    order: 1;
  }

  .partners {
    padding-left: 15px;
    padding-right: 15px;
  }

  .services {
    padding-left: 16px;
    padding-right: 16px;
  }

  .h2.display-md,
  .h2.display-md.product-feature-heading {
    font-size: 32px;
  }

  .h2.display-md.product-shipment-h2,
  .h2.display-md.product-shipment-h2-copy {
    font-size: 40px;
  }

  .h2.services-heading {
    font-size: var(--size--10);
  }

  .h2.product-benefits-h2 {
    font-size: 40px;
  }

  .h2.ui-benefits-heading {
    font-size: 32px;
  }

  .h2.app-builder-heading-deploy {
    font-size: 40px;
  }

  .h2.adv {
    font-size: 32px;
  }

  .div-block-5.features {
    margin-top: 30px;
  }

  .text-block-11 {
    font-size: 24px;
  }

  .realtime {
    display: none;
  }

  .flex-block-7 {
    justify-content: center;
    align-items: center;
  }

  .enterprise-text {
    text-align: center;
  }

  .flex-block-9 {
    justify-content: flex-start;
    align-items: center;
  }

  .flex-block-10 {
    flex-flow: column;
    align-items: center;
  }

  .div-block-8 {
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .last-feature-cell,
  .onboarding-v2 {
    display: none;
  }

  .extension-heading {
    font-size: 32px;
  }

  .extension-marketplace {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .extension-container {
    justify-content: space-between;
    align-self: center;
    align-items: center;
    position: relative;
    overflow: hidden;
  }

  .text-2xl.extension-card-heading {
    text-align: center;
  }

  .text-2xl.product-feature-heading {
    font-weight: var(--font--font-semibold);
  }

  .text-l.extension-card-content,
  .text-l.benefit-content {
    text-align: center;
  }

  .left {
    padding: 20px;
  }

  .spatial-section-image {
    vertical-align: baseline;
    width: auto;
  }

  .spatial-section-image.hide-spatial-image {
    display: none;
  }

  .spatial-section-image.floored {
    width: auto;
    display: inline-block;
  }

  .ext-left {
    padding-bottom: 20px;
  }

  .extension-container-horizontal {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    min-height: 336px;
    padding-top: 20px;
  }

  .ext-right {
    width: 100%;
  }

  .display-md.extension-heading {
    font-size: var(--font--font-3xl);
  }

  .div-block-9 {
    flex: 0 auto;
    width: 100%;
  }

  .text-block-17 {
    font-weight: 400;
  }

  .jumbotron-black-paragraph {
    font-size: 40px;
  }

  .usecase-heading {
    font-size: 30px;
  }

  .testimonial-flexbox,
  .flex-block-15 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .home-cta-container {
    padding-top: 40px;
  }

  .main-cta-container {
    padding-top: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .home-cta-heading {
    font-size: 32px;
    line-height: 120%;
    font-weight: var(--font--font-semibold);
    width: 100%;
  }

  .text-block-24 {
    line-height: 140%;
  }

  .maincta-text {
    flex-flow: column;
    flex: 1;
    width: 100%;
    display: flex;
  }

  .div-block-13.home-cta-left-pad {
    flex: 1;
    padding-top: 0;
    padding-bottom: 32px;
    padding-left: 0;
  }

  .primary-btn-label-medium {
    font-size: 14px;
  }

  .shipping-video-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .display-xs.cta-small-card-heading {
    font-size: 24px;
    font-weight: var(--font--font-semibold);
  }

  .display-xs.benefits-h3 {
    text-align: center;
  }

  .text-block-26 {
    margin-bottom: 20px;
  }

  .sdk_uikit.solutions {
    flex-flow: column;
  }

  .jumbotron-color-paragraph {
    font-size: 40px;
  }

  .secondary-hero.solution-hero-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-xl.hero-variant-2-des-2,
  .text-xl.hero-variant-2-des,
  .text-xl.hero-variant-2-des-copy {
    max-width: none;
  }

  .div-block-18 {
    order: 0;
    display: none;
  }

  .supported-platforms-wrapper {
    flex-flow: column;
  }

  .collection-list {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
  }

  .developer-tools,
  .product-help {
    padding-left: 16px;
    padding-right: 16px;
  }

  .benefit {
    flex-flow: column;
  }

  .benefit.audio-soln {
    justify-content: flex-start;
    align-items: center;
  }

  .product-shipment {
    padding-left: 16px;
    padding-right: 16px;
  }

  .shipment-content {
    width: 100%;
  }

  .product-user-testimonial {
    border-right-width: 0;
  }

  .product-usecases {
    padding-bottom: 0;
  }

  .product-usage-flex {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .trend-card.trends {
    height: auto;
  }

  .trend-card-container {
    flex-flow: row;
    max-width: 100%;
  }

  .trend-card-container.large.br-12 {
    flex-flow: column;
  }

  .image-23 {
    border-top-right-radius: 12px;
    border-bottom-left-radius: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
  }

  .image-23.use-case {
    width: 100%;
    height: auto;
  }

  .trend-card-title {
    font-size: var(--size--4);
    font-weight: 500;
  }

  .flex-block-35 {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .video {
    width: 460px;
  }

  .collection-list-2 {
    grid-template-columns: 1fr;
  }

  .collection-list-2.products {
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .mega-menu-item.megamenuitem-responsive {
    width: 100%;
  }

  .menublock.menublock1-3.menublockcard.developer-menu {
    grid-template-columns: 1fr 1fr;
    width: 100%;
    padding-right: 10px;
  }

  .pricing-heading {
    font-size: 32px;
  }

  .product-pricing {
    padding-left: 20px;
    padding-right: 20px;
  }

  .additional-discount-cta,
  .plans {
    padding-left: 16px;
    padding-right: 16px;
  }

  .uui-button-6 {
    font-size: 1rem;
  }

  .uui-button-6:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-row-6 {
    align-self: stretch;
  }

  .uui-button-row-6.button-row-center.is-reverse-mobile-landscape,
  .uui-button-row-6.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-space-small-2 {
    min-height: 1.25rem;
  }

  .uui-text-size-large {
    font-size: 1rem;
  }

  .uui-heading-xxsmall-2 {
    font-size: 1.125rem;
  }

  .avatar-stack_component {
    margin-bottom: 1.5rem;
  }

  .uui-faq01_cta {
    margin-top: 3rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .uui-space-medium {
    min-height: 1.5rem;
  }

  .uui-text-size-medium-2 {
    max-width: 400px;
  }

  .uui-faq01_component {
    margin-top: 3rem;
  }

  .uui-space-xsmall {
    min-height: 0.75rem;
  }

  .uui-heading-medium {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .support-heading {
    font-size: 56px;
  }

  .text-block-62 {
    margin-bottom: 0;
    font-size: 18px;
  }

  .support-grid-item {
    padding: 32px;
  }

  .talk-to-us-heading {
    font-size: 46px;
  }

  .talk-to-us-heading-card {
    padding: 24px;
  }

  .talk-to-us-card-heading {
    font-size: 20px;
  }

  .original-arrow {
    width: 20px;
  }

  .wide-flex-block {
    flex-flow: column;
  }

  .navmenu-linkwrapper {
    display: none;
  }

  .platform-icon_wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 80%;
  }

  .video-block {
    width: 100%;
    min-width: auto;
    height: 100%;
    min-height: auto;
  }

  .flexible-classroom-features,
  .flexible-classroom-usages {
    padding-left: 16px;
    padding-right: 16px;
  }

  .usecase-grid {
    grid-template-columns: 1fr;
  }

  .hero-secondaryvertical {
    padding-left: 16px;
    padding-right: 16px;
  }

  .secondary-vertical-heading {
    font-size: 80px;
  }

  .text-block-69 {
    font-size: 16px;
    line-height: 140%;
  }

  .secondary-vertical-gradient {
    width: 370px;
  }

  .app-builder-tab {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sticky-tab {
    width: 100%;
  }

  .scroll-card-tab-menu {
    overflow: auto;
  }

  .app-builder-features-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-46 {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .dropdown-item.first-child {
    border-left-style: none;
  }

  .nav-megamenu-modal {
    display: none;
  }

  .dropdown-image {
    height: 250px;
  }

  .dropdown-item-wrapper {
    grid-template-columns: 1fr;
  }

  .flexible-classroom-testimonial {
    padding-left: 16px;
  }

  .testimonial-container-flexible {
    flex-flow: column;
  }

  .grid-9 {
    grid-template-columns: 1fr;
  }

  .ui-kit-benefits-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .ui-kit-benefits-container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .secondary-hero-no-pd {
    padding-left: 16px;
    padding-right: 16px;
  }

  .secondary-hero-no-pd.ui-kit-hero {
    padding-bottom: 24px;
  }

  .solution-vendors-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .solution-trusted-partners-collection {
    justify-content: space-around;
    align-items: stretch;
  }

  .text-block-74 {
    color: var(--color--gray-600);
    -webkit-text-stroke-width: 0px;
    max-width: 80%;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
  }

  .solutions-testimonial {
    padding-left: 16px;
    padding-right: 16px;
  }

  .awards-section,
  .awards-container.awards-gradient-border.social {
    padding-left: 40px;
    padding-right: 40px;
  }

  .awards-container.awards-gradient-border.embed-real-time-voice-chat-into-any-app {
    max-width: 580px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .infoblock-tele-text.centre.shopping-right-text {
    font-size: var(--size--4);
    text-align: center;
  }

  .infoblock-tele-text.left.large.no-pd-left {
    text-align: center;
  }

  .virtual-education-heading.centre.align-right.basis-55 {
    font-size: var(--size--6);
    text-align: center;
  }

  .virtual-education-heading.right {
    text-align: center;
  }

  .image-36 {
    max-width: 200px;
  }

  .featured-content-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .grid-10 {
    grid-template-columns: 1fr 1fr;
  }

  .solution-features-grid {
    grid-template-columns: 1fr;
  }

  .compliance-2-grid {
    grid-template-columns: minmax(328px, 1fr);
  }

  .compliance-icon-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .flex-block-66 {
    flex-flow: column;
    align-items: stretch;
  }

  .div-block-56 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .left-arrow.splide-prev,
  .right-arrow.splide-next {
    display: none;
  }

  .flex-block-67 {
    flex-flow: column;
  }

  .flex-block-70 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .div-block-59 {
    justify-content: center;
    align-items: flex-start;
  }

  .success-stories-customer-quote-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .blog-header {
    flex-flow: column;
  }

  .h1-blog-title {
    font-size: 42px;
  }

  .stories-hero-cards {
    flex-flow: column;
  }

  .collection-list_4grid.two {
    grid-template-columns: 1fr;
    min-width: 100%;
    max-width: 460px;
  }

  .secondary-hero-main-content-img {
    width: 100%;
    height: 100%;
  }

  .secondary-hero-slider {
    justify-content: center;
    align-items: center;
    width: auto;
    height: 100%;
    display: flex;
  }

  .secondary-hero-slider-image {
    width: 100%;
    height: 100%;
  }

  .problem-flex-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .success-stories-the-solution,
  .success-stories-the-results {
    padding-left: 40px;
    padding-right: 40px;
  }

  .pricing-rhs {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .main {
    justify-content: center;
    padding-left: 24px;
    padding-right: 24px;
  }

  .newsroom-header,
  .newsroom-pressrelease {
    padding-left: 16px;
    padding-right: 16px;
  }

  .flex-block-77 {
    align-self: center;
    align-items: flex-start;
  }

  .flex-block-79 {
    align-items: center;
  }

  .press-release-pageheader {
    line-height: 70px;
  }

  .pressrelease-container {
    padding: 60px 16px 20px;
  }

  .pressrelease-container.media-container {
    padding-bottom: 20px;
  }

  .container-9,
  .container-10 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .compliance-content {
    width: 100%;
  }

  .navbar-brand-three-2 {
    padding-left: 0;
  }

  .nav-menu-three-2 {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-menu-block-2 {
    flex-direction: column;
  }

  .nav-link-3 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown-3 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle-3 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list-3.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list-3.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list-3.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-link-accent-2 {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-12 {
    margin-top: 10px;
  }

  .blog-heading.careers {
    font-size: 46px;
  }

  .blog-search,
  .text-field-2 {
    width: 100%;
  }

  .blog-content {
    padding-left: 16px;
    padding-right: 16px;
  }

  .blog-tabs,
  .blog-tabs.selected.w--current {
    min-width: 132px;
  }

  .blog-card {
    height: 100%;
  }

  .blog-thumbnail {
    height: auto;
    max-height: none;
  }

  .blogs-tabs {
    justify-content: center;
  }

  .div-block-95 {
    margin-top: 20px;
    padding-left: 0;
  }

  .th-section__content-unity {
    padding-left: 30px;
    padding-right: 30px;
  }

  .flex-block-85-2 {
    flex-flow: column;
  }

  .th-col1-unity.hidden {
    display: none;
  }

  .newsroom-mediacoverages {
    padding-left: 16px;
    padding-right: 16px;
  }

  .splide {
    width: auto;
    height: auto;
  }

  .modal-content {
    max-width: 450px;
  }

  .g-dropdown-container {
    display: block;
  }

  .collection-list-13 {
    grid-template-columns: 1fr;
  }

  .slide-3 {
    width: 100%;
    max-width: 100%;
  }

  .th-section__content_gartner,
  .th-section__content_partners {
    padding-left: 30px;
    padding-right: 30px;
  }

  .collection-list-wrapper-13 {
    width: 100%;
  }

  .th-section__content_twilio {
    padding-left: 30px;
    padding-right: 30px;
  }

  .flex-block-101 {
    flex-flow: column;
  }

  .team-circles {
    padding: 60px 15px;
  }

  .team-grid {
    grid-template-columns: 1fr 1fr;
  }

  .flex-block-110 {
    grid-column-gap: var(--size--0-5);
    grid-row-gap: var(--size--0-5);
  }

  .collection-list-wrapper-15 {
    flex-flow: row;
  }

  .section-32.ext-white-content {
    padding-left: 60px;
    padding-right: 60px;
  }

  .ap-features-grid,
  .ap-rt-features-grid {
    grid-template-columns: 1fr;
  }

  .solution-trends-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .trend-datum.no-margin-top {
    font-size: 54px;
  }

  .trend-data-title {
    font-size: var(--size--5);
  }

  .trend-data-card {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .infoblock-text,
  .infoblock-text.top-btm {
    flex-flow: column;
  }

  .trend-card-collection {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    width: 240px;
    min-height: 280px;
  }

  .collection-list-16.large {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    place-content: flex-start center;
    align-items: center;
  }

  .tele-close-care-gaps {
    flex-flow: column;
  }

  .uui-button-7 {
    font-size: 1rem;
  }

  .uui-button-7:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-tertiary-gray-5:hover {
    color: var(--untitled-ui--gray600);
    background-color: #0000;
  }

  .uui-button-secondary-gray-5 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-5:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-navbar02_link,
  .uui-button-link-6 {
    font-size: 1rem;
  }

  .uui-button-link-6:hover {
    color: var(--untitled-ui--primary700);
  }

  .uui-button-link-gray {
    font-size: 1rem;
  }

  .uui-button-link-gray:hover {
    color: var(--untitled-ui--gray600);
  }

  .uui-button-row-7 {
    align-self: stretch;
  }

  .uui-text-size-small-6.hide-mobile-landscape {
    display: none;
  }

  .uui-navbar02_blog-item {
    padding: 0;
  }

  .uui-navbar02_blog-item:hover {
    background-color: #0000;
  }

  .uui-navbar02_dropdown-content-right {
    padding: 2rem 1rem;
  }

  .hide-mobile-landscape-5 {
    display: none;
  }

  .uui-badge-small-success-6 {
    padding: 0.125rem 0.5rem;
  }

  .uui-navbar02_dropdown-link-list {
    grid-row-gap: 0.5rem;
    max-width: none;
  }

  .uui-navbar02_dropdown-content-left {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .headermenulink {
    font-size: 1rem;
  }

  .uui-navbar02_menu {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-styleguide_logomark-bg-6 {
    background-image: url('../images/untitled-ui-logomark.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .uui-navbar02_component {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .media-service-card.small {
    min-height: 190px;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .grid-18 {
    grid-template-columns: 1fr;
  }

  .flex-block-125-2 {
    flex-flow: column;
  }

  .join-partner-heading {
    text-align: center;
  }

  .flex-block-127 {
    flex-flow: column;
  }

  .flex-block-127.bap-program {
    grid-template-columns: 1fr;
  }

  .image-77-2 {
    align-self: center;
    position: relative;
    transform: translate(11px, 21%);
  }

  .rec-grid,
  .live-audio-usecase-grid {
    grid-template-columns: 1fr;
  }

  .background-video-3 {
    min-height: auto;
    overflow: clip;
  }

  .flex-block-133 {
    height: 90vh;
  }

  .jobs-content-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .hero-heading-center {
    padding: 60px 15px;
  }

  .text-19 {
    text-align: center;
    font-size: 46px;
  }

  .cards {
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .stories-bullet-label {
    margin-top: 0;
  }

  .footertop-wrapper {
    width: calc(100% - 40px);
    margin-left: 0;
    margin-right: 0;
  }

  .cmp-value-card__image {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    height: auto;
  }

  .about-us-image {
    display: inline-block;
  }

  .mt-section {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .heading-36-2 {
    text-align: center;
  }

  .mt-team-card__inner {
    padding: 20px;
  }

  .mt-team {
    padding-left: 48px;
    padding-right: 48px;
  }

  .container-gallery {
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .benefit-container {
    padding-top: 20px;
  }

  .slide-controls {
    order: -1;
  }

  .swiper-content-heading {
    text-align: center;
  }

  .solution-landing-hero {
    overflow: clip;
  }

  .hero-section {
    padding: 60px 16px;
  }

  .soultion-landing-text-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .agora-use-cases {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .heading-sol-landing {
    font-size: 56px;
  }

  .sol-land-desc,
  .sol-land-desc.small {
    font-size: 24px;
  }

  .usecases-grid {
    grid-template-columns: 1fr 1fr;
  }

  .sol-usecase-grid-container {
    padding: 40px 16px;
  }

  .prod-grid {
    grid-template-columns: 1fr;
  }

  .text-block-108 {
    font-size: 14px;
  }

  .awards-shopping-bag-container {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .section-36 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .awards-img-container {
    height: auto;
  }

  .ebook-flex-block,
  .generic-ty-flex-block,
  .talk-to-us-flex-block {
    height: 90vh;
  }

  .onboarding-v2-tab-menu.sticky-tabs.gradient-box-shadow {
    display: inline-block;
  }

  .onboarding-v2-tabs {
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .in-page-banner {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    align-items: center;
    height: auto;
  }

  .migration-card-grid {
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .migration-table-header {
    flex-flow: column;
  }

  .megamenuitem-responsive-copy {
    width: 100%;
  }

  .alert-bar {
    padding-left: 16px;
    padding-right: 16px;
  }

  .alert-bar.collaboration-alert {
    display: flex;
  }

  .alert-title.collaboration-alert-title {
    text-align: center;
  }

  .collection-list-wrapper-21 {
    width: 100%;
  }

  .collection-list-22 {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
  }

  .startup-hero {
    min-height: auto;
  }

  .startup-features-grid {
    grid-template-columns: 1fr;
  }

  .card_icons {
    z-index: 0;
    position: relative;
    top: auto;
    right: auto;
  }

  .frame-2087324988 {
    justify-content: center;
    align-items: center;
    height: 400px;
    padding-left: 0;
  }

  .flex-block-146 {
    flex-flow: column;
  }

  .waitlist-form {
    width: 100%;
  }

  .pricing-featured-items {
    flex-flow: column;
  }

  .pricing-top-variant-left-card {
    width: 100%;
  }

  .image-109316 {
    width: auto;
    height: 100%;
    left: auto;
    right: 0;
  }

  .pricing-variant-secondary-heading.align-left {
    text-align: center;
  }

  .flex-block-151 {
    flex-flow: column;
    align-items: stretch;
  }

  .pricing-top-variant-grid-col.mb-32.last-item-pricing {
    padding-right: 10px;
  }

  .pricing-table-variant {
    flex-flow: column;
  }

  .pricing-table-variant-left {
    width: auto;
  }

  .collection-list-23 {
    flex-flow: column;
  }

  .link-block-10 {
    flex-flow: row;
  }

  .agora-usecases-bottom-cta.features {
    margin-top: 30px;
  }

  .adv-recource-grid {
    grid-template-columns: 1fr;
    height: auto;
  }

  .image-109323 {
    width: 100%;
  }

  .maincta-lhs {
    grid-column-gap: var(--size--4);
    grid-row-gap: var(--size--4);
  }

  .event-team {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .event-heading-h2 {
    text-align: center;
  }

  .event-team-grid {
    padding-left: 48px;
    padding-right: 48px;
  }

  .event-team-card-inner {
    padding: 20px;
  }

  .event-presenters {
    grid-column-gap: var(--size--0-5);
    grid-row-gap: var(--size--0-5);
  }

  .event-section-button.features {
    margin-top: 30px;
  }

  .div-block-167 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .tech-event-details {
    justify-content: flex-start;
    align-items: stretch;
  }

  .tech-event-block {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .flex-block-173 {
    grid-template-columns: 1fr;
  }

  .image-109326 {
    height: 265px;
  }

  .in-page-alert-bar {
    padding-left: 16px;
    padding-right: 16px;
  }

  .event-team-grid-2-speakers {
    padding-left: 48px;
    padding-right: 48px;
  }

  .event-team-card-inner-1x {
    padding: 20px;
  }

  .product-variant-subtitle {
    max-width: none;
  }

  .product-hero-variant {
    background-image: url('../images/Hero-Section_small.webp');
    background-position: 50% 60%;
    background-repeat: no-repeat;
    background-size: 1440px;
    background-attachment: scroll;
  }

  .product-hero-variant.solution-hero-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .product-hero-variant-desc,
  .hero-variant-2-des-2-copy {
    max-width: none;
  }

  .product-benefits-variant-h2 {
    font-size: 40px;
  }

  .benefits-body {
    flex-flow: column;
  }

  .alert-logo-wrapper {
    display: none;
  }

  .div-block-176 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .products-openai-quickstart-guide-h2.h2 {
    font-size: 24px;
  }

  .products-trusted-partner {
    padding-left: 40px;
    padding-right: 40px;
  }

  .marquee-image.hide-mobile {
    display: none;
  }

  .alert-bar-copy {
    padding-left: 16px;
    padding-right: 16px;
  }

  .product-usage-flex-copy {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }
}

@media screen and (max-width: 479px) {
  .navmenu-linkwrapper.navmenu-link--hidden-xs {
    display: none;
  }
  .secondary-testimonial-logo {
    height: auto;
  }
  .features-sub-heading {
    max-width: 300px;
  }
  img {
    min-width: auto;
  }

  .container {
    max-width: none;
  }

  .gallery-wrapper {
    grid-template-columns: 1fr;
  }

  .gallery-slide-wrapper {
    max-width: 100%;
    margin-right: 0%;
  }

  .gallery-slider-left {
    left: -20px;
  }

  .gallery-slider-right {
    right: -20px;
  }

  .container-2 {
    max-width: none;
  }

  .nav-menu-three {
    flex-direction: column;
  }

  .button-primary.nav {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .button-primary.nav.btn-primary-outline {
    display: inline-flex;
  }

  .headernavbar-container {
    background-color: var(--color--black);
    padding-left: 16px;
    padding-right: 16px;
  }

  .nav-menu-two,
  .nav-menu {
    flex-direction: column;
  }

  .nav-button-wrapper {
    width: auto;
  }

  .right-navigation {
    float: none;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-end;
    display: flex;
  }

  .link {
    position: relative;
  }

  .brand.w--current {
    padding-left: 0;
  }

  .headernavbar {
    background-color: var(--color--transparent);
  }

  .headernavbar-menu {
    padding-right: var(--size--4);
    padding-left: var(--size--4);
    background-color: var(--color--dark-500);
    color: var(--color--gray-50);
  }

  .rounded-circle {
    flex: none;
  }

  .footer-column {
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 0;
  }

  .social-icons {
    margin-left: 16px;
  }

  .footer-top {
    padding-left: 16px;
    padding-right: 16px;
  }

  .grid {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: '.';
  }

  .footer-links-container.footerbottom-links {
    flex-flow: wrap;
  }

  .uui-navbar01_large-item-content {
    margin-top: 1rem;
  }

  .uui-navbar01_blog-item {
    flex-direction: column;
    display: flex;
  }

  .uui-navbar01_dropdown-blog-list {
    grid-column-gap: 0px;
    grid-row-gap: 0.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .uui-navbar01_dropdown-link {
    padding-left: 0;
  }

  .uui-navbar01_dropdown-content-left {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-navbar01_large-item-content-2 {
    margin-top: 1rem;
  }

  .uui-navbar01_blog-item-2 {
    flex-direction: column;
    display: flex;
  }

  .uui-navbar01_dropdown-blog-list-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .uui-navbar01_dropdown-link-2 {
    padding-left: 0;
  }

  .uui-navbar01_dropdown-content-left-2 {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-navbar01_large-item-content-3 {
    margin-top: 1rem;
  }

  .uui-navbar01_blog-item-3 {
    flex-direction: column;
    display: flex;
  }

  .uui-navbar01_dropdown-blog-list-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .uui-navbar01_dropdown-link-3 {
    padding-left: 0;
  }

  .uui-navbar01_dropdown-content-left-3 {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-footer01_menu-wrapper {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .uui-footer01_form {
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .uui-footer01_top-wrapper {
    grid-row-gap: 48px;
  }

  .uui-navbar01_large-item-content-4 {
    margin-top: 1rem;
  }

  .uui-navbar01_blog-item-4 {
    flex-direction: column;
    display: flex;
  }

  .uui-navbar01_dropdown-blog-list-4 {
    grid-column-gap: 0px;
    grid-row-gap: 0.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .uui-navbar01_dropdown-link-4 {
    padding-left: 0;
  }

  .uui-navbar01_dropdown-content-left-4 {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .content.swiper-content {
    align-items: center;
  }

  .hero.site-hero {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 32px;
    display: flex;
  }

  .main-heading {
    letter-spacing: -1px;
    font-size: 30px;
  }

  .hero-cta {
    margin-top: 10px;
  }

  .partners {
    padding: 40px 16px;
  }

  .services {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .h2 {
    font-size: var(--size--8);
    text-align: center;
  }

  .h2.display-md {
    font-size: var(--font--font-3xl);
    font-weight: var(--font--font-semibold);
    letter-spacing: -1px;
  }

  .h2.display-md.product-feature-heading,
  .h2.display-md.product-shipment-h2,
  .h2.display-md.product-shipment-h2-copy {
    font-size: 32px;
  }

  .h2.services-heading {
    font-size: var(--size--7);
    letter-spacing: -1px;
  }

  .h2.interactive-benefits-heading {
    font-size: 32px;
  }

  .h2.additional-discount-heading {
    font-size: var(--font--font-5xl);
    letter-spacing: -1.2px;
  }

  .h2.product-benefits-h2 {
    font-size: 28px;
  }

  .h2.virtual-class-heading,
  .h2.flexible-features-heading {
    font-size: 32px;
  }

  .h2.app-builder-feature-h2 {
    font-size: var(--size--10);
  }

  .h2.ui-benefits-heading {
    margin-left: 0;
    margin-right: 0;
    font-size: 28px;
  }

  .h2.solution-packed-h2 {
    letter-spacing: normal;
    font-size: 28px;
    line-height: 120%;
  }

  .h2.devtool-heading {
    font-size: 24px;
  }

  .h2.app-builder-heading-deploy {
    font-size: 32px;
  }

  .h2.adv {
    font-size: var(--size--6);
  }

  .h2.product-benefits-variant-h2 {
    font-size: 40px;
  }

  .service-info {
    font-size: 16px;
  }

  .tabs {
    display: none;
  }

  .div-block-5 {
    order: 1;
    margin-top: 30px;
  }

  .div-block-5.features {
    margin-top: 30px;
  }

  .div-block-5.hide-block-xs {
    display: none;
  }

  .features {
    text-align: center;
  }

  .feature-cell.services-gradient-bg.enterprise-card {
    justify-content: center;
    align-items: center;
    padding-right: 32px;
  }

  .flex-block-5 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .enterprise-text {
    display: none;
  }

  .flex-block-8 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .flex-block-10 {
    flex-flow: column;
    width: 100%;
  }

  .extension-quick-stack {
    padding-left: 0;
    padding-right: 0;
  }

  .text-2xl.extension-card-heading {
    text-decoration: underline;
  }

  .text-2xl.product-help-heading {
    width: 100%;
    max-width: 270px;
    font-size: 22px;
  }

  .text-l.product-feature-content {
    display: block;
  }

  .text-l.product-feature-content.partner {
    display: none;
  }

  .text-l.benefit-content {
    text-align: center;
    font-size: 18px;
  }

  .text-l.small-card-content {
    font-size: 16px;
  }

  .display-md.extension-heading {
    text-decoration: underline;
  }

  .div-block-9 {
    padding: 20px;
  }

  .jumbotron {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .agora-usecases {
    flex-flow: column;
    display: flex;
  }

  .usecase-heading {
    text-align: left;
    font-size: 32px;
  }

  .flex-block-11 {
    justify-content: flex-start;
    align-items: center;
  }

  .flex-block-12 {
    flex-flow: column;
  }

  .grid-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .image-12 {
    width: 310px;
    height: 100%;
  }

  .testimonial-heading {
    margin-bottom: 0;
    line-height: 100%;
  }

  .div-block-11 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    padding-top: 0;
  }

  .image-13 {
    display: block;
  }

  .single-testimonial {
    flex: auto;
  }

  .testimonial-avatar {
    justify-content: flex-start;
    align-items: center;
  }

  .home-cta-container {
    padding: 40px 16px;
  }

  .main-cta-container {
    padding-bottom: 32px;
  }

  .home-cta-heading {
    font-size: var(--font--font-2xl);
  }

  .maincta-text {
    padding-bottom: 10px;
  }

  .div-block-13.home-cta-left-pad {
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-14 {
    height: auto;
    margin-top: 12px;
    margin-bottom: -8px;
  }

  .shipping-video-card,
  .shipping-video-card.small {
    padding-left: 18px;
    padding-right: 18px;
  }

  .display-xs.cta-small-card-heading {
    font-size: var(--font--font-1-5xl);
  }

  .display-xs.benefits-h3 {
    text-align: center;
    font-size: 24px;
  }

  .sdk_uikit {
    flex-flow: column;
  }

  .jumbotron-color-paragraph {
    letter-spacing: normal;
  }

  .div-block-16 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    display: flex;
  }

  .div-block-17 {
    height: auto;
  }

  .secondary-hero {
    padding: 40px 16px;
  }

  .display-l.hero-variant-2-title-2 {
    order: 0;
    font-size: 32px;
  }

  .display-l.hero-variant-2-title-2.solutions-hero-title {
    margin-bottom: 20px;
  }

  .display-l.hero-variant-2-title {
    font-size: 32px;
  }

  .text-xl.hero-variant-2-des-2 {
    font-size: 18px;
  }

  .text-xl.hero-variant-2-des-2.solution-hero-desc {
    max-width: 75vw;
  }

  .text-xl.supported-platforms,
  .text-xl.hero-variant-2-des,
  .text-xl.hero-variant-2-des-copy {
    font-size: 14px;
  }

  .flex-block-20 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
  }

  .hero-actions {
    padding-top: 20px;
  }

  .div-block-18 {
    order: 1;
  }

  .product-platform-images {
    align-self: auto;
    width: 40px;
    height: 40px;
  }

  .supported-platforms-wrapper {
    flex-flow: column;
    margin-top: 12px;
  }

  .platform-image-container {
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
  }

  .collection-list {
    justify-content: flex-start;
    align-items: center;
  }

  .developer-tools {
    padding-top: 40px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .product-features-container {
    grid-template-columns: 1fr;
  }

  .spotlight-card.product-help-container {
    padding: 16px 12px;
  }

  .spotlight-card.shipping-video-card {
    padding-left: 18px;
    padding-right: 18px;
  }

  .spotlight-card.product-feature-cards {
    padding-left: 40px;
    padding-right: 40px;
  }

  .image-20 {
    height: 100%;
    display: none;
  }

  .flex-block-25 {
    flex: 1;
    padding-bottom: 24px;
  }

  .text-md.product-help-content {
    width: 100%;
    max-width: 248px;
    font-size: 16px;
    font-weight: 500;
  }

  .flex-block-27 {
    flex-flow: column;
  }

  .product-benefits {
    padding-left: 16px;
    padding-right: 16px;
  }

  .benefits-block {
    margin-top: 40px;
  }

  .benefits-featured-image {
    max-width: 90%;
  }

  .benefits {
    justify-content: flex-start;
    align-items: center;
    max-width: 90%;
  }

  .benefit {
    flex-flow: column;
  }

  .benefit.ai-solution {
    justify-content: flex-start;
    align-items: center;
  }

  .shipment-content {
    width: 100%;
  }

  .pill-default.pill-extensions.heading-pill-ext {
    font-family: var(--font--font-sans);
    letter-spacing: -0.6px;
    display: flex;
  }

  .pill-default.pill-extensions.pill-btm {
    display: none;
  }

  .text-block-30 {
    font-family: var(--font--font-sans);
    font-size: 14px;
    font-weight: var(--font--font-bold);
  }

  .flex-block-29 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .product-testimonial {
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-block-31 {
    font-size: 18px;
  }

  .product-user-testimonial {
    align-items: flex-start;
    width: 100%;
    min-width: auto;
    min-height: auto;
  }

  .product-usecases {
    padding-left: 16px;
    padding-right: 16px;
  }

  .product-usage-content {
    font-size: 18px;
    line-height: 140%;
  }

  .product-usage-flex {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .trend-card.trends {
    width: 100%;
  }

  .trend-card.large {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 24px;
  }

  .trend-card-container {
    background-color: var(--color--dark-600);
    flex-flow: column;
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: 300px;
    max-height: none;
  }

  .trend-card-container.large.br-12 {
    min-width: auto;
    min-height: auto;
  }

  .trend-card-container.large.br-12:hover {
    background-color: var(--color--dark-600);
  }

  .image-23 {
    border-top-right-radius: 12px;
    border-bottom-left-radius: 0;
    width: 100%;
    max-height: none;
  }

  .trend-card-title {
    font-size: var(--size--6);
    letter-spacing: normal;
    line-height: 110%;
  }

  .div-block-20 {
    align-items: center;
  }

  .interactive-whiteboard-benefits {
    padding-left: 16px;
    padding-right: 16px;
  }

  .video {
    width: 100%;
    min-width: 300px;
    height: auto;
  }

  .whiteborad-video {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .div-block-27 {
    font-size: 16px;
  }

  .collection-list-2 {
    grid-template-columns: 1fr;
  }

  .collection-list-2.products {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .fast-board-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .flex-block-37 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 20px;
  }

  .mega-menu-item.megamenuitem-responsive {
    width: 100%;
  }

  .div-block-28.div-block-28-responsive {
    flex-flow: column;
  }

  .menublock,
  .menublock.menublock-4,
  .menublock.menublock-2,
  .menublock.menublock1-3.menublockcard.developer-menu {
    grid-template-columns: 1fr;
  }

  .footer-container {
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-heading {
    text-align: center;
  }

  .pricing-heading-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .pricing-heading-ctas {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-block-41 {
    text-align: left;
    max-width: 100%;
  }

  .flex-block-44 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 40px;
  }

  .product-pricing {
    border-style: none;
    padding-top: 20px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .product-pricing.mt-60 {
    margin-top: 0;
  }

  .heading-6 {
    margin-bottom: 56px;
  }

  .product-pricing-item {
    padding-bottom: 32px;
  }

  .text-block-42 {
    font-size: 24px;
  }

  .text-block-43 {
    font-size: 14px;
  }

  .item-desc {
    min-width: auto;
  }

  .price-text-bold {
    font-size: 24px;
  }

  .price {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-width: 110px;
  }

  .starts-at {
    font-size: 14px;
    display: block;
  }

  .pricing-item-html {
    min-width: auto;
    font-size: 12px;
  }

  .starting-price-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .section-3 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .flex-block-48 {
    align-items: flex-start;
  }

  .flex-block-49 {
    flex-flow: column;
    align-items: flex-start;
  }

  .usage-table-section,
  .discounts-pricing {
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-block-51 {
    text-align: center;
  }

  .flex-block-51 {
    grid-column-gap: 65px;
    grid-row-gap: 65px;
    flex-flow: column;
    align-items: flex-start;
  }

  .rounded-circle-2 {
    flex: none;
  }

  .grid-table.migration {
    grid-template-columns: 1fr 1fr minmax(150px, 1fr) minmax(150px, 1fr);
    overflow: auto;
  }

  .plans-disclaimer-html {
    padding-left: 0;
  }

  .uui-text-size-medium-2 {
    max-width: 280px;
    font-size: 16px;
  }

  .faq-heading {
    max-width: 270px;
  }

  .faq {
    padding-top: 20px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .heading-7 {
    letter-spacing: -1px;
    font-size: 32px;
  }

  .banner-cta {
    padding-left: 16px;
    padding-right: 16px;
  }

  .modal-megamenu-contentblock {
    display: block;
  }

  .collection-list-4 {
    grid-template-columns: 1fr 1fr;
  }

  .related-pricing-products {
    padding-left: 16px;
    padding-right: 16px;
  }

  .related-products-link-block {
    flex: 0 auto;
  }

  .copyright {
    flex-flow: column;
    padding-bottom: 60px;
  }

  .image-29 {
    width: 100%;
  }

  .support-section {
    padding: 40px 16px;
  }

  .support-heading {
    font-size: 46px;
    line-height: 120%;
  }

  .text-block-62 {
    font-size: 16px;
  }

  .support-grid-item {
    padding: 32px;
  }

  .talk-to-us-section {
    padding-top: 40px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .talk-to-us-heading {
    letter-spacing: -1px;
    font-size: 36px;
  }

  .talk-to-us-heading-card {
    padding: 16px;
  }

  .talk-to-us-card-heading,
  .div-block-34,
  .text-block-64 {
    display: none;
  }

  .flex-block-57 {
    flex-flow: column;
    margin-top: 32px;
  }

  .community-channels-left {
    flex-flow: column;
  }

  .rounded-circle-outline {
    flex: none;
  }

  .p-testimonial:first-child {
    border-bottom-width: 1px;
    border-right-style: none;
    border-bottom-color: var(--color--dark-50);
  }

  .platform-icon_wrapper {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .video-block {
    width: 100%;
    min-width: auto;
    max-width: none;
    min-height: auto;
    max-height: none;
  }

  .grid-5 {
    padding-left: 0;
    padding-right: 0;
  }

  .virtual-class-section--c {
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-block-67 {
    font-size: 16px;
    line-height: 130%;
  }

  .grid-6 {
    grid-template-columns: 1fr;
  }

  .usecase-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .hero-secondaryvertical {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .secondary-vertical-heading {
    text-align: center;
    letter-spacing: -3.36px;
    font-size: 60px;
    line-height: 110%;
  }

  .text-block-69 {
    text-align: center;
    line-height: 140%;
  }

  .secondary-vertical-gradient {
    width: 190px;
  }

  .app-builder-tab {
    padding-left: 16px;
    padding-right: 16px;
  }

  .tabs-basictab {
    width: 100%;
  }

  .tabs-basictab-menu {
    width: 100%;
    padding: 20px 30px;
  }

  .basic-tab-link.w--current {
    background-color: var(--color--dark-100);
  }

  .image-34 {
    display: none;
  }

  .tab-try-it-now {
    margin-top: 20px;
  }

  .customize-section {
    padding-top: 60px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .customize-heading {
    font-size: 31px;
  }

  .text-block-71 {
    font-size: 16px;
  }

  .div-block-43 {
    padding: 16px;
    display: none;
  }

  .app-builder-features-section {
    padding-top: 60px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .flex-block-60 {
    font-size: var(--font--font-5xl);
  }

  .grid-8 {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .nav-megamenu-modal {
    display: none;
  }

  .dropdown-image {
    height: 150px;
  }

  .flexible-classroom-testimonial {
    padding-left: 16px;
    padding-right: 16px;
  }

  .common-usage-section {
    padding: 40px 16px;
  }

  .grid-9 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .ui-kit-benefits-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .ui-kit-benefits-container {
    justify-content: flex-start;
    align-items: center;
  }

  .secondary-hero-no-pd.ui-kit-hero {
    padding-bottom: 24px;
  }

  .small-secondary-heading.left-align {
    font-family: var(--font--font-sans);
    color: var(--color--gray-400);
  }

  .text-block-74 {
    max-width: 110%;
  }

  .testimonial-container-solutions {
    flex-flow: column;
  }

  .awards-section {
    padding: 40px 16px;
  }

  .awards-container.awards-gradient-border {
    padding-left: 20px;
    padding-right: 20px;
  }

  .awards-container.awards-gradient-border.edu {
    padding-bottom: 20px;
  }

  .awards-container.awards-gradient-border.social,
  .awards-container.awards-gradient-border.embed-real-time-voice-chat-into-any-app {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .infoblock-tele-text.centre.shopping-right-text {
    text-align: center;
  }

  .infoblock-tele-text.large {
    font-size: var(--size--4);
  }

  .infoblock-tele-text.left.large.no-pd-left {
    font-size: var(--size--3-5);
  }

  .virtual-education-heading {
    font-size: var(--size--7);
  }

  .virtual-education-heading.centre.align-right.basis-55 {
    text-align: center;
  }

  .virtual-education-heading.right {
    font-size: var(--size--5);
    font-weight: var(--font--font-semibold);
  }

  .image-36 {
    width: auto;
    max-width: 250px;
    height: auto;
  }

  .flex-block-64 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .solution-packed-features {
    padding: 40px 16px;
  }

  .solution-packed-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .solution-packed-heading {
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
  }

  .text-block-77 {
    text-align: center;
  }

  .checks-feature-card-block {
    min-width: 328px;
    height: 100%;
  }

  .featured-content-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .grid-10 {
    grid-template-columns: 1fr;
  }

  .text-block-79 {
    letter-spacing: 0.25px;
  }

  .feature-card-item-heading {
    font-weight: var(--font--font-semibold);
  }

  .solution-features-grid {
    grid-column-gap: var(--size--4);
    grid-row-gap: var(--size--4);
  }

  .solution-testimonial-item {
    width: 100%;
  }

  .solution-testimonial-item:first-child {
    border-right-width: 0;
  }

  .solution-testimonial-item:last-child {
    border-top: 1px solid #393939;
  }

  .rich-content-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .standard-rich-text h2 {
    font-size: 24px;
  }

  .standard-rich-text p {
    margin-bottom: 10px;
    font-size: 16px;
  }

  .standard-rich-text ul {
    padding-left: 20px;
  }

  .standard-rich-text blockquote {
    margin-bottom: 16px;
  }

  .compliance-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .compliance-2-grid {
    grid-template-columns: minmax(290px, 1fr);
  }

  .compliance-icon-block {
    justify-content: flex-start;
    align-items: center;
  }

  .compliance-content-heading.icon-heading {
    font-size: 20px;
  }

  .download-white-paper-block {
    padding-right: 20px;
  }

  .text-block-80 {
    display: none;
  }

  .compliance-download-text {
    align-self: center;
    font-size: 12px;
    line-height: 100%;
  }

  .compliance-base-section {
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .certifications-grid,
  .compliance-partners {
    grid-template-columns: 1fr;
  }

  .full-footer-container {
    padding-left: 0;
    padding-right: 0;
  }

  .legal-jumbotron {
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .legal-page-heading {
    font-family: var(--font--font-sans);
    width: 100%;
    font-size: 32px;
  }

  .legal-page-heading.large {
    font-size: var(--size--9);
  }

  .legal-small-heading {
    font-size: 14px;
  }

  .jumbotron-heading {
    padding-right: 0;
  }

  .extension-marketplaces {
    padding-left: 16px;
    padding-right: 16px;
  }

  .extensions-heading-container {
    flex-flow: column;
    align-items: flex-start;
  }

  .extensions-footer {
    flex-flow: column;
  }

  .ext-label {
    font-weight: var(--font--font-semibold);
    letter-spacing: 0;
  }

  .marketplace-hero {
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-block-56 {
    flex-flow: column;
  }

  .left-arrow.splide-prev,
  .right-arrow.splide-next {
    display: none;
  }

  .success-stories-hero-section {
    padding-top: 40px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .success-stories-footer-quote-block {
    padding-left: 16px;
    padding-right: 16px;
  }

  .about-customer-name {
    font-size: 12px;
  }

  .about-customer-heading {
    font-size: var(--size--5);
    font-weight: 600;
  }

  .success-stories-customer-quote-section,
  .success-stories-customer-quote-section.cover-background {
    padding-left: 16px;
    padding-right: 16px;
  }

  .success-stories-hero-rte h1 {
    font-size: var(--size--7);
  }

  .success-stories-products-used {
    padding: 40px 16px;
  }

  .heading-8 {
    line-height: 120%;
  }

  .section-5 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-6 {
    padding: 40px 16px;
  }

  .stories-filters-menu {
    display: none;
  }

  .div-block-62 {
    height: auto;
  }

  .small-card-thumbnail-image {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .small-card-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .small-card-content-heading {
    font-size: 16px;
  }

  .header {
    padding-bottom: 40px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .h1-blog-title {
    font-size: 32px;
  }

  .byline {
    font-size: var(--font--font-xs);
    justify-content: flex-start;
    align-items: flex-start;
  }

  .g-byline-text {
    font-size: 14px;
  }

  .g-byline-text.small {
    font-size: var(--font--font-xs);
    letter-spacing: -0.6px;
    padding-bottom: 0;
    line-height: 150%;
  }

  .blog-body {
    padding-top: 32px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .collection-list_4grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr;
  }

  .collection-list_4grid.two {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .secondary-hero-main-content-img {
    order: 0;
    width: 100%;
    height: 100%;
  }

  .secondary-hero-slider {
    flex: none;
    width: 100%;
    height: 100%;
  }

  .secondary-hero-slider-image {
    width: 100%;
    height: 100%;
  }

  .success-stories-footer-quoteblock-rte blockquote {
    font-size: var(--size--4);
  }

  .success-stories-footer-quoteblock-rte p {
    font-style: normal;
    font-weight: 400;
  }

  .success-stories-power-of-real-time {
    padding: 20px 16px;
  }

  .success-stories-about-customer-block,
  .success-stories-the-problem,
  .success-stories-the-solution,
  .success-stories-the-results {
    padding-left: 16px;
    padding-right: 16px;
  }

  .menu-button-3 {
    padding: var(--size--3);
    border-radius: var(--size--3);
    background-color: var(--color--dark-900);
  }

  .menu-button-3:active {
    padding: var(--size--3);
    border-radius: var(--size--4);
    background-color: var(--color--dark-500);
  }

  .menu-button-3:focus {
    background-color: var(--color--dark-500);
  }

  .pricing-rhs {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
  }

  .main {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-9 {
    font-size: 40px;
    line-height: 48px;
  }

  .flex-block-74 {
    margin-top: 40px;
  }

  .newsroom-header {
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-5 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .newsroom-pressrelease {
    padding-left: 16px;
    padding-right: 16px;
  }

  .flex-block-77 {
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
  }

  .newsroom-pressreleasecard-wrapper.underline-card {
    padding-top: 20px;
  }

  .flex-block-79 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .heading-10.underline {
    font-size: 20px;
    line-height: 28px;
  }

  .press-release-pageheader {
    font-size: var(--size--11);
    line-height: 46px;
  }

  .pressrelease-container {
    padding-top: 40px;
  }

  .pressrelease-container.media-container {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .container-9 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .image-53 {
    display: none;
  }

  .container-10 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-11 {
    max-width: none;
  }

  .nav-menu-three-2 {
    flex-direction: column;
  }

  .paragraph-2,
  .hero-banner-extensions {
    padding-left: 16px;
    padding-right: 16px;
  }

  .flex-block-85 {
    padding-left: 20px;
  }

  .div-block-70 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    display: block;
  }

  .agora-for-startups-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-76 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    aspect-ratio: auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    display: grid;
  }

  .columns {
    width: 100%;
  }

  .blog-header-section {
    padding: 40px 16px 32px;
    position: static;
  }

  .blog-heading.careers {
    font-size: 32px;
    font-weight: var(--font--font-semibold);
    max-width: 320px;
  }

  .blog-search {
    min-width: auto;
  }

  .blog-tabs,
  .blog-tabs.selected.w--current {
    width: 100%;
    min-width: auto;
  }

  .blog-card {
    min-width: 326px;
    padding-bottom: 24px;
  }

  .blog-card.large {
    min-width: auto;
  }

  .blog-thumbnail {
    height: auto;
  }

  .content-2 {
    grid-row-gap: 16px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .blog-card-text {
    min-height: auto;
    font-size: 16px;
  }

  .blog-tab-text {
    text-align: center;
  }

  .icon-24px {
    display: block;
  }

  .div-block-84 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .quick-stack-7 {
    width: 110%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cell-3 {
    display: flex;
  }

  .flex-block-88 {
    aspect-ratio: auto;
    object-fit: fill;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .div-block-90 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .heading-21 {
    font-family: acumin-pro;
  }

  .heading-24 {
    line-height: 24px;
  }

  .bold-text-4 {
    font-family: var(--font--font-sans);
  }

  .paragraph-11 {
    font-family: acumin-pro;
  }

  .div-block-95 {
    margin-top: 20px;
    padding-left: 0;
  }

  .flex-block-89 {
    order: -1;
    width: 100%;
    display: block;
  }

  .column {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .th-section__content-unity {
    padding-left: 0;
    padding-right: 10px;
  }

  .div-block-73-2 {
    padding-bottom: 20px;
    padding-left: 15px;
  }

  .div-block-74-2 {
    margin-top: 0;
    margin-left: 3%;
    padding-top: 20px;
  }

  .th-row-unity {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .th-col1-unity {
    min-width: 100%;
  }

  .th-main {
    padding-left: 40px;
    padding-right: 40px;
  }

  .speaker-headshot {
    width: 50%;
  }

  .newsroom-mediacoverages {
    padding-left: 16px;
    padding-right: 16px;
  }

  .g-backto-link {
    order: 0;
    padding-bottom: 0;
  }

  .splide-collection-listi-wrapper.splide__track {
    object-fit: fill;
  }

  .splide {
    width: 100%;
    height: auto;
  }

  .image-61 {
    object-fit: contain;
    height: auto;
  }

  .partner-section,
  .section-13 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .modal-content {
    max-width: 400px;
  }

  .g-selected-item {
    color: var(--color--white);
  }

  .g-dropdown-container {
    display: inline-block;
  }

  .icon-6 {
    color: var(--color--white);
  }

  .flex-block-94 {
    flex-flow: column;
  }

  .resource-block {
    width: 100%;
  }

  .link-block-7-2 {
    width: 24px;
    height: 24px;
  }

  .evt-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .evt-card__content-title {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .evt-card__content-title-date {
    text-align: left;
    font-size: 14px;
  }

  .evt-tab {
    min-width: 160px;
  }

  .evt-tab-header {
    color: var(--color--white);
  }

  .evt-hero-section {
    height: 180px;
    padding-bottom: 20px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .evt-tabs-menu {
    flex-flow: wrap;
  }

  .th-section__content_gartner {
    padding-left: 0;
    padding-right: 10px;
  }

  .th-row-gartner,
  .th-row-copy {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .th-section__content_partners {
    padding-left: 0;
    padding-right: 10px;
  }

  .text-block-94,
  .text-block-95,
  .text-block-96,
  .text-block-97 {
    text-align: center;
  }

  .appbuilder-tab-text {
    color: var(--color--white);
    text-align: center;
  }

  .th-col2-unity {
    min-width: auto;
  }

  .th-section__content_twilio {
    padding-left: 0;
    padding-right: 10px;
  }

  .th-main-twilio {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-26,
  .section-27,
  .section-28,
  .section-29 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-30 {
    padding: 40px 26px 40px 16px;
  }

  .section-31 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .flex-block-97 {
    padding-left: 32px;
  }

  .flex-block-98 {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .flex-block-101 {
    flex-flow: column;
  }

  .heading-h4 {
    font-size: 20px;
  }

  .container-16 {
    max-width: none;
  }

  .centered-heading {
    margin-bottom: 24px;
  }

  .team-grid {
    grid-template-columns: 1fr;
  }

  .flex-block-103 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .flex-block-104 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .flex-block-110 {
    grid-column-gap: var(--size--0-5);
    grid-row-gap: var(--size--0-5);
    padding: 20px;
  }

  .heading-h3 {
    font-size: 32px;
  }

  .flex-block-113,
  .section-32.ext-white-content {
    padding-left: 16px;
    padding-right: 16px;
  }

  .typography-body-med-600 {
    overflow-wrap: normal;
  }

  .flex-block-114-2 {
    min-width: 0;
    min-height: 0;
  }

  .solution-trends-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .trend-data-card {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    max-width: none;
    padding-left: 40px;
  }

  .trend-data-card.mid {
    border-top: 1px solid #000;
    border-bottom: 1px solid #fff;
  }

  .collection-list-15 {
    flex-flow: column;
  }

  .telehealth-ifo-heading.large {
    font-size: 60px;
  }

  .infoblock-text {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .infoblock-text.top-btm,
  .infoblock-text.gap-5.shopping-awards-section {
    flex-flow: column;
  }

  .trend-card-collection {
    width: 100%;
    max-width: 400px;
  }

  .collection-list-16.large {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
  }

  .collection-list-17 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    display: flex;
  }

  .collection-list-wrapper-17 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
  }

  .tele-close-care-gaps {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .uui-navbar02_blog-content {
    margin-top: 0.5rem;
  }

  .uui-navbar02_blog-item {
    flex-direction: column;
    display: flex;
  }

  .uui-navbar02_dropdown-blog-item-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0.5rem;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .uui-navbar02_dropdown-content-wrapper {
    width: 100%;
  }

  .uui-navbar02_dropdown-content-right {
    max-width: none;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .uui-navbar02_dropdown-link {
    padding-left: 0;
  }

  .uui-navbar02_dropdown-content-left {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .flex-block-124 {
    grid-template-columns: 1fr;
  }

  .text-block-100,
  .text-block-101,
  .text-block-102 {
    font-size: 16px;
  }

  .text-block-103 {
    text-align: center;
  }

  .become-partner-hero-section,
  .become-partner-form {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-143 {
    margin-left: 0;
    margin-right: 0;
  }

  .section-33 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .become-partner-heading {
    font-size: var(--size--9);
  }

  .apply-now-div {
    margin-top: 32px;
    margin-bottom: 4px;
  }

  .partner-type-card-heading {
    margin-bottom: 16px;
  }

  .paragraph-26-2 {
    line-height: 140%;
  }

  .section-34 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .join-partner-heading {
    font-size: var(--size--8);
    max-width: 280px;
  }

  .flex-block-127.bap-program {
    place-items: center stretch;
  }

  .blog-img-hero {
    width: 100%;
    height: 100%;
  }

  .image-77-2 {
    transform: none;
  }

  .image-78-2 {
    width: 60px;
    height: 60px;
  }

  .image-79,
  .image-80 {
    height: 60px;
  }

  .m-tab-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .m-tab-menu-card {
    background-image: linear-gradient(
      272deg,
      #151515 31.85%,
      #1e1e1e 100%,
      #fff
    );
    border: 1px solid #2c2c2c;
    border-radius: 4px;
    flex: 1;
    justify-content: center;
    align-items: center;
    min-height: 60px;
    padding: 8px 0;
    display: flex;
  }

  .m-tab-menu-card__content-icon {
    font-size: var(--font--font-xl);
    width: 24px;
    min-width: 24px;
    max-width: 0%;
    height: 24px;
    padding-top: 0;
  }

  .m-tab-menu-card__content-icon.convo-ai {
    width: 22px;
    min-width: 22px;
    height: 22px;
  }

  .m-tab-menu-card__content-text {
    color: var(--color--white);
    font-size: 14px;
    line-height: 140%;
    font-weight: var(--font--font-normal);
    text-align: left;
    letter-spacing: 0.16px;
  }

  .m-tab-menu-card__content {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    display: flex;
  }

  .media-service {
    padding-left: 16px;
    padding-right: 16px;
  }

  .media-service-title {
    font-size: 24px;
  }

  .recording-options {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding: 20px 16px;
  }

  .rec-grid {
    flex: 0 auto;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }

  .complaince {
    padding-top: 0;
    padding-bottom: 20px;
  }

  .text-12 {
    font-size: 32px;
  }

  .text-12.left {
    font-size: 26px;
  }

  .text-13 {
    max-width: 280px;
    font-size: 14px;
    line-height: 140%;
  }

  .frame-2087325437 {
    grid-row-gap: 12px;
    width: 100px;
    height: 97px;
    margin-bottom: 0;
  }

  .vectors-wrapper-7-2-2,
  .image-109239,
  .image-109309 {
    width: 40px;
    height: 40px;
  }

  .analytics-compliance {
    padding-left: 16px;
    padding-right: 16px;
  }

  .analytics-compliance.quickstart {
    padding-bottom: 40px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .live-sudio-streaming-usecases {
    padding-left: 16px;
    padding-right: 16px;
  }

  .liveshopping-benefits-image {
    max-height: 180px;
  }

  .live-audio-usecase-grid {
    margin-top: 32px;
  }

  .live-audio-usecase-grid._3-col {
    grid-template-columns: 1fr;
  }

  .flex-block-133 {
    height: 90vh;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-60 {
    font-size: 56px;
  }

  .text-block-107 {
    font-size: var(--size--8);
    line-height: var(--size--9);
  }

  .frame-1081 {
    padding: 8px;
  }

  .analytics-para {
    font-size: 16px;
    line-height: 140%;
  }

  .careers-hero-section {
    padding: 80px 16px;
  }

  .jobs-content-section,
  .wellness-sec {
    padding-left: 16px;
    padding-right: 16px;
  }

  .perfect-match-para {
    -webkit-text-stroke-width: 0px;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
  }

  .wellness-lhs {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .welness-para {
    font-size: 14px;
    line-height: 140%;
  }

  .container-17 {
    max-width: none;
  }

  .centered-heading-2 {
    margin-bottom: 24px;
  }

  .careers-hero {
    padding: 60px 16px 40px;
  }

  .image-section {
    box-sizing: border-box;
    grid-column-gap: 4px;
    object-fit: fill;
    max-width: 1440px;
    height: 190px;
    max-height: 190px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: auto;
  }

  .col1 {
    grid-row-gap: 4px;
    object-fit: fill;
    height: 100%;
    overflow: visible;
  }

  .career-home-image {
    border-radius: 2px;
  }

  .career-home-image.fixed {
    height: 50%;
  }

  .career-home-image.left {
    width: 100%;
  }

  .col2 {
    grid-row-gap: 4px;
    object-fit: fill;
    height: 100%;
  }

  .careers-hero-image {
    box-sizing: border-box;
    aspect-ratio: auto;
    object-fit: fill;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .why-choose-agora {
    grid-row-gap: 60px;
    padding-top: 60px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-2087325145 {
    grid-row-gap: 32px;
  }

  .text-16 {
    font-size: 16px;
  }

  .text-17 {
    font-size: 32px;
    line-height: 120%;
  }

  .frame-2087325144 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .careers-illustration-sec {
    justify-content: flex-start;
    align-items: center;
  }

  .heading-3-obsess-over {
    font-size: 24px;
    line-height: 120%;
    font-weight: var(--font--font-semibold);
    text-align: center;
  }

  .text-18 {
    text-align: center;
    font-size: 14px;
  }

  .text-19 {
    font-size: 32px;
    line-height: 120%;
    font-weight: var(--font--font-semibold);
    letter-spacing: 0;
    max-width: none;
  }

  .testimonial-card {
    padding: 20px;
  }

  .live-audio-heading {
    font-size: 32px;
    font-weight: var(--font--font-semibold);
  }

  .conversational-ai-benefits {
    padding: 40px 16px;
  }

  .paragraph-27-2 {
    text-align: left;
  }

  .text-15-2 {
    font-size: var(--size--5);
  }

  .text-16-2 {
    font-size: 14px;
    line-height: 150%;
  }

  .solution-trusted-partners-section {
    flex-flow: wrap;
    padding: 24px 16px;
    display: flex;
  }

  .collection-list-21 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    max-width: 330px;
  }

  .image-109311 {
    min-width: auto;
    max-width: 70px;
    min-height: auto;
  }

  .footertop-wrapper {
    width: 100%;
    height: 820px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .cmp-section {
    padding: 56px 16px;
  }

  .cmp-banner-text {
    font-size: 32px;
  }

  .cmp-value-box {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 16px;
  }

  .cmp-value-card__image {
    background-image: url('../images/meet-company_1.webp');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
  }

  .cmp-value-card__content-para {
    font-size: 16px;
  }

  .cmp-value-card__content-para.gray-600 {
    font-size: 18px;
  }

  .cmp-value-card__content-heading {
    font-size: 32px;
  }

  .div-block-97-2 {
    width: auto;
  }

  .cmp-jumbo-heading {
    font-size: 48px;
  }

  .cmp-jumbo-heading:lang(ko) {
    object-fit: fill;
    overflow: visible;
  }

  .heading-26-2 {
    font-size: 32px;
  }

  .heading-27-2 {
    font-size: 12px;
  }

  .paragraph-16-2 {
    font-size: 16px;
  }

  .flex-block-93-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .flex-block-94-2 {
    flex-flow: row;
  }

  .about-us-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .mt-team {
    padding-left: 0;
    padding-right: 0;
  }

  .container-gallery {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
  }

  .benefit-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: center;
    padding-top: 0;
    padding-bottom: 30px;
  }

  .slide-controls {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }

  .container-18 {
    margin-left: 16px;
    margin-right: 16px;
  }

  .rounded-circle-3 {
    flex: none;
  }

  .swiper-benefit-heading {
    font-size: var(--size--8);
  }

  .swiper-benefit-heading.top {
    margin-bottom: 20px;
  }

  .swiper-content-heading,
  .swiper-content-paragraph {
    text-align: center;
  }

  .flex-block-138 {
    align-items: flex-start;
  }

  .feature-card-content-rte {
    display: none;
  }

  .sitemap-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .jumbotron-heading-copy {
    padding-right: 0;
  }

  .rich-content-section-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-section {
    padding: 40px 16px;
  }

  .soultion-landing-text-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .heading-sol-landing {
    text-align: center;
    font-size: 38px;
  }

  .sol-land-desc {
    text-align: center;
    font-size: 18px;
  }

  .sol-land-desc.small {
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
  }

  .usecases-grid {
    grid-template-columns: 1fr;
  }

  .agora-platform-adv {
    height: 100%;
    min-height: 420px;
    padding: 40px 16px;
  }

  .platform-adv-heading {
    font-size: 32px;
  }

  .platform-adv-desc {
    text-align: center;
    font-size: 14px;
  }

  .product-list-sec {
    padding-left: 16px;
    padding-right: 16px;
  }

  .prod-list-text-header {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .image-109313 {
    width: 100%;
    min-height: 160px;
  }

  .text-block-108 {
    font-size: 14px;
  }

  .awards-shopping-bag-container {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .section-36 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .flex-block-139 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .flexible-awards {
    padding-left: 16px;
    padding-right: 16px;
  }

  .awards-image {
    height: 100px;
  }

  .thank-you-header {
    font-size: 56px;
  }

  .ebook-flex-block {
    height: 90vh;
    padding-left: 20px;
    padding-right: 20px;
  }

  .ebook-header {
    font-size: 56px;
  }

  .ebook-text-block {
    font-size: var(--size--8);
    line-height: var(--size--9);
  }

  .generic-ty-flex-block {
    height: 90vh;
    padding-left: 20px;
    padding-right: 20px;
  }

  .generic-ty-header {
    font-size: 56px;
  }

  .generic-ty-text-block,
  .thank-you-text-block {
    font-size: var(--size--8);
    line-height: var(--size--9);
  }

  .talk-to-us-flex-block {
    height: 90vh;
    padding-left: 20px;
    padding-right: 20px;
  }

  .empty-div-benefit-icon {
    display: none;
  }

  .flex-block-141 {
    order: 0;
    justify-content: center;
    align-self: auto;
    align-items: flex-start;
  }

  .flex-block-142 {
    justify-content: center;
    align-items: flex-start;
  }

  .onboarding-v2-section {
    display: none;
  }

  .about-us-cta-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    text-align: left;
    flex-flow: column;
  }

  .about-us-video {
    width: 328px;
  }

  .in-page-alert-banner {
    padding-left: 16px;
    padding-right: 16px;
  }

  .in-page-banner {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    height: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

  .migration-benefits-container {
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .migration-card-grid {
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .grid-19 {
    grid-template-columns: 1fr;
  }

  .migration-resouces {
    height: auto;
  }

  .section-37 {
    padding-top: 60px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .megamenuitem-responsive-copy {
    width: 100%;
  }

  .text-block-110-2 {
    font-size: 14px;
  }

  .hero-bg-vid {
    display: none;
    top: 20px;
  }

  .hero-video-container {
    max-width: 380px;
    height: 40vh;
  }

  .alert-bar {
    height: 100%;
  }

  .alert-bar.collaboration-alert {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .alert-title {
    text-align: left;
    margin-right: 0;
    font-size: 14px;
  }

  .alert-close-button.js--close-alert-bar {
    width: 20px;
    height: 20px;
  }

  .alert-link {
    font-size: 14px;
  }

  .startup-hero {
    min-height: auto;
  }

  .startup-hero-lhs {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 0;
    padding-left: 20px;
  }

  .agora-for-startups-image {
    max-height: 320px;
  }

  .agora-for-startups-content {
    grid-row-gap: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .agora-for-startups-text {
    grid-row-gap: 15px;
  }

  .agora-for-startups-text-desc {
    font-size: 16px;
  }

  .frame-2087324988 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 400px;
    padding-left: 0;
  }

  .startup_prog_hero {
    vertical-align: baseline;
    overflow: clip;
  }

  .benefit-content-richtext {
    text-align: center;
  }

  .benefit-content-richtext p {
    font-size: 18px;
  }

  .sitemap-page-heading {
    width: 100%;
    font-size: 32px;
  }

  .sitemap-page-heading.large {
    font-size: 46px;
  }

  .waitlist-section {
    flex-flow: column;
    padding-left: 16px;
    padding-right: 16px;
    display: block;
  }

  .waitlist-heading {
    letter-spacing: normal;
    font-size: 32px;
  }

  .waitlist-paragraph {
    font-size: var(--size--5);
    font-weight: 600;
  }

  .flex-block-145,
  .flex-block-146 {
    flex-flow: column;
  }

  .pricing-variant-table-section.only-analytics,
  .pricing-variant-table-section.only-cloud-proxy {
    padding-left: 16px;
    padding-right: 16px;
  }

  .pricing-variant-secondary-heading.align-left {
    text-align: center;
  }

  .pricing-top-variant-grid-col.mb-32 {
    border-bottom-style: none;
    padding-bottom: 0;
  }

  .grid-20 {
    grid-template-columns: 1fr;
  }

  .pricing-table-variant {
    flex-flow: column;
  }

  .image-109317 {
    display: block;
  }

  .collection-list-23 {
    flex-flow: column;
  }

  .heading-63 {
    font-family: var(--font--font-sans);
    font-size: var(--font--font-1-5xl);
    font-weight: var(--font--font-semibold);
  }

  .media-services-icon {
    width: 40px;
    height: 40px;
  }

  .flex-block-154 {
    flex-flow: column;
  }

  .link-block-10 {
    grid-column-gap: var(--size--2);
    grid-row-gap: var(--size--2);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .code-embed-19 {
    display: none;
  }

  .sdrtn-video {
    height: 300px;
    display: none;
  }

  .sdrtn-video.relative.collaboration-benefits {
    flex: 0 auto;
    display: none;
  }

  .div-block-158 {
    min-height: 400px;
  }

  .agora-usecases-bottom-cta {
    order: 1;
    margin-top: 30px;
    display: block;
  }

  .agora-usecases-bottom-cta.features {
    margin-top: 30px;
  }

  .pricing-container {
    padding-left: 0;
    padding-right: 0;
  }

  .collection-item-14 {
    flex-flow: wrap;
  }

  .pagination-3 {
    margin-top: 20px;
  }

  .next {
    border-radius: 60px;
  }

  .collection-list-wrapper-22 {
    width: 100%;
  }

  .div-block-160 {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section-38 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .grid-22 {
    grid-template-columns: 1fr;
  }

  .flex-block-157-2 {
    flex-flow: column;
  }

  .background-video-8 {
    height: 200%;
    left: 0;
  }

  .text-block-116 {
    font-size: 16px;
    line-height: 140%;
  }

  .code-embed-22 {
    margin-top: 8px;
  }

  .large-screen-cta {
    display: none;
  }

  .mobile-cta {
    display: block;
  }

  .content-para {
    align-items: center;
  }

  .image-109322,
  .media-service-icons {
    max-width: 65%;
  }

  .paragraph-32,
  .paragraph-33,
  .paragraph-34 {
    font-family: acumin-pro;
  }

  .advantage-resouces {
    padding: 40px 16px;
  }

  .adv-recource-grid {
    grid-template-columns: 1fr;
    height: auto;
    margin-top: 20px;
  }

  .image-109323 {
    width: 100%;
  }

  .hero-video-landing {
    padding-left: 16px;
    padding-right: 16px;
  }

  .flex-block-162 {
    flex-flow: column;
  }

  .hero-mobile-bg-vid {
    margin-top: -4px;
    display: block;
    position: static;
    top: 160px;
    left: 0%;
  }

  .sdrtn-video-mobile {
    width: 100%;
    height: 350px;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-bottom: 0;
    display: block;
    position: static;
  }

  .speaker-3x-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 100%;
    padding-top: 20px;
    display: block;
    overflow: visible;
  }

  .link-block-14 {
    display: none;
  }

  .maincta-lhs {
    grid-column-gap: var(--size--5);
    grid-row-gap: var(--size--5);
  }

  .speaker-headshot-4 {
    width: 50%;
  }

  .flex-block-169 {
    flex-flow: wrap;
  }

  .event-main {
    padding-left: 16px;
    padding-right: 16px;
  }

  .event-team {
    flex-flow: column;
  }

  .event-team-grid {
    padding-left: 0;
    padding-right: 0;
  }

  .event-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .event-section-flex-block {
    width: auto;
    max-width: none;
  }

  .event-section-h2-title {
    font-size: 36px;
  }

  .event-section-desc {
    overflow-wrap: normal;
    font-size: 18px;
  }

  .event-main-desc {
    overflow-wrap: normal;
  }

  .event-presenters {
    grid-column-gap: var(--size--0-5);
    grid-row-gap: var(--size--0-5);
    padding: 20px;
  }

  .event-section-button {
    order: 1;
    margin-top: 30px;
  }

  .event-section-button.features {
    margin-top: 30px;
  }

  .event-section-button.hide-block-xs {
    display: none;
  }

  .div-block-167 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .tech-event-details {
    flex-flow: column;
  }

  .team-personel {
    width: auto;
  }

  .image-109326 {
    display: none;
  }

  .event-meet-template-img {
    width: 200px;
    height: 200px;
  }

  .speaker-meet-now {
    margin-top: 32px;
    margin-bottom: 4px;
  }

  .in-page-alert-bar {
    height: 100%;
  }

  .event-team-grid-2-speakers {
    grid-template-rows: auto auto;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    grid-auto-flow: row;
    padding-left: 0;
    padding-right: 0;
  }

  .product-variant-2-title {
    order: 0;
    font-size: 32px;
  }

  .product-variant-2-title.solutions-hero-title {
    margin-bottom: 20px;
  }

  .product-variant-subtitle {
    font-size: 18px;
  }

  .product-variant-subtitle.solution-hero-desc {
    max-width: 75vw;
  }

  .product-hero-variant {
    padding: 40px 16px;
  }

  .product-hero-variant-desc {
    font-size: 18px;
  }

  .product-hero-variant-desc.solution-hero-desc {
    max-width: 75vw;
  }

  .hero-variant-2-des-2-copy {
    font-size: 18px;
  }

  .hero-variant-2-des-2-copy.solution-hero-desc {
    max-width: 75vw;
  }

  .product-benefits-variant-h2 {
    font-size: 28px;
  }

  .product-benefits-variant,
  .product-benefits-copy {
    padding-left: 16px;
    padding-right: 16px;
  }

  .benefits-body {
    flex-flow: column;
    padding-top: 40px;
  }

  .whiteborad-video-copy {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-block-176 {
    flex-flow: column;
    padding-left: 16px;
    padding-right: 16px;
  }

  .flex-block-175 {
    width: 100%;
    max-width: 100%;
  }

  .spotlight-card-copy.product-help-container {
    padding: 16px 12px;
  }

  .spotlight-card-copy.shipping-video-card,
  .spotlight-card-copy.shipping-video-card-copy {
    padding-left: 18px;
    padding-right: 18px;
  }

  .products-openai-quickstart-guide-h2.h2 {
    font-size: var(--size--8);
    text-align: center;
    max-width: 100%;
    padding-bottom: 0;
    line-height: 110%;
  }

  .heading-69 {
    font-size: 24px;
  }

  .products-trusted-partner {
    padding: 40px 16px;
  }

  .alert-bar-copy {
    height: 100%;
  }

  .aiot-form {
    padding-left: 16px;
    padding-right: 16px;
  }

  .aiot-main-desc {
    overflow-wrap: normal;
  }

  .aiot-small-secondary-heading.left-align {
    font-family: var(--font--font-sans);
    color: var(--color--gray-400);
  }

  .event-section-ceee {
    padding-left: 16px;
    padding-right: 16px;
  }

  .beta-tag {
    padding: var(--size--1-5) var(--size--2);
    font-size: var(--size--3);
    margin-top: 2px;
    margin-left: 10px;
  }

  .product-usage-flex-copy {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .code-embed-25 {
    width: 100%;
  }

  .flex-block-180 {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
  }

  .div-block-178 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .text-block-waitlist {
    font-size: var(--font--font-lg);
    text-align: center;
  }

  .div-block-181 {
    font-size: var(--font--font-xl);
    text-align: left;
    align-self: auto;
  }

  .product-working-diagram,
  .flex-block-182 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-block-154 {
    font-size: var(--size--10);
    letter-spacing: -0.92px;
  }

  .flex-block-183 {
    flex-flow: column;
    padding: 60px 16px;
  }

  .text-block-155 {
    font-size: var(--size--10);
    text-align: center;
  }

  .flex-block-184 {
    justify-content: center;
    align-items: center;
  }

  .faq-copy {
    padding-top: 20px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .image-109334 {
    min-width: 100%;
  }

  .video-3 {
    width: 420px;
    min-width: 90%;
    height: 100%;
  }

  .bold-text-27 {
    font-size: var(--font--font-3xl);
    font-weight: var(--font--font-semibold);
  }
}

#w-node-_18aba11d-c174-90dd-cc14-2c942f98285c-2f982859 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_18aba11d-c174-90dd-cc14-2c942f982880-2f982859 {
  grid-column: span 4 / span 4;
}

#w-node-da433960-a291-c9e8-f071-fcb4eb6e985f-eb6e983f {
  grid-template-rows: auto auto 0.25fr;
  grid-template-columns: 0.75fr 0.75fr 1fr 1fr;
}

#w-node-da433960-a291-c9e8-f071-fcb4eb6e9860-eb6e983f,
#w-node-da433960-a291-c9e8-f071-fcb4eb6e987b-eb6e983f {
  grid-row: span 2 / span 2;
}

#w-node-da433960-a291-c9e8-f071-fcb4eb6e988e-eb6e983f,
#w-node-da433960-a291-c9e8-f071-fcb4eb6e9899-eb6e983f,
#w-node-da433960-a291-c9e8-f071-fcb4eb6e989d-eb6e983f {
  grid-column: span 2 / span 2;
}

#w-node-_1f6ee107-2c93-d947-1fb2-176188b97af4-3021cc6f {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_3338f8a8-233c-95c3-4ed7-b01dbfe80b05-6deb5a4c,
#w-node-_49b9f82a-27b2-1f0e-ca3b-ea14b8b52e67-6deb5a4c,
#w-node-_9cca91b1-5bbb-d62b-21e9-8a2944b29715-6deb5a4c,
#w-node-_7a10c4dd-cc83-19c7-41ff-dae514128c93-6deb5a4c,
#w-node-_7a10c4dd-cc83-19c7-41ff-dae514128c9a-6deb5a4c,
#w-node-_7a10c4dd-cc83-19c7-41ff-dae514128ca1-6deb5a4c,
#w-node-_0d2b12a8-c5d8-49c2-666c-64b56e1e3eba-6deb5a4c,
#w-node-_0d2b12a8-c5d8-49c2-666c-64b56e1e3ec2-6deb5a4c,
#w-node-_0d2b12a8-c5d8-49c2-666c-64b56e1e3eca-6deb5a4c,
#w-node-_470689be-56a1-96bc-15fb-1c75d99bc8c6-6deb5a4c,
#w-node-_470689be-56a1-96bc-15fb-1c75d99bc8ce-6deb5a4c {
  align-self: auto;
}

#w-node-_95befa33-7241-4cb9-0d50-41f018b77847-ea0d8071 {
  align-self: center;
}

#w-node-_93a80563-9ae2-3190-2f71-70050a17b59a-ea0d8071,
#w-node-a5640e31-083f-a434-638e-4cb6fce1e7b0-ea0d8071,
#w-node-_19fbfb26-988b-6c7a-f1c5-2bca2e742f61-ea0d8071,
#w-node-cf852227-abf9-a4b9-741c-de24f7dc8cc0-ea0d8071,
#w-node-e44e1801-099d-5b5a-1d4a-fa5f5cf9a560-ea0d8071,
#w-node-fbb6818e-6f3b-5b98-6555-d5bcc9cf6295-ea0d8071,
#w-node-e8911744-1fe4-fd80-c7f0-c9435b5fb8a4-ea0d8071,
#w-node-f6f0db34-7bb4-31ea-20ba-42701a26bc5b-ea0d8071,
#w-node-_22b24edd-4014-dfb8-c04e-ac0087d72396-ea0d8071,
#w-node-_8f80c9a8-e2ea-fda2-c3f8-b62778e75a7b-ea0d8071,
#w-node-_6fb48aeb-2d82-2541-3416-8cf8c514a99c-ea0d8071,
#w-node-_44e2464c-3b80-95c5-bfb0-69abc856dca5-ea0d8071,
#w-node-_6722c0b1-23a9-4f82-ce55-e4d5495949e2-ea0d8071,
#w-node-ac1b2fca-29df-29ea-b3be-263faf970710-ea0d8071,
#w-node-_653fc90a-351d-594e-9725-6f71bd14aa32-ea0d8071,
#w-node-e5e1233a-8f7e-8179-225e-81348849770e-ea0d8071,
#w-node-_2448a72b-ca8f-8e3d-3284-5dd4c901f838-ea0d8071,
#w-node-b132d275-9ed4-bb04-55d7-2e6e0d3635a4-ea0d8071,
#w-node-_7c99fc53-2e69-fbd5-17cd-8b7f8bc0d1f0-ea0d8071,
#w-node-_05bbec61-1f19-8a04-cdbd-d10af22be162-ea0d8071,
#w-node-_76b26b79-9974-cda9-39b0-2612830c4d45-ea0d8071,
#w-node-_79207c6e-e82a-dbde-38d0-e06931261a27-ea0d8071,
#w-node-f86ba098-1d47-2843-ef1e-e79a61a3a855-ea0d8071,
#w-node-_672a1a6c-6af0-32ca-1029-de7671c1ad08-ea0d8071,
#w-node-_285f557b-9a43-82bb-64f6-c68ae50a4440-ea0d8071,
#w-node-f5bc1cd1-5c6e-3874-f4af-27229c14ed82-ea0d8071,
#w-node-_64f5695e-f67a-8b83-60c5-9367ffe891b6-ea0d8071 {
  justify-self: auto;
}

#w-node-_8e858cbe-18d4-b8c9-5842-7b9097372b62-29debcf9 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-fbba1d81-8505-68e5-e3b1-b6b245fde5af-6ad3d4bb {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_1dca4e92-538d-0802-a6df-6adbf13b2b6a-c64530aa {
  place-self: auto;
}

#w-node-_7a3b1be6-16a4-1b6f-36f8-05171dec1a6a-780dd478 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-b054116a-d91f-d885-0f93-b9a8965d8a7a-8bee7335 {
  align-self: center;
}

#w-node-b054116a-d91f-d885-0f93-b9a8965d8a94-8bee7335,
#w-node-b054116a-d91f-d885-0f93-b9a8965d8aa0-8bee7335,
#w-node-b054116a-d91f-d885-0f93-b9a8965d8aac-8bee7335,
#w-node-b054116a-d91f-d885-0f93-b9a8965d8ab8-8bee7335,
#w-node-b054116a-d91f-d885-0f93-b9a8965d8b15-8bee7335,
#w-node-b054116a-d91f-d885-0f93-b9a8965d8bed-8bee7335 {
  justify-self: auto;
}

#w-node-_40a3807f-92c0-0434-2268-420894d81420-dee01789 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_0fc06530-2646-1168-4cdd-799997e30d22-3c290243 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

@media screen and (min-width: 1440px) {
  #w-node-da433960-a291-c9e8-f071-fcb4eb6e985f-eb6e983f {
    grid-template-rows: auto auto 0.25fr;
    grid-template-columns: 0.75fr 0.75fr 1fr 1fr;
  }

  #w-node-_0d2b12a8-c5d8-49c2-666c-64b56e1e3ec4-6deb5a4c {
    align-self: auto;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_18aba11d-c174-90dd-cc14-2c942f98285d-2f982859,
  #w-node-_18aba11d-c174-90dd-cc14-2c942f982865-2f982859,
  #w-node-_18aba11d-c174-90dd-cc14-2c942f98286f-2f982859,
  #w-node-_18aba11d-c174-90dd-cc14-2c942f982877-2f982859 {
    grid-column: span 2 / span 2;
  }

  #w-node-_18aba11d-c174-90dd-cc14-2c942f982880-2f982859 {
    grid-row: span 2 / span 2;
  }

  #w-node-da433960-a291-c9e8-f071-fcb4eb6e985f-eb6e983f {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  #w-node-da433960-a291-c9e8-f071-fcb4eb6e9860-eb6e983f,
  #w-node-da433960-a291-c9e8-f071-fcb4eb6e987b-eb6e983f,
  #w-node-da433960-a291-c9e8-f071-fcb4eb6e9883-eb6e983f,
  #w-node-da433960-a291-c9e8-f071-fcb4eb6e9887-eb6e983f {
    grid-column: span 2 / span 2;
  }

  #w-node-da433960-a291-c9e8-f071-fcb4eb6e988e-eb6e983f {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-fbba1d81-8505-68e5-e3b1-b6b245fde5af-6ad3d4bb {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_18aba11d-c174-90dd-cc14-2c942f98285d-2f982859,
  #w-node-_18aba11d-c174-90dd-cc14-2c942f982865-2f982859,
  #w-node-_18aba11d-c174-90dd-cc14-2c942f98286f-2f982859,
  #w-node-_18aba11d-c174-90dd-cc14-2c942f982877-2f982859 {
    grid-column: span 4 / span 4;
  }

  #w-node-da433960-a291-c9e8-f071-fcb4eb6e985f-eb6e983f {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  #w-node-da433960-a291-c9e8-f071-fcb4eb6e9860-eb6e983f,
  #w-node-da433960-a291-c9e8-f071-fcb4eb6e987b-eb6e983f,
  #w-node-da433960-a291-c9e8-f071-fcb4eb6e9883-eb6e983f,
  #w-node-da433960-a291-c9e8-f071-fcb4eb6e9887-eb6e983f {
    grid-column: span 4 / span 4;
  }

  #w-node-_8e858cbe-18d4-b8c9-5842-7b9097372b62-29debcf9 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_7a3b1be6-16a4-1b6f-36f8-05171dec1a6a-780dd478 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_8e858cbe-18d4-b8c9-5842-7b9097372b62-29debcf9 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-fbba1d81-8505-68e5-e3b1-b6b245fde5af-6ad3d4bb {
    grid-column: span 1 / span 1;
  }

  #w-node-_7a3b1be6-16a4-1b6f-36f8-05171dec1a6a-780dd478,
  #w-node-_40a3807f-92c0-0434-2268-420894d81420-dee01789 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

@font-face {
  font-family: 'Jokker';
  src: url('../fonts/Jokker-SemiboldItalic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Jokker';
  src: url('../fonts/Jokker-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Jokker';
  src: url('../fonts/Jokker-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jokker';
  src: url('../fonts/Jokker-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jokker';
  src: url('../fonts/Jokker-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Jokker';
  src: url('../fonts/Jokker-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Jokker';
  src: url('../fonts/Jokker-Heavy.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jokker';
  src: url('../fonts/Jokker-HeavyItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Jokker';
  src: url('../fonts/Jokker-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jokker';
  src: url('../fonts/Jokker-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jokker';
  src: url('../fonts/Jokker-RegularItalic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Jokker';
  src: url('../fonts/Jokker-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}