body {
  color: #333;
  background-color: #171717;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.navbar {
  background-color: #0000;
  border-bottom: 1px solid #404040;
  min-height: 0;
  box-shadow: 0 4px 6px #0003;
}

.navbar.login {
  border-bottom-width: 0;
}

.text-block {
  color: #fff;
  margin-top: 18px;
  font-size: 28px;
  font-weight: 700;
  line-height: 28px;
}

.text-block.footer {
  margin-top: 0;
  padding: 0;
}

.text-span {
  color: #0080ff;
}

.brand {
  display: block;
}

.div-block {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.nav-menu {
  justify-content: flex-end;
  align-items: center;
  min-height: 64px;
  display: flex;
}

.div-block-2 {
  cursor: pointer;
  background-color: #0080ff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-width: 36px;
  min-height: 36px;
  max-height: 36px;
  margin-left: 30px;
  padding-left: 12px;
  padding-right: 12px;
  transition: all .2s;
  display: flex;
}

.div-block-2:hover {
  background-color: #0960b6;
}

.text-block-2 {
  color: #fff;
  border-radius: 6px;
  font-weight: 500;
}

.nav-link {
  color: #d4d4d4;
  font-weight: 500;
  transition: all .2s;
}

.nav-link:hover {
  color: #fff;
}

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

.div-block-3 {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100vw;
  height: 100vh;
  padding-top: 60px;
  display: flex;
}

.div-block-4 {
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 140px;
  display: flex;
}

.div-block-5 {
  min-width: 192px;
  min-height: 192px;
  margin-top: 50px;
  margin-bottom: 30px;
}

.div-block-6 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-7 {
  display: flex;
}

.div-block-8 {
  background-color: #3e3e3e80;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-width: 135px;
  min-height: 48px;
  padding: 15px;
  display: flex;
}

.div-block-8.left {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-right: 15px;
  display: flex;
}

.text-block-3 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.text-block-4 {
  color: #d4d4d4;
}

.sign-in-container {
  flex-flow: column;
  flex: 1;
  max-width: 675px;
  margin-top: 30px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.sign-in-container.sign-up {
  background-color: #0080ff1a;
  border: 1px solid #27272a;
  border-radius: 12px;
  padding: 24px;
}

.text-block-5 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.text-block-6 {
  color: #d4d4d4;
  margin-bottom: 15px;
}

.div-block-9 {
  background-color: #262626;
  border: 1px solid #404040;
  border-radius: 8px;
  padding: 24px;
}

.div-block-10 {
  cursor: pointer;
  background-color: #404040;
  border: 1px solid #525252;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-height: 22px;
  padding: 8px 16px;
  transition: all .2s;
  display: flex;
}

.div-block-10:hover {
  background-color: #686767;
}

.div-block-10:active {
  background-color: #484848;
  box-shadow: inset 0 2px 5px #0003;
}

.text-block-7 {
  color: #fff;
}

.div-block-11 {
  min-width: 16px;
  max-width: 16px;
  min-height: 16px;
  max-height: 16px;
  margin-top: -6px;
  margin-right: 8px;
}

.image {
  margin-right: 8px;
}

.div-block-12 {
  width: 100vw;
  height: 100vh;
  display: flex;
}

.div-block-13 {
  flex-flow: column;
  flex: 1;
  display: flex;
  overflow: scroll;
}

.div-block-14 {
  background-color: #171717;
  border-right: 1px solid #404040;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  min-width: 255px;
  padding-top: 0;
  display: flex;
}

.div-block-15 {
  background-color: #262626;
  border-bottom: 1px solid #404040;
  justify-content: space-between;
  align-items: center;
  min-height: 65px;
  padding: 16px 32px;
  display: flex;
}

.div-block-16 {
  flex: 1;
  min-width: 40px;
  margin-top: 32px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.div-block-17 {
  color: #fff;
  cursor: pointer;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  min-height: 40px;
  margin-bottom: 24px;
  transition: all .2s;
  display: flex;
}

.div-block-17:hover {
  background-color: #27272a;
}

.div-block-17.selected {
  background-color: #0080ff;
}

.hero {
  min-height: 600px;
  padding-top: 64px;
  padding-bottom: 64px;
}

.try {
  background-color: #404040;
  padding-top: 48px;
  padding-bottom: 48px;
  display: none;
}

.pricing {
  background-color: #262626;
  padding-top: 48px;
  padding-bottom: 48px;
}

.how-it-works {
  padding-top: 48px;
  padding-bottom: 48px;
}

.footer {
  background-color: #262626;
  padding: 32px;
}

.div-block-18 {
  color: #0080ff;
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
}

.div-block-19 {
  justify-content: center;
  align-items: flex-start;
  margin-top: 8px;
  display: flex;
}

.text-block-8 {
  color: #fff;
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  line-height: 40px;
}

.heading {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  line-height: 48px;
}

.heading-2 {
  color: #0080ff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  line-height: 48px;
}

.paragraph {
  color: #d4d4d4;
  text-align: center;
  max-width: 768px;
  margin-top: 20px;
  font-size: 20px;
  line-height: 28px;
}

.div-block-20 {
  justify-content: center;
  align-items: flex-start;
  margin-top: 30px;
  display: flex;
}

.div-block-21 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: flex-start;
  margin-top: 32px;
  display: flex;
}

.hero-button {
  color: #fff;
  cursor: pointer;
  background-color: #09090b;
  border: 1px solid #525252;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  min-height: 44px;
  transition: all .3s;
  display: flex;
}

.hero-button:hover {
  background-color: #0080ff;
}

.hero-button:active {
  box-shadow: inset 0 2px 5px #0003;
}

.div-block-22 {
  z-index: 10;
  position: relative;
}

.div-block-23 {
  justify-content: center;
  align-items: flex-start;
  margin-top: 16px;
  margin-bottom: 48px;
  display: flex;
}

.paragraph-2 {
  color: #d4d4d4;
  text-align: center;
  max-width: 672px;
  font-size: 20px;
  line-height: 28px;
}

.container {
  margin-top: 40px;
}

.div-block-24 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.price-container {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  flex: 1;
  min-width: 0;
  min-height: 387px;
}

.price-container.one {
  border-color: #525252;
  max-width: 400px;
}

.div-block-25 {
  background-color: #0000;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  min-height: 168px;
  padding: 24px;
}

.heading-3 {
  color: #404040;
  margin-top: 0;
  font-weight: 600;
  line-height: 32px;
}

.div-block-26 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.paragraph-3 {
  color: #525252;
  font-size: 18px;
  line-height: 24px;
}

.div-block-27 {
  margin-top: 16px;
}

.text-span-2 {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  line-height: 40px;
}

.text-span-3 {
  color: #a3a3a3;
  margin-left: 8px;
  font-size: 16px;
  line-height: 24px;
}

.text-block-9 {
  color: #a3a3a3;
  margin-top: 8px;
  font-size: 16px;
  line-height: 24px;
}

.text-span-4 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.text-span-5 {
  margin-left: 8px;
}

.div-block-28 {
  padding: 8px 24px 24px;
}

.list {
  list-style-type: none;
}

.div-block-29 {
  display: flex;
}

.div-block-30 {
  padding-left: 12px;
}

.text-block-10 {
  color: #0080ff;
  font-size: 17px;
  line-height: 24px;
}

.text-block-10.grey {
  color: #d4d4d4;
}

.list-item {
  margin-top: 16px;
}

.div-block-31 {
  cursor: pointer;
  background-color: #0080ff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  max-height: 40px;
  margin-top: 24px;
  transition: all .3s;
  display: flex;
}

.div-block-31:hover {
  background-color: #0960b6;
}

.div-block-31:active {
  background-color: #0080ff;
  box-shadow: inset 0 2px 5px #0003;
}

.text-block-11 {
  color: #fff;
  font-weight: 500;
}

.call-details-container {
  z-index: 5;
  background-color: #27272a;
  min-width: 80vw;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
  box-shadow: -11px 0 11px #0000003d;
}

.call-details-background {
  z-index: 4;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  position: fixed;
  inset: 0%;
}

.div-block-32 {
  flex: 1;
}

.div-block-33 {
  display: flex;
}

.div-block-34 {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding: 24px;
  display: flex;
}

.div-block-35 {
  cursor: pointer;
  padding: 24px;
}

.div-block-35:hover {
  color: #fff;
}

.text-block-12 {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.tab-link-overview {
  color: gray;
  background-color: #0000;
  border-bottom: 0 solid #000;
}

.tab-link-overview.w--current {
  color: #fff;
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #fff;
}

.tab-link-transcription {
  color: gray;
  background-color: #0000;
}

.tab-link-transcription.w--current {
  color: #fff;
  background-color: #0000;
  border-bottom: 1px solid #fff;
}

.tab-link-client-data {
  color: gray;
  background-color: #0000;
}

.tab-link-client-data.w--current {
  color: #fff;
  background-color: #0000;
  border-bottom: 1px solid #fff;
}

.tab-link-phone-call {
  color: gray;
  background-color: #0000;
}

.tab-link-phone-call.w--current {
  color: #fff;
  background-color: #0000;
  border-bottom: 1px solid #fff;
}

.dashboard-cover {
  z-index: 10;
  background-color: #27272a;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.settings-container {
  flex: 1;
  margin-top: 0;
  padding: 0 89.5px 20px;
}

.stats-container {
  flex: 1;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 89.5px;
  padding-right: 89.5px;
  overflow: scroll;
}

.div-block-36 {
  padding: 24px 24px 16px 0;
}

.div-block-36.c {
  padding-bottom: 6px;
}

.heading-4 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
}

.div-block-37 {
  min-width: 20px;
}

.div-block-38 {
  background-color: #202020;
  border: 1px solid #525252;
  border-radius: 8px;
  min-height: 100px;
  margin-top: 40px;
  margin-left: 53px;
  margin-right: 53px;
  padding: 24px;
}

.div-block-39 {
  background-color: #40404080;
  border: 1px solid #525252;
  border-radius: 8px;
  min-height: 100px;
  margin-bottom: 32px;
  padding: 24px;
}

.div-block-40 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.text-block-13 {
  color: #fff;
  margin-left: 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.code-embed {
  color: #0080ff;
}

.div-block-41 {
  min-width: 24px;
  max-width: 24px;
  min-height: 24px;
  max-height: 24px;
}

.paragraph-4 {
  color: #d4d4d4;
  font-size: 18px;
  line-height: 24px;
}

.div-block-42 {
  margin-bottom: 12px;
}

.div-block-43 {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.div-block-44 {
  flex: 1;
}

.text-field {
  color: #fff;
  background-color: #09090b;
  border: 1px solid #27272a;
  border-radius: 6px;
  min-height: 40px;
  margin-bottom: 0;
  padding: 8px 12px;
}

.text-field.under {
  margin-top: 15px;
}

.form-block {
  margin-bottom: 0;
}

.div-block-45 {
  cursor: pointer;
  background-color: #0080ff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  min-height: 40px;
  margin-left: 15px;
  padding-left: 16px;
  padding-right: 16px;
  transition: all .3s;
  display: flex;
}

.div-block-45:hover {
  opacity: .76;
}

.div-block-45:active {
  opacity: 100;
  box-shadow: inset 0 2px 5px #0003;
}

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

.text-block-15 {
  color: #fff;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.div-block-46 {
  background-color: #40404080;
  border: 1px solid #525252;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  padding: 24px;
  display: flex;
}

.text-block-16 {
  color: #d4d4d4;
  font-size: 18px;
  line-height: 24px;
}

.text-block-17 {
  color: #0080ff;
  margin-left: 15px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.link-block-2 {
  justify-content: center;
  align-items: center;
  min-width: 200px;
  min-height: 44px;
  text-decoration: none;
  display: flex;
}

.text-block-18 {
  color: #fff;
}

.div-block-47 {
  background-color: #171717;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.div-block-48 {
  background-color: #27272a;
  border-radius: 4px;
  min-width: 448px;
  min-height: 8px;
}

.heading-5 {
  color: #fff;
  margin-bottom: 16px;
  font-size: 36px;
  line-height: 40px;
}

.text-block-19 {
  color: #d4d4d4;
  font-size: 18px;
  line-height: 28px;
}

.div-block-49 {
  margin-bottom: 24px;
}

.text-block-20 {
  color: #a3a3a3;
}

.div-block-50 {
  margin-top: 8px;
  margin-bottom: 32px;
}

.div-block-51 {
  background-color: #262626;
  border: 1px solid #404040;
  border-radius: 8px;
  flex-flow: column;
  min-width: 670px;
  min-height: 240px;
  display: flex;
}

.div-block-52 {
  padding: 24px;
}

.heading-6 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.paragraph-5 {
  color: #d4d4d4;
  margin-top: 6px;
  line-height: 24px;
}

.div-block-53 {
  flex: 1;
  padding: 0 24px 24px;
}

.field-label {
  color: #fff;
  font-weight: 500;
}

.text-field-2 {
  color: #fff;
  background-color: #3f3f3f;
  border: 1px solid #525252;
  border-radius: 6px;
  min-height: 40px;
  margin-top: 8px;
  padding-top: 8px;
  line-height: 40px;
}

.div-block-54 {
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 0;
  display: flex;
}

.div-block-55 {
  cursor: pointer;
  background-color: #0080ff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-width: 92px;
  max-width: none;
  min-height: 40px;
  margin-top: 24px;
  padding: 8px 16px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.div-block-55:hover {
  opacity: .89;
}

.div-block-55:active {
  opacity: 100;
  box-shadow: inset 0 2px 5px #0003;
}

.text-block-21 {
  color: #fff;
  font-weight: 500;
}

.div-block-56 {
  background-color: #0080ff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  min-width: 112px;
  max-width: 224px;
  min-height: 8px;
  max-height: 8px;
}

.div-block-56.os1 {
  max-width: 112px;
}

.div-block-56.os3 {
  max-width: 336px;
}

.div-block-56.os4 {
  border-radius: 4px;
  max-width: 448px;
}

.div-block-57 {
  margin-top: 16px;
}

.div-block-58 {
  min-height: 160px;
  max-height: 160px;
  margin-top: 8px;
  overflow: scroll;
}

.div-block-59 {
  cursor: pointer;
  background-color: #414141;
  border: 1px solid #525252;
  border-radius: 8px;
  margin-bottom: 8px;
  padding: 12px;
  transition: all .2s;
}

.div-block-59.selected {
  background-color: #0080ff1a;
  border-color: #0080ff;
}

.text-block-22 {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.text-block-23 {
  color: #ffffffbf;
}

.dropdown {
  color: #fff;
  width: 100%;
  max-height: 40px;
}

.selectind {
  color: #fff;
  cursor: pointer;
  background-color: #3f3f3f;
  border: 1px solid #525252;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  min-height: 40px;
  padding-left: 12px;
  display: flex;
}

.div-block-60 {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  padding-right: 16px;
  display: flex;
}

.code-embed-2 {
  max-width: 16px;
  max-height: 16px;
}

.div-block-61 {
  z-index: 10;
  background-color: #000;
  border-radius: 8px;
  min-height: 160px;
  max-height: 160px;
  padding: 5px;
  position: static;
  overflow: scroll;
}

.div-block-62 {
  color: #fff;
  cursor: pointer;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  min-height: 40px;
  max-height: 40px;
  padding-left: 8px;
  font-size: 14px;
  transition: all .2s;
  display: flex;
}

.div-block-62:hover {
  background-color: #2e2e2e;
}

.cover {
  z-index: 10;
  background-color: #171717;
  position: fixed;
  inset: 0%;
}

.div-block-63 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: stretch;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.price-outer-container {
  cursor: default;
  border: 1px solid #525252;
  border-radius: 16px;
  flex: 1;
  max-width: 400px;
  padding: 32px;
  transition: transform .3s;
}

.price-outer-container:hover {
  transform: scale(1.05);
}

.price-outer-container.anothercontainer {
  cursor: default;
}

.div-block-64 {
  color: #fff;
  background-color: #404040;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  width: 64px;
  min-width: 64px;
  max-width: 64px;
  height: 64px;
  min-height: 64px;
  max-height: 64px;
  margin-bottom: 16px;
  font-size: 14px;
  display: flex;
}

.div-block-65 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.heading-7 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 24px;
  line-height: 32px;
}

.paragraph-6 {
  color: #a3a3a3;
}

.div-block-66 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 32px;
  display: flex;
}

.code {
  font-size: 20px;
}

.div-block-67 {
  margin-top: 0;
  margin-bottom: 32px;
}

.div-block-68 {
  height: auto;
  margin-top: 16px;
  margin-bottom: 16px;
  display: flex;
}

.div-block-69 {
  color: #0080ff;
}

.div-block-69.xmark {
  color: #737373;
}

.div-block-70 {
  padding-left: 12px;
}

.text-block-24 {
  color: #fff;
}

.text-block-24.xmark {
  color: #737373;
}

.link-block-3 {
  color: #fff;
  background-color: #414141;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.link-block-3.get_started {
  background-color: #0080ff;
}

.div-block-71 {
  margin-left: 16px;
  padding-top: 5px;
}

.text-block-25 {
  color: #a3a3a3;
  margin-top: 8px;
}

.div-block-72 {
  background-color: #404040;
  height: 1px;
  margin: 32px;
}

.text-block-26 {
  color: #a3a3a3;
  text-align: center;
}

.div-block-73 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 48px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.simple-step {
  color: #fff;
  background-color: #262626;
  border: 1px solid #404040;
  border-radius: 8px;
  flex: 1;
  max-width: 400px;
  padding: 24px;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  display: block;
}

.div-block-74 {
  color: #fff;
  background-color: #0080ff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  margin-top: -44px;
  margin-left: -44px;
  font-size: 18px;
  font-weight: 600;
  line-height: 40px;
  display: flex;
  position: absolute;
}

.text-block-27 {
  text-align: center;
}

.text-block-28, .text-block-29 {
  text-align: left;
}

.div-block-75 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-76 {
  color: #fff;
  cursor: pointer;
  background-color: #0080ff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-width: 66px;
  min-height: 44px;
  padding: 16px 32px;
  font-size: 16px;
  line-height: 22px;
  display: flex;
}

.div-block-77 {
  border-bottom: 1px solid #404040;
  justify-content: center;
  align-items: center;
  min-height: 65px;
  display: flex;
}

.div-block-78 {
  margin-top: 24px;
}

.settingsrow {
  color: #fff;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  min-height: 48px;
  max-height: 48px;
  padding-left: 24px;
  transition: all .3s;
  display: flex;
}

.settingsrow:hover {
  background-color: #262626;
}

.settingsrow.selectedsettingsrow {
  color: #0080ff;
  background-color: #262626;
  border-left: 4px solid #0080ff;
}

.div-block-79 {
  margin-left: 16px;
}

.text-block-30 {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.div-block-80 {
  background-color: #404040;
  min-height: 1px;
  max-height: 1px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.customizations-container {
  flex: 1;
  padding-bottom: 20px;
  padding-left: 89.5px;
  padding-right: 89.5px;
}

.div-block-81 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  min-height: 138px;
  margin-bottom: 24px;
  display: flex;
}

.div-block-82, .div-block-83, .div-block-84 {
  flex: 1;
}

.analytics-top-card {
  background-color: #262626;
  border: 1px solid #404040;
  border-radius: 8px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding: 24px;
  display: flex;
}

.div-block-85 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  min-height: 447px;
  max-height: 447px;
  margin-bottom: 24px;
  display: flex;
}

.middle-analytics-card {
  background-color: #262626;
  border: 1px solid #27272a;
  border-radius: 8px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.div-block-86 {
  background-color: #262626;
  border: 1px solid #27272a;
  border-radius: 8px;
  min-height: 0;
  margin-bottom: 24px;
}

.div-block-87 {
  border-bottom: 1px solid #404040;
  min-height: 76px;
  padding: 24px;
}

.div-block-87.ca {
  justify-content: flex-start;
  align-items: center;
  min-height: 88px;
  display: flex;
}

.text-block-31 {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.div-block-88 {
  color: #0080ff;
  background-color: #404040;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  min-width: 48px;
  max-width: 48px;
  min-height: 48px;
  max-height: 48px;
  padding: 12px;
  display: flex;
}

.code-embed-3 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-89 {
  margin-left: 16px;
}

.text-block-32 {
  color: #a3a3a3;
  font-weight: 500;
}

.text-block-33 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

.text-block-34 {
  color: #737373;
  margin-top: 4px;
  font-size: 12px;
  line-height: 16px;
}

.div-block-90 {
  flex: 1;
  padding: 24px;
  overflow: scroll;
}

.div-block-91 {
  background-color: #40404080;
  border: 1px solid #404040;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
  padding: 12px;
  display: flex;
}

.div-block-92 {
  flex: 1;
  margin-left: 12px;
  margin-right: 12px;
}

.div-block-93 {
  color: #f87171;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-35 {
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
}

.paragraph-7 {
  color: #a3a3a3;
  margin-bottom: 0;
}

.div-block-94 {
  color: #fff;
  cursor: pointer;
  background-color: #09090b;
  border: 1px solid #525252;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-height: 34px;
  padding: 8px 12px;
  transition: all .3s;
  display: flex;
}

.div-block-94:hover {
  opacity: 1;
  background-color: #3a3a46;
}

.div-block-94:active {
  background-color: #0f0f13;
  box-shadow: inset 0 2px 5px #0003;
}

.chart-container {
  min-height: 320px;
  margin-bottom: 32px;
  padding: 24px 24px 0;
}

.div-block-95 {
  min-height: 390px;
  margin-bottom: 32px;
  padding: 24px;
  overflow: scroll;
}

.code-embed-4 {
  min-height: 296px;
}

.coverfordash {
  z-index: 10;
  background-color: #171717;
  position: fixed;
  inset: 70px 0% 0% 260px;
}

.text-block-36 {
  color: #a3a3a3;
  margin-top: 0;
}

.text-block-36.c2 {
  margin-top: 6px;
  margin-bottom: 0;
}

.div-block-96 {
  margin-top: 32px;
}

.text-block-37 {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.div-block-97 {
  color: #fff;
  background-color: #262626;
  border: 1px solid #404040;
  border-radius: 6px;
  min-height: 96px;
  max-height: 96px;
  margin-top: 8px;
  padding: 12px;
  font-size: 16px;
  overflow: scroll;
}

.div-block-97.add {
  min-height: 200px;
  max-height: 200px;
  overflow: scroll;
}

.div-block-98 {
  cursor: pointer;
  background-color: #0080ff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  margin-top: 24px;
  padding: 8px 16px;
  transition: all .2s;
  display: flex;
}

.div-block-98:hover {
  opacity: .8;
}

.div-block-98:active {
  opacity: 100;
  box-shadow: inset 0 2px 5px #0003;
}

.div-block-98.saved {
  opacity: .3;
  background-color: #0080ff;
}

.div-block-98.upgrade {
  margin-top: 0;
  margin-left: 0;
}

.div-block-98.upgrade.buymore {
  margin-left: 16px;
}

.div-block-99 {
  display: flex;
}

.text-block-38 {
  color: #fff;
}

.tabs-menu {
  display: flex;
}

.tab-link-tab-3, .tab-link-tab-2 {
  flex: 1;
}

.tab-link-tab-1 {
  background-color: #0000;
  flex: 0 auto;
}

.tab-link-tab-1.w--current {
  z-index: 1;
  background-color: #262626;
  border-top: 1px solid #404040;
  border-left: 1px solid #404040;
  border-right: 1px solid #404040;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  flex: 0 auto;
  margin-bottom: -1px;
}

.tab-pane-tab-1 {
  background-color: #262626;
  border: 1px solid #404040;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  min-height: 0;
  padding: 24px;
}

.text-block-39 {
  color: #fff;
}

.text-block-40 {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.text-block-41 {
  color: #a3a3a3;
}

.text-block-41.b, .div-block-100 {
  margin-top: 24px;
}

.div-block-101 {
  background-color: #404040;
  border: 1px solid #525252;
  border-radius: 6px;
  margin-top: 16px;
  padding: 24px;
}

.text-block-42 {
  color: #d4d4d4;
}

.div-block-102 {
  margin-bottom: 16px;
  display: flex;
}

.div-block-103 {
  flex: 1;
  margin-left: 16px;
}

.div-block-104 {
  color: #fff;
  background-color: #2563eb;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  display: flex;
}

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

.text-block-44 {
  color: #a3a3a3;
}

.text-block-44.w {
  color: #fff;
}

.div-block-105 {
  background-color: #525252;
  border-radius: 4px;
  min-height: 8px;
  margin-top: 8px;
}

.div-block-106 {
  justify-content: space-between;
  display: flex;
}

.div-block-107 {
  background-color: #2563eb;
  border-radius: 4px;
  width: 34%;
  min-height: 8px;
}

.div-block-108 {
  margin-bottom: 16px;
}

.div-block-109 {
  background-color: #262626;
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 12px;
  display: flex;
}

.div-block-110 {
  flex: 1;
  margin-left: 12px;
}

.div-block-111 {
  color: #60a5fa;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-45 {
  color: #fff;
}

.text-block-46 {
  color: #a3a3a3;
  font-size: 12px;
  line-height: 16px;
}

.div-block-112 {
  display: flex;
}

.div-block-113 {
  color: #a3a3a3;
  cursor: pointer;
  background-color: #09090b;
  border: 1px solid #525252;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  transition: all .3s;
  display: flex;
}

.div-block-113:hover {
  background-color: #35353a;
}

.div-block-113:active {
  background-color: #2a2a30;
}

.div-block-114 {
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  display: flex;
}

.code-embed-5 {
  margin-top: 0;
  padding-top: 6px;
}

.heading-8 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
}

.text-block-47 {
  color: #fff;
}

.div-block-115 {
  flex: 1;
  overflow: scroll;
}

.tab-link-tab-2-2 {
  color: #fff;
  background-color: #0000;
}

.tab-link-tab-2-2.w--current {
  z-index: 1;
  background-color: #262626;
  border: 1px solid #404040;
  border-bottom-width: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin-bottom: -1px;
}

.tab-pane-tab-2 {
  background-color: #262626;
  border: 1px solid #404040;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  padding: 24px;
}

.div-block-116 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 8px;
  display: flex;
}

.textswitch {
  cursor: pointer;
  background-color: #78788029;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  min-width: 51px;
  max-width: 51px;
  min-height: 31px;
  max-height: 31px;
  padding-left: 2px;
  display: flex;
}

.textswitch.textswitchon {
  background-color: #0080ff;
  padding-left: 22px;
}

.div-block-118 {
  background-color: #fff;
  border: 1px solid #0000000a;
  border-radius: 20px;
  min-width: 27px;
  max-width: 27px;
  min-height: 27px;
  max-height: 27px;
  margin-top: 0;
  margin-left: 0;
  box-shadow: 0 1px 3px #00000026;
}

.div-block-119 {
  margin-left: 24px;
}

.form-block-2 {
  margin-bottom: 0;
}

.div-block-120 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.paragraph-8 {
  color: #fff;
  text-align: center;
}

.field-label-2 {
  color: #fff;
  font-weight: 400;
}

.field-label-2._2nd {
  margin-top: 16px;
}

.submit-button {
  background-color: #0080ff;
  border-radius: 6px;
  width: 100%;
  min-height: 40px;
}

.div-block-121 {
  padding-top: 6px;
  padding-bottom: 12px;
  display: flex;
}

.div-block-122 {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-123 {
  flex: 1;
}

.link {
  color: #0080ff;
}

.div-block-124 {
  color: #fff;
  cursor: pointer;
  background-color: #0080ff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.div-block-124:hover {
  opacity: .8;
}

.div-block-124:active {
  opacity: 100;
  box-shadow: inset 0 2px 5px #0003;
}

.div-block-124.signup {
  margin-top: 24px;
  width: 100%;
}

.div-block-125 {
  display: flex;
}

.div-block-126 {
  flex: 1;
}

.div-block-127 {
  flex: 1;
  padding-right: 16px;
}

.div-block-128 {
  margin-top: 32px;
}

.paragraph-9 {
  color: #858585;
  text-align: center;
  margin-top: 16px;
  font-size: 12px;
  line-height: 14px;
}

@media screen and (max-width: 991px) {
  .hero, .how-it-works {
    padding-left: 15px;
    padding-right: 15px;
  }

  .div-block-63 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }
}

@media screen and (max-width: 767px) {
  .hero, .pricing, .how-it-works {
    padding-left: 15px;
    padding-right: 15px;
  }

  .div-block-73 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }
}

@media screen and (max-width: 479px) {
  .heading, .heading-2 {
    font-size: 36px;
    line-height: 36px;
  }

  .paragraph, .paragraph-2 {
    font-size: 18px;
  }
}