@font-face {
  font-family: Manrope Variablefont Wght;
  src: url('../fonts/Manrope-VariableFont_wght.ttf') format("truetype");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Manrope Variablefont Wght;
  src: url('../fonts/Manrope-VariableFont_wght.ttf') format("truetype");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Manrope Variablefont Wght;
  src: url('../fonts/Manrope-VariableFont_wght.ttf') format("truetype");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --max-container-width-pc: 1256px;
  --shadow-variable: #00000014;
  --fill-grey-extra-light: transparent;
  --primary: #3898ec;
  --stroke-dark-grey: #d5d5d9;
  --stroke--grey: black;
}

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

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

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

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

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

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

p {
  margin-bottom: 10px;
  padding-left: 24px;
}

a {
  color: #36f;
  text-decoration: none;
}

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

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

.button-primary {
  white-space: nowrap;
  background-color: #36f;
  border-radius: 12px;
  align-items: center;
  height: 44px;
  margin-left: 12px;
  padding: 8px 24px;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.25rem;
  display: flex;
}

.button-primary.no-padding {
  margin-left: 0;
}

.button-primary.ck {
  height: 36px;
}

.button-primary.nav-bar {
  margin-left: 0;
}

.button-primary.fill {
  justify-content: center;
  width: 100%;
  margin-left: 0;
}

.button-primary.fill.yellow {
  background-color: #fcbe3a;
}

.button-primary.fill.maroon {
  background-color: #b33771;
}

.h-flex-12gap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.h-flex-12gap.breadcrum {
  color: #1f293a;
  align-items: center;
}

.h-flex-12gap.icon-h {
  color: #6a7184;
  align-items: center;
}

.h-flex-12gap.align-middle {
  justify-content: center;
}

.h-flex-12gap.tab {
  align-items: center;
  margin-top: 0;
}

.button-secondary {
  color: #374151;
  background-color: #fff;
  border: 1px solid #36f;
  border-radius: 12px;
  align-items: center;
  height: 44px;
  padding: 8px 24px;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.25rem;
  display: flex;
}

.button-secondary.grey-border {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  white-space: nowrap;
  border-color: #e7e7e9;
  justify-content: center;
}

.button-secondary.grey-border.small.dark-bg {
  color: #fff;
  background-color: #252525;
  border-color: #4d4d4d;
}

.button-secondary.small {
  border-radius: 8px;
  height: 36px;
  padding: 4px 16px;
}

.button-secondary.hero-button {
  border-color: #e7e7e9;
}

.button-secondary.banner-size {
  border-style: none;
  border-radius: 16px;
  height: auto;
  padding: 4px 8px;
  display: none;
}

.button-secondary.fill {
  justify-content: center;
  width: 100%;
}

.body {
  max-width: 100vw;
  font-family: Manrope, sans-serif;
}

.container-standard {
  max-width: var(--max-container-width-pc);
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 64px 20px;
  display: flex;
}

.container-standard.horizontal {
  flex-direction: row;
}

.hero-section {
  width: 100%;
  margin-top: 96px;
  overflow: hidden;
}

.hero-heading {
  color: #101015;
  text-align: center;
  margin-bottom: 0;
  font-size: 76px;
  font-weight: 700;
  line-height: 92px;
}

.h-flex-8gap {
  border-radius: 20px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.h-flex-8gap.padding-4 {
  padding: 4px;
}

.h-flex-8gap.padding-4.orange {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fa8231;
  border: 1px solid #fa8231;
  padding: 0;
}

.h-flex-8gap.blue-text {
  color: #36bfff;
}

.h-flex-8gap.orange-text {
  color: #fa8231;
}

.h-flex-8gap.pink-text {
  color: #fc3ac6;
}

.h-flex-8gap.purple-text {
  color: #7d26cd;
}

.h-flex-8gap.orange-bordered {
  background-color: #fff5ef;
  border: 1px solid #fa8231;
  border-radius: 12px;
}

.h-flex-8gap.orange-bordered.navbar {
  margin-left: -4px;
  margin-right: 8px;
}

.h-flex-8gap.maroon-text {
  color: #b33771;
}

.text-14px-bold {
  color: #fff;
  margin-left: 8px;
  margin-right: 8px;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.text-14px-bold.orange {
  color: #fa8231;
}

.text-14px-bold.left {
  margin-right: 4px;
}

.text-14px-bold.right {
  margin-left: 0;
}

.image-focus-block {
  perspective: 1000px;
  background-color: #fff;
  border: 1px solid #f4f4f5;
  border-radius: 20px;
  width: 100%;
  max-width: 1536px;
  margin-top: 60px;
  padding: 12px;
  position: relative;
}

.companies-section {
  width: 100vw;
  overflow: hidden;
}

.companies-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  opacity: .6;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 64px;
  display: flex;
}

.h-flex-companies {
  grid-column-gap: 96px;
  grid-row-gap: 64px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-left: 48px;
  padding-right: 48px;
}

.company-logo-w-150px {
  width: 150px;
}

.company-logo-w-96px {
  width: 96px;
}

.company-logo-w-60px {
  width: 60px;
}

.hero-image {
  transform-style: preserve-3d;
  border: 1px solid #e7e7e9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  transform: rotateX(.001deg)rotateY(0)rotateZ(0);
}

.usecases-section {
  background-color: #f9f9fa;
  width: 100%;
  overflow: hidden;
}

.v-flex-heading {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  margin-bottom: 48px;
}

.v-flex-heading._56-padding {
  width: auto;
  margin-left: 56px;
  margin-right: 56px;
}

.v-flex-heading.no-bottom-margin {
  margin-bottom: 0;
}

.v-flex-heading.top-padding {
  margin-top: 32px;
}

.section-h1 {
  color: #101015;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 3.25rem;
  line-height: 4.25rem;
}

.section-h2 {
  color: #374151;
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.section-h2.on-fill {
  color: #fff;
}

.tab-block-views {
  background-color: #fff;
  border: 1px solid #e7e7e9;
  border-radius: 32px;
  width: 100%;
  height: auto;
  max-height: 80vh;
  margin-bottom: 24px;
  padding: 56px;
  position: relative;
  overflow: hidden;
}

.heading-4 {
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5rem;
}

.heading-5 {
  margin-top: 16px;
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.3125rem;
}

.tabs-menu {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  width: 100%;
  display: flex;
}

.tab-button {
  color: #6a7184;
  -webkit-text-stroke-color: #101015;
  background-color: #fff;
  flex-direction: column;
  margin-right: 0;
  padding: 0 0 24px;
  font-weight: 400;
  display: block;
  overflow: hidden;
}

.tab-button.w--current {
  color: #101015;
  background-color: #fff;
  border-bottom: 2px solid #e7e7e9;
}

.tab-loader {
  width: 0;
  height: 4px;
  margin-top: 16px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.tabs-content {
  border: 1px solid #e7e7e9;
  border-radius: 24px;
  margin-top: 48px;
}

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

.bis-features-section {
  width: 100%;
  overflow: hidden;
}

.tabs-menu-views {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  width: 20%;
  min-width: 304px;
  margin-right: 0;
  padding-bottom: 0;
  display: flex;
}

.tab-button-view {
  color: #6a7184;
  -webkit-text-stroke-color: #101015;
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  min-width: 240px;
  margin-right: 0;
  padding: 12px 0 12px 24px;
  display: flex;
}

.tab-button-view.w--current {
  color: #101015;
  background-color: #fff;
  border-left: 4px solid #e7e7e9;
  min-width: 240px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 24px;
}

.tabs-views {
  align-items: flex-start;
  display: flex;
}

.tabs-content---views {
  border: 1px solid #e7e7e9;
  border-radius: 12px;
  width: 1338px;
  min-width: 1338px;
  height: 753px;
  max-height: 68vh;
  margin-top: 0;
  margin-left: 56px;
}

.section-h3 {
  color: #101015;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 1.5rem;
  line-height: 2.25rem;
}

.section-h3.newsletter {
  color: #fff;
  font-size: 2.5rem;
  line-height: 3.25rem;
}

.section-h4 {
  color: #1f293a;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3125rem;
}

.tab-pane-tab-1 {
  background-color: #f9f9fa;
  width: 100%;
  height: 100%;
}

.views-image {
  height: 100%;
}

.h-flex-48gap {
  width: 100%;
  height: 594px;
  margin-top: 24px;
}

.h-flex-48gap.height-auto {
  height: auto;
}

.tab-block-fields {
  background-color: #fff;
  border: 1px solid #e7e7e9;
  border-radius: 32px;
  width: 60%;
  height: 100%;
  margin-right: 24px;
  padding: 56px 56px 0;
  position: relative;
  overflow: hidden;
}

.tab-block-mobile {
  background-color: #fff;
  border: 1px solid #e7e7e9;
  border-radius: 32px;
  width: 40%;
  height: 100%;
  padding: 56px;
  position: relative;
  overflow: hidden;
}

.feature-shot {
  border-top: 1px solid #e7e7e9;
  border-left: 1px solid #e7e7e9;
  border-right: 1px solid #e7e7e9;
  border-radius: 16px 16px 0 0;
}

.phone-shot {
  width: 240px;
}

.tabs-features {
  display: flex;
}

.tab-menus-features {
  flex: 0 auto;
  align-items: flex-start;
  width: 426px;
  margin-top: -36px;
}

.tab-button-feature {
  color: #4a5268;
  background-color: #fff;
  border: 1px solid #d5d5d9;
  border-radius: 8px;
  width: auto;
  margin-top: 72px;
  margin-left: 0;
  margin-right: 24px;
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
}

.tab-button-feature.w--current {
  color: #36f;
  background-color: #ebf0ff;
  border-color: #fff;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 72px;
  padding-bottom: 10px;
}

.tab-button-feature.cmd-icon {
  padding-left: 8px;
}

.feature-tab {
  background-color: #b17de1;
  border-radius: 32px 0 0 32px;
  height: 100%;
  margin-left: 56px;
}

.feature-tab.collaboration {
  background-color: #d7f2ff;
}

.feature-tab.quick-actions {
  background-color: #fff0d1;
}

.feature-tab.data-integration {
  background-color: #fed8f4;
}

.feature-tab.table-operations {
  background-color: #fee6d6;
}

.feature-tab.schema-management {
  background-color: #e5d4f5;
}

.feature-tab.integrations {
  background-color: #222326;
}

.tabs-content-2 {
  flex: 1;
}

.text-block-2 {
  font-size: 1rem;
  line-height: 1.3125rem;
}

.tag-head {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 400px;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  inset: auto auto auto 56px;
}

.section-h4-tab {
  color: #1f293a;
  margin-top: 0;
  margin-bottom: 87px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
}

.tab-icon {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 12px;
}

.tab-icon.keyboard {
  width: 24px;
  height: 24px;
}

.tab-block-features {
  background-color: #fff;
  border: 1px solid #e7e7e9;
  border-radius: 32px;
  width: 100%;
  padding-top: 56px;
  padding-bottom: 56px;
  padding-left: 56px;
  position: relative;
  overflow: hidden;
}

.dev-features-section {
  background-color: #f9f9fa;
  width: 100%;
  overflow: hidden;
}

.feature-tab-loader {
  background-color: #36f;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 0%;
  height: 2px;
  margin-top: 24px;
  position: absolute;
  bottom: 0;
  left: 0%;
  right: auto;
}

.tab-block-data-viz {
  background-color: #fff;
  border: 1px solid #e7e7e9;
  border-radius: 32px;
  width: 100%;
  height: auto;
  max-height: 80vw;
  margin-bottom: 24px;
  padding: 24px;
  position: relative;
  overflow: hidden;
}

.product-stats-section {
  background-color: #f9f9fa;
  width: 100%;
  overflow: hidden;
}

.stats-grid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #e7e7e9;
  border: 1px solid #e7e7e9;
  border-radius: 32px;
  flex-wrap: nowrap;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.stats-item {
  background-color: #fff;
  width: 100%;
  max-width: 540px;
  padding: 32px;
}

.stat-number {
  color: #1f293a;
  margin-top: 24px;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.5rem;
}

.stats-head {
  color: #6a7184;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.3125rem;
  text-decoration: none;
}

.community-logo {
  width: 1.5rem;
}

.newsletter-section {
  width: 100%;
  margin-top: 64px;
  overflow: hidden;
}

.blue-banner-div {
  color: #fff;
  background-color: #36f;
  background-image: url('../images/blue-grid-Bg.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  border-radius: 56px;
  width: 100%;
  margin-top: 0;
  padding: 56px;
}

.form {
  max-width: 763px;
  display: flex;
}

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

.text-field {
  border: 1px solid #e7e7e9;
  border-radius: 12px;
  max-width: 640px;
  height: 44px;
  margin-bottom: 0;
  margin-right: 16px;
  font-size: .875rem;
  line-height: 1.25rem;
}

.error-message {
  border-radius: 12px;
  width: auto;
  max-width: 640px;
  padding: 8px 16px;
}

.text-block-3 {
  color: #ff4a3f;
  display: flex;
}

.success-message {
  background-color: #ecfff2;
  border-radius: 12px;
  max-width: 640px;
  height: 44px;
  padding: 12px 16px;
}

.text-block-4 {
  color: #17803d;
  text-align: left;
}

.footer-light {
  border-bottom: 1px solid #e4ebf3;
  width: 100%;
  padding: 80px 12px 20px;
  position: relative;
}

.container {
  background-color: #fff;
  border: 1px solid #d5d5d9;
  border-radius: 20px;
  width: 100%;
  max-width: 1336px;
  margin-left: auto;
  margin-right: auto;
  font-size: .875rem;
  line-height: 1.25rem;
}

.footer-wrapper-two {
  justify-content: flex-start;
  align-items: flex-start;
  padding: 32px;
  display: flex;
}

.footer-block-two {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 32px;
  display: flex;
}

.footer-block-two.no-margin {
  margin-right: 0;
}

.footer-title {
  color: #1f293a;
  margin-top: 0;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.footer-link-two {
  color: #1a1b1f;
  margin-top: 16px;
  font-size: .875rem;
  line-height: 1.25rem;
  text-decoration: none;
}

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

.footer-form {
  width: 30%;
  margin-bottom: 0;
}

.footer-form-container {
  color: #374151;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
}

.footer-form-block {
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.footer-divider-two {
  background-color: #d5d5d9;
  width: 100%;
  height: 1px;
}

.footer-bottom {
  color: #4a5268;
  justify-content: space-between;
  align-items: center;
  padding: 32px;
  font-size: .75rem;
  line-height: 1rem;
  display: flex;
}

.footer-social-block-two {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: -12px;
  display: flex;
}

.footer-terms-links {
  color: #6a7184;
  text-decoration: underline;
}

.footer-sub-text {
  color: #374151;
  margin-top: 24px;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1rem;
}

.h2 {
  color: #374151;
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.h1 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 3.5rem;
  line-height: 4rem;
}

.h1.migrate-airtable {
  margin-left: 12px;
}

.h1.mono {
  font-family: Roboto Mono, sans-serif;
  font-weight: 500;
}

.tab-text {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.tabs-menu-customers {
  border-bottom: 1px solid #e7e7e9;
  margin-bottom: 56px;
}

.case-study-block {
  border: 1px solid #e7e7e9;
  border-radius: 56px;
  margin-bottom: 48px;
  padding: 48px;
  position: static;
}

.flex-block {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex: 1;
  width: 52%;
}

.case-study-h1 {
  color: #101015;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  line-height: 42px;
}

.case-study-h2 {
  color: #1f293a;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.icon-16px {
  width: 20px;
  height: 20px;
  margin-right: 0;
}

.article-tag {
  color: #1f293a;
  -webkit-text-stroke-color: #1f293a;
  background-color: #f4f4f5;
  border-radius: 8px;
  padding: 4px 8px;
}

.tag-dynamic-text {
  white-space: nowrap;
  margin-left: 8px;
  margin-right: 8px;
}

.time-to-read {
  color: #6a7184;
  text-align: right;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.case-study-hero-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 24px;
  width: 440px;
  height: 298px;
  margin-right: 48px;
}

.html-embed {
  width: 20px;
  height: 20px;
}

.customer-logo {
  height: 24px;
}

.flex-block-2 {
  width: 100%;
}

.case-study-hero-section {
  padding-top: 120px;
}

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

.breadcrum-link {
  color: #1f293a;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.text-block-7 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.client-logo {
  height: 32px;
  display: block;
}

.info-h1-h2 {
  margin-bottom: 24px;
}

.about-h2 {
  color: #101015;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.about-h2.medium {
  margin-top: 8px;
}

.about-h1 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  text-decoration: none;
}

.customer-info-box {
  border: 1px solid #e7e7e9;
  border-radius: 32px;
  align-items: stretch;
  min-width: 440px;
  margin-left: 84px;
  padding: 32px 32px 8px;
  position: sticky;
  top: 98px;
}

.tab-customers {
  color: #1f293a;
  background-color: #fff;
  margin-right: 24px;
  padding: 8px 16px 12px;
}

.tab-customers.w--current {
  color: #36f;
  background-color: #fff;
  border-bottom: 4px solid #36f;
  padding-bottom: 12px;
}

.customers-tab {
  display: none;
}

.customers-tab-section {
  width: 100%;
}

.blue-section-h1 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 40px;
  line-height: 52px;
}

.blue-section-h2 {
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.blue-banner-container {
  width: 100%;
  max-width: 1256px;
  padding-left: 20px;
  padding-right: 20px;
}

.banner-section {
  display: none;
}

.pricing-hero-section {
  margin-top: 120px;
}

.customers-hero-section {
  width: 100%;
  margin-top: 200px;
}

.aboutus-hero-section {
  width: 100%;
  margin-top: 200px;
  display: none;
}

.flex-block-h {
  width: 100%;
}

.flex-about {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #e7e7e9;
  border-radius: 32px;
  flex-direction: column;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 64px;
  display: grid;
  overflow: hidden;
}

.felx-about-vertical {
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 40px;
}

.felx-about-vertical.bottom {
  color: #fff;
  background-color: #36f;
}

.felx-about-vertical.image-div {
  padding: 0;
}

.about-h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 36px;
}

.about-h4 {
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.team-section {
  width: 100%;
  margin-top: 120px;
}

.name {
  color: #374151;
  margin-top: 24px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

.role {
  color: #6a7184;
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.nocoder-image {
  border-radius: 12px;
  width: 120%;
  max-width: 110%;
}

.nocoder-image.shreyas {
  width: 100%;
  margin-top: -8px;
}

.nocoder-image.rajanish {
  width: 100%;
}

.nocoder-image.me {
  width: 140%;
  max-width: 140%;
}

.nocoder-image.ss {
  width: 100100%;
}

.nocoder-image.rg {
  width: 130%;
  max-width: 140%;
  margin-top: -12px;
}

.nocoder-image.pranav, .nocoder-image.rm {
  margin-top: -8px;
}

.nocoder-image.mam {
  width: 100%;
  margin-top: -8px;
}

.nocoder-image.lisa {
  width: 180%;
  max-width: 200%;
  margin-top: -20px;
}

.nocoder-image.rohit {
  margin-top: -30px;
}

.use-case-tab {
  background-color: #f9f9fa;
  min-height: 70vh;
}

.image-hover-effect {
  border-top: 1px solid #e7e7e9;
  height: 80%;
  margin-top: 40px;
  overflow: hidden;
}

.tab-block-erd {
  background-color: #fff;
  border: 1px solid #e7e7e9;
  border-radius: 32px;
  width: 60%;
  height: 100%;
  margin-left: 24px;
  padding-top: 56px;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.div-block-2 {
  border-bottom: 1px solid #e7e7e9;
  border-right: 1px solid #e7e7e9;
  border-radius: 0 0 24px;
  align-items: flex-end;
  width: 176%;
  height: 160%;
  margin-bottom: 40px;
  margin-right: 0;
  display: flex;
  overflow: hidden;
}

.image-3 {
  object-fit: contain;
}

.scale-block {
  border: 1px solid #e7e7e9;
  border-radius: 32px;
  width: 40%;
  height: 100%;
  padding: 56px;
  position: relative;
  overflow: hidden;
}

.scale-block.reverse {
  background-color: #fff;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 0;
  display: flex;
}

.feature-tab-content {
  color: #1f293a;
  flex-direction: column;
  height: 100%;
  padding-top: 48px;
  padding-bottom: 48px;
  padding-left: 48px;
  display: flex;
}

.feature-tab-h1 {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 2.375rem;
  line-height: 2.75rem;
}

.feature-tab-h1.dark-bg {
  color: #fff;
}

.feature-tab-h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 21px;
}

.feature-tab-h2.dark-bg {
  color: #fff;
}

.div-block-3 {
  align-items: flex-end;
  margin-top: 24px;
  display: flex;
}

.feature-image {
  background-image: url('../images/Inviteteam.webp');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 16px 0 0 16px;
  flex: 1;
  margin-top: 24px;
  padding-bottom: 38vh;
}

.feature-image.invite-team {
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.feature-image.share-project {
  background-image: url('../images/Share.webp');
  background-size: contain;
}

.feature-image.cmd-j {
  background-image: url('../images/J.webp');
  background-position: 0 0;
  background-size: cover;
}

.feature-image.cmd-k {
  background-image: url('../images/K.webp');
  background-size: cover;
}

.feature-image.cmd-l {
  background-image: url('../images/L.webp');
  background-position: 0 0;
  background-size: cover;
}

.feature-image.external-db {
  background-image: url('../images/ExternalDB.webp');
  background-size: contain;
}

.feature-image.import {
  background-image: url('../images/Import.webp');
  background-size: contain;
}

.feature-image.filter {
  background-image: url('../images/Filters.webp');
  background-position: 0 0;
  background-size: contain;
  margin-left: -20px;
}

.feature-image.sort {
  background-image: url('../images/Sort.webp');
  background-position: 0 0;
  background-size: contain;
  margin-left: -20px;
}

.feature-image.group {
  background-image: url('../images/Group-Overlay.webp');
  background-position: 0 0;
  background-size: contain;
  margin-left: -20px;
}

.feature-image.expanded-record-view {
  background-image: url('../images/ERD-View.webp');
  background-position: 50%;
  background-size: 130%;
}

.feature-image.fields-modall {
  background-image: url('../images/Column-manager-for-table_1.webp');
  background-position: 0 0;
}

.feature-image.apis {
  background-image: url('../images/API.webp');
  background-position: 0 0;
}

.feature-image.web-hooks {
  background-image: url('../images/Webhooks.webp');
  background-position: 0 0;
}

.text-20px-semi-bold {
  color: #1f293a;
  text-align: center;
  -webkit-text-stroke-color: #1f293a;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
}

.page-wrapper {
  aspect-ratio: auto;
  background-image: url('../images/White-bg.svg');
  background-position: 50% 0;
  background-repeat: repeat;
  background-size: auto;
  width: 100%;
  overflow: hidden;
}

.blur-layer {
  z-index: -10;
  opacity: .6;
  background-image: url('../images/bg-blurr.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40vw;
  height: 40vw;
  position: absolute;
  inset: 0% auto auto;
}

.tab-views-loader {
  background-color: #36f;
  width: 4px;
  height: 0%;
  margin-top: 24px;
  position: absolute;
  inset: -24px auto auto -4px;
}

.rich-text-block {
  font-size: 16px;
  line-height: 24px;
}

.image-5 {
  height: 44px;
  margin-bottom: 24px;
  padding-top: 8px;
  padding-left: 0;
}

.next-prev-container {
  width: 100%;
  max-width: 1336px;
  padding: 60px 20px 0;
}

.body-2 {
  font-family: Manrope Variablefont Wght, Arial, sans-serif;
}

.next-prev-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #374151;
  border: 1px solid #e7e7e9;
  border-radius: 24px;
  padding: 16px;
  display: flex;
}

.div-block-6 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 12px;
  width: 30%;
}

.collection-list-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-left: -12px;
  margin-right: -12px;
  display: flex;
}

.fs-prev-next {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 100%;
  display: flex;
}

.fs-prev-next-item {
  width: 100%;
}

.fs-prev-next-item-post {
  align-items: flex-start;
  width: 100%;
  margin-top: 12px;
  padding-bottom: 20px;
  display: flex;
}

.fs-prev-next-item-post.is-empty {
  color: #374151;
  display: none;
}

.heading-6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 21px;
}

.collection-list-wrapper-2 {
  width: 100%;
  margin-top: 60px;
}

.next-prev-sub-text {
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
}

.collection-item-2 {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.v-flex {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  align-items: center;
}

.next-prev-block-empty {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #333;
  border: 1px solid #e7e7e9;
  border-radius: 24px;
  flex-direction: row;
  padding: 16px;
  display: flex;
}

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

.views-image-class {
  width: 100%;
}

.link-block {
  width: 100%;
  margin-bottom: 64px;
  padding-top: 12px;
}

.marquee {
  width: 100%;
  display: flex;
  overflow: hidden;
}

.marquee-content {
  grid-column-gap: 1rem;
  flex: none;
  justify-content: space-around;
  min-width: 100%;
  display: flex;
}

.data-viz-div {
  background-image: url('../images/new-data-viz-lines-animate.svg'), url('../images/new-data-viz-lines.svg');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, contain;
}

.data-viz-image {
  width: 100%;
  height: 100%;
}

.pricing-table-cell {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #4a5268;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 40%;
  padding: 16px 24px;
  display: flex;
}

.pricing-table-cell.head {
  color: #1f293a;
  text-align: right;
  white-space: nowrap;
  justify-content: flex-end;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.pricing-table-row {
  border-bottom: 1px solid #e7e7e9;
  display: flex;
}

.pricing-table-icon {
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.pricing-compare-table {
  border: 1px solid #e7e7e9;
  border-radius: 12px;
  width: 100%;
}

.pricing-table-header-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #f9f9fa;
  border-bottom: 1px solid #e7e7e9;
  padding: 16px 48px;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  display: flex;
}

.pricing-table-header-row.top-rounded {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.plan-h1 {
  color: #1f293a;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.plan-h1.on-fill {
  color: #fff;
}

.plan-h1.on-fill.left-align, .plan-h1.left-align {
  text-align: left;
}

.plan-h2 {
  color: #4a5268;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.pricing-table-cell-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #4a5268;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 40%;
  padding: 24px;
  display: block;
}

.pricing-table-cell-head.yellow-bg {
  background-color: #fffbf2;
}

.pricing-table-cell-head.maroon-bg {
  background-color: #fff0f7;
}

.hero-pricing-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #4a5268;
  text-align: center;
  background-color: #101015;
  border: 1px solid #d5d5d9;
  border-radius: 24px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25%;
  padding: 24px;
  display: flex;
  box-shadow: 0 4px 8px -2px #00000014, 0 4px 24px #0000001f;
}

.hero-pricing-card.grey-bg {
  background-color: #fff;
  border-color: #e7e7e9;
}

.hero-pricing-card.yellow-bg {
  background-color: #fffbf2;
  border-color: #fdd889;
}

.hero-pricing-card.maroon-bg {
  background-color: #fff0f7;
  border-color: #ffabd2;
}

.price {
  color: #101015;
  text-align: left;
  font-size: 36px;
  font-weight: 600;
  line-height: 48px;
}

.price.strike-through {
  color: #4a5268;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: line-through;
}

.price-div {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  margin-top: 12px;
  display: flex;
}

.pricing-table-hero {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.pricing-sub-text {
  text-align: left;
  flex: 0 auto;
  width: 100%;
  margin-left: 12px;
  font-weight: 500;
}

.pricing-sub-text.users {
  color: #36f;
  margin-right: 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.text-block-12 {
  color: #4a5268;
  font-weight: 400;
}

.pricing-tabs {
  flex-direction: column;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 40px;
  display: flex;
}

.pricing-tabs-menu {
  background-color: #f4f4f5;
  border-radius: 12px;
  flex-direction: row;
  align-items: stretch;
  width: 480px;
  padding: 4px;
  display: none;
}

.pricing-menu {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #101015;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 8px 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
}

.pricing-menu.w--current {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  width: 100%;
  box-shadow: 0 3px 5px -2px #00000005, 0 1px 3px -2px #0000000f;
}

.text-block-13 {
  text-align: center;
  white-space: nowrap;
}

.text-block-14 {
  color: #17803d;
  white-space: nowrap;
  background-color: #ecfff2;
  border-radius: 8px;
  padding: 2px 8px;
  font-size: 14px;
  font-weight: 500;
}

.pricing-tab-content {
  overflow: visible;
}

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

.pricing-head-block-copy {
  background-color: #fff;
  border: 1px solid #d5d5d9;
  border-radius: 24px;
  flex-direction: row;
  width: 102%;
  margin-top: 0;
  margin-bottom: 32px;
  display: flex;
  position: sticky;
  top: 96px;
  overflow: hidden;
  box-shadow: 0 4px 24px 8px #0000001f, 0 4px 8px -2px #0000000a;
}

.badge {
  font-weight: 600;
}

.section-header {
  font-size: 20px;
  line-height: 24px;
}

.orange-tag {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-color: #fa8231;
  border-radius: 20px;
  align-items: center;
  margin-top: 24px;
  padding: 4px 16px;
  display: none;
}

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

.h2-small {
  color: #1f293a;
  text-align: center;
  margin-top: 32px;
  margin-bottom: 32px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.navbar-no-shadow {
  z-index: 5;
  justify-content: center;
  width: 100%;
  padding: 12px;
  font-family: Manrope Variablefont Wght, Arial, sans-serif;
  font-size: .875rem;
  line-height: 1.25rem;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.navbar-no-shadow-container-2 {
  z-index: 5;
  background-color: #fff;
  border: 1px solid #e7e7e9;
  border-radius: 20px;
  width: 100%;
  max-width: 1336px;
  padding: 12px 12px 12px 24px;
  box-shadow: 0 0 24px #0000001a;
}

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

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

.navbar-brand.w--current {
  flex: 1;
}

.nav-menu-wrapper {
  background-color: #fff;
  justify-content: center;
  width: 70%;
  display: flex;
  position: static;
}

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

.nav-link {
  color: #1a1b1f;
  text-align: right;
  letter-spacing: .25px;
  width: auto;
  height: 100%;
  padding: 4px 12px;
  font-size: .875rem;
  line-height: 1.25rem;
  text-decoration: none;
}

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

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

.nav-dropdown-toggle {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  letter-spacing: .25px;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

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

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

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

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

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

.nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
  background-color: #fff;
  border: 1px solid #e7e7e9;
  flex-direction: column;
  margin-top: 4px;
  margin-left: -2px;
  padding: 8px;
  display: flex;
}

.nav-dropdown-link {
  border-radius: 8px;
  min-width: 240px;
  margin-left: 0;
  margin-right: 0;
  padding: 8px;
  font-size: 14px;
  line-height: 21px;
}

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

.mobile-margin-top-10 {
  justify-content: flex-end;
  width: 0%;
  display: flex;
}

.nav-button-wrapper {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.navbar-list {
  color: #1a1b1f;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  font-weight: 400;
  display: flex;
  position: relative;
}

.navbar-list:hover {
  background-color: #f4f4f5;
  border-radius: 8px;
}

.navbar-list.dropdown {
  padding: 0;
}

.navbar-list.dropdown.hidden {
  display: none;
}

.navbar-list.mobile.how-it-works {
  justify-content: center;
}

.navbar-list.migrate {
  margin-right: 12px;
}

.profile-card {
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 180px;
  padding: 24px 16px;
  display: flex;
}

.profile-card.hidden {
  display: none;
}

.profile-grid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  justify-content: center;
  place-items: center;
  width: 100%;
  margin-top: 64px;
  display: grid;
  overflow: hidden;
}

.investor-pic-block {
  border-radius: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 88%;
  height: 122px;
  display: flex;
  overflow: hidden;
}

.investor-pic-block.ram {
  background-image: url('../images/RSR.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.investor-pic-block.bob-y {
  background-image: url('../images/bob-young.webp');
  background-position: 50% 14%;
  background-repeat: no-repeat;
  background-size: cover;
}

.investor-pic-block.spencer {
  background-image: url('../images/spencer-kimbal.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.investor-pic-block.mw {
  background-image: url('../images/matt.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.investor-pic-block.jeffh {
  background-image: url('../images/Jeff-h.webp');
  background-position: 0 0;
  background-size: cover;
}

.investor-pic-block.bertrand-d {
  background-image: url('../images/Bertrand-D.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.investor-pic-block.naval-r {
  background-image: url('../images/Naval-R.webp');
  background-position: 50% 40%;
  background-size: cover;
}

.investor-pic-block.chad-h {
  background-image: url('../images/chad-hurley.webp');
  background-position: 50% 20%;
  background-repeat: no-repeat;
  background-size: cover;
}

.investor-pic-block.tod-sac {
  background-image: url('../images/Tod-Sacerdoti.webp');
  background-position: 50% 20%;
  background-size: cover;
}

.investor-logo {
  height: 100%;
}

.investors-section {
  width: 100%;
}

.vc-firm-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #e7e7e9;
  border-radius: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 72px;
  display: flex;
  overflow: hidden;
}

.investor-logo-block {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 32px;
  margin-bottom: 24px;
  display: flex;
}

.investor-name {
  color: #374151;
  margin-top: 24px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
}

.investor-grid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #e7e7e9;
  border: 1px solid #e7e7e9;
  border-radius: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 72px;
  display: grid;
  overflow: hidden;
}

.investor-pic-block-large {
  border-radius: 12px;
  justify-content: center;
  align-items: flex-start;
  width: 88%;
  height: 144px;
  display: flex;
  overflow: hidden;
}

.investor-pic-block-large.gm {
  background-image: url('../images/Girish-Mathrubhootham.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
}

.investor-pic-block-large.jj {
  background-image: url('../images/JJ.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
}

.investor-pic-block-large.js {
  background-image: url('../images/John-Sakoda.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.investor-pic-block-large.sd {
  background-image: url('../images/SDUncorellated.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
}

.profile-card-large {
  border-right: 1px solid #e7e7e9;
  flex-direction: column;
  flex: 1;
  padding: 24px;
  display: flex;
}

.profile-card-large.right-end {
  border-right-style: none;
}

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

.body-3 {
  font-family: Manrope Variablefont Wght, Arial, sans-serif;
}

._404-section {
  width: 100%;
  margin-top: 96px;
  overflow: hidden;
}

.rich-text-section {
  width: 100%;
  margin-top: 200px;
}

.views-section-copy {
  width: 100%;
  overflow: hidden;
}

.section-timeline {
  z-index: 0;
  width: 100%;
  position: relative;
}

.text-colour-white {
  color: #fff;
}

.circle-complete {
  background-color: #fff;
  border: 4px solid #36f;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  position: sticky;
  top: 50vh;
}

.timeline_progress-bar {
  z-index: -1;
  background-color: #fff;
  background-image: linear-gradient(#36f, #36f);
  width: 2px;
  height: 50vh;
  position: sticky;
  inset: 0 auto 50vh;
}

.timeline_right {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  box-shadow: 0 0 12px 0 var(--shadow-variable);
  color: #374151;
  border: 1px solid #e7e7e9;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 16px;
  display: flex;
}

.timeline_right:hover {
  background-color: #ebf0ff;
}

.timeline_centre {
  justify-content: center;
  align-items: center;
  padding-top: 16px;
  display: flex;
}

.line {
  z-index: -2;
  background-color: #e7e7e9;
  width: 2px;
  height: 100%;
  margin-left: 56px;
  position: absolute;
  inset: 49px auto auto 0%;
}

.item {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 90px 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 12px;
  display: grid;
  position: static;
}

.progress-component {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

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

.feature-text {
  text-align: left;
  overflow-wrap: normal;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.view-details {
  color: #6a7184;
  font-size: 12px;
}

.blue-badge {
  color: #36f;
  background-color: #ebf0ff;
  border-radius: 8px;
  padding: 4px 8px;
  font-size: 14px;
  line-height: 21px;
}

.blue-badge.super-script {
  z-index: 10;
  background-color: #36f;
  border: 1px solid #36f;
  margin-right: 8px;
  padding: 0 4px;
  position: absolute;
  top: 0;
  right: -24px;
}

.new-features-component {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.line-new-features {
  z-index: 0;
  background-color: #e7e7e9;
  width: 3px;
  height: 100%;
  margin-left: 56px;
  position: absolute;
  bottom: auto;
  left: 0%;
  right: auto;
}

.circle-inprogress {
  background-color: #e7e7e9;
  border-radius: 100%;
  width: 9px;
  height: 9px;
  position: sticky;
  top: 50vh;
}

.upvote {
  color: #6a7184;
  font-size: 12px;
}

.flex-block-3 {
  width: 100%;
}

.flex-block-4 {
  align-items: center;
}

.flex-block-5 {
  width: 100%;
}

.hero-text-wrapper {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-7 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.hidden {
  display: block;
}

.usecase-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.image-15 {
  border-radius: 12px;
  width: 100%;
}

._404-illustration {
  width: 72%;
}

._404-illustration-block {
  width: 100%;
  margin-bottom: 48px;
}

.h-flex-gap-8 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  width: 100%;
  display: flex;
}

.why-section {
  background-color: #0a1433;
  background-image: linear-gradient(157deg, #0a1433 5%, #16244e 50%, #0a1433 95%);
  width: 100%;
  overflow: hidden;
}

.why-block {
  color: #9aa2af;
  border: 1px solid #4a5268;
  border-radius: 32px;
  padding: 32px;
}

.why-block:hover {
  border-color: #36f;
  box-shadow: 0 0 0 4px #5c9aff33;
}

.reason-h1 {
  color: #fff;
  margin-top: 32px;
  font-size: 1.125rem;
  line-height: 1.625rem;
}

.reason-h12.text-colour-white {
  color: #9aa2af;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.why-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.why-illustration {
  width: 64px;
  height: 64px;
}

.nocoder-pic-block {
  border: 1px solid #e7e7e9;
  border-radius: 12px;
  justify-content: center;
  align-items: flex-start;
  width: 96px;
  height: 96px;
  display: flex;
  overflow: hidden;
}

.nocoder-pic-block.mm {
  background-color: #fff0d1;
}

.nocoder-pic-block.rm {
  background-color: #ffcfe6;
}

.nocoder-pic-block.me {
  background-color: #d4f7e0;
}

.nocoder-pic-block.kei {
  background-color: #f0f0ff;
}

.companies-h1 {
  text-align: center;
  margin-top: 48px;
  margin-bottom: 16px;
  font-size: 2.375rem;
  line-height: 2.75rem;
}

.dropdown-icon {
  width: 24px;
  height: 24px;
}

.dropdown-icon.small {
  width: 16px;
  height: 16px;
  margin-left: 4px;
  margin-right: 4px;
}

.dropdown {
  color: #1f293a;
  align-items: center;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
}

.dropdown:hover {
  background-color: #f9f9fa;
  border-radius: 8px;
}

.dropdown.hide {
  display: none;
}

.list-divider {
  background-color: #e7e7e9;
  width: 100%;
  height: 1px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.greyed-out-text {
  color: #999;
  font-size: 12px;
}

.ck-banner {
  z-index: 10;
  justify-content: center;
  width: 100%;
  position: fixed;
  inset: auto 0% 24px;
}

.banner {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border: 1px solid #e7e7e9;
  border-radius: 16px;
  align-items: center;
  width: 1110px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 12px 12px 12px 24px;
  display: flex;
  box-shadow: 0 0 24px #0003;
}

.ck-text-mobile {
  color: #4a5268;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  display: none;
}

.ck-text-button {
  color: #4a5268;
}

.pricing-card-sub-text {
  color: #1f293a;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.pricing-card-sub-text.on-fill {
  color: #fff;
  align-items: flex-start;
}

.pricing-sub-text-1 {
  color: #4a5268;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.pricing-sub-text-1.on-fill {
  color: silver;
}

.contact {
  color: #1f293a;
  text-align: left;
  font-size: 36px;
  font-weight: 600;
  line-height: 48px;
}

.contact.on-fill {
  color: #fff;
  font-size: 28px;
}

.html-embed-2 {
  position: absolute;
}

.profile-grid-bottom {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #e7e7e9;
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  overflow: hidden;
}

.div-block-8 {
  border: 1px solid #e7e7e9;
  border-radius: 18px;
  margin-top: 64px;
}

.profile-card-end {
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  min-width: 144px;
  padding: 16px;
  display: flex;
}

.profile-card-end.join-us {
  display: none;
}

.ck-button {
  white-space: nowrap;
  background-color: #36f;
  border-radius: 12px;
  align-items: center;
  margin-left: 12px;
  padding: 10px 24px;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.25rem;
  display: flex;
}

.ck-button.no-padding {
  margin-left: 0;
}

.ck-button.ck {
  height: 36px;
}

.success-message-2 {
  background-color: #ecfff2;
  border-radius: 12px;
  max-width: 460px;
  padding: 16px 24px;
}

.text-block-16 {
  color: #17803d;
  text-align: left;
}

.error-message-2 {
  color: #cb3f36;
  border-radius: 12px;
  padding: 12px 16px;
}

.button-secondary-form {
  color: #374151;
  background-color: #fff;
  border: 1px solid #36f;
  border-radius: 12px;
  align-items: center;
  height: 44px;
  padding: 8px 24px;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.25rem;
  display: flex;
}

.button-secondary-form.grey-border {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  white-space: nowrap;
  border-color: #e7e7e9;
  justify-content: center;
}

.button-secondary-form.grey-border.small.dark-bg {
  color: #fff;
  background-color: #252525;
  border-color: #4d4d4d;
}

.button-secondary-form.small {
  border-radius: 8px;
  height: 36px;
  padding: 4px 16px;
}

.button-secondary-form.banner-size {
  border-style: none;
  border-radius: 16px;
  height: auto;
  padding: 4px 8px;
}

.home-navbar-section {
  z-index: 10;
  justify-content: center;
  width: 100vw;
  padding: 12px;
  display: flex;
  position: fixed;
  top: 0;
}

.scroll-offset {
  width: 100%;
  height: 100px;
}

.scroll-offset._20 {
  height: 20px;
}

.html-embed-3 {
  width: 16px;
  height: 16px;
}

.sticky-div {
  border: 1px solid #e7e7e9;
  border-radius: 24px;
  width: 102%;
  margin-bottom: 24px;
  display: flex;
  position: sticky;
  top: 96px;
  overflow: hidden;
}

.text-span {
  color: #4a5268;
  font-size: 14px;
}

.text-tag {
  background-color: #ebf0ff;
  border-radius: 16px;
  margin-left: 48px;
  padding: 16px 36px;
}

.info-text {
  color: #36f;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 32px;
}

.pricing-head {
  align-items: center;
  display: flex;
}

.html-embed-4 {
  width: 24px;
  height: 24px;
  position: absolute;
}

.spinner-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.spinner-block:active {
  display: flex;
}

.slider {
  display: none;
}

.tab-block-views-copy {
  background-color: #fff;
  border: 1px solid #e7e7e9;
  border-radius: 32px;
  width: 100%;
  height: auto;
  max-height: 80vh;
  margin-bottom: 24px;
  padding: 56px;
  position: relative;
  overflow: hidden;
}

.container-standard-mobile {
  max-width: var(--max-container-width-pc);
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 64px 20px;
  display: flex;
}

.container-standard-mobile.horizontal {
  flex-direction: row;
}

.tab-block-usecases {
  background-color: #fff;
  border: 1px solid #e7e7e9;
  border-radius: 32px;
  width: 100%;
  height: auto;
  max-height: 80vh;
  margin-bottom: 24px;
  padding: 56px;
  position: relative;
  overflow: hidden;
}

.heading-new {
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-20px-semi-bold-mobile {
  color: #1f293a;
  text-align: center;
  -webkit-text-stroke-color: #1f293a;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  display: none;
}

.hero-heading-mobile {
  color: #101015;
  text-align: center;
  margin-bottom: 0;
  font-size: 76px;
  font-weight: 700;
  line-height: 92px;
}

.text-20px-semi-bold-copy {
  color: #1f293a;
  text-align: center;
  -webkit-text-stroke-color: #1f293a;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
}

.mobile-container {
  display: none;
}

.ck-text-pc {
  color: #4a5268;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}

.usecase-image {
  height: 100%;
}

.button-primary-copy {
  white-space: nowrap;
  background-color: #36f;
  border-radius: 12px;
  align-items: center;
  height: 44px;
  margin-left: 12px;
  padding: 8px 24px;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.25rem;
  display: flex;
}

.button-primary-copy.no-padding {
  margin-left: 0;
}

.button-primary-copy.ck {
  height: 36px;
}

.button-primary-copy.nav-bar {
  margin-left: 0;
}

.button-primary-main {
  white-space: nowrap;
  background-color: #36f;
  border-radius: 12px;
  align-items: center;
  height: 44px;
  margin-left: 12px;
  padding: 8px 24px;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.25rem;
  display: flex;
}

.button-primary-main.no-padding {
  margin-left: 0;
}

.button-primary-main.ck {
  height: 36px;
}

.button-primary-main.nav-bar {
  margin-left: 0;
}

.button-text {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 21px;
}

.button-text.on-fill {
  color: #1f293a;
}

.button-primary-nav-menu {
  white-space: nowrap;
  background-color: #36f;
  border-radius: 12px;
  align-items: center;
  height: 44px;
  margin-left: 12px;
  padding: 8px 24px;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.25rem;
  display: none;
}

.button-primary-nav-menu.no-padding {
  margin-left: 0;
}

.button-primary-nav-menu.ck {
  height: 36px;
}

.button-primary-nav-menu.nav-bar {
  margin-left: 0;
}

.tooltip-wrapper {
  z-index: 4;
  flex-direction: row;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
}

.tool-tip-text-wrapper {
  z-index: 4;
  text-align: left;
  background-color: #fff;
  border: 1px solid #e7e7e9;
  border-radius: 8px;
  min-width: 210px;
  padding: 8px 16px;
  font-weight: 600;
  display: none;
  position: absolute;
  left: 24px;
  box-shadow: 0 20px 24px -4px #0000001a;
}

.no-card-req {
  color: #6a7184;
  text-align: center;
  width: 100%;
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.no-card-req.on-fill {
  color: silver;
}

.link-block-4 {
  padding: 4px 8px;
  display: flex;
}

.dropdown-divider {
  background-color: #d5d5d9;
  width: 100%;
  height: 1px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.dropdown-header {
  color: #6a7184;
  letter-spacing: 2px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  font-size: .75rem;
  font-weight: 700;
}

.month {
  color: #4a5268;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.div-block-9 {
  align-items: center;
  display: flex;
}

.h3-small {
  color: #4a5268;
  margin-top: 32px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
}

.migrate-airtable-cover {
  margin-bottom: 60px;
}

.migrate-hero-section {
  margin-top: 80px;
}

.step-block {
  width: 100%;
  margin-top: 64px;
  display: flex;
}

.step-block.hidden {
  display: none;
}

.step-block.top {
  margin-top: 0;
}

.step-text-block {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 33%;
  min-width: 33%;
  display: flex;
}

.step-image {
  border-radius: 12px;
  width: 100%;
}

.step-h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
}

.step-h1 {
  margin-top: 28px;
  margin-bottom: 28px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 3rem;
}

.step {
  color: #4a5268;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.body-4 {
  font-family: Manrope Variablefont Wght, Arial, sans-serif;
}

.spacer-56px {
  width: 56px;
  min-width: 56px;
}

.video-block {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.import-video {
  width: 100%;
}

.video-section-h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.25rem;
}

.video-container {
  border-radius: 32px;
  width: 80%;
  overflow: hidden;
}

.step-image-container {
  border: 1px solid #e7e7e9;
  border-radius: 32px;
  width: 100%;
  padding: 32px;
}

.step-image-container.red {
  background-color: #fff2f1;
}

.step-image-container.maroon {
  background-color: #fff0f7;
}

.step-image-container.purple {
  background-color: #f3ecfa;
}

.airtable-migrate-cover {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #fffbf2;
  border-radius: 56px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 160px;
  padding-bottom: 120px;
  display: flex;
}

.image-17 {
  width: 40%;
}

.airtable-key {
  font-size: .75rem;
}

.text-12px-bold {
  margin-left: 8px;
  margin-right: 8px;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.text-12px-bold.orange {
  color: #fa8231;
  margin-left: 4px;
  margin-right: 0;
  font-size: .75rem;
  line-height: 1rem;
}

.text-block-18, .text-block-19 {
  font-size: .75rem;
  font-weight: 600;
  line-height: 1rem;
}

.text-12px-badge {
  color: #fff;
  font-size: .625rem;
  font-weight: 600;
  line-height: 1rem;
}

.test-block {
  perspective: 1000px;
  background-color: #fff;
  border: 1px solid #36f;
  border-radius: 20px;
  width: 100%;
  max-width: 1536px;
  height: 400px;
  margin-top: 60px;
  padding: 12px;
}

.animated-stroke {
  border-radius: 24px;
  height: 100%;
  position: absolute;
  inset: -1px;
  overflow: hidden;
}

.hero-img {
  border: 1px solid #e7e7e9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.item-new {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 90px 90px 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: static;
}

.timeling-date {
  order: 0;
  width: 96px;
  margin-right: 24px;
  font-size: 12px;
  line-height: 16px;
}

.section-timeline-new {
  z-index: 0;
  width: 100%;
  padding-left: 144px;
  padding-right: 144px;
  position: relative;
}

.progress-component-new {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.line-new {
  z-index: -2;
  background-color: #e7e7e9;
  width: 1px;
  height: 100%;
  margin-left: 123px;
  position: absolute;
  top: 20px;
  bottom: auto;
  right: auto;
}

.timeline_right-new {
  color: #374151;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 64px;
  margin-left: 48px;
  display: flex;
}

.feature-text-new {
  text-align: left;
  overflow-wrap: normal;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 44px;
}

.view-details-new {
  color: #6a7184;
  font-size: 12px;
}

.timeline_progress-bar-new {
  z-index: -1;
  background-color: #fff;
  background-image: linear-gradient(#36f, #36f);
  width: 1px;
  height: 70vh;
  position: sticky;
  top: 40vh;
  left: auto;
  right: auto;
}

.timeline-right-h {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 8px;
  align-items: center;
  width: 100%;
  margin-bottom: 24px;
  display: flex;
}

.paragraph {
  padding-left: 0;
  font-size: 13px;
}

.changelog-h2 {
  margin-top: 0;
  font-size: 20px;
  line-height: 32px;
}

.changelog-body-text {
  padding-left: 0;
  font-size: 13px;
}

.changelog-badge {
  color: #4a5268;
  border: 1px solid #e7e7e9;
  border-radius: 4px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 12px;
  line-height: 16px;
}

.changelog-badge.feature {
  color: #801044;
  background-color: #fff0f7;
  border-color: #b33771;
}

.changelog-badge.bug-fixes {
  color: #207399;
  background-color: #edf9ff;
  border-color: #36bfff;
}

.changelog-left {
  padding-top: 16px;
}

.changelog-item {
  grid-template-rows: auto;
  grid-template-columns: 120px auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: start;
  display: grid;
}

.rich-text-block-2 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.closed-issues, .closed-issues-copy {
  width: 100%;
  margin-bottom: 24px;
}

.changelog-list {
  font-size: 13px;
}

.changelog-image {
  border-radius: 12px;
  width: 100%;
  height: 520px;
  overflow: hidden;
}

.changelog-hero-image {
  border-radius: 12px;
  width: 100%;
}

.tab-pane-tab-5 {
  width: 100%;
  height: 100%;
}

.code-embed {
  margin-top: 24px;
}

.div-block-10 {
  margin-top: 24px;
  display: flex;
}

.social-icon {
  margin-right: 0;
}

.footer-social-icon {
  margin-right: 20px;
}

.div-block-11 {
  border: 1px solid #e7e7e9;
  width: 100%;
  height: 1px;
  margin-top: 24px;
}

.image-18, .image-19 {
  height: 100%;
}

.empty-slot {
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 180px;
  padding: 16px;
  display: flex;
}

.empty-slot.hidden {
  display: none;
}

.hero {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding-left: 24px;
  padding-right: 24px;
}

.hero.top-padding {
  margin-top: 100px;
}

.primary-button {
  color: #fff;
  background-color: #36f;
  border-radius: 8px;
  height: 32px;
  padding: 6px 8px;
  font-weight: 500;
}

.primary-button.pricing-card {
  text-align: center;
  cursor: pointer;
  background-color: #36f;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  margin-top: 24px;
  display: flex;
}

.primary-button.pricing-card:hover {
  background-color: #2952cc;
}

.div-block-30 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
}

.total-text {
  color: #6a7184;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.total-text.enterprise {
  color: #d5d5d9;
}

.heading-2 {
  color: #4a5268;
  text-align: center;
  max-width: 800px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.heading-2.mobile {
  display: none;
}

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

.pricing-text {
  color: #101015;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 46px;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 36px;
  display: flex;
}

.pricing-text.strikethrough {
  color: #374151;
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  -webkit-text-decoration: line-through #cb3f36;
  text-decoration: line-through #cb3f36;
  text-decoration-thickness: 2px;
}

.pricing-text.self-host {
  width: auto;
}

.pricing-text.enterprise {
  color: #1f293a;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 16px;
  font-size: 24px;
}

.pricing-text.unlimited {
  color: #7d26cd;
  font-size: 26px;
}

.seat-banner-sub-text {
  color: #4a5268;
}

.seat-banner-sub-text.bold {
  color: #101015;
  font-weight: 600;
}

.pricing-card-sub-text-2 {
  color: #6a7184;
  width: 100%;
  min-height: 48px;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  display: none;
}

.tabs-content-3 {
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
  overflow: visible;
}

.tabs-content-3.comparision-table {
  position: relative;
  top: -76px;
}

.seat-banner-main-text {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
}

.pricing-list-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.pricing-list-item.hidden {
  opacity: 0;
}

.container-default {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  padding: 64px 0;
  display: flex;
}

.container-default.pricing {
  padding-top: 80px;
  position: relative;
}

.div-block-34 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-35 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: center;
  min-width: 200px;
  display: flex;
}

.text-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #1f293a;
  cursor: pointer;
  background-color: #fff0;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  height: 32px;
  margin-left: 0;
  padding-left: 12px;
  padding-right: 12px;
  font-weight: 600;
  display: none;
  position: absolute;
  top: 48px;
  left: 0;
}

.text-button:hover {
  background-color: #f4f4f5;
}

.hero-heading-2 {
  color: #101015;
  text-align: center;
  margin-top: 48px;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 700;
  line-height: 72px;
  position: relative;
}

.hero-heading-2.pricing {
  text-transform: capitalize;
  margin-top: 0;
}

.plan-cards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 48px;
  display: flex;
}

.pricing-card-sub-header {
  color: #1f293a;
  flex: 1;
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.text-block-11 {
  font-size: 14px;
  line-height: 20px;
}

.per-seat {
  color: #1f293a;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.unlimited-free {
  color: #17803d;
  font-size: 14px;
  font-weight: 700;
}

.highlight {
  z-index: -1;
  opacity: .2;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: linear-gradient(225deg, #fff 10%, #fc3ac6 50%, #fff 90%);
  border-radius: 20px;
  width: 169px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 26px;
}

.highlight.audit {
  width: 67px;
}

.breakup-text {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.input-3 {
  width: 120px;
}

.secondary-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #1f293a;
  -webkit-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid #e7e7e9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: 6px 8px;
  font-weight: 500;
  display: flex;
  box-shadow: 0 5px 3px -2px #00000005, 0 3px 1px -2px #0000000f;
}

.secondary-button:hover {
  background-color: #f9f9fa;
  border-color: #e7e7e9;
}

.secondary-button.pricing-card {
  cursor: pointer;
  height: 40px;
  margin-top: 24px;
}

.check-users {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
}

.border-animation {
  margin-top: 16px;
  display: none;
  position: absolute;
  top: -16px;
  right: 0;
}

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

.tag-shape {
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
}

.stripe-text {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #1f293a;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  font-size: 12px;
  line-height: 18px;
  display: flex;
}

.plan-price {
  justify-content: flex-start;
  align-items: center;
  font-weight: 700;
  display: flex;
}

.pricing-default-tab {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #4a5268;
  background-color: #fff0;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-width: 96px;
  padding: 6px 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

.pricing-default-tab.w--current {
  color: #1f293a;
  background-color: #fff;
  font-weight: 700;
  box-shadow: 0 5px 3px -2px #00000005, 0 3px 1px -2px #0000000f;
}

.container-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1312px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.pricing-card-sub-header-2 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  overflow: hidden;
}

.text-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-bottom: 64px;
  display: flex;
}

.discount {
  color: #17803d;
  background-color: #ecfff2;
  border-radius: 4px;
  padding-left: 2px;
  padding-right: 2px;
}

.enterprise-month {
  color: #6a7184;
  height: 32px;
  margin-top: 16px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.pricing-dropdown-item-free-text {
  color: #17803d;
  background-color: #ecfff2;
  border-radius: 4px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 13px;
  font-weight: 600;
}

.icon-16 {
  width: 16px;
  height: 16px;
}

.plan-container {
  border: 1px solid #e7e7e9;
  border-radius: 16px;
  align-self: stretch;
  width: 100%;
  max-width: 320px;
  padding: 20px;
  position: relative;
  overflow: hidden;
}

.plan-container.orange {
  color: #374151;
}

.plan-container.popular {
  border-color: #36f;
  box-shadow: 0 0 0 4px #2952cc14;
}

.plan-container.enterprise {
  color: #f9f9fa;
  background-color: #101015;
}

.card-spacer {
  height: 32px;
  margin-top: 16px;
  display: none;
}

.div-block-28 {
  background-image: url('../images/bannerbg_1bannerbg.avif');
  background-position: 0 0;
  background-size: auto;
  border-radius: 8px;
  width: 640px;
  padding: 16px 24px;
}

.capped-at {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.pricing-offer-body {
  color: #4b177b;
  text-align: center;
  margin-top: 16px;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}

.code-embed-10 {
  height: 24px;
}

.pricing-banner-left {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.pricing-banner-right {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.code-embed-8 {
  display: none;
}

.seat-count {
  color: #101015;
  background-color: #e7e7e9;
  border-radius: 12px;
  padding-left: 12px;
  padding-right: 12px;
  font-weight: 700;
}

.user-count-dropdown {
  z-index: 999;
  background-color: #fff;
  border: 1px solid #e7e7e9;
  border-radius: 8px;
  width: 220px;
  padding: 4px;
  display: none;
  position: absolute;
  top: 50px;
  right: 16px;
  box-shadow: 0 4px 6px -2px #0000000f, 0 12px 16px -4px #0000001a;
}

.pricing-plan-list {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  align-items: stretch;
  width: 100%;
  height: auto;
  min-height: 191px;
  margin-top: 16px;
  display: flex;
}

.pricing-plan-list.self-hosted {
  height: 211px;
}

.code-embed-9 {
  display: none;
}

.pricing-tab {
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.pricing-tab.card {
  justify-content: flex-start;
  align-items: center;
}

.pricing-card-header {
  color: #1f293a;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 32px;
}

.pricing-card-header.enterprise {
  color: #e7e7e9;
}

.pricing-card-header.muted {
  color: #6a7184;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.user-count-dropdown-item {
  cursor: pointer;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  height: 28px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.user-count-dropdown-item:hover {
  background-color: #f4f4f5;
}

.user-slider-banner-heading {
  color: #101015;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 32px;
}

.pricing-dropdown-item-text {
  color: #1f293a;
  margin-left: 8px;
  margin-right: 8px;
  font-size: 13px;
  font-weight: 600;
}

.unterline-pricing {
  width: 270px;
  height: 40px;
  position: absolute;
  top: 45px;
  left: 382px;
}

.user-count-banner {
  z-index: 90;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-image: linear-gradient(#690735, #42001f);
  border-radius: 16px;
  padding: 16px 16px 16px 20px;
  display: flex;
  position: absolute;
  top: 76px;
}

.slider-marker {
  background-color: #fff;
  width: 1px;
  height: 4px;
}

.capp-badge {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  background-color: #d6001c;
  border-radius: 0 0 0 6px;
  width: auto;
  padding: 6px 8px;
  display: flex;
}

.badge-2 {
  color: #1f293a;
  border-radius: 40px;
  padding: 4px 12px;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}

.badge-2.popular {
  color: #2952cc;
  background-color: #f0f3ff;
  border-radius: 6px;
  padding-bottom: 2px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  top: 24px;
  right: 24px;
}

.badge-2.off {
  color: #17803d;
  background-color: #ecfff2;
  border-radius: 6px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
}

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

.icon-20.infinity {
  display: none;
}

.text-block-21 {
  color: #1f293a;
}

.stripe-logo {
  height: 16px;
}

.total {
  color: #1f293a;
  font-size: 14px;
  font-weight: 700;
}

.sign {
  color: #101015;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2px;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  display: flex;
}

.sign.hidden {
  display: none;
}

.sign.unlimited {
  color: #7d26cd;
}

.div-block-29 {
  justify-content: center;
  align-items: center;
  width: 0;
  display: flex;
}

.pricing-list-item-text {
  color: #1f293a;
  text-transform: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: normal;
  font-size: 13px;
  overflow: hidden;
}

.range-number {
  color: #6a7184;
  text-align: center;
  width: auto;
  font-weight: 400;
}

.tabs-menu-5 {
  background-color: #e7e7e9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
  padding: 4px;
  display: flex;
}

.text-span-17 {
  color: #17803d;
  background-color: #ecfff2;
  border-radius: 4px;
  padding-left: 4px;
  padding-right: 4px;
}

.per-user {
  color: #6a7184;
  margin-left: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.per-user.hidden {
  display: none;
}

.per-user.unlimited {
  color: #7d26cd;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.pricing-dropdown-item-paid-text {
  color: #6a7184;
  font-size: 13px;
  font-weight: 400;
}

.box {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.box.has-0-gap {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 640px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.box.has-0-gap.outer {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 6px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  max-width: 400px;
  margin-bottom: 32px;
  padding: 0;
  display: flex;
  position: absolute;
  top: 76px;
}

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

.text-block-22.free {
  color: #101015;
  background-color: #ecfff2;
  border-radius: 4px;
  padding-left: 6px;
  padding-right: 6px;
  font-weight: 600;
}

.pricing-offer-heading {
  color: #320f52;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.credit-card-text {
  color: #6a7184;
  text-align: center;
  margin-bottom: -12px;
  font-size: 12px;
}

.text-block-23 {
  line-height: 20px;
}

.year-toggle {
  z-index: 4;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  top: 8px;
  right: 8px;
}

.pricing-detail-name {
  color: #374151;
  text-transform: capitalize;
  flex: 0 auto;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}

.pricing-detail-name.content {
  color: #4a5268;
  text-align: left;
  flex: 0 auto;
  align-self: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.pricing-detail-name.content.fit {
  flex: 0 auto;
}

.pricing-row {
  border-bottom: 1px solid #e7e7e9;
  justify-content: center;
  align-items: center;
  height: 48px;
  display: flex;
}

.pricing-row:hover {
  background-color: #f9f9fa;
}

.pricing-row.header {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  margin-top: 48px;
  padding-left: 16px;
  padding-right: 16px;
  position: sticky;
  top: 184px;
}

.pricing-row.sp-height {
  height: auto;
}

.text-block-24 {
  font-size: 14px;
  line-height: 20px;
}

.tooltip-wrapper-2 {
  color: #6a7184;
  cursor: pointer;
  margin-left: -8px;
  padding: 8px;
  position: relative;
}

.pricing-compare-sub-text {
  color: #6a7184;
  width: 100%;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: none;
}

.pricing-plan-cell {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 12px 20px;
  display: flex;
  position: relative;
}

.compare {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding-left: 24px;
  padding-right: 24px;
}

.pricing-header-row {
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #e7e7e9;
  justify-content: center;
  align-items: flex-end;
  margin-top: -24px;
  padding-top: 24px;
  display: flex;
  position: sticky;
  top: 60px;
}

.pricing-comparision-table {
  width: 100%;
}

.heading-7 {
  color: #4a5268;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.tooltip {
  z-index: 20;
  color: #fff;
  background-color: #1f293a;
  border-radius: 8px;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 18px;
  position: absolute;
}

.tooltip.calendar {
  width: 169px;
  display: none;
  top: 3px;
  left: 28px;
}

.tooltip.db-limit {
  width: 145px;
  display: none;
  top: 3px;
  left: 28px;
}

.heading-1 {
  color: #101015;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
}

.pricing-section-header {
  color: #374151;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.tabs-menu-6 {
  background-color: #e7e7e9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
  padding: 4px;
  display: flex;
}

.tabs-menu-6.comparision-table {
  z-index: 10;
  position: sticky;
  top: 92px;
}

.pricing-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 12px 16px;
  display: flex;
}

.pricing-item.feature {
  justify-content: flex-start;
  align-items: center;
  width: 160%;
  max-width: 440px;
}

.pricing-item.left-aligned {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
}

.pricing-item.top-left {
  align-self: flex-end;
  width: 160%;
  max-width: 440px;
  min-height: 100%;
}

.text-block-25 {
  line-height: 20px;
}

.coming-soon {
  color: #374151;
  background-color: #f4f4f5;
  border-radius: 6px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 12px;
}

.faq-questions {
  width: 100%;
  max-width: 600px;
}

.question-wrapper {
  border-bottom: 1px solid #e7e7e9;
}

.text-block-26 {
  -webkit-user-select: none;
  user-select: none;
}

.faq {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding-left: 24px;
  padding-right: 24px;
}

.question {
  color: #1f293a;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
}

.collection-list {
  flex-flow: column;
}

.question-set {
  border-bottom: 1px solid #e7e7e9;
}

.paragraph-2 {
  padding-left: 0;
}

.collection-item {
  border-bottom: 1px solid #e7e7e9;
}

.expand-button {
  padding: 12px;
}

.answer {
  color: #4a5268;
  padding-bottom: 24px;
  font-size: 13px;
  display: block;
}

.paragraph-3 {
  padding-left: 0;
}

.div-block-36 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
}

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

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

.div-block-37.unlimited {
  background-image: linear-gradient(90deg, #f0f3ff, #f3ecfa);
  border-radius: 12px;
  padding: 8px 12px;
}

.pricing-card-sub-text-3 {
  color: #6a7184;
  width: 100%;
  min-height: 48px;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  display: none;
}

.div-block-38 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-39 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: center;
  min-width: 200px;
  display: flex;
}

.text-block-28 {
  font-size: 14px;
  line-height: 20px;
}

.input-4 {
  width: 120px;
}

.text-block-29 {
  color: #ec7db1;
}

.container-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1312px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.div-block-40 {
  background-image: url('../images/bannerbg_1bannerbg.avif');
  background-position: 0 0;
  background-size: auto;
  border-radius: 8px;
  width: 640px;
  padding: 16px 24px;
}

.code-embed-11, .code-embed-12 {
  display: none;
}

.text-block-30 {
  color: #1f293a;
}

.div-block-41 {
  justify-content: center;
  align-items: center;
  width: 0;
  display: flex;
}

.tabs-menu-7 {
  z-index: 4;
  background-color: #e7e7e9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-bottom: -24px;
  padding: 4px;
  display: flex;
}

.text-span-18 {
  color: #17803d;
  background-color: #ecfff2;
  border-radius: 4px;
  padding-left: 4px;
  padding-right: 4px;
}

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

.text-block-31.free {
  color: #101015;
  background-color: #ecfff2;
  border-radius: 4px;
  padding-left: 6px;
  padding-right: 6px;
  font-weight: 600;
}

.text-block-32 {
  line-height: 20px;
}

.text-block-33 {
  color: #1f293a;
}

.loyalty-banner-expiry {
  color: #fff;
  text-align: center;
  background-color: #641ea4;
  border-radius: 6px;
  width: 212px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.div-block-42 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
}

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

.pricing-card-sub-text-4 {
  color: #6a7184;
  width: 100%;
  min-height: 48px;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  display: none;
}

.loyalty-banner {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #f3ecfa;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  padding: 8px 12px;
  display: flex;
  position: relative;
}

.div-block-44 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-45 {
  background-color: #f3ecfa;
  border-radius: 4px 4px 24px;
  width: 24px;
  height: 24px;
  position: absolute;
  top: -10px;
  transform: rotate(45deg);
}

.div-block-46 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: center;
  min-width: 200px;
  display: flex;
}

.text-span-16 {
  font-size: 24px;
}

.text-span-14 {
  -webkit-text-decoration: line-through #cb3f36;
  text-decoration: line-through #cb3f36;
}

.text-block-34 {
  font-size: 14px;
  line-height: 20px;
}

.input-5 {
  width: 120px;
}

.loyalty-banner-heading {
  color: #320f52;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.loyalty-banner-heading.emoji {
  font-size: 24px;
  line-height: 30px;
}

.text-block-35 {
  color: #ec7db1;
}

.container-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1312px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.total-original {
  font-size: 14px;
  font-weight: 400;
  -webkit-text-decoration: line-through #101015;
  text-decoration: line-through #101015;
  text-decoration-thickness: 2px;
}

.div-block-47 {
  background-image: url('../images/bannerbg_1bannerbg.avif');
  background-position: 0 0;
  background-size: auto;
  border-radius: 8px;
  width: 640px;
  padding: 16px 24px;
}

.code-embed-13, .code-embed-14 {
  display: none;
}

.countdown {
  font-size: 13px;
  font-weight: 600;
}

.div-block-48 {
  justify-content: center;
  align-items: center;
  width: 0;
  display: flex;
}

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

.text-block-36.free {
  color: #101015;
  background-color: #ecfff2;
  border-radius: 4px;
  padding-left: 6px;
  padding-right: 6px;
  font-weight: 600;
}

.text-block-37 {
  line-height: 20px;
}

.div-block-49 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
}

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

.pricing-card-sub-text-5 {
  color: #6a7184;
  width: 100%;
  min-height: 48px;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  display: none;
}

.div-block-51 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-52 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: center;
  min-width: 200px;
  display: flex;
}

.text-block-38 {
  font-size: 14px;
  line-height: 20px;
}

.input-6 {
  width: 120px;
}

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

.container-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1312px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.plan-container-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #e7e7e9;
  border-radius: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  place-items: start stretch;
  width: 100%;
  max-width: 320px;
  padding: 20px;
  position: relative;
  overflow: hidden;
}

.plan-container-2.orange {
  color: #374151;
}

.plan-container-2.popular {
  border-color: #36f;
  box-shadow: 0 0 0 4px #2952cc14;
}

.plan-container-2.enterprise {
  color: #f9f9fa;
  background-color: #101015;
}

.code-embed-16 {
  display: none;
}

.pricing-card-header-2 {
  color: #1f293a;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 32px;
}

.pricing-card-header-2.enterprise {
  color: #e7e7e9;
}

.text-block-40 {
  color: #1f293a;
}

.div-block-53 {
  justify-content: center;
  align-items: center;
  width: 0;
  display: flex;
}

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

.text-block-41.free {
  color: #101015;
  background-color: #ecfff2;
  border-radius: 4px;
  padding-left: 6px;
  padding-right: 6px;
  font-weight: 600;
}

.text-block-42 {
  line-height: 20px;
}

.div-block-54 {
  flex-flow: column;
  display: flex;
}

.unlimited-seats {
  color: #7d26cd;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 4px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  overflow: hidden;
}

.unlimited-seats.hidden {
  display: none;
}

.unlimited-spacer {
  height: 56px;
  margin-top: 16px;
}

@media screen and (max-width: 1160px) {
  .button-primary, .button-primary.nav-bar {
    justify-content: center;
  }

  .h-flex-12gap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    align-items: flex-start;
  }

  .h-flex-12gap.breadcrum {
    flex-direction: row;
  }

  .h-flex-12gap.icon-h {
    flex-flow: row;
  }

  .h-flex-12gap.align-middle {
    flex-direction: row-reverse;
    align-items: center;
  }

  .button-secondary {
    display: flex;
  }

  .button-secondary.grey-border {
    padding: 6px 16px;
  }

  .container-standard {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .container-standard.horizontal {
    align-items: flex-start;
  }

  .container-standard.top {
    margin-top: 60px;
  }

  .hero-section {
    margin-top: 48px;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-heading {
    margin-top: 32px;
    font-size: 48px;
    line-height: 64px;
  }

  .h-flex-8gap {
    justify-content: flex-start;
  }

  .image-focus-block {
    margin-top: 24px;
    padding: 8px;
  }

  .companies-container {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .h-flex-companies {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    justify-content: center;
    height: 64px;
    padding-left: 0;
    padding-right: 0;
  }

  .company-logo-w-150px {
    width: 80px;
  }

  .company-logo-w-96px {
    width: 64px;
  }

  .company-logo-w-60px {
    width: 40px;
  }

  .v-flex-heading {
    margin-bottom: 32px;
  }

  .v-flex-heading._56-padding {
    margin-top: 24px;
    margin-left: 24px;
    margin-right: 24px;
  }

  .v-flex-heading.no-bottom-margin {
    margin-top: 0;
  }

  .section-h1 {
    margin-bottom: 8px;
    font-size: 32px;
    line-height: 40px;
  }

  .section-h2 {
    margin-top: 4px;
    font-size: 16px;
    line-height: 24px;
  }

  .tab-block-views {
    border-radius: 24px;
    max-height: 450px;
    margin-bottom: 0;
    padding: 24px;
  }

  .heading-5 {
    margin-top: 12px;
  }

  .tabs-menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: -20px;
    padding-bottom: 20px;
    padding-right: 0;
    display: flex;
    overflow: auto;
  }

  .tab-button, .tab-button.w--current {
    min-width: 36vw;
    margin-right: 24px;
    padding-bottom: 16px;
  }

  .tabs-content {
    margin-top: 24px;
  }

  .tabs-menu-views {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .tab-button-view {
    min-width: 240px;
    padding-bottom: 12px;
  }

  .tab-button-view.w--current {
    min-width: 240px;
    padding-bottom: 12px;
    padding-left: 12px;
  }

  .tabs-views {
    height: 100%;
  }

  .tabs-content---views {
    margin-left: 32px;
  }

  .section-h3 {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 32px;
  }

  .section-h4 {
    margin-top: 4px;
    font-size: 14px;
    line-height: 21px;
  }

  .h-flex-48gap {
    height: 490px;
  }

  .h-flex-48gap.height-auto {
    width: 60vw;
  }

  .tab-block-fields {
    border-radius: 24px;
    height: 460px;
    padding: 24px;
  }

  .tab-block-mobile {
    border-radius: 24px;
    flex: 1;
    height: 460px;
    padding: 24px;
  }

  .phone-shot {
    margin-top: 24px;
  }

  .tabs-features {
    border-radius: 24px;
    flex-direction: column;
    height: 100%;
  }

  .tab-menus-features {
    grid-row-gap: 16px;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    padding: 24px;
    display: flex;
    overflow: auto;
  }

  .tab-button-feature {
    align-items: center;
    margin-top: 0;
    margin-right: 16px;
    display: flex;
  }

  .tab-button-feature.w--current {
    margin-top: 0;
  }

  .feature-tab.collaboration, .feature-tab.quick-actions, .feature-tab.data-integration, .feature-tab.table-operations, .feature-tab.schema-management, .feature-tab.integrations {
    border-radius: 0;
    margin-left: 0;
  }

  .tabs-content-2 {
    background-color: #fff;
  }

  .tab-menu-features-text, .text-block-2 {
    white-space: nowrap;
  }

  .tag-head {
    flex-direction: row;
    width: 100%;
    display: none;
    left: 32px;
  }

  .section-h4-tab {
    margin-top: 4px;
    font-size: 16px;
    line-height: 24px;
  }

  .tab-block-features {
    margin-top: 32px;
    padding: 0;
  }

  .tab-block-data-viz {
    border-radius: 24px;
    margin-top: 32px;
    margin-bottom: 0;
    padding: 12px;
  }

  .stats-grid {
    border-radius: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .stats-item {
    padding: 20px;
  }

  .stat-number {
    margin-top: 16px;
    font-size: 24px;
    line-height: 32px;
  }

  .blue-banner-div {
    background-size: cover;
    border-radius: 32px;
    width: 100%;
    margin-top: 36px;
    margin-bottom: 24px;
    padding: 24px;
  }

  .error-message {
    max-width: 565px;
  }

  .footer-light {
    padding: 12px 12px 24px;
  }

  .footer-wrapper-two {
    flex-wrap: wrap;
    padding: 24px 0 24px 24px;
  }

  .footer-block-two {
    margin-right: 24px;
  }

  .footer-form {
    width: 100%;
    margin-top: 24px;
  }

  .footer-form-container {
    max-width: 350px;
  }

  .footer-bottom {
    padding: 24px;
  }

  .h2 {
    margin-top: 8px;
    font-size: 16px;
    line-height: 24px;
  }

  .h1 {
    margin-bottom: 12px;
    font-size: 3rem;
    line-height: 3.5rem;
  }

  .tab-text {
    font-size: 14px;
  }

  .tabs-menu-customers {
    margin-bottom: 32px;
  }

  .case-study-block {
    border-radius: 32px;
    margin-bottom: 24px;
    padding: 24px;
  }

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

  .case-study-h1 {
    font-size: 20px;
    line-height: 28px;
  }

  .case-study-h2 {
    font-size: 14px;
    line-height: 21px;
  }

  .time-to-read {
    font-size: 12px;
    line-height: 16px;
  }

  .case-study-hero-image {
    width: 280px;
    height: 271px;
    margin-right: 28px;
  }

  .customer-logo {
    height: 20px;
  }

  .flex-block-2.h-flex-12gap {
    flex-direction: row;
  }

  .about-h2, .about-h2.medium {
    font-size: 14px;
    line-height: 21px;
  }

  .about-h1 {
    font-size: 14px;
  }

  .customer-info-box {
    border-radius: 24px;
    width: 40%;
    min-width: 40%;
    margin-left: 32px;
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
    position: sticky;
    top: 98px;
  }

  .blue-section-h1 {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 32px;
  }

  .blue-section-h2 {
    font-size: 14px;
    line-height: 21px;
  }

  .blue-banner-container {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .pricing-hero-section {
    margin-top: 130px;
  }

  .customers-hero-section {
    margin-top: 160px;
    margin-bottom: 40px;
  }

  .flex-about {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: row;
    margin-top: 56px;
    margin-right: 0;
  }

  .about-h4 {
    line-height: 26px;
  }

  .image-hover-effect {
    margin-top: 24px;
  }

  .tab-block-erd {
    border-radius: 24px;
    height: 92%;
    padding-top: 0;
  }

  .div-block-2 {
    width: 251%;
    margin-bottom: 24px;
    margin-right: 0;
  }

  .scale-block {
    margin-top: 32px;
    padding: 32px;
  }

  .scale-block.reverse {
    height: 92%;
    margin-top: 0;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .feature-tab-content {
    border-radius: 0;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
  }

  .text-20px-semi-bold {
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 24px;
  }

  .blur-layer {
    display: none;
  }

  .rich-text-block {
    width: 100%;
  }

  .image-5 {
    height: 32px;
  }

  .next-prev-container {
    padding-top: 28px;
  }

  .collection-list-wrapper-2 {
    margin-top: 28px;
  }

  .plan-h1 {
    font-size: 16px;
    line-height: 24px;
  }

  .hero-pricing-card {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 100%;
  }

  .hero-pricing-card.grey-bg {
    border-bottom: 1px solid #e7e7e9;
    width: 100%;
  }

  .hero-pricing-card.yellow-bg {
    border-bottom: 1px solid #fcbe3a;
    width: 100%;
  }

  .hero-pricing-card.maroon-bg {
    border: 1px solid #b33771;
    width: 100%;
  }

  .price-div {
    margin-top: 0;
    margin-bottom: 8px;
  }

  .pricing-table-hero {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 28px;
    display: grid;
  }

  .pricing-tabs {
    margin-top: 32px;
    margin-bottom: 24px;
  }

  .pricing-tabs-menu {
    display: none;
  }

  .orange-tag {
    margin-top: 12px;
    margin-bottom: 8px;
  }

  .h2-small {
    margin-top: 8px;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .navbar-no-shadow-container-2 {
    justify-content: flex-end;
  }

  .nav-menu-wrapper {
    z-index: 6;
    background-color: #fff;
    border: 1px solid #e7e7e9;
    border-radius: 12px;
    flex-direction: row;
    width: 240px;
    margin-top: 8px;
    padding: 8px;
    position: absolute;
    inset: 108% 0% auto auto;
    box-shadow: 0 0 24px #0000001f;
  }

  .nav-menu-2 {
    background-color: #fff;
    flex-flow: column wrap;
    justify-content: space-around;
    align-items: flex-start;
    padding-left: 0;
    display: flex;
  }

  .nav-link {
    padding: 8px;
    display: flex;
  }

  .nav-dropdown {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .nav-dropdown-toggle {
    border-radius: 8px;
    padding-left: 8px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .nav-button-wrapper {
    width: 100%;
    margin-left: 0;
    display: none;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #fff;
  }

  .navbar-list {
    border-radius: 8px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 44px;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    display: flex;
  }

  .navbar-list.dropdown {
    display: none;
  }

  .navbar-list.mobile {
    display: flex;
  }

  .navbar-list.mobile.how-it-works {
    justify-content: flex-start;
  }

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

  .profile-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .vc-firm-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .investor-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .investor-pic-block-large.gm, .investor-pic-block-large.jj, .investor-pic-block-large.js, .investor-pic-block-large.sd {
    width: 64%;
  }

  .profile-card-large {
    border-bottom: 1px solid #e7e7e9;
  }

  .blue-badge.super-script {
    right: 80px;
  }

  .flex-block-3 {
    width: 100%;
  }

  .flex-block-4 {
    max-width: 80%;
  }

  .image-15 {
    min-height: auto;
  }

  .why-block {
    border-radius: 24px;
    padding: 24px;
  }

  .reason-h1 {
    font-size: 16px;
    line-height: 24px;
  }

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

  .why-illustration {
    width: 64px;
    height: 64px;
  }

  .ck-banner {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-sub-text-1 {
    font-size: 16px;
    line-height: 24px;
  }

  .profile-grid-bottom {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .profile-card-end.join-us, .button-secondary-form {
    display: flex;
  }

  .button-secondary-form.grey-border {
    padding: 6px 16px;
  }

  .text-tag {
    margin-left: 32px;
    padding: 12px 24px;
  }

  .info-text {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 28px;
  }

  .tab-block-views-copy {
    border-radius: 24px;
    max-height: 450px;
    margin-bottom: 0;
    padding: 24px;
  }

  .container-standard-mobile {
    height: auto;
    margin-top: 32px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .container-standard-mobile.horizontal {
    align-items: flex-start;
  }

  .tab-block-usecases {
    border-radius: 24px;
    max-height: 450px;
    margin-bottom: 0;
    padding: 24px;
  }

  .text-20px-semi-bold-mobile {
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 24px;
  }

  .hero-heading-mobile {
    margin-top: 32px;
    font-size: 48px;
    line-height: 64px;
  }

  .text-20px-semi-bold-copy {
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 24px;
  }

  .divider {
    background-color: #e7e7e9;
    height: 1px;
    margin-top: 4px;
    margin-bottom: 8px;
  }

  .button-primary-copy.nav-bar, .button-primary-main.nav-bar {
    justify-content: center;
  }

  .button-text {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 24px;
  }

  .button-primary-nav-menu {
    flex: 1;
    justify-content: center;
    width: 100%;
    margin-left: 0;
    display: flex;
  }

  .button-primary-nav-menu.nav-bar {
    justify-content: center;
  }

  .no-card-req {
    line-height: 24px;
  }

  .link-block-2 {
    display: flex;
  }

  .link-block-3 {
    width: 100%;
  }

  .h3-small {
    margin-top: 8px;
    font-size: 20px;
    line-height: 32px;
  }

  .migrate-hero-section {
    margin-top: 130px;
  }

  .step-block, .step-block.top {
    align-items: center;
  }

  .step-h2 {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .step-h1 {
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .step {
    font-size: .75rem;
  }

  .video-section {
    margin-top: 130px;
  }

  .step-image-container, .step-image-container.red {
    padding: 24px;
  }

  .step-image-container.maroon {
    height: auto;
    padding: 24px;
  }

  .step-image-container.purple {
    padding: 24px;
  }

  .airtable-migrate-cover {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .image-17 {
    width: 60%;
  }

  .test-block {
    margin-top: 24px;
    padding: 8px;
  }

  .hero {
    width: 100%;
  }

  .heading-2 {
    font-size: 16px;
    line-height: 24px;
  }

  .container-default {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .hero-heading-2 {
    width: 100%;
    font-size: 34px;
    line-height: 54px;
  }

  .plan-cards {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .pricing-default-tab.w--current {
    min-width: 24px;
  }

  .container-2 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .text-div {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 100%;
    padding-bottom: 48px;
    padding-left: 0;
    padding-right: 0;
  }

  .text-div._32-bottom {
    margin-bottom: 48px;
  }

  .plan-container {
    max-width: 640px;
  }

  .pricing-tab {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .tabs-menu-5 {
    margin-bottom: 120px;
  }

  .box.has-0-gap.outer {
    flex-flow: column;
    height: auto;
    margin-left: 0;
    top: 64px;
    right: auto;
  }

  .pricing-row.header {
    top: 184px;
  }

  .compare {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .heading-7 {
    font-size: 14px;
    line-height: 20px;
  }

  .heading-1 {
    width: 100%;
    font-size: 30px;
    line-height: 48px;
  }

  .tabs-menu-6 {
    margin-bottom: 120px;
  }

  .pricing-item.feature, .pricing-item.top-left {
    width: 120%;
  }

  .faq {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .container-3 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .tabs-menu-7 {
    margin-bottom: 32px;
  }

  .container-4, .container-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .plan-container-2 {
    max-width: 520px;
  }
}

@media screen and (max-width: 767px) {
  .button-primary {
    display: none;
  }

  .button-primary.hero {
    display: flex;
  }

  .button-primary.ck {
    display: block;
  }

  .button-primary.fill.yellow, .button-primary.fill.maroon, .button-primary.body {
    display: flex;
  }

  .h-flex-12gap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    margin-top: 16px;
  }

  .h-flex-12gap.icon-h {
    margin-top: 4px;
  }

  .h-flex-12gap.align-middle {
    align-items: center;
    margin-top: 0;
  }

  .h-flex-12gap.tab {
    align-items: flex-start;
  }

  .button-secondary {
    margin-top: 16px;
  }

  .button-secondary.hero-button, .button-secondary.banner-size {
    margin-top: 0;
  }

  .container-standard.horizontal {
    flex-direction: column-reverse;
  }

  .hero-heading {
    font-size: 32px;
    line-height: 48px;
  }

  .text-14px-bold {
    font-size: 14px;
    line-height: 16px;
  }

  .v-flex-heading {
    margin-top: 0;
    margin-bottom: 24px;
  }

  .v-flex-heading._56-padding {
    width: auto;
    margin-left: 24px;
    margin-right: 24px;
  }

  .section-h2 {
    font-size: 14px;
    line-height: 21px;
  }

  .tab-block-views {
    padding: 0;
    display: none;
  }

  .tabs-menu {
    padding: 24px 0 24px 24px;
  }

  .tab-button {
    align-items: flex-start;
    margin-left: 0;
    margin-right: 24px;
  }

  .tab-button.w--current {
    border-bottom-color: #36f;
  }

  .tab-loader {
    display: none;
  }

  .tabs-content {
    border-style: none;
    border-radius: 0;
  }

  .tabs-menu-views {
    flex-direction: row;
    width: 100%;
    margin-bottom: -20px;
    margin-left: 0;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    overflow: auto;
  }

  .tab-button-view {
    min-width: 60vw;
    margin-right: 24px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .tab-button-view.w--current {
    border-bottom: 2px solid #36f;
    border-left-style: none;
    min-width: 60vw;
    padding-top: 0;
    padding-bottom: 16px;
    padding-left: 0;
  }

  .tabs-views {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .tabs-content---views {
    border-style: none;
    border-radius: 0;
    width: 100%;
    min-width: 100%;
    height: auto;
    margin-top: 24px;
    margin-left: 0;
  }

  .section-h3 {
    font-size: 20px;
    line-height: 28px;
  }

  .tab-pane-tab-1 {
    width: 100%;
    height: 100%;
  }

  .views-image {
    width: 100%;
    height: auto;
  }

  .h-flex-48gap {
    flex-direction: column;
    height: auto;
  }

  .h-flex-48gap.height-auto {
    width: 100%;
  }

  .tab-block-fields {
    width: 100%;
    padding-bottom: 0;
  }

  .tab-block-mobile {
    width: 100%;
    margin-top: 24px;
  }

  .feature-shot {
    margin-top: 24px;
  }

  .tabs-features {
    border-radius: 16px;
  }

  .tab-menus-features {
    padding-left: 24px;
    padding-right: 24px;
  }

  .tab-button-feature {
    margin-bottom: -12px;
  }

  .tab-button-feature.w--current {
    min-height: 48px;
  }

  .feature-tab.collaboration, .feature-tab.quick-actions, .feature-tab.data-integration, .feature-tab.table-operations, .feature-tab.schema-management, .feature-tab.integrations {
    margin-left: 0;
  }

  .text-block-2 {
    white-space: nowrap;
  }

  .tab-block-data-viz {
    margin-top: 0;
    padding: 0;
  }

  .stats-grid {
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .stat-number {
    font-size: 28px;
    line-height: 38px;
  }

  .blue-banner-div {
    margin-top: 0;
    padding: 24px;
  }

  .footer-light {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper-two {
    grid-column-gap: 16px;
    grid-row-gap: 32px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    display: grid;
  }

  .footer-block-two {
    margin-top: 0;
  }

  .footer-form {
    margin-right: 16px;
  }

  .footer-form-container {
    width: 100%;
    max-width: 100%;
    padding-right: 16px;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 16px;
  }

  .footer-copyright {
    font-size: 14px;
    line-height: 20px;
  }

  .footer-social-block-two {
    margin-top: 20px;
    margin-left: 0;
  }

  .h1 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .case-study-block {
    border-radius: 32px;
    flex-direction: column;
    margin-bottom: 24px;
    padding: 24px;
  }

  .flex-block {
    width: 100%;
    margin-top: 24px;
  }

  .case-study-hero-image {
    width: 100%;
  }

  .info-h1-h2 {
    margin-bottom: 0;
  }

  .about-h2 {
    margin-top: 2px;
  }

  .customer-info-box {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    margin-bottom: 32px;
    margin-left: 0;
    padding: 16px;
    display: grid;
    position: static;
  }

  .flex-block-h {
    margin-left: 16px;
    margin-right: 16px;
  }

  .flex-about {
    border-radius: 24px;
    flex-direction: column;
    margin-left: 16px;
    margin-right: 16px;
    display: flex;
  }

  .felx-about-vertical {
    padding: 24px;
  }

  .tab-block-erd {
    border-radius: 24px;
    width: 100%;
    height: 100%;
    margin-top: 24px;
    margin-left: 0;
  }

  .div-block-2 {
    justify-content: flex-end;
    width: 252%;
  }

  .image-3 {
    width: 100%;
  }

  .scale-block.reverse {
    border-radius: 24px;
    width: 100%;
    height: 340px;
  }

  .div-block-3 {
    justify-content: flex-end;
    padding-right: 24px;
  }

  .feature-image.invite-team, .feature-image.share-project, .feature-image.cmd-j, .feature-image.cmd-k, .feature-image.cmd-l, .feature-image.external-db, .feature-image.import, .feature-image.filter, .feature-image.sort, .feature-image.group, .feature-image.expanded-record-view, .feature-image.fields-modall, .feature-image.apis, .feature-image.web-hooks {
    padding-bottom: 30vh;
  }

  .image-5 {
    margin-bottom: 0;
  }

  .collection-list-2 {
    flex-direction: column;
  }

  .data-viz-image, .tabs {
    border-radius: 24px;
  }

  .pricing-compare-section {
    display: none;
  }

  .badge {
    font-size: 14px;
    line-height: 16px;
  }

  .orange-tag {
    margin-top: 24px;
  }

  .h2-small {
    margin-top: 20px;
    margin-bottom: 0;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu-2 {
    flex-direction: column;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .navbar-list {
    justify-content: flex-start;
  }

  .profile-card {
    min-width: 30vw;
  }

  .profile-grid {
    border-radius: 24px;
    margin-left: 16px;
    margin-right: 16px;
    display: flex;
    overflow: auto;
  }

  .vc-firm-grid {
    border-radius: 24px;
    margin-left: 16px;
    margin-right: 16px;
  }

  .investor-grid {
    border-radius: 24px;
    margin-left: 16px;
    margin-right: 16px;
    display: flex;
    overflow: auto;
  }

  .profile-card-large {
    padding: 24px;
  }

  .timeline_centre {
    justify-content: flex-start;
  }

  .line {
    margin-left: 9px;
    left: 6px;
  }

  .item {
    grid-template-columns: 24px 1fr;
    width: 100%;
  }

  .line-new-features {
    margin-left: 9px;
    left: 6px;
  }

  .flex-block-4 {
    max-width: 80%;
  }

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

  .image-15 {
    min-height: 200px;
  }

  .why-block {
    border-radius: 24px;
  }

  .why-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .banner {
    align-items: center;
  }

  .ck-text-mobile {
    font-size: 14px;
    line-height: 21px;
    display: block;
  }

  .ck-text-button {
    display: none;
  }

  .profile-grid-bottom {
    border-radius: 24px;
    margin-left: 16px;
    margin-right: 16px;
    display: flex;
    overflow: auto;
  }

  .profile-card-end {
    min-width: 30vw;
  }

  .ck-button.ck {
    display: block;
  }

  .scroll-offset {
    height: 24px;
  }

  .text-tag {
    margin-left: 0;
  }

  .info-text {
    font-size: 18px;
    line-height: 24px;
  }

  .pricing-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .slider {
    background-color: #fff0;
    border-radius: 24px;
    width: 100%;
    height: auto;
    display: block;
  }

  .slide {
    background-color: #fff;
    border: 1px solid #e7e7e9;
    border-radius: 24px;
    overflow: hidden;
  }

  .left-arrow, .right-arrow {
    width: 24px;
  }

  .slider-text-wrapper {
    color: #101015;
    flex-direction: column;
    margin: 20px;
    display: flex;
  }

  .slide-nav {
    z-index: 5;
    margin-bottom: -40px;
  }

  .tab-block-views-copy {
    margin-top: 48px;
    padding: 0;
  }

  .slider-image-wrapper {
    height: 70%;
  }

  .mask {
    border-radius: 24px;
  }

  .container-standard-mobile {
    padding-bottom: 48px;
  }

  .container-standard-mobile.horizontal {
    flex-direction: column-reverse;
  }

  .tab-block-usecases {
    padding: 0;
  }

  .heading-new {
    color: #101015;
  }

  .hero-heading-mobile {
    font-size: 32px;
    line-height: 48px;
  }

  .text-20px-semi-bold-copy {
    margin-bottom: 0;
  }

  .mobile-container {
    display: block;
  }

  .default-container {
    display: none;
  }

  .ck-text-pc {
    font-size: 14px;
    line-height: 21px;
    display: none;
  }

  .usecase-image {
    border-top: 1px solid #e7e7e9;
    width: 100%;
    height: auto;
  }

  .button-primary-copy {
    display: none;
  }

  .button-primary-copy.ck {
    display: block;
  }

  .button-primary-copy.nav-menu {
    justify-content: center;
    margin-left: 0;
    display: flex;
  }

  .button-primary-main {
    display: none;
  }

  .button-primary-main.ck {
    display: block;
  }

  .button-primary-main.nav-menu {
    justify-content: center;
    margin-left: 0;
    display: flex;
  }

  .button-primary-nav-menu {
    display: flex;
  }

  .button-primary-nav-menu.ck {
    display: block;
  }

  .h3-small {
    margin-top: 20px;
  }

  .step-block {
    flex-direction: column;
  }

  .step-block.reverse {
    flex-direction: column-reverse;
    margin-top: 64px;
  }

  .step-text-block {
    width: 100%;
    margin-bottom: 32px;
  }

  .step-h1 {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .video-container {
    border-radius: 16px;
    width: 100%;
  }

  .step-image-container {
    border-radius: 16px;
  }

  .text-12px-bold {
    font-size: 14px;
    line-height: 16px;
  }

  .item-new {
    grid-template-columns: 24px 1fr;
    width: 100%;
  }

  .line-new {
    margin-left: 9px;
    left: 6px;
  }

  .empty-slot {
    min-width: 30vw;
  }

  .hero {
    overflow: hidden;
  }

  .heading-2 {
    font-size: 16px;
    line-height: 24px;
  }

  .heading-2.mobile {
    display: block;
  }

  .heading-2.hide-mobile {
    display: none;
  }

  .container-default {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .hero-heading-2 {
    font-size: 24px;
    line-height: 40px;
  }

  .plan-cards {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .container-2 {
    grid-template-columns: 1fr;
  }

  .text-div {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-bottom: 24px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .text-div._32-bottom {
    margin-bottom: 32px;
  }

  .div-block-28 {
    width: 100%;
  }

  .pricing-tab {
    justify-content: flex-start;
    align-items: center;
  }

  .pricing-card-header {
    flex: 1;
  }

  .pricing-card-header.muted {
    display: none;
  }

  .box.has-0-gap {
    margin-left: 0;
  }

  .box.has-0-gap.outer {
    min-width: 100px;
    max-width: 80%;
  }

  .pricing-row {
    flex-flow: column;
    height: auto;
  }

  .pricing-row:hover {
    background-color: #fff;
  }

  .pricing-row.header {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    position: sticky;
    top: 334px;
  }

  .pricing-compare-sub-text {
    max-width: 240px;
  }

  .pricing-plan-cell {
    flex-flow: row;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .pricing-header-row {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    padding-top: 0;
    position: sticky;
    top: 82px;
  }

  .pricing-comparision-table {
    flex-flow: column;
    display: flex;
  }

  .heading-1 {
    font-size: 20px;
    line-height: 32px;
  }

  .tabs-menu-6.comparision-table {
    margin-bottom: 48px;
  }

  .pricing-item.feature {
    background-color: #fff;
    border-bottom: 1px solid #e7e7e9;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 640px;
    position: sticky;
    top: 374px;
  }

  .pricing-item.left-aligned {
    justify-content: flex-start;
    align-items: center;
  }

  .pricing-item.top-left {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 520px;
    min-height: 61px;
  }

  .faq-questions {
    display: none;
  }

  .container-3 {
    grid-template-columns: 1fr;
  }

  .div-block-40 {
    width: 100%;
  }

  .container-4 {
    grid-template-columns: 1fr;
  }

  .div-block-47 {
    width: 100%;
  }

  .container-5 {
    grid-template-columns: 1fr;
  }

  .pricing-card-header-2 {
    flex: 1;
  }
}

@media screen and (max-width: 479px) {
  .button-primary {
    display: none;
  }

  .button-primary.ck {
    margin-left: 0;
  }

  .button-primary.fill.yellow, .button-primary.fill.maroon {
    display: flex;
  }

  .h-flex-12gap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    width: 100%;
    margin-top: 12px;
  }

  .h-flex-12gap.icon-h {
    margin-top: 0;
  }

  .h-flex-12gap.align-middle {
    flex-direction: row;
    margin-top: 0;
  }

  .h-flex-12gap.banner {
    flex-direction: column;
  }

  .button-secondary {
    margin-top: 12px;
    display: flex;
  }

  .button-secondary.hero-button {
    display: none;
  }

  .button-secondary.banner {
    margin-top: 12px;
  }

  .container-standard {
    margin-top: 0;
    padding-bottom: 24px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-standard.top {
    margin-top: 0;
  }

  .hero-section {
    margin-top: 64px;
  }

  .hero-heading {
    font-size: 30px;
    font-weight: 700;
    line-height: 38px;
  }

  .h-flex-8gap.padding-4.orange {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    display: none;
  }

  .text-14px-bold {
    text-align: center;
  }

  .companies-container {
    padding: 12px 0;
  }

  .h-flex-companies {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-wrap: wrap;
    height: auto;
    margin-top: 12px;
  }

  .v-flex-heading {
    margin-bottom: 0;
  }

  .v-flex-heading._56-padding {
    margin-left: 20px;
    margin-right: 20px;
  }

  .section-h1 {
    text-align: center;
    margin-top: 24px;
    margin-bottom: 36px;
  }

  .section-h1.text-colour-white {
    margin-bottom: 12px;
  }

  .section-h2 {
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    display: none;
  }

  .section-h2.text-colour-white {
    text-align: center;
  }

  .section-h2.mobile-view {
    display: none;
  }

  .tab-block-views {
    border-radius: 20px;
  }

  .heading-5 {
    height: auto;
  }

  .tabs-menu {
    padding: 20px 4px 20px 20px;
  }

  .tab-button, .tab-button.w--current {
    flex: 0 auto;
    width: 50vw;
    min-width: 50vw;
    margin-right: 16px;
    display: block;
  }

  .tabs-content {
    border-radius: 0;
    height: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .tabs-menu-views {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100%;
    min-width: auto;
    margin-bottom: 0;
    padding: 20px 0 20px 20px;
    overflow: auto;
  }

  .tab-button-view {
    width: 50vw;
    min-width: 50vw;
    margin-right: 16px;
    padding-left: 0;
    padding-right: 0;
  }

  .tab-button-view.w--current {
    border-bottom: 2px solid #36f;
    border-left-style: none;
    width: 50vw;
    min-width: 50vw;
    margin-right: 16px;
    padding-left: 0;
    padding-right: 0;
  }

  .tabs-views {
    width: 100%;
  }

  .tabs-content---views {
    width: auto;
    height: auto;
    margin-top: 0;
    margin-left: 0;
  }

  .section-h3 {
    margin-bottom: 4px;
  }

  .section-h3.newsletter {
    font-size: 24px;
    line-height: 36px;
  }

  .tab-pane-tab-1 {
    border-radius: 0;
    height: auto;
  }

  .views-image {
    border-top: 1px solid #e7e7e9;
    border-radius: 0;
    height: auto;
  }

  .h-flex-48gap {
    height: auto;
    margin-top: 0;
  }

  .tab-block-fields {
    border-radius: 20px;
    height: auto;
    margin-top: 20px;
    margin-right: 0;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tab-block-mobile {
    border-radius: 20px;
    height: 560px;
    margin-top: 20px;
    padding: 20px;
  }

  .feature-shot {
    margin-top: 12px;
  }

  .phone-shot {
    width: 100%;
  }

  .tabs-features {
    border-radius: 20px;
  }

  .tab-menus-features {
    padding: 20px 20px 4px;
  }

  .tab-button-feature {
    min-height: 44px;
    margin-right: 12px;
  }

  .tab-button-feature.w--current {
    border-color: #fff0;
    border-radius: 8px;
    min-height: 44px;
    margin-bottom: 12px;
    margin-right: 12px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .tab-button-feature.cmd-icon {
    margin-right: 12px;
  }

  .tab-button-feature.cmd-icon.w--current {
    padding-left: 8px;
  }

  .feature-tab.quick-actions {
    margin-left: 0;
  }

  .feature-tab.data-integration, .feature-tab.table-operations, .feature-tab.schema-management, .feature-tab.integrations {
    border-radius: 0;
    margin-left: 0;
  }

  .text-block-2 {
    white-space: nowrap;
  }

  .tab-block-features {
    border-radius: 20px;
    margin-top: 8px;
  }

  .tab-block-data-viz {
    border-radius: 20px;
  }

  .stats-grid {
    border-radius: 20px;
    grid-template-columns: auto 1fr;
    width: 100%;
    display: flex;
  }

  .stat-number {
    margin-top: 12px;
  }

  .blue-banner-div {
    border-radius: 16px;
    padding: 20px;
  }

  .form {
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
  }

  .form-block {
    width: 100%;
    display: flex;
  }

  .text-field {
    width: 100%;
    margin-bottom: 12px;
    margin-right: 0;
  }

  .success-message {
    height: auto;
  }

  .footer-light {
    padding-bottom: 32px;
    padding-left: 8px;
    padding-right: 8px;
    overflow: hidden;
  }

  .container {
    max-width: none;
  }

  .footer-wrapper-two {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: row;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 0;
    display: grid;
  }

  .footer-block-two {
    margin-top: 32px;
  }

  .footer-title {
    font-size: 16px;
  }

  .footer-form {
    margin-top: 0;
  }

  .footer-form-container {
    margin-top: 32px;
    padding-right: 16px;
  }

  .footer-form-block {
    flex-direction: column;
    align-items: flex-end;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-copyright {
    margin-bottom: 12px;
    font-size: 12px;
  }

  .footer-social-block-two {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: wrap;
    align-items: flex-start;
    margin-top: 16px;
  }

  .footer-sub-text {
    margin-top: 12px;
  }

  .h1 {
    text-align: center;
    font-size: 2rem;
    line-height: 3rem;
  }

  .h1.migrate-airtable {
    margin-bottom: 0;
    margin-left: 0;
  }

  .tab-text {
    text-align: left;
    white-space: nowrap;
  }

  .tabs-menu-customers {
    justify-content: flex-start;
    display: flex;
    overflow: auto;
  }

  .case-study-block {
    border-radius: 24px;
    margin-bottom: 16px;
    padding: 20px;
  }

  .flex-block {
    align-items: flex-end;
  }

  .icon-16px {
    min-width: 20px;
    min-height: 20px;
  }

  .article-tag {
    width: auto;
    max-width: 100%;
  }

  .tag-dynamic-text {
    white-space: normal;
    max-width: 100%;
  }

  .case-study-hero-image {
    border-radius: 12px;
  }

  .flex-block-2.h-flex-12gap {
    width: 100%;
  }

  .about-h2 {
    padding-left: 0;
  }

  .about-h1 {
    white-space: nowrap;
  }

  .customer-info-box {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-columns: 1fr;
    min-width: 100%;
    padding: 24px;
  }

  .tab-customers {
    width: 50%;
    margin-right: 0;
  }

  .tab-customers.w--current {
    width: auto;
  }

  .blue-banner-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .pricing-hero-section {
    overflow: hidden;
  }

  .aboutus-hero-section {
    margin-top: 120px;
  }

  .flex-about {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-radius: 20px;
    flex-direction: column;
  }

  .felx-about-vertical {
    padding: 20px;
  }

  .about-h4 {
    margin-top: 12px;
    font-size: 14px;
    line-height: 21px;
  }

  .name, .role {
    width: 100%;
  }

  .nocoder-image {
    width: 100%;
    max-width: 144px;
  }

  .use-case-tab {
    border-radius: 0;
    height: auto;
    min-height: auto;
  }

  .tab-block-erd {
    border-radius: 20px;
    height: auto;
    margin-top: 20px;
    display: none;
  }

  .div-block-2 {
    width: 200%;
  }

  .scale-block.reverse {
    border-radius: 20px;
    margin-top: 20px;
    padding-bottom: 12px;
    padding-left: 20px;
    padding-right: 20px;
    display: none;
  }

  .feature-tab-content {
    border-radius: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .feature-tab-h1 {
    font-size: 24px;
    line-height: 32px;
  }

  .div-block-3 {
    margin-top: 16px;
    padding-right: 16px;
  }

  .feature-image.invite-team {
    background-position: 0 0;
    padding-bottom: 30vh;
  }

  .feature-image.share-project, .feature-image.cmd-j, .feature-image.cmd-k, .feature-image.cmd-l {
    background-position: 0 0;
    background-size: cover;
    padding-bottom: 30vh;
  }

  .feature-image.external-db {
    background-size: cover;
    padding-bottom: 30vh;
  }

  .feature-image.import {
    background-position: 0 0;
    background-size: cover;
    padding-bottom: 30vh;
  }

  .feature-image.filter, .feature-image.sort, .feature-image.group {
    background-size: cover;
    margin-left: 0;
    padding-bottom: 30vh;
  }

  .feature-image.expanded-record-view, .feature-image.fields-modall {
    background-size: cover;
    padding-bottom: 30vh;
  }

  .feature-image.apis, .feature-image.web-hooks {
    padding-bottom: 30vh;
  }

  .page-wrapper {
    overflow: hidden;
  }

  .tab-views-loader {
    display: none;
  }

  .image-5 {
    margin-bottom: 0;
  }

  .next-prev-container {
    padding-bottom: 60px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-block-6 {
    width: 50%;
  }

  .collection-list-2 {
    flex-direction: column;
  }

  .tab-pane-tab-2, .tab-pane-tab-3, .tab-pane-tab-4 {
    height: auto;
  }

  .views-image-class {
    border-radius: 0;
  }

  .pricing-table-hero {
    flex-direction: column;
    display: flex;
  }

  .pricing-tabs-menu {
    width: 100%;
  }

  .pricing-menu {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
  }

  .pricing-menu.w--current {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .text-block-13, .text-block-15 {
    font-size: 14px;
  }

  .badge {
    text-align: left;
    font-size: 12px;
    line-height: 18px;
  }

  .orange-tag {
    padding-left: 8px;
    padding-right: 8px;
  }

  .h2-small {
    font-size: .875rem;
    line-height: 1.3125rem;
  }

  .navbar-no-shadow {
    padding: 8px;
  }

  .nav-menu-wrapper {
    box-shadow: 0 0 24px #0000003d;
  }

  .nav-menu-2 {
    flex-direction: column;
  }

  .nav-button-wrapper {
    width: auto;
  }

  .profile-card {
    min-width: 60vw;
  }

  .vc-firm-grid {
    grid-template-columns: 1fr;
  }

  .investor-name {
    width: 100%;
  }

  .body-3 {
    overflow: hidden;
  }

  .rich-text-section {
    margin-top: 96px;
  }

  .line {
    margin-left: -3px;
  }

  .item {
    grid-template-columns: 24px 1fr;
    margin-bottom: 0;
    padding: 4px 0;
  }

  .feature-icon {
    width: 16px;
    height: 16px;
  }

  .feature-text {
    font-size: 14px;
    line-height: 21px;
  }

  .view-details {
    display: none;
  }

  .line-new-features {
    width: 3px;
    margin-left: -3px;
  }

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

  .image-15 {
    min-height: 100px;
  }

  .why-block {
    border-radius: 20px;
    width: 64vw;
    min-width: 64vw;
    padding: 20px;
  }

  .why-block.green {
    background-color: #ecfff2;
  }

  .why-block.yellow {
    color: #977223;
    background-color: #fffbf2;
  }

  .why-block.maroon {
    color: #801044;
    background-color: #fff0f7;
  }

  .why-block.blue {
    color: #207399;
    background-color: #edf9ff;
  }

  .why-block.orange {
    color: #c86827;
    background-color: #fff5ef;
  }

  .why-block.pink {
    color: #972377;
    background-color: #ffeefb;
  }

  .why-block.purple {
    color: #4b177b;
    background-color: #f3ecfa;
  }

  .reason-h1.green {
    color: #977223;
  }

  .reason-h1.maroon {
    color: #801044;
  }

  .reason-h1.blue {
    color: #207399;
  }

  .reason-h1.orange {
    color: #c86827;
  }

  .reason-h1.pink {
    color: #972377;
  }

  .reason-h1.purple {
    color: #4b177b;
  }

  .reason-h12.text-colour-white {
    color: #1e1f22;
    margin-top: 24px;
  }

  .why-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    width: 100vw;
    margin-top: 16px;
    margin-left: 24px;
    margin-right: 24px;
    padding: 4px 16px;
    display: flex;
    overflow: auto;
  }

  .companies-h1 {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 24px;
    line-height: 32px;
  }

  .ck-banner {
    padding-left: 12px;
    padding-right: 12px;
  }

  .banner {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: row;
    align-items: flex-end;
    margin-left: 0;
    margin-right: 0;
    padding-left: 12px;
  }

  .profile-card-end {
    min-width: 60vw;
  }

  .ck-button {
    height: 44px;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
  }

  .ck-button.hero {
    display: flex;
  }

  .ck-button.ck {
    margin-left: 0;
  }

  .success-message-2 {
    margin-right: 24px;
    padding: 8px 16px;
  }

  .text-block-17 {
    color: #cb3f36;
  }

  .button-secondary-form {
    margin-top: 12px;
    display: flex;
  }

  .button-secondary-form.hero-button {
    display: none;
  }

  .button-secondary-form.banner {
    margin-top: 12px;
  }

  .home-navbar-section {
    z-index: 10;
    padding: 8px;
    position: fixed;
    inset: 0% 0% auto;
  }

  .bold-text {
    font-size: 32px;
    line-height: 38px;
  }

  .text-tag {
    margin-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
    display: block;
  }

  .info-text {
    width: auto;
  }

  .pricing-head {
    align-items: flex-start;
  }

  .slider {
    display: block;
  }

  .tab-block-views-copy {
    border-radius: 20px;
    display: none;
  }

  .container-standard-mobile {
    margin-top: 0;
    padding-bottom: 62px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .tab-block-usecases {
    border-radius: 20px;
  }

  .text-20px-semi-bold-mobile {
    display: block;
  }

  .hero-heading-mobile {
    font-size: 30px;
    font-weight: 700;
    line-height: 38px;
  }

  .text-20px-semi-bold-copy {
    margin-bottom: 0;
  }

  .mobile-container {
    margin-top: 32px;
  }

  .usecase-image {
    border-top: 1px solid #e7e7e9;
    border-radius: 0;
    height: auto;
  }

  .button-primary-copy {
    display: none;
  }

  .button-primary-copy.hero {
    display: flex;
  }

  .button-primary-copy.ck {
    margin-left: 0;
  }

  .button-primary-main {
    display: none;
  }

  .button-primary-main.hero {
    display: flex;
  }

  .button-primary-main.ck {
    margin-left: 0;
  }

  .button-text {
    align-items: center;
    display: flex;
  }

  .button-primary-nav-menu {
    width: 100%;
    display: flex;
  }

  .button-primary-nav-menu.hero {
    display: flex;
  }

  .button-primary-nav-menu.ck {
    margin-left: 0;
  }

  .link-block-3 {
    width: 100%;
  }

  .h3-small {
    font-size: 14px;
    line-height: 21px;
  }

  .migrate-hero-section, .steps-section {
    overflow: hidden;
  }

  .step-block, .step-block.reverse {
    margin-top: 48px;
  }

  .step-text-block {
    margin-bottom: 24px;
  }

  .step-h2 {
    font-size: .875rem;
    line-height: 1.25rem;
  }

  .step-h1 {
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .video-section {
    margin-top: 24px;
    overflow: hidden;
  }

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

  .video-section-h1 {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .step-image-container, .step-image-container.red, .step-image-container.maroon, .step-image-container.purple {
    padding: 8px;
  }

  .airtable-migrate-cover {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border-radius: 24px;
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .image-17 {
    width: 80%;
  }

  .text-12px-bold {
    text-align: center;
  }

  .flex-block-6 {
    flex-direction: column;
    align-items: center;
  }

  .item-new {
    grid-template-columns: 24px 1fr;
    margin-bottom: 0;
    padding: 4px 0;
  }

  .line-new {
    margin-left: -3px;
  }

  .feature-text-new {
    font-size: 14px;
    line-height: 21px;
  }

  .view-details-new {
    display: none;
  }

  .empty-slot {
    min-width: 60vw;
  }

  .hero {
    padding-left: 16px;
    padding-right: 16px;
    overflow: hidden;
  }

  .primary-button {
    text-align: center;
    align-self: center;
    margin-top: 0;
  }

  .heading-2 {
    font-size: 14px;
  }

  .pricing-text {
    margin-top: 12px;
  }

  .pricing-card-sub-text-2.empty {
    display: none;
  }

  .container-default {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .plan-cards {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .text-div {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .plan-container {
    position: relative;
  }

  .div-block-28 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .seat-count {
    border-radius: 8px;
  }

  .pricing-card-header {
    font-size: 16px;
    line-height: 24px;
  }

  .sign {
    margin-top: 12px;
  }

  .box.has-0-gap.outer {
    max-width: 100%;
  }

  .year-toggle {
    top: 68px;
    right: auto;
  }

  .pricing-row.header {
    padding-left: 12px;
    padding-right: 12px;
    top: 332px;
  }

  .pricing-plan-cell {
    padding-left: 12px;
    padding-right: 12px;
  }

  .compare {
    padding-bottom: 24px;
  }

  .pricing-header-row {
    top: 78px;
  }

  .pricing-item.feature {
    padding-left: 12px;
    padding-right: 12px;
    top: 372px;
  }

  .pricing-item.left-aligned {
    padding-left: 12px;
    padding-right: 12px;
  }

  .faq {
    padding-bottom: 24px;
    display: none;
  }

  .pricing-card-sub-text-3.empty {
    display: none;
  }

  .div-block-40 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .tabs-menu-7 {
    margin-bottom: 80px;
  }

  .pricing-card-sub-text-4.empty {
    display: none;
  }

  .loyalty-banner {
    flex-flow: column;
  }

  .loyalty-banner-heading {
    text-align: center;
    display: flex;
  }

  .loyalty-banner-heading.emoji {
    display: none;
  }

  .div-block-47 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .pricing-card-sub-text-5.empty {
    display: none;
  }

  .plan-container-2 {
    position: relative;
  }
}

#w-node-e89b71bd-f9fa-eb59-4dc7-0b83f50ca51e-499496c0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d993e54e-4f7b-feb7-c7f5-b338c77d6ead-7f17c6ec {
  grid-area: 1 / 5 / 2 / 9;
}

#w-node-d993e54e-4f7b-feb7-c7f5-b338c77d6eb0-7f17c6ec, #w-node-d993e54e-4f7b-feb7-c7f5-b338c77d6ec7-7f17c6ec {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_24af6886-b1e0-d9b2-9644-79525a2b9523-3925f4ad {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-f9882c55-9611-2196-b18b-31f02016f4ba-3925f4ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cf0942bf-ec54-f338-4dab-763088549313-a7b7540f {
  align-self: center;
}

#w-node-cf0942bf-ec54-f338-4dab-763088549315-a7b7540f {
  justify-self: start;
}

#w-node-_38489bd0-0741-db57-2a1e-e9754ac4abb0-a7b7540f, #w-node-_7a946587-f1a6-19a7-30a7-5c517cfbe1dc-a7b7540f, #w-node-e7c357a0-d40f-eb72-ad8f-fc65cdd22457-a7b7540f, #w-node-_546771f0-7220-dea1-4599-c62b68724ce5-a7b7540f, #w-node-ce37b647-a5b1-5192-f764-c193dc5d1614-a7b7540f, #w-node-b80102f5-4534-341c-4d23-3bb6afc7c8c8-a7b7540f, #w-node-d2a4fbe0-4349-bcea-e506-7a9b7fc420ed-a7b7540f, #w-node-_606740bb-c872-79f5-9f69-f774a97c8868-a7b7540f, #w-node-a960324c-1fe6-6d05-ecb7-77b690ac8405-a7b7540f, #w-node-_79f4d6c8-94ff-fb97-795b-1f38b1a7f8da-a7b7540f, #w-node-_20ff2cb7-12e0-942f-2cdd-44672fc8d543-a7b7540f, #w-node-_7d41a6d3-2a99-6e65-e0bf-fb77a362c9eb-a7b7540f, #w-node-c2645080-7f10-0e4f-ab3e-35e10b0d3044-a7b7540f, #w-node-b17ec8ac-e004-6190-3a94-cccb58fc0f76-a7b7540f, #w-node-_07308972-4fe7-6cbc-8e3a-985390dd86f7-a7b7540f, #w-node-be012709-0f89-5c36-b0a9-92325b594867-a7b7540f, #w-node-_730b7f3c-9bbf-1b1e-fc13-d91bfeb62cce-a7b7540f, #w-node-c662b85f-a951-bb1b-3dff-f3c4a7b13d34-a7b7540f, #w-node-be74849e-b630-da7a-46d5-213b7f339cc9-a7b7540f, #w-node-_424eb75a-2ad7-697b-405b-fc9f057906e3-a7b7540f, #w-node-_7eb83a55-85a3-0283-b7f2-adac9ca7dcf8-a7b7540f, #w-node-_0747de78-050b-3289-c428-479a003b0155-a7b7540f, #w-node-_9eb4c317-a50d-19d3-f44a-862134994902-a7b7540f, #w-node-_1a4997c5-23f1-f1a6-fb4c-519ba6992c67-a7b7540f, #w-node-cdfb775c-d4f8-8da4-8915-ffb9680d399a-a7b7540f, #w-node-fab6f64e-0969-96e5-4fbb-48cbc5cb99c8-a7b7540f, #w-node-_8084839b-50cb-48ad-6e54-16011c5096dc-a7b7540f, #w-node-f8e8c295-af04-d8ca-85cd-018677a67b43-a7b7540f, #w-node-f94b5ebf-fc6b-dbac-6121-5a037be546e9-a7b7540f, #w-node-_7f3d8bcf-d8e5-6bb0-a3a1-5a59e8d094fe-a7b7540f, #w-node-_82a31ba9-1421-66be-22a0-7858f58fdd70-a7b7540f, #w-node-e6c8f8ab-9a81-7e7d-dad8-ede595d54831-a7b7540f, #w-node-_66667b8c-1974-a0e6-f1e3-1fb1c666fbd5-a7b7540f, #w-node-_2550e268-1e8f-55d9-83fe-95afada3e18a-a7b7540f, #w-node-_405b519f-5e83-5f4b-a313-b39f4bf9304d-a7b7540f, #w-node-fac4b819-e8a8-ac79-bd6d-c408230dfa4e-a7b7540f, #w-node-a7979574-2b35-386d-581f-010d6667a480-a7b7540f, #w-node-e3ac37df-f5c8-057f-8a3d-fa9137f6ae3a-a7b7540f, #w-node-_89e78a29-e524-3ad1-98ae-24635f890ca7-a7b7540f, #w-node-_2bb6cae3-06cd-ae66-3d83-39ef8f81bd22-a7b7540f, #w-node-_1197e5e8-8b3b-921d-4d60-001eca5a9300-a7b7540f, #w-node-c6ef17dd-f882-7da7-c1d3-35f9c8111ecc-a7b7540f, #w-node-_7126bbdb-558d-0cc2-4e8c-439a0ed2af59-a7b7540f, #w-node-_012fadfb-b7c0-10f4-6b88-892b98b51964-a7b7540f, #w-node-b60855a0-913f-494b-1403-b6ee1625f713-a7b7540f, #w-node-d665a277-c9a1-59fe-8e65-b95cba533ef2-a7b7540f {
  align-self: center;
}

#w-node-e40f8e63-12c3-8200-87e8-aa33870c64f4-3f2279d3, #w-node-a5345c22-8a12-f459-26e9-ac71802c0fbd-3f2279d3 {
  align-self: start;
}

#w-node-f3675fa4-c51a-47c9-8d3d-f811909cb102-0875d0b4 {
  grid-area: 1 / 5 / 2 / 9;
}

#w-node-f3675fa4-c51a-47c9-8d3d-f811909cb105-0875d0b4, #w-node-f3675fa4-c51a-47c9-8d3d-f811909cb11c-0875d0b4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f3675fa4-c51a-47c9-8d3d-f811909cb102-10520e3f {
  grid-area: 1 / 5 / 2 / 9;
}

#w-node-f3675fa4-c51a-47c9-8d3d-f811909cb105-10520e3f, #w-node-f3675fa4-c51a-47c9-8d3d-f811909cb11c-10520e3f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 1160px) {
  #w-node-_287e7a06-3cd0-70b0-1a1e-b5c1b98fdf1b-7f17c6ec {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d993e54e-4f7b-feb7-c7f5-b338c77d6ead-7f17c6ec {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-f9882c55-9611-2196-b18b-31f02016f4ba-3925f4ad {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_287e7a06-3cd0-70b0-1a1e-b5c1b98fdf1b-0875d0b4 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f3675fa4-c51a-47c9-8d3d-f811909cb102-0875d0b4 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_287e7a06-3cd0-70b0-1a1e-b5c1b98fdf1b-10520e3f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f3675fa4-c51a-47c9-8d3d-f811909cb102-10520e3f {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_4202eb21-02d2-f7df-3e92-cc41aa5ed547-30472f39, #w-node-_26d87eae-6119-b386-233f-7f5965a3ddcb-30472f39, #w-node-_43789f9f-8c63-e040-5742-fec6dc6b99a5-30472f39, #w-node-_076f9637-26fb-7736-a6b9-e7130658cbfa-30472f39 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d993e54e-4f7b-feb7-c7f5-b338c77d6ead-7f17c6ec {
    grid-column: span 1 / span 1;
  }

  #w-node-cf0942bf-ec54-f338-4dab-763088549313-a7b7540f, #w-node-_38489bd0-0741-db57-2a1e-e9754ac4abb0-a7b7540f, #w-node-a5345c22-8a12-f459-26e9-ac71802c0fbd-3f2279d3 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-f3675fa4-c51a-47c9-8d3d-f811909cb102-0875d0b4, #w-node-f3675fa4-c51a-47c9-8d3d-f811909cb102-10520e3f {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_4202eb21-02d2-f7df-3e92-cc41aa5ed547-30472f39, #w-node-_26d87eae-6119-b386-233f-7f5965a3ddcb-30472f39, #w-node-_43789f9f-8c63-e040-5742-fec6dc6b99a5-30472f39, #w-node-_076f9637-26fb-7736-a6b9-e7130658cbfa-30472f39 {
    grid-column: span 1 / span 1;
  }

  #w-node-d993e54e-4f7b-feb7-c7f5-b338c77d6f93-7f17c6ec, #w-node-d993e54e-4f7b-feb7-c7f5-b338c77d706e-7f17c6ec, #w-node-d993e54e-4f7b-feb7-c7f5-b338c77d717c-7f17c6ec, #w-node-d993e54e-4f7b-feb7-c7f5-b338c77d7289-7f17c6ec, #w-node-d993e54e-4f7b-feb7-c7f5-b338c77d7399-7f17c6ec, #w-node-d993e54e-4f7b-feb7-c7f5-b338c77d74a6-7f17c6ec, #w-node-f3675fa4-c51a-47c9-8d3d-f811909cae6a-0875d0b4, #w-node-f3675fa4-c51a-47c9-8d3d-f811909caf7d-0875d0b4, #w-node-f3675fa4-c51a-47c9-8d3d-f811909cb1e8-0875d0b4, #w-node-f3675fa4-c51a-47c9-8d3d-f811909cb2c3-0875d0b4, #w-node-f3675fa4-c51a-47c9-8d3d-f811909cae6a-10520e3f, #w-node-f3675fa4-c51a-47c9-8d3d-f811909caf7d-10520e3f, #w-node-f3675fa4-c51a-47c9-8d3d-f811909cb1e8-10520e3f, #w-node-f3675fa4-c51a-47c9-8d3d-f811909cb2c3-10520e3f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Manrope Variablefont Wght';
  src: url('../fonts/Manrope-VariableFont_wght.ttf') format('truetype');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope Variablefont Wght';
  src: url('../fonts/Manrope-VariableFont_wght.ttf') format('truetype');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope Variablefont Wght';
  src: url('../fonts/Manrope-VariableFont_wght.ttf') format('truetype');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}