:root {
  --button-color: #33e297;
  --white: white;
  --violet: #695efe;
  --line: #b3b3b3;
  --black: black;
  --stroke-offset: 850px;
  --stroke-dashoffset: 800px;
  --line-stroke-offset: 200px;
  --line-dashoffset: 200px;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

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

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.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;
}

body {
  color: #333;
  font-family: Noto Sans JP, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

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

.page-wrapper {
  font-family: Noto Sans JP, sans-serif;
  position: relative;
  overflow: hidden;
}

.page-wrapper.hide {
  display: none;
}

.hero-section {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.hero-section.call-center {
  background-color: #e8ecf4;
  background-image: url('../images/Asset-42.svg'), url('../images/Asset-40.svg');
  background-position: 100%, 0%;
  background-repeat: no-repeat, no-repeat;
  background-size: 40vw, auto;
}

.hero-section.use-case-main {
  background-color: #e8ecf4;
  background-image: url('../images/Asset-50.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 40vw;
}

.hero-section.use-case {
  background-color: #e8ecf4;
  background-image: url('../images/Asset-6.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: auto;
}

.hero-section.terms {
  background-color: #e8ecf4;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.hero-section.jobs {
  background-color: #e8ecf4;
  background-image: none;
}

.margin {
  z-index: 5;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hero-main-content-div {
  z-index: 5;
  justify-content: space-between;
  margin-top: 20px;
  padding-top: 3.5rem;
  padding-bottom: 8rem;
  display: flex;
  position: relative;
}

.home-hero-col {
  width: 48%;
  margin: 0% 2% 0% 0%;
}

.home-hero-col.call-center {
  flex-direction: column;
  justify-content: center;
  width: 58%;
  padding-bottom: 5rem;
  display: flex;
}

.home-hero-col.use-cases {
  flex-direction: column;
  justify-content: center;
  width: 90%;
  padding-bottom: 5rem;
  display: flex;
}

.home-hero-col.terms {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  display: flex;
}

.home-hero-col.jobs {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding-bottom: 0;
  display: flex;
}

.h1 {
  margin-top: 10px;
  font-size: 2.3rem;
  font-weight: 800;
  line-height: 1.3em;
}

.h1.smaller {
  font-size: 1.8rem;
}

.h1.white {
  color: #fff;
}

.h1.white.shadow {
  text-shadow: 3px 1px 4px #00000094;
}

.h2 {
  margin-top: 0;
  font-size: 1.3rem;
  font-weight: 300;
}

.hero-button-div {
  margin-top: 30px;
}

.button {
  background-color: var(--button-color);
  cursor: pointer;
  border-radius: 6px;
}

.button.hero {
  padding: 13px 20px;
}

.button.hero.text-black {
  color: #1b1b1b;
  font-weight: 500;
}

.button.nav {
  color: #333;
  font-weight: 500;
}

.button.nav:hover {
  background-color: #25c782;
}

.button.nav-outline {
  background-color: var(--white);
  color: #000000b3;
  border: 1px solid #0003;
  margin-right: 10px;
  font-weight: 500;
}

.button.nav-outline:hover {
  background-color: #eee;
}

.hero-logo {
  align-items: center;
  display: flex;
}

.hero-main-logo {
  z-index: 5;
  background-color: #fff;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  padding: 10px;
  position: relative;
  box-shadow: 0 0 8px #0003;
}

.navbar {
  background-color: #ddd0;
}

.navbar-container {
  margin-top: 15px;
  display: flex;
}

.navbar-margin {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.brand {
  align-items: center;
  width: 130px;
  display: flex;
}

.nav-link {
  color: #fff;
  cursor: pointer;
  margin-left: 0;
  margin-right: auto;
  padding-left: 28px;
  padding-right: 28px;
  font-size: 14px;
  display: inline-block;
}

.nav-link:hover {
  color: var(--button-color);
}

.nav-link.gray {
  color: #141414;
}

.nav-link.with-subpages {
  padding-right: 0;
}

.nav-btn {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  display: flex;
}

.nav-btn.horizontal {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  position: relative;
}

.main-logo-name {
  background-color: #fff;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  flex-direction: column;
  width: 150px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: -40px;
  padding: 5px 20px 5px 55px;
  display: flex;
  position: relative;
  box-shadow: 0 0 17px #0003;
}

.span-hero {
  color: var(--violet);
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(127deg, #695efe, #416ae2 49%, #52d6e2);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 800;
}

.section.main {
  background-image: linear-gradient(#fff, #e8ecf4 41%);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  position: relative;
}

.section.main.white {
  background-color: #f6f9fc;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
}

.section.main.gray-to-white {
  background-image: linear-gradient(#e8ecf4, #fff);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.section.gray-gradient {
  background-image: linear-gradient(#fff, #e8ecf4 41%);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.section.bg-grey {
  background-color: #e8ecf4;
}

.section-content {
  z-index: 5;
  position: relative;
}

.main-section-div {
  padding-top: 7rem;
  padding-bottom: 0;
}

.main-section-div.rows {
  padding-bottom: 5rem;
}

.icon-section {
  width: 50px;
  height: 50px;
}

.h2-section-hd-text {
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2em;
}

.h2-section-hd-text.subsection {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 1.5rem;
  line-height: 1.4em;
}

.h2-section-hd-text.subsection.mb-0 {
  margin-bottom: 0;
}

.h2-section-hd-text.mb-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.main-section-content {
  width: 70%;
}

.main-section-content._100 {
  width: 100%;
}

.main-section-content._100.row {
  margin-bottom: 7rem;
}

.h3-section-sub-text {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.4em;
}

.h3-section-sub-text.bold-center {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
}

.paragraph {
  color: #333333e6;
  font-size: .95rem;
  line-height: 1.5em;
}

.paragraph.white {
  color: #fff;
}

.paragraph.white.mb-0 {
  margin-bottom: 0;
}

.paragraph.mb-5 {
  margin-bottom: 5px;
}

.paragraph.note {
  color: #333333b3;
  margin-bottom: 0;
  font-size: .75rem;
  font-weight: 400;
}

.paragraph.m-0 {
  margin-bottom: 0;
}

.paragraph.ml-10 {
  margin-bottom: 0;
  margin-left: 10px;
}

.main-section-hd-div {
  margin-bottom: 30px;
}

.subsections-container {
  margin-top: 7rem;
}

.subsection-div {
  display: flex;
}

.subsection-line-div {
  flex-direction: column;
  align-items: center;
  margin-right: 30px;
  display: flex;
}

.subsection-content-div {
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
}

.circle-subsection {
  background-color: var(--violet);
  border-radius: 50%;
  width: 15px;
  height: 15px;
}

.subsection-line {
  border-right: 1px solid #ccc;
  flex: 1;
}

.subsection-hd {
  width: 80%;
  margin-bottom: 40px;
}

.h5-section-tag {
  color: #24b878;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.h5-section-tag.nav {
  font-size: 12px;
}

.h5-section-tag.mt-10 {
  margin-top: 10px;
}

.h5-section-tag.s-14 {
  font-size: 14px;
}

.subsection-card-container {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10rem;
  display: flex;
  position: relative;
}

.subsection-card-container.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card-subsection {
  background-color: #4c5574;
  border: 1px solid #ccc;
  border-radius: 10px;
  flex: 1;
  padding: 23px 27px;
}

.card-subsection.image2 {
  background-image: url('../images/Asset-14.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 90%;
  height: 287.953px;
}

.card-subsection.white {
  background-color: #fff;
}

.card-subsection.image2 {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-style: none;
  align-items: flex-start;
  height: auto;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.subsection-col {
  width: 48.5%;
  margin-bottom: 3%;
  display: flex;
}

.subsection-col._w-33 {
  width: 32%;
}

.icon-card {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  overflow: hidden;
  box-shadow: 0 -1px 8px #0003;
}

.icon-card.no-circle {
  box-shadow: none;
  border-radius: 0%;
}

.icon-card.getaccess {
  background-color: #fff;
  margin-bottom: 10px;
}

.subsection-card-content {
  margin-top: 14px;
}

.h4-card-hd {
  color: #fff;
  margin-bottom: 20px;
  font-weight: 600;
}

.h4-card-hd.gray {
  color: #333;
}

.h4-card-hd.gray.mb-10 {
  margin-bottom: 10px;
}

.h4-card-hd.gray.mb-10.bigger {
  font-size: 20px;
  line-height: 1.2em;
}

.h4-card-hd.gray.m-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.btn-call-center {
  background-color: var(--button-color);
  text-align: center;
  border: 3px solid #fff;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  padding-left: 17px;
  padding-right: 17px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  box-shadow: 0 0 14px #0003;
}

.btn-call-center-div {
  z-index: 10;
  position: absolute;
  inset: -13% 1% auto auto;
}

.icon-call-center-btn {
  width: 50px;
  height: 50px;
}

.text-call-center-btn {
  color: #fff;
  font-size: 16px;
  position: relative;
}

.btn-link {
  width: 15px;
  height: 15px;
  display: flex;
  position: absolute;
  inset: auto 5% 6% auto;
}

.span-section {
  color: var(--violet);
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(127deg, #695efe, #416ae2 49%, #23a2ad);
  -webkit-background-clip: text;
  background-clip: text;
}

.data-section {
  background-image: none;
}

.data-section-content {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.gray-card {
  background-color: #e8ecf4;
  border: 1px solid #ccc;
  border-radius: 20px;
  padding: 42px 40px 40px;
}

.data-sub-card-div {
  justify-content: space-between;
  display: flex;
}

.card-col3 {
  width: 32%;
  display: flex;
}

.card-white {
  border: 1.5px solid var(--line);
  background-color: #fff;
  border-radius: 13px;
  padding: 15px 15px 15px 30px;
}

.card-image {
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  height: 180px;
  margin-bottom: 10px;
  display: flex;
}

.card-col2 {
  width: 48%;
  margin-bottom: 2%;
  display: flex;
}

.use-case-section {
  background-color: #e8ecf4;
}

.use-case-section.sample {
  background-color: #e8ecf400;
  background-image: linear-gradient(#e8ecf4, #fff);
}

.use-case-section-content {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.use-case-card-container {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.use-case-card-content {
  padding-top: 10px;
}

.use-case-details-row {
  margin-bottom: 10px;
  display: flex;
}

.use-case-label {
  width: 100px;
}

.use-case-details {
  flex: 1;
}

.h3-use-case-hd-text {
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1.2em;
}

.h3-use-case-hd-text.text-medium {
  font-size: 1rem;
  font-weight: 600;
}

.use-case-main-content {
  margin-top: 10px;
}

.use-case-hd-div {
  justify-content: space-between;
  display: flex;
}

.faq-section {
  background-image: linear-gradient(#e8ecf4, #fff 26%);
}

.faq-section-content {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.faq-card-section {
  margin-top: 40px;
}

.card-faq {
  border: .15px solid #4c557440;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 10px 20px;
  display: flex;
}

.card-faq:hover {
  background-color: #695efe1a;
}

.faq-hd {
  cursor: pointer;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.faq-content {
  margin-left: 45px;
  display: none;
}

.icon-faq {
  width: 23px;
  height: 23px;
}

.faq-hd-text {
  flex: 1;
  margin-left: 20px;
}

.faq-main-content {
  flex: 1;
  margin-left: 0;
}

.cta-sections-content {
  padding-top: 3rem;
  padding-bottom: 5rem;
}

.card-cta-section {
  background-image: url('../images/Asset-31.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  padding: 40px 40% 40px 40px;
  position: relative;
  box-shadow: 0 0 40px 1px #00000026;
}

.card-cta-section.light {
  background-image: linear-gradient(#fff, #fff), url('../images/Asset-31.svg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.h1-cta-hd {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
}

.cta-button-div {
  margin-top: 20px;
}

.btn-cta {
  color: #292929;
  cursor: pointer;
  background-color: #6fe5f0;
  border: 1px solid #fff;
  border-radius: 50px;
  padding: 12px 25px;
  font-weight: 500;
  box-shadow: 0 0 6px #0003;
}

.btn-cta:hover {
  background-color: #44a4ad;
}

.footer-section-content {
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.footer-logo {
  width: 130px;
}

.footer-links-div {
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  width: 70%;
  margin-left: 20px;
  display: flex;
}

.footer-link {
  color: #181818;
  cursor: pointer;
  margin-left: 40px;
  text-decoration: none;
}

.footer-link:hover {
  color: #695efe;
}

.nav-dropdown {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.nav-dropdown-card {
  background-color: #fff;
  border-radius: 10px;
  padding: 5px 15px;
  display: none;
  position: absolute;
  box-shadow: 0 0 8px #0003;
}

.nav-dropdown-card.products, .nav-dropdown-card.solutions, .nav-dropdown-card.resources {
  display: none;
  inset: 60px auto auto 0%;
}

.nav-dropdown-row {
  opacity: .9;
  color: #1b1b1b;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.nav-dropdown-row:hover {
  opacity: 1;
}

.icon-dropdown-navbar {
  width: 30px;
  height: 30px;
}

.nav-dropdown-text {
  white-space: nowrap;
  flex: 1;
  align-items: center;
  margin-left: 10px;
  display: flex;
}

.solutions-nav {
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.solutions-nav-col {
  border-right: .5px solid #cccccc4d;
  padding-right: 20px;
}

.solutions-nav-col._2nd {
  border-right-style: none;
  padding-left: 20px;
  padding-right: 0;
}

.solutions-nav-col._1 {
  padding-right: 0;
}

.nav-sublink {
  color: #353535;
  white-space: nowrap;
  cursor: pointer;
  margin-top: 3px;
  margin-bottom: 3px;
  font-size: 12px;
  text-decoration: none;
}

.solutions-nav-list {
  flex-direction: row;
  margin-top: 0;
  display: flex;
}

.solution-nav-list-col {
  flex-direction: column;
  margin-right: 20px;
  display: flex;
}

.solution-nav-list-col._2 {
  margin-right: 10px;
}

.solution-nav-list-col.add-margin {
  margin-right: 40px;
}

.nav-resources {
  display: flex;
}

.nav-resource-col {
  margin-right: 40px;
}

.nav-resource-col._2 {
  margin-right: 10px;
}

.nav-resource-row {
  opacity: .8;
  cursor: pointer;
  margin-top: 2px;
  margin-bottom: 2px;
  display: flex;
}

.nav-resource-row:hover {
  opacity: 1;
}

.icon-resource-nav {
  width: 25px;
  height: 25px;
  margin-right: 7px;
}

.call-center-main-logo {
  z-index: 5;
  background-color: #fff;
  background-image: url('../images/Asset-43.svg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  padding: 10px;
  position: relative;
  box-shadow: 0 0 8px #0003;
}

.hero-call-center-col {
  flex: 1;
}

.hero-main-content-div-call-center {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.main-section-card-container {
  justify-content: space-between;
  margin-top: 3rem;
  margin-bottom: 2rem;
  display: flex;
  position: relative;
}

.main-section-card-container.wrap {
  flex-flow: wrap;
}

.pricing-section {
  background-image: linear-gradient(#e8ecf4, #fff);
}

.pricing-section-content {
  padding-top: 4rem;
  padding-bottom: 7rem;
}

.card-pricing {
  background-color: #fff;
  border: 1px solid #b3b3b3;
  border-radius: 20px;
  width: 80%;
  margin-top: 3rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.card-pricing-main {
  background-color: #695efe0d;
  flex-direction: column;
  justify-content: center;
  width: 40%;
  padding: 33px 33px 33px 46px;
  display: flex;
}

.card-pricing-content {
  flex: 1;
  padding: 40px 50px 40px 40px;
}

.text-pricing {
  color: #695efe;
  margin-bottom: 1rem;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.3em;
}

.pricing-card-btn-div {
  margin-top: 20px;
}

.hero-main-content-div-use-cases {
  padding-top: 100px;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.use-case-main-logo {
  z-index: 5;
  background-color: #fff;
  background-image: url('../images/Asset-49.svg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  padding: 10px;
  position: relative;
  box-shadow: 0 0 8px #0003;
}

.use-case-sub-logo {
  z-index: 5;
  width: 80px;
  height: 80px;
  padding: 10px;
  position: relative;
}

.case-study-row {
  margin-bottom: 3rem;
}

.card-col-wide {
  width: auto;
  margin-bottom: 2%;
  display: flex;
}

.op-ai-use-case {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.section-logo-hd {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 1rem;
  display: flex;
}

.video-popup {
  z-index: 30;
  justify-content: center;
  align-items: center;
  display: none;
}

.popup-wrapper.v2 {
  z-index: 80;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.video-player-window {
  background-color: #fff;
  border-radius: 10px;
  width: 1020px;
  height: auto;
  overflow: hidden;
  box-shadow: 0 0 10px 5px #0003;
}

.video-player-container {
  width: 100%;
  padding: 40px 10px 10px;
  position: relative;
}

.video {
  width: 1000px;
  height: 550px;
  margin-top: 5px;
}

.stopbutton {
  background-color: #fff;
  background-image: url('../images/Asset-17.svg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 50px;
  width: 30px;
  height: 30px;
  position: absolute;
  inset: 10px 10px auto auto;
}

.spline {
  z-index: 3;
  opacity: 1;
  width: auto;
  height: auto;
  position: absolute;
  inset: -11% -59% 0% 0%;
}

.spline-container {
  width: 95vw;
  margin-left: auto;
  display: block;
  overflow: hidden;
}

.section-vid {
  z-index: 10;
  flex: 0 auto;
  width: 101%;
  height: 101%;
}

.section-vid.sales-and-marketing {
  height: 113%;
}

.section-vid.logistics {
  align-self: center;
  width: 120%;
  height: 115%;
  display: flex;
}

.section-vid.sales-and-marketing-copy {
  align-self: center;
  height: 113%;
}

.waitlist-page-wrapper {
  justify-content: space-around;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.waitlist-page-left {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  display: flex;
}

.wait-list-right {
  background-color: #f1f4f9;
  width: 50%;
  display: flex;
}

.wait-list-left-container {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 600px;
  height: 100%;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
}

.wait-list-right-container {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 600px;
  height: 100%;
  padding-left: 5rem;
  padding-right: 5rem;
  display: flex;
}

.h4 {
  font-weight: 400;
}

.h4.white {
  color: #fff;
}

.h4.semi-bold {
  font-weight: 600;
}

.waitlist-benefits {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.waitlist-benefits-row {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 1.1rem;
  font-weight: 500;
  display: flex;
}

.icon-check {
  width: 30px;
  height: 30px;
  margin-right: 15px;
}

.waitlist-hd {
  width: auto;
  margin-bottom: 20px;
}

.span-violet {
  color: #695efe;
}

.waitlist-bot {
  border-top: 1px solid #cbc8fb;
  align-self: stretch;
  margin-top: 10px;
  padding-top: 40px;
}

.logo-waitlist {
  width: 160px;
}

.logo-waitlist.w--current {
  margin-bottom: 10px;
}

.waitlist-form-row {
  margin-bottom: 20px;
}

.field-label {
  color: #11346b;
  font-weight: 600;
}

.text-field {
  border: 1px solid #848c8c;
  border-radius: 5px;
  height: 46px;
}

.waitlist-slider-container {
  align-self: stretch;
  margin-top: 40px;
}

.slide {
  background-image: linear-gradient(143deg, #47abc4, #695efe);
  border-radius: 20px;
}

.slider-container {
  padding: 3% 10% 5%;
}

.h3 {
  font-size: 2rem;
  line-height: 1.2em;
}

.h3.white {
  color: #fff;
}

.slider-text {
  text-align: center;
}

.waitlist-pricing {
  color: #fff;
  font-size: 2.2rem;
  font-weight: 800;
  line-height: 1.2em;
}

.slider-info {
  text-align: center;
}

.radio-button-label {
  display: none;
}

.radio-button {
  width: 20px;
  height: 20px;
}

.radio-card-container {
  display: flex;
}

.radio-card-text {
  width: 55%;
}

.radio-card-hd {
  font-size: 1.2rem;
  font-weight: 800;
}

.section-h2-div {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 50%;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-h2-div.align-left {
  align-items: flex-start;
  width: 80%;
  margin-bottom: 40px;
}

.section-h2-div.align-left._w-100 {
  width: 100%;
  margin-bottom: 20px;
}

.p {
  color: #3b445e;
  font-size: 14px;
  line-height: 1.4em;
}

.center-section-cards {
  text-align: center;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 20px 40px;
  display: flex;
}

.center-section-cards-img {
  align-self: stretch;
  height: 280px;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.center-section-cards-img.h-auto {
  justify-content: center;
  align-items: center;
  height: auto;
  margin-bottom: 20px;
}

.center-sections-cards-div {
  text-align: left;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  width: 48%;
  padding: 20px;
  display: flex;
}

.center-section-container {
  padding-top: 40px;
  padding-bottom: 40px;
}

.image-101 {
  display: none;
}

.ty_h2 {
  color: #3b445e;
  font-weight: 900;
}

.ty_h2.text-gradient {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(167deg, #695efe, #6fe5f0);
  -webkit-background-clip: text;
  background-clip: text;
}

.streamline_animation_01 {
  z-index: 10;
  border-radius: 20px;
  width: 100%;
  height: 300px;
}

.hd-text {
  margin-bottom: 10px;
  font-size: 18px;
}

.hd-text.text-capital {
  text-transform: uppercase;
}

.hero-text-span {
  color: var(--violet);
  font-weight: 700;
}

.h3_hero {
  font-weight: 600;
}

.hs-left-arrow {
  z-index: 20;
  color: #3b445e;
  width: 50px;
  height: 50px;
  padding-bottom: 0;
  inset: -8% auto 0% 2%;
}

.hs-slide-nav {
  z-index: 20;
  opacity: .5;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  display: block;
  top: 333px;
}

.unmute-icon {
  display: none;
}

.industries-tag {
  z-index: 20;
  background-color: #6fe5f0;
  border-radius: 50px;
  margin-top: 18px;
  padding: 10px 21px;
  font-size: 18px;
  font-weight: 400;
  box-shadow: 0 2px 11px -3px #0000006b;
}

.sound-text {
  margin-left: 5px;
  font-size: 12px;
  display: none;
}

.home-hero-col-left {
  border-radius: 10px;
  flex: 0 auto;
  width: 660px;
  height: auto;
  position: static;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.sound-btn-div {
  z-index: 32;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50px;
  align-items: center;
  width: auto;
  height: 30px;
  padding-left: 3px;
  padding-right: 3px;
  display: none;
  position: absolute;
  inset: auto 15px 10px auto;
  box-shadow: 0 2px 5px 4px #0003;
}

.icon-arrow {
  opacity: 1;
  color: #3b445e;
  cursor: pointer;
  background-color: #e2e2e2;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-top: 0;
  margin-left: 2px;
  margin-right: 2px;
  padding: 14px;
  font-size: 20px;
  display: flex;
  position: static;
  box-shadow: 0 2px 7px #0003;
}

.icon-arrow:hover {
  color: #fff;
  background-color: #695efe;
}

.hero-slider-container {
  position: relative;
}

.background-video {
  align-self: stretch;
  width: 640px;
  height: 430px;
}

.hero-slider {
  background-color: #0000;
  width: auto;
  height: auto;
}

.video-div {
  border-radius: 10px;
  flex-direction: column;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slide-container {
  z-index: auto;
  flex-direction: column;
  align-items: center;
  height: auto;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.hs-right-arrow {
  z-index: 20;
  color: #d10000;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  inset: -8% .5% 0% auto;
}

.sound-btn-icon-div {
  width: 25px;
  height: 25px;
}

.trigger-play {
  z-index: 70;
  opacity: .7;
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/Asset-1.svg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.trigger-play:hover {
  opacity: 1;
}

.text-mute {
  display: none;
}

.mask {
  z-index: 10;
  width: 100%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
}

.p-data {
  margin-top: 10px;
}

.terms-container {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3vw;
  padding-bottom: 3vw;
}

.terms-section {
  margin-bottom: 40px;
}

.floating-nav {
  z-index: 20;
  background-color: #fff;
  padding-bottom: 10px;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 0 0 9px #0003;
}

.subopage-icon {
  width: 10px;
  height: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 15px;
}

.subopage-icon.white {
  filter: brightness(200%);
}

.nav-content {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-left: 10px;
  display: flex;
}

.span-red {
  color: red;
}

.icon-btn {
  cursor: pointer;
  background-color: #33e297;
  border-radius: 6px;
}

.icon-btn.next {
  color: #333;
  background-image: url('../images/Asset-56.svg');
  background-position: 85%;
  background-repeat: no-repeat;
  background-size: 20px;
  padding: 12px 40px 12px 15px;
  font-size: 15px;
}

.icon-btn.next:hover {
  background-color: #25c782;
}

.span-optional {
  color: #11346b80;
  font-size: 12px;
}

.waitlist-form-style2 {
  align-self: stretch;
  margin-top: 10px;
}

.h1-style2 {
  margin-top: 10px;
  font-size: 2.6rem;
  font-weight: 800;
  line-height: 1.3em;
}

.h1-style2.smaller {
  font-size: 2.2rem;
}

.h1-style2.smaller.waitlist {
  color: #363270;
}

.h1-style2.smaller.v2 {
  color: #363270;
  font-size: 1.7rem;
}

.waitlist-price {
  color: #47abc4;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.2em;
  display: flex;
}

.waitlist-price.gray {
  color: #868686;
}

.waitlist-price.violet {
  color: #695efe;
  line-height: 1em;
}

.select_no-border {
  background-color: #fff;
  border: 1px #000;
  border-radius: 5px;
  min-height: 42px;
  margin-bottom: 0;
}

.close-btn {
  z-index: 11;
  opacity: .5;
  filter: grayscale();
  cursor: pointer;
  width: 30px;
  height: 30px;
  position: absolute;
  inset: 10px 10px auto auto;
}

.close-btn:hover {
  opacity: 1;
  filter: none;
}

.rb-form-hd {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 13px;
  margin-bottom: 20px;
  display: flex;
}

.upgrade-payment-container {
  z-index: 10;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 20px 53px;
  display: flex;
  position: relative;
}

.icon-upgrade {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.card-expiry_div {
  border-right: 1px solid #cacaca;
  width: 70%;
}

.upgrade-radio-card {
  border-bottom: 1px solid #b3b3b394;
  margin-bottom: 0;
  padding: 3% 5% 3% 10%;
  position: relative;
}

.upgrade-radio-card.no-outline {
  border-bottom-style: none;
}

.upgrade-radio-card.free {
  background-color: #fff;
  border: 1px solid #b3b3b394;
  border-radius: 10px;
  margin-bottom: 20px;
}

.link-cancel {
  color: #333c;
  text-decoration: none;
}

.rb-h2 {
  color: #11346b;
}

.rb-h2.mt-0 {
  margin-top: 0;
}

.btn-main {
  color: #2a303f;
  background-color: #f4bc42;
  border-radius: 7px;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 500;
}

.btn-main:hover {
  background-color: #e3ac35;
}

.icon-check-thankyou {
  justify-content: center;
  align-items: center;
  width: 25%;
  display: flex;
}

.image-100 {
  width: 100%;
}

.card-icons {
  justify-content: center;
  align-items: center;
  width: 200px;
  display: flex;
}

.waitlist-slider {
  background-color: #ddd0;
  height: 550px;
}

.payment-details-container {
  margin-top: 20px;
}

.card-popup {
  background-color: #fff;
  border-radius: 20px;
  width: 550px;
  max-height: 85vh;
  position: relative;
  overflow: auto;
  box-shadow: 0 2px 11px #0000002b;
}

.payment-btn-container {
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.upgrade-rd-header {
  background-color: #33e297;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  padding-left: 10px;
  display: flex;
}

.slider-image {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 10px;
  display: flex;
}

.card-info_bot {
  border: 1px solid #cacaca;
  border-top-style: none;
  border-radius: 0 0 5px 5px;
  display: flex;
}

.popup-wrap {
  z-index: 80;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.field-block {
  flex-direction: column;
  display: flex;
}

.paymentdetails_row {
  margin-bottom: 10px;
}

.paymentdetails_row.mb-20 {
  margin-bottom: 20px;
}

.paymenfdetails_textfield {
  background-color: #fff;
  border: 1px solid #cacaca;
  border-radius: 5px;
  min-height: 42px;
}

.waitlist-left-content {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.stretch_div {
  flex: 1;
  width: 70%;
}

.upgrade-radiobtnfield {
  position: absolute;
  inset: 15% auto auto 2%;
}

.upgrade-payment-popup {
  display: none;
}

.popup-p {
  color: #3b445ecc;
  font-size: .95rem;
  line-height: 1.5em;
}

.popup-p.text-center {
  text-align: center;
}

.addpayment-popup {
  display: none;
}

.paymentdetails-fieldlabel {
  color: #4d4d4de6;
  margin-bottom: 5px;
  font-size: .85rem;
  font-weight: 600;
}

.textfield_no-border {
  background-color: #fff;
  border: 1px #cacaca;
  border-radius: 5px;
  min-height: 42px;
  margin-bottom: 0;
}

.popup-hd {
  color: #3b445e;
  font-weight: 800;
}

.popup-hd.text-center {
  text-align: center;
  font-size: 28px;
  line-height: 1.4em;
}

.upgrade-radiobutton-container {
  background-color: #fff;
  border: 1px solid #b3b3b394;
  border-radius: 10px;
  margin-bottom: 20px;
}

.span-asterisk {
  color: #333333b3;
  font-size: 1.8rem;
  font-weight: 400;
  position: relative;
  top: -8px;
}

.card-info_top {
  border: 1px solid #cacaca;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: flex;
}

.rb-form-card-div {
  z-index: 10;
  padding: 0 53px 20px;
  position: relative;
}

.gears-bg {
  z-index: 2;
  opacity: .15;
  width: 45%;
  position: absolute;
  inset: 20px -10% auto auto;
}

.charts-bg {
  z-index: 2;
  opacity: .12;
  mix-blend-mode: multiply;
  width: 50%;
  position: absolute;
  inset: -29px -15% auto auto;
}

.cta-spline-container {
  mix-blend-mode: color-dodge;
  width: 40%;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.spline-scene {
  width: 200%;
  margin-top: -95px;
  margin-left: -51%;
}

.gradient-wrapper {
  z-index: -1;
  filter: blur(160px);
  background-color: #085eff;
  display: block;
  position: absolute;
  inset: 0%;
}

.circle {
  background-color: #fe3218;
  border-radius: 50%;
  width: 50vw;
  height: 50%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.circle._1 {
  background-color: #085bda;
  inset: -20%;
}

.circle._2 {
  background-color: #441ace;
  inset: -25% -10% auto auto;
}

.circle._4 {
  background-color: #2a99d8;
  inset: auto -10% 0% auto;
}

.circle._3 {
  background-color: #0e9294;
  inset: auto auto -8% -4%;
}

.bg-texture {
  mix-blend-mode: multiply;
  background-image: url('../images/hero-texture.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
  transform: translate(0);
}

.hero-white-bg {
  background-image: url('../images/hero-bot.png');
  background-position: 50% -10%;
  background-repeat: no-repeat;
  background-size: auto;
  display: block;
  position: absolute;
  inset: 0%;
}

.hero-white-bg-opt-in {
  z-index: 1;
  background-image: url('../images/Asset-93.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  display: block;
  position: absolute;
  inset: 0%;
}

.hero-col2 {
  border-radius: 10px;
  flex-flow: column;
  flex: 0 auto;
  width: 50%;
  height: auto;
  display: flex;
  position: relative;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.hero-col1 {
  width: 45%;
  margin: 0% 2% 0% 0%;
}

.opt-in-form {
  background-color: #f1f4f9;
  border-radius: 20px;
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 40px 40px 51px;
  box-shadow: 0 0 10px 3px #0003;
}

.logo-small {
  width: 150px;
}

.opt-in-form-hd, .form-row {
  margin-bottom: 20px;
}

.hero-p {
  color: #fff;
  font-size: 16px;
  line-height: 1.5em;
}

.hero-p.shadow {
  text-shadow: 0 1px 2px #0003;
}

.opti-in-slider {
  background-color: #ddd0;
  align-self: auto;
  height: 100%;
}

.left-arrow {
  opacity: .7;
  color: #818181;
  cursor: pointer;
  width: 30px;
  height: 30px;
  font-size: 18px;
  inset: auto auto 0% 0%;
}

.left-arrow:hover {
  opacity: 1;
}

.slide-nav {
  width: 60px;
  inset: auto auto 0% 35px;
}

.right-arrow {
  opacity: .7;
  color: #818181;
  cursor: pointer;
  width: 30px;
  height: 30px;
  font-size: 18px;
  inset: auto auto 0% 100px;
}

.right-arrow:hover {
  opacity: 1;
}

.opt-in-main-wrapper {
  flex: 1;
}

.opt-in-row {
  justify-content: space-between;
  display: flex;
}

.card-slider {
  background-color: #fff;
  border-radius: 20px;
  margin: 12px;
  padding: 20px;
  box-shadow: 0 2px 8px 7px #0000000d;
}

.list {
  margin-top: 20px;
}

.opt-in-slider-div {
  flex: 1;
  align-self: stretch;
  display: flex;
}

.slide-opt-in {
  height: auto;
}

.opt-in-slider-container {
  height: 95%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.i-agree-div {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 5px;
  display: flex;
}

.i-agree-checkbox-field {
  border: 1px solid #dadada;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 14px;
  font-size: 16px;
  line-height: 1em;
  display: flex;
}

.checkbox {
  background-color: #e1e7fd;
  border: 1px solid #bdbdbd;
  border-radius: 5px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.checkbox-field {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.checkbox-label {
  font-weight: 600;
}

.opt-in-btn-div {
  z-index: 2;
  align-self: flex-end;
  position: absolute;
  inset: auto 10px 0% auto;
}

.opt-in-image {
  mix-blend-mode: multiply;
  width: 55vw;
  height: auto;
  position: absolute;
  inset: 3% auto auto 3%;
}

.privacy-policy-section {
  background-color: #e8ecf4;
  background-image: url('../images/Asset-85.svg');
  background-position: 0 0;
  background-size: auto;
}

.nf-404-brand {
  z-index: 10;
  width: 180px;
  position: absolute;
  inset: 30px auto auto 50%;
  transform: translate(-50%);
}

.notfound-wrap {
  background-image: linear-gradient(#fefdfe, #fefdfe);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
  position: relative;
}

.nf-404page-image {
  flex: none;
  align-self: stretch;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.notfound-page-content {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
  position: relative;
}

.nf-404page-btn-div {
  margin-top: 2vw;
}

.nf-404page-paragraph {
  color: #333c;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.5em;
}

.nf-404-hd-text {
  margin-top: 0;
}

.jobs-select-container {
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.jobs-select-control {
  width: 20%;
  margin-right: 10px;
}

.select-field {
  border: 1px solid #848c8c;
  border-radius: 5px;
  height: 46px;
}

.jobs-lists {
  padding-top: 1rem;
  padding-bottom: 20rem;
}

.job-group {
  border-bottom: 1px solid #0003;
  flex-flow: column;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  display: flex;
}

.job-groupheading {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.job-hd-text-contain {
  width: 30%;
}

.job-role-div {
  justify-content: space-between;
  align-items: center;
  width: 70%;
  display: flex;
}

.job-icon-plus {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.job-icon-minus {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: none;
}

.job-group-item {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.jobrole-left {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.job-items-container {
  display: none;
}

.card-hiw-hd {
  border-bottom: 1px solid var(--violet);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  margin-bottom: 2rem;
  padding-bottom: 10px;
  display: flex;
}

.tab-panel-content-right {
  width: 50%;
}

.par-container {
  margin-top: 20px;
}

.card-hiw {
  background-color: #fff;
  border-radius: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 50px 30px;
  display: flex;
  position: relative;
  box-shadow: 0 0 30px #0000000d;
}

.tab-link {
  border: 1px solid var(--violet);
  color: #0c2d57;
  background-color: #fff;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.tab-link:hover {
  background-color: #dcdaff;
}

.tab-link.w--current {
  background-color: #dcdaff;
  border-color: #695efe;
}

.tabs-menu {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 4rem;
  display: flex;
}

.tab-panel-content-left {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 45%;
  display: flex;
}

.tabpanel-content {
  justify-content: space-between;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.tab-link-icon {
  filter: hue-rotate(227deg);
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  display: flex;
}

.tabs-content {
  overflow: visible;
}

.tabs {
  width: 100%;
}

.hiw-num {
  color: #fff;
  background-color: #9490e6;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.h4-banner-subheading {
  margin-top: 0;
  font-size: 1.2rem;
  font-weight: 600;
}

.h4-banner-subheading.bold {
  font-weight: 700;
}

.card-hiw-item {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.hiw-textcontent {
  flex: 1;
  margin-left: 12px;
}

.hiw-bird {
  justify-content: center;
  align-items: center;
  width: 45%;
  display: flex;
  position: absolute;
  inset: -17% -10% auto auto;
}

.partnership-tabs-container {
  padding-top: 30px;
  padding-bottom: 100px;
}

.banner-text-content-text {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 60%;
  margin-left: 5%;
  display: flex;
}

.banner-text-content-text.mr-5 {
  margin-left: 0%;
  margin-right: 5%;
}

.image-feature {
  width: 40%;
}

.banner-text-content2 {
  justify-content: flex-start;
  align-items: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
}

.hd-container, .banner-subsection {
  margin-bottom: 20px;
}

.cc-cta {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.trustcenter-nav {
  z-index: 20;
  background-color: #fff;
  padding-bottom: 10px;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 0 0 9px #0003;
}

.trustcenter-navcontain {
  height: 85px;
}

.trust-center {
  flex-flow: column;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.card-securityreview {
  border-top: 3px solid var(--violet);
  background-color: #e1dfff;
  border-radius: 0 0 10px 10px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding: 20px 30px 10px;
  display: flex;
  box-shadow: 0 1px 6px #00000012;
}

.card-securityreview-left {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.card-securityreview-hddiv {
  order: -1;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
  display: flex;
}

.security-review-icon {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  display: flex;
}

.utility-page-wrap {
  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;
}

.searchcontainer {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 10px;
  box-shadow: 0 1px 6px #00000012;
}

.search-formblock {
  margin-bottom: 0;
}

.searchdiv {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-search {
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  display: flex;
}

.search-textfield {
  border: 1px #000;
  margin-bottom: 0;
}

.tc-2col {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.tc-2col.wrap-space-around {
  flex-flow: wrap;
  place-content: flex-start space-around;
}

.card-half {
  border: 1px solid var(--line);
  cursor: pointer;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  width: 49.5%;
  padding: 20px 20px 60px;
  display: flex;
}

.card-hddiv {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex;
}

.card-hddiv-left {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.card-icon {
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  display: flex;
}

.card-icon.smaller {
  width: 20px;
  height: 20px;
}

.icon-maximize {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-right: 0;
  display: flex;
}

.card-body.flex-wrap {
  flex-flow: wrap;
  place-content: flex-start space-around;
  display: flex;
}

.card-body.grow {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  margin-top: 10px;
  display: flex;
}

.item-compliance {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 18%;
  display: flex;
}

.item-compliance-image {
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-bottom: 10px;
  display: flex;
}

.item-compliance-tc {
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-tc-check {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  display: flex;
}

.icon-tc-check.mr-15, .icon-tc-check.mr-10 {
  margin-right: 15px;
}

.card-documents {
  border: 1px solid var(--line);
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px;
  display: flex;
}

.btn-container-center {
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.item-documents {
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 13%;
  margin-bottom: 20px;
  padding: 20px 15px 15px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 6px #0000001a;
}

.item-documents:hover {
  box-shadow: 0 1px 6px #695efe66;
}

.item-documents-check {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  margin-right: 0;
  display: flex;
  position: absolute;
  top: -7px;
}

.item-documents-content {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.seedetails {
  color: var(--violet);
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.see-details-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  margin-left: 5px;
  margin-right: 0;
  display: flex;
}

.more-documents {
  flex-flow: wrap;
  place-content: flex-start space-around;
  width: 100%;
  display: none;
}

.btn-showmore {
  background-color: var(--violet);
  cursor: pointer;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.btn-showmore-arrow {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.card-onethird {
  border: 1px solid var(--line);
  cursor: pointer;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  width: 32%;
  margin-bottom: 20px;
  padding: 20px;
  display: flex;
}

.card-body-top {
  flex-flow: column;
  display: flex;
}

.riskpofile-item {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.riskpofile-item._w-50 {
  width: 50%;
}

.view-more {
  color: #333333e6;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  font-size: .95rem;
  font-weight: 600;
  display: flex;
}

.view-more.hide {
  display: none;
}

.other-item {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.trust-center-cta-item {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.trust-center-cta-item.mb-0 {
  margin-bottom: 0;
}

.div-block {
  width: 60%;
}

.card-contact {
  border: 1px solid var(--line);
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  width: 60%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 30px 30px;
  display: flex;
}

.popup-overview {
  z-index: 20;
  flex-flow: row;
  justify-content: flex-end;
  align-items: stretch;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-contentright {
  z-index: 21;
  background-color: #fff;
  flex-flow: column;
  width: 45%;
  display: flex;
  position: relative;
}

.popup-hddiv {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
  padding: 20px 20px 0;
  display: flex;
}

.icon-close {
  opacity: .8;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  margin-right: 0;
  display: flex;
}

.icon-close:hover {
  opacity: 1;
}

.popup-body {
  flex-flow: column;
  flex: 1;
  padding: 20px;
  display: flex;
  overflow: auto;
}

.popup-body.get-access {
  flex: none;
  overflow: visible;
}

.popup-card-item {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  padding: 20px;
  display: flex;
  box-shadow: 0 1px 6px #00000012;
}

.popu-card-item-hddiv {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.popup-item-hd {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

.popup-item-hd.gray {
  color: #333;
}

.popup-item-hd.gray.mb-10 {
  margin-bottom: 10px;
}

.popup-item-hd.gray.mb-10.bigger {
  font-size: 20px;
  line-height: 1.2em;
}

.popup-item-hd.gray.m-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.copylink {
  opacity: 0;
  color: var(--violet);
  justify-content: flex-start;
  align-items: center;
  margin-left: 20px;
  text-decoration: none;
  display: flex;
}

.div-block-2 {
  position: fixed;
}

.popup-bg {
  z-index: 20;
  background-color: #0000004d;
  flex-flow: row;
  justify-content: flex-end;
  align-items: stretch;
  position: fixed;
  inset: 0%;
}

.popup-getaccess {
  z-index: 20;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-contentcenter {
  z-index: 21;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  width: 45%;
  display: flex;
  position: relative;
}

.getaccess-hd {
  margin-top: 10px;
  margin-bottom: 20px;
}

.getaccess-close {
  z-index: 22;
  opacity: .8;
  cursor: pointer;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 15px;
  height: 15px;
  margin-top: 15px;
  margin-right: 15px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.getaccess-close:hover {
  opacity: 1;
}

.popup-form-btncontainer {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.work-center {
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.work-center.mt-20 {
  margin-top: 20px;
  margin-bottom: 0;
}

.span-link {
  color: var(--violet);
  text-decoration: none;
}

.popup-compliance {
  z-index: 20;
  flex-flow: row;
  justify-content: flex-end;
  align-items: stretch;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-card-item-body {
  margin-top: 20px;
}

.popup-riskprofile {
  z-index: 20;
  flex-flow: row;
  justify-content: flex-end;
  align-items: stretch;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-subcontent {
  background-color: var(--violet);
  color: var(--white);
  border-radius: 5px;
  margin-top: 10px;
  padding: 10px;
  font-size: .95rem;
  line-height: 1.5em;
}

.popup-product-security, .popup-reports, .popup-data-security, .popup-legal {
  z-index: 20;
  flex-flow: row;
  justify-content: flex-end;
  align-items: stretch;
  display: none;
  position: fixed;
  inset: 0%;
}

.link-style1 {
  color: var(--violet);
  font-size: .95rem;
  line-height: 1em;
  text-decoration: none;
}

.popup-access-control, .popup-infrastructure, .popup-endpoint-security, .popup-network-security, .popup-corporate-security, .popup-policies {
  z-index: 20;
  flex-flow: row;
  justify-content: flex-end;
  align-items: stretch;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-share {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 5px;
  flex-flow: column;
  width: 300px;
  padding: 20px;
  display: none;
  position: absolute;
  top: 102%;
  box-shadow: 0 1px 6px #00000012;
}

.top-popup-hd {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1em;
}

.top-popup-hd.gray {
  color: #333;
}

.top-popup-hd.gray.mb-10 {
  margin-bottom: 10px;
}

.top-popup-hd.gray.mb-10.bigger {
  font-size: 20px;
  line-height: 1.2em;
}

.top-popup-hd.gray.m-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.top-popup-hd.mb-0 {
  margin-bottom: 10px;
}

.top-link {
  color: var(--violet);
  border: 1px solid #0000001a;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.top-link:hover {
  border-color: var(--violet);
}

.popup-subscribe {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 5px;
  flex-flow: column;
  width: 350px;
  padding: 20px;
  display: none;
  position: absolute;
  top: 102%;
  box-shadow: 0 1px 6px #00000012;
}

.tc-navcontent {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-left: 10px;
  display: flex;
}

.popup-documents {
  z-index: 20;
  flex-flow: row;
  justify-content: flex-end;
  align-items: stretch;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-documents-item {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 10px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding: 20px;
  display: flex;
  box-shadow: 0 1px 6px #00000012;
}

.popup-documents-item-left {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ry_sign-in-p-style1 {
  color: #333c;
  text-align: center;
  margin-bottom: 0;
}

.branddiv {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  margin-bottom: 0;
  padding-bottom: 10px;
  display: flex;
}

.ry_span-link-style1 {
  color: #6f2bff;
}

.ry_card_sign-in-style1_container {
  flex-direction: column;
  align-items: center;
  width: 30%;
  display: flex;
}

.ry_sign-in-header {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.form-block {
  width: 100%;
}

.ry_btn-style1 {
  text-align: center;
  background-color: #6f2bff;
  border: 1px solid #6f2bff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 35px;
  padding-top: 7px;
  padding-bottom: 7px;
  display: flex;
}

.ry_btn-style1:hover {
  background-color: #7e41fd;
}

.ry_btn-style1._w-100 {
  width: 100%;
}

.app-name {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  margin-left: 8px;
  display: flex;
}

.app-name.align-center {
  justify-content: center;
  align-items: center;
}

.ry_text-field-style1 {
  background-color: #fff;
  border: 1px solid #848c8c66;
  border-radius: 5px;
  height: 35px;
  margin-bottom: 0;
  font-size: 13px;
}

.ry_btn-container {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.brand-2 {
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
}

.brand-2._w-100 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.ry_app-main-wrapper-style1 {
  background-color: #f5f5ff;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  font-family: Noto Sans JP, sans-serif;
  display: flex;
}

.form-row-2 {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex;
}

.ry_h1-display1 {
  color: #414042;
  margin-top: 0;
  margin-bottom: 5px;
  font-weight: 700;
}

.logo-name {
  width: 90%;
}

.logo-name._w-100 {
  width: 100%;
}

.ry_card_sign-in-style1 {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 30px;
  display: flex;
  position: relative;
}

.ry_link-style1 {
  color: #6f2bff;
}

.bottom-container {
  margin-top: 20px;
}

.ry_field-label-style1 {
  color: #284063;
  font-size: 13px;
  font-weight: 400;
}

.form-control {
  align-self: stretch;
}

.logo {
  width: 40px;
  height: 40px;
}

.logo._w-50 {
  width: 60px;
  height: 60px;
}

.forgotpassword-container {
  justify-content: flex-end;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .hero-white-bg-opt-in {
    background-position: 50% 150%;
  }

  .right-arrow {
    height: 30px;
  }

  .opt-in-image {
    width: 700px;
    top: 4%;
    left: 11%;
  }
}

@media screen and (min-width: 1440px) {
  .margin {
    width: 1200px;
  }

  .hero-main-content-div {
    padding-bottom: 7rem;
  }

  .navbar-margin {
    width: 1200px;
  }

  .home-hero-col-left {
    margin-right: -6%;
  }

  .hs-right-arrow {
    right: 1%;
  }

  .hero-col2 {
    margin-right: 0%;
  }

  .item-documents:hover {
    box-shadow: 0 1px 6px #695efe66;
  }

  .item-documents-content {
    flex-flow: column;
    flex: 1;
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .seedetails {
    color: var(--violet);
  }

  .see-details-icon {
    flex: none;
    margin-left: 5px;
    margin-right: 0;
  }

  .more-documents {
    width: 100%;
  }
}

@media screen and (min-width: 1920px) {
  .hero-section {
    background-position: 50% -7vw;
  }

  .hero-main-content-div {
    padding-bottom: 8.5rem;
  }

  .subsection-card-container.grid {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
  }

  .spline {
    width: 90vw;
    inset: -4% -20% auto auto;
  }

  .hs-left-arrow {
    left: 0%;
  }

  .icon-arrow {
    margin-left: 6px;
  }

  .hs-right-arrow {
    right: 0%;
  }

  .gears-bg {
    opacity: .1;
    width: 35%;
    right: 0%;
  }

  .charts-bg {
    opacity: .1;
    width: 40%;
    right: 0%;
  }

  .hero-white-bg {
    background-size: cover;
  }

  .hero-white-bg-opt-in {
    height: 100vh;
    overflow: hidden;
  }

  .opt-in-image {
    left: 24%;
  }

  .nf-404page-btn-div {
    margin-top: 1vw;
  }

  .popup-contentright, .popup-contentcenter {
    width: 35%;
  }

  .ry_card_sign-in-style1_container {
    width: 25%;
  }
}

@media screen and (max-width: 991px) {
  .margin {
    width: 95%;
  }

  .hero-main-content-div {
    flex-direction: column;
    padding-top: 0;
  }

  .home-hero-col {
    width: auto;
    margin-bottom: 5%;
  }

  .home-hero-col.call-center {
    width: 45%;
    margin-top: 4%;
    margin-bottom: 0%;
  }

  .home-hero-col.use-cases {
    padding-bottom: 0;
  }

  .home-hero-col.terms {
    text-align: center;
    padding-bottom: 0;
  }

  .home-hero-col.jobs {
    padding-bottom: 0;
  }

  .button.nav, .button.nav-outline {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .navbar-container {
    justify-content: space-between;
    position: relative;
  }

  .navbar-margin {
    width: 95%;
  }

  .nav-link {
    color: #000;
    flex: 0 auto;
    width: 100%;
    margin-right: 0;
  }

  .nav-btn {
    align-items: stretch;
  }

  .main-section-content {
    width: auto;
  }

  .subsection-card-container.grid {
    flex-flow: column;
    display: flex;
  }

  .card-subsection.white {
    flex-direction: column;
    display: flex;
  }

  .card-subsection.image2 {
    flex: 0 auto;
    order: -1;
    height: 500px;
  }

  .btn-call-center-div {
    top: -7%;
    right: 0%;
  }

  .data-sub-card-div {
    flex-direction: column;
  }

  .card-col3 {
    width: auto;
    margin-bottom: 3%;
  }

  .card-col2 {
    width: 49%;
  }

  .use-case-label {
    width: 85px;
  }

  .card-cta-section {
    background-position: 100% 100%, 0 0;
    background-size: 30vw, cover;
  }

  .footer-links-div {
    width: 75%;
  }

  .nav-dropdown {
    background-color: #fff;
  }

  .nav-dropdown-card.products {
    z-index: 15;
    display: none;
    inset: 0 200px auto auto;
  }

  .nav-dropdown-card.solutions, .nav-dropdown-card.resources {
    z-index: 10;
    display: none;
    inset: 0% 200px auto auto;
  }

  .solutions-nav-col._2nd {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .solutions-nav-col._1 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .solution-nav-list-col, .solution-nav-list-col._2, .solution-nav-list-col.add-margin {
    justify-content: center;
    align-items: flex-start;
  }

  .hero-call-center-col {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
  }

  .card-pricing {
    width: 90%;
  }

  .hero-main-content-div-use-cases {
    padding-top: 2.7rem;
  }

  .video-player-window {
    width: 90vw;
  }

  .video {
    width: 100%;
    height: 400px;
  }

  .menu-button {
    color: #fff;
  }

  .menu-button.w--open {
    background-color: var(--violet);
  }

  .menu-button.gray {
    color: #555050;
  }

  .menu-button.tc-menubutton {
    color: #555050;
    display: none;
  }

  .wait-list-left-container {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .wait-list-right-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .waitlist-benefits-row {
    font-size: 1rem;
  }

  .icon-check {
    width: 25px;
    height: 25px;
  }

  .section-h2-div {
    width: 80%;
  }

  .center-section-cards {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .center-sections-cards-div {
    width: 49%;
  }

  .streamline_animation_01 {
    height: 200px;
  }

  .home-hero-col-left {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: static;
  }

  .sound-btn-div {
    padding-left: 0;
  }

  .hero-slider-container {
    width: 100%;
  }

  .subopage-icon.white {
    filter: none;
  }

  .nav-content {
    z-index: 10;
    background-color: #fff;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    flex: 0 auto;
    width: 200px;
    display: none;
    position: absolute;
    inset: 60px 0% auto auto;
    box-shadow: 0 0 7px #0003;
  }

  .btn-main {
    align-self: flex-start;
  }

  .btn-main.mobile-stretch {
    width: 100%;
  }

  .btn-main.mobile-stretch.text-center {
    text-align: center;
  }

  .gears-bg {
    opacity: .21;
  }

  .charts-bg {
    opacity: .13;
  }

  .gradient-wrapper {
    filter: blur(180px);
  }

  .circle {
    width: 80vw;
    height: 80vw;
  }

  .bg-texture {
    display: block;
  }

  .hero-white-bg {
    background-size: cover;
  }

  .hero-white-bg-opt-in {
    background-size: 200%;
  }

  .hero-col2 {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
  }

  .hero-col1 {
    width: auto;
    margin-bottom: 0%;
    margin-right: 0%;
  }

  .opt-in-row {
    flex-flow: column;
  }

  .card-slider {
    margin-bottom: 58px;
  }

  .opt-in-image {
    width: auto;
  }

  .notfound-page-content {
    width: 80%;
  }

  .card-hiw {
    padding: 20px;
  }

  .tab-link {
    padding-left: 10px;
    padding-right: 10px;
    font-size: .85rem;
  }

  .h4-banner-subheading {
    font-size: 1rem;
  }

  .card-hiw-item {
    margin-bottom: 10px;
  }

  .item-compliance {
    width: 24%;
  }

  .icon-tc-check {
    width: 20px;
    height: 20px;
  }

  .item-documents {
    width: 24%;
  }

  .item-documents-check {
    width: 20px;
    height: 20px;
  }

  .riskpofile-item {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .popup-contentright {
    width: 60%;
  }

  .popup-contentcenter {
    width: 80%;
  }

  .tc-navcontent {
    z-index: 10;
    flex: 0 auto;
    width: 200px;
  }

  .ry_card_sign-in-style1_container {
    width: 50%;
  }

  .ry_app-main-wrapper-style1 {
    justify-content: center;
    align-items: center;
  }
}

@media screen and (max-width: 767px) {
  .hero-section {
    background-position: 50% 0;
    background-size: 200vw;
  }

  .home-hero-col.call-center {
    width: auto;
    padding-bottom: 0;
  }

  .button.nav {
    text-align: center;
  }

  .main-section-div {
    padding-top: 5rem;
  }

  .main-section-div.rows {
    padding-bottom: 0;
  }

  .paragraph.ml-10 {
    margin-left: 0;
  }

  .subsection-card-container.grid {
    flex-direction: column;
    margin-bottom: 5rem;
    display: flex;
  }

  .card-subsection.image2 {
    flex: 0 auto;
    order: -1;
    height: 300px;
  }

  .subsection-col {
    width: auto;
  }

  .btn-call-center-div {
    top: -7%;
  }

  .gray-card {
    padding: 20px;
  }

  .gray-card.data {
    padding-top: 20px;
  }

  .card-col2 {
    width: auto;
  }

  .faq-section-content {
    padding-top: 0;
    padding-bottom: 0;
  }

  .icon-faq {
    width: 18px;
    height: 18px;
  }

  .card-cta-section {
    background-image: url('../images/Asset-31.svg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 3%;
  }

  .h1-cta-hd {
    font-size: 1.6rem;
  }

  .btn-cta {
    text-align: center;
  }

  .footer-section-content {
    flex-direction: column;
    align-items: center;
  }

  .footer-links-div {
    align-self: stretch;
    width: auto;
    margin-top: 20px;
    margin-left: 0;
  }

  .nav-dropdown-card.products, .nav-dropdown-card.solutions, .nav-dropdown-card.resources {
    display: none;
    top: 60px;
    right: 0;
  }

  .nav-dropdown-row {
    margin-bottom: 15px;
  }

  .solutions-nav {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .solutions-nav-col._2nd {
    text-align: left;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: 10px;
    padding-left: 0;
    display: flex;
  }

  .solutions-nav-col._1 {
    text-align: left;
    flex-flow: column;
    justify-content: center;
    align-self: stretch;
    align-items: flex-start;
    display: flex;
  }

  .nav-sublink {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .solutions-nav-list, .nav-resources {
    flex-flow: column;
  }

  .nav-resource-row {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .hero-call-center-col {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-main-content-div-call-center, .main-section-card-container {
    flex-direction: column;
  }

  .pricing-section-content {
    padding-bottom: 2rem;
  }

  .card-pricing {
    flex-flow: column wrap;
    width: 100%;
  }

  .card-pricing-main {
    width: auto;
    padding: 19px 30px;
  }

  .card-pricing-content {
    padding: 30px;
  }

  .video {
    height: 380px;
  }

  .spline {
    width: 200%;
    inset: -5% auto auto -20%;
  }

  .waitlist-page-wrapper {
    flex-flow: column;
    height: auto;
  }

  .waitlist-page-left {
    width: auto;
  }

  .wait-list-right {
    order: -1;
    width: auto;
  }

  .wait-list-left-container {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .wait-list-right-container {
    padding-top: 2rem;
  }

  .waitlist-benefits {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .waitlist-hd {
    margin-bottom: 10px;
  }

  .waitlist-bot {
    padding-top: 10px;
  }

  .logo-waitlist.w--current {
    height: auto;
    margin-bottom: 0;
  }

  .section-h2-div.align-left {
    width: 100%;
  }

  .center-section-cards {
    flex-direction: column;
    width: 100%;
  }

  .center-sections-cards-div {
    width: 100%;
    margin-bottom: 20px;
  }

  .streamline_animation_01 {
    height: 300px;
  }

  .background-video {
    width: 520px;
    height: 450px;
  }

  .terms-container {
    width: auto;
  }

  .waitlist-form-style2 {
    margin-bottom: 40px;
  }

  .h1-style2.smaller.waitlist {
    font-size: 1.8rem;
  }

  .popup-p {
    text-align: center;
  }

  .popup-hd {
    font-size: 25px;
    line-height: 1.3em;
  }

  .gears-bg {
    opacity: .35;
  }

  .charts-bg {
    width: 55%;
    top: 0;
  }

  .circle {
    height: 80vh;
  }

  .nf-404page-image {
    width: 100%;
  }

  .notfound-page-content {
    width: 90%;
  }

  .tab-panel-content-right {
    width: 100%;
    margin-top: 20px;
  }

  .tab-link {
    border-radius: 50px;
    flex-flow: column;
  }

  .tabs-menu {
    margin-bottom: 0;
  }

  .tab-panel-content-left {
    width: 100%;
    margin: 40px auto;
  }

  .tabpanel-content {
    flex-flow: column;
  }

  .hiw-bird {
    width: 25%;
    top: -9%;
    right: -1%;
  }

  .banner-text-content-text {
    width: 80%;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .image-feature {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .banner-text-content2, .tc-2col {
    flex-flow: column;
  }

  .card-half {
    width: 100%;
    margin-bottom: 20px;
  }

  .item-documents {
    width: 32%;
  }

  .card-onethird {
    width: 49%;
  }

  .card-contact {
    width: 100%;
  }

  .popup-contentright {
    width: 80%;
  }

  .popup-contentcenter {
    width: 95%;
  }

  .popup-documents-item-left {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .ry_card_sign-in-style1_container {
    width: 80%;
  }
}

@media screen and (max-width: 479px) {
  .home-hero-col.terms {
    width: auto;
  }

  .h1 {
    font-size: 2rem;
  }

  .h2 {
    font-size: 1.2rem;
    line-height: 1.4em;
  }

  .h2-section-hd-text {
    font-size: 1.5rem;
  }

  .h3-section-sub-text {
    font-size: 1.2rem;
  }

  .subsection-line-div {
    margin-right: 10px;
  }

  .subsection-hd {
    margin-bottom: 20px;
  }

  .subsection-card-container.grid {
    margin-bottom: 3rem;
  }

  .h4-card-hd.gray.m-0 {
    font-size: 14px;
  }

  .btn-call-center {
    width: 100px;
    height: 100px;
  }

  .btn-call-center-div {
    top: -3%;
  }

  .icon-call-center-btn {
    width: 30px;
    height: 30px;
  }

  .text-call-center-btn {
    font-size: 12px;
    line-height: 1.1em;
  }

  .btn-link {
    display: none;
  }

  .gray-card {
    margin-bottom: 20px;
  }

  .card-white {
    padding-left: 15px;
  }

  .use-case-section-content {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .use-case-details-row {
    flex-direction: column;
  }

  .card-faq {
    padding-left: 10px;
    padding-right: 10px;
  }

  .icon-faq {
    width: 15px;
    height: 15px;
  }

  .faq-hd-text {
    margin-left: 10px;
    font-size: 12px;
  }

  .h1-cta-hd {
    font-size: 1.4rem;
    line-height: 1.2em;
  }

  .footer-logo {
    width: 200px;
  }

  .footer-links-div {
    flex-direction: column;
  }

  .footer-link {
    margin-top: 11px;
    margin-bottom: 11px;
  }

  .call-center-main-logo, .use-case-main-logo {
    width: 50px;
    height: 50px;
  }

  .video {
    height: 200px;
  }

  .wait-list-left-container {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .h4 {
    font-size: 16px;
    line-height: 1.2em;
  }

  .waitlist-benefits {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .waitlist-benefits-row {
    font-size: .95rem;
  }

  .icon-check {
    width: 20px;
    height: 20px;
  }

  .waitlist-hd {
    margin-bottom: 0;
  }

  .h3.white {
    font-size: 1.6rem;
  }

  .waitlist-pricing {
    font-size: 2rem;
  }

  .radio-card-container {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .radio-card-text {
    width: auto;
  }

  .radio-card-hd {
    font-size: 1rem;
  }

  .left-arrow-3, .right-arrow-3 {
    width: 40px;
    display: none;
  }

  .section-h2-div.align-left._w-100 {
    text-align: left;
  }

  .p {
    font-size: 12px;
  }

  .center-section-cards {
    flex-flow: column wrap;
  }

  .center-section-cards-img {
    justify-content: center;
    align-items: center;
    height: auto;
  }

  .center-sections-cards-div {
    width: 100%;
  }

  .ty_h2 {
    font-size: 24px;
    line-height: 1.3em;
  }

  .streamline_animation_01 {
    height: 150px;
  }

  .hs-left-arrow {
    top: -30%;
  }

  .hs-slide-nav {
    top: 83px;
  }

  .background-video {
    width: 300px;
    height: 200px;
  }

  .hs-right-arrow {
    top: -30%;
    right: 1.5%;
  }

  .terms-container {
    width: auto;
  }

  .waitlist-form-style2 {
    margin-top: 10px;
  }

  .h1-style2 {
    font-size: 2rem;
  }

  .h1-style2.smaller.waitlist {
    font-size: 1.4rem;
  }

  .waitlist-price {
    justify-content: center;
    align-items: flex-start;
    margin-top: 10px;
    font-size: 1.8rem;
  }

  .upgrade-payment-container {
    padding: 17px 21px;
  }

  .upgrade-radio-card {
    padding-top: 2%;
    padding-left: 16%;
  }

  .rb-h2 {
    font-size: 26px;
  }

  .btn-main.mobile-stretch.text-center {
    text-align: center;
  }

  .waitlist-slider {
    height: 500px;
  }

  .card-popup {
    width: 95%;
  }

  .popup-p {
    text-align: center;
  }

  .popup-hd {
    font-size: 24px;
    line-height: 1.3em;
  }

  .rb-form-card-div {
    padding: 17px 21px;
  }

  .gears-bg {
    opacity: .32;
    width: 60%;
  }

  .charts-bg {
    width: 70%;
  }

  .gradient-wrapper {
    filter: blur(80px);
    background-color: #085eff;
  }

  .opt-in-form {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .card-slider {
    margin-left: 0;
  }

  .opt-in-image {
    width: 200%;
    left: auto;
  }

  .nf-404-brand {
    width: 120px;
  }

  .nf-404page-image {
    width: 80vw;
    margin-left: auto;
    margin-right: auto;
  }

  .notfound-page-content {
    width: 90%;
  }

  .nf-404-hd-text {
    font-size: 1.8rem;
  }

  .jobs-select-container {
    flex-flow: column;
    align-items: stretch;
  }

  .jobs-select-control {
    flex: 1;
    width: 100%;
    margin-right: 0;
  }

  .job-groupheading {
    flex-flow: column;
    align-items: stretch;
  }

  .job-hd-text-contain.mobile-hide {
    display: none;
  }

  .job-role-div {
    width: 100%;
  }

  .tab-link {
    flex-flow: row;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .tabs-menu {
    flex-flow: column;
  }

  .tab-panel-content-left {
    width: auto;
  }

  .hiw-bird {
    width: 30%;
    top: -7%;
  }

  .banner-text-content-text, .image-feature {
    width: auto;
  }

  .banner-text-content2 {
    padding-top: 2rem;
  }

  .card-securityreview {
    flex-flow: column;
  }

  .item-compliance {
    width: 49%;
    margin-bottom: 10px;
  }

  .icon-tc-check {
    width: 20px;
    height: 20px;
  }

  .item-documents {
    width: 49%;
  }

  .item-documents-check {
    width: 20px;
    height: 20px;
  }

  .card-onethird, .popup-contentright {
    width: 100%;
  }

  .popup-body {
    padding: 15px;
  }

  .popup-item-hd.gray.m-0 {
    font-size: 14px;
  }

  .popup-share {
    width: 95vw;
  }

  .top-popup-hd.gray.m-0 {
    font-size: 14px;
  }

  .popup-subscribe {
    width: 95vw;
  }

  .ry_card_sign-in-style1_container {
    width: 95%;
    margin-top: 50px;
  }

  .ry_app-main-wrapper-style1 {
    align-items: flex-start;
  }

  .ry_card_sign-in-style1 {
    padding: 15px;
  }
}

#w-node-_845e485e-7561-abe1-7030-b10666efb3e4-66efb3bb, #w-node-_845e485e-7561-abe1-7030-b10666efb3fb-66efb3bb {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_845e485e-7561-abe1-7030-b10666efb40d-66efb3bb {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_845e485e-7561-abe1-7030-b10666efb42a-66efb3bb {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_845e485e-7561-abe1-7030-b10666efb434-66efb3bb {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_144dc7ea-f1cb-edd0-e30f-f31337412ab9-37412a90, #w-node-_144dc7ea-f1cb-edd0-e30f-f31337412acf-37412a90, #w-node-a0e87797-6721-0131-09a5-0dd992e7826c-92e7824b, #w-node-a0e87797-6721-0131-09a5-0dd992e7829b-92e7824b, #w-node-a0e87797-6721-0131-09a5-0dd992e782b1-92e7824b {
  grid-area: span 2 / span 1 / span 2 / span 1;
}