:root {
  --black: #222;
  --blue-main-1: #278ef5;
  --blue-main-2: #0e85e7;
  --text-blue-grey: #3a424d;
  --calh-green-1: #144f36;
  --calh-green-2: #248058;
  --ui-purple-2: #625ad8;
  --ui-purple: #7970ff;
  --light-ui-red: #feeaeb;
  --ui-red: #f64f59;
  --peach: #ff8f7d;
  --green-ui: #2eb67c;
  --light-grey-for-button: #ecedf2;
  --5: #555;
  --yellow-ui: #ffe871;
  --gold-gradient-left: #ffc720;
  --gold-gradient-right: #ffe187;
  --yellow-ui-2: #e3ce65;
  --purple-navy: #241149;
  --text-grey: #5c5856;
  --peach-bg-1: #fff4e8;
  --loopbeige: #ece8e5;
}

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

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

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

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

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

body {
  color: var(--black);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  line-height: 1.4;
}

h1 {
  letter-spacing: -1px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 54px;
  font-weight: 800;
  line-height: 1.1;
}

h2 {
  letter-spacing: -.5px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 44px;
  font-weight: 700;
  line-height: 1.1;
}

h3 {
  color: var(--black);
  margin-top: 20px;
  margin-bottom: 14px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.1;
}

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

p {
  margin-bottom: 14px;
}

a {
  color: var(--black);
  text-decoration: none;
}

ul {
  color: #555;
  margin-top: 0;
  margin-bottom: 16px;
  padding-left: 40px;
}

ol {
  color: #555;
  margin-top: 0;
  margin-bottom: 20px;
  padding-left: 40px;
}

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

form {
  width: 100%;
  height: 100%;
}

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

figure {
  margin-bottom: 10px;
}

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

.button-white-with-shadow {
  background-color: #fff;
  border-radius: 8px;
  align-items: center;
  padding: 10px 14px;
  transition: all .2s;
  display: flex;
  box-shadow: 1px 0 1px #0000001f, 0 0 0 1px #3c42571a, 0 0 #3c42571a, 0 2px 5px #3c42571a;
}

.button-white-with-shadow:hover {
  box-shadow: 1px 0 1px #0000001f, 0 0 0 1px #3c42571a, 0 3px 9px #3c42571a, 0 2px 5px #3c42571a;
}

.button-white-with-shadow.blue-action-button {
  background-color: var(--blue-main-1);
  color: #fff;
  justify-content: center;
  margin-left: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 500;
  position: relative;
  box-shadow: 1px 0 1px #0000001f;
}

.button-white-with-shadow.blue-action-button {
  color: #fff;
  background-color: #0f93ff;
  margin-left: 10px;
  font-weight: 500;
}

.button-white-with-shadow.blue-action-button:hover {
  background-color: #0e85e7;
}

.button-white-with-shadow.field-on-homepage {
  border: 1px solid #3c42571a;
  width: 100%;
  min-width: 400px;
  height: 100%;
  min-height: 54px;
  margin-bottom: 0;
  font-size: 16px;
  box-shadow: 1px 0 1px #0000001f, 0 0 #3c42571a, 0 2px 5px #3c42571a;
}

.button-white-with-shadow.field-on-homepage:hover {
  border-color: #0006;
}

.button-white-with-shadow.blue-action-button-left-side {
  background-color: var(--blue-main-1);
  color: #fff;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  justify-content: center;
  margin-left: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 500;
  position: relative;
}

.button-white-with-shadow.blue-action-button-left-side:hover {
  background-color: var(--blue-main-2);
}

.button-white-with-shadow.blue-action-button-left-side.special-submit-button {
  margin-top: 0;
  padding-right: 60px;
}

.button-white-with-shadow.blue-action-button-right-side-dropdown {
  z-index: 5;
  color: #fff;
  background-color: #0f93ff;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding: 0;
  font-weight: 500;
  position: relative;
}

.button-white-with-shadow.blue-action-button-right-side-dropdown:hover {
  background-color: #0e85e7;
}

.button-white-with-shadow.black-outline-on-hover:hover {
  box-shadow: 1px 0 1px 0 #0000001f, 0 0 0 1px var(--text-blue-grey), 0 3px 9px 0 #3c42571a, 0 2px 5px 0 #3c42571a;
}

.button-white-with-shadow.blue-action-in-vertical-form {
  color: #fff;
  background-color: #0f93ff;
  flex: none;
  justify-content: center;
  min-height: 54px;
  margin-top: 0;
  margin-left: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 500;
  position: relative;
}

.button-white-with-shadow.blue-action-in-vertical-form:hover {
  background-color: #0e85e7;
}

.button-white-with-shadow.blue-outline-on-hover:hover {
  box-shadow: 1px 0 1px 0 #0000001f, 0 0 0 1px var(--blue-main-1), 0 3px 9px 0 #0f93ff1a, 0 2px 5px 0 #3c42571a;
  color: var(--blue-main-1);
}

.button-white-with-shadow.blue-outline-on-hover.website-examples-category-button.w--current {
  background-color: #fff;
}

.button-white-with-shadow._100-width-center-text {
  text-align: center;
  justify-content: center;
  width: 100%;
}

.button-white-with-shadow.relative-with-z-index-5 {
  z-index: 5;
  position: relative;
}

.button-white-with-shadow.button-with-icon {
  height: 54px;
  margin-bottom: 15px;
  margin-right: 10px;
  position: relative;
}

.button-white-with-shadow.h55 {
  padding: 16px 24px;
}

.button-white-with-shadow.on-opt-in-top-of-page {
  box-shadow: none;
  color: var(--blue-main-1);
  margin-left: 10px;
  font-weight: 600;
}

.button-white-with-shadow.on-opt-in-top-of-page:hover {
  background-color: #eee;
}

.button-white-with-shadow.field-on-optin-top-page {
  box-shadow: none;
  color: #fff;
  background-color: #81c0ff;
  border: 1px solid #0000;
  width: 100%;
  min-width: 400px;
  height: 100%;
  min-height: 54px;
  margin-bottom: 0;
  font-size: 16px;
}

.button-white-with-shadow.field-on-optin-top-page:hover {
  border-color: #fff6;
}

.button-white-with-shadow.field-on-optin-top-page::placeholder {
  color: #fff;
}

.button-white-with-shadow.field-for-username-right {
  border: 1px solid #3c42571a;
  width: 100%;
  height: 100%;
  min-height: 50px;
  margin-bottom: 0;
  padding-left: 154px;
  font-size: 16px;
  box-shadow: 1px 0 1px #0000001f, 0 0 #3c42571a, 0 2px 5px #3c42571a;
}

.button-white-with-shadow.field-for-username-right:hover {
  border-color: #0006;
}

.button-white-with-shadow.field-for-username-left {
  box-shadow: none;
  color: #444;
  background-color: #efefef;
  border: 1px solid #3c42571a;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  justify-content: center;
  width: 140px;
  height: 100%;
  margin-bottom: 0;
  font-size: 16px;
  position: absolute;
}

.button-white-with-shadow.action-button-calh-select-username {
  background-color: var(--calh-green-1);
  color: #fff;
  justify-content: center;
  margin-left: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 500;
  position: relative;
  box-shadow: 1px 0 1px #0000001f;
}

.button-white-with-shadow.action-button-calh-select-username:hover {
  background-color: var(--calh-green-2);
}

.button-white-with-shadow.blue-outline-on-hover:hover {
  color: #0f93ff;
  box-shadow: 1px 0 1px #0000001f, 0 0 0 1px #0f93ff, 0 3px 9px #0f93ff1a, 0 2px 5px #3c42571a;
}

.button-white-with-shadow.blue-outline-on-hover.website-examples-category-button {
  margin-bottom: 10px;
  margin-right: 8px;
}

.button-white-with-shadow.blue-outline-on-hover.website-examples-category-button.w--current {
  color: #0f93ff;
  box-shadow: 1px 0 1px #0000001f, 0 0 0 1px #0f93ff, 0 0 #3c42571a, 0 2px 5px #3c42571a;
}

.signup-form-wrapper {
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.signup-form-wrapper.login-form {
  flex-direction: column;
}

.form-block {
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.form-block.align-stretch {
  align-items: stretch;
}

.form-block.mobile-form-block-blog-post-email-collection {
  display: none;
}

.form-block._100-width.mw-400 {
  max-width: 400px;
}

.section-top {
  background-color: #0000;
  min-height: 100vh;
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
}

.section-top._1st-section-homepage {
  background-color: #fff;
  padding-top: 155px;
  padding-bottom: 100px;
}

.background-layer {
  z-index: 0;
  background-color: #d8d5d1;
  background-image: radial-gradient(circle at 100% 0, #ed8d7ca1, #0000 36%), radial-gradient(circle at 0 0, #a0efff85, #fff0 50%), url('http://calhouse.app/wp-content/themes/vision-prototype-d912e4d6-decf130c0aeda-2/assets/images/gradient-bg.svg');
  background-position: 0 0, 0 0, 50% 100%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  background-attachment: scroll, scroll, scroll;
  position: absolute;
  inset: 0%;
}

.background-layer.br32 {
  border-radius: 32px;
}

.hero-text-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 910px;
  margin-bottom: 40px;
  display: flex;
}

.hero-text-wrapper.mb-100 {
  margin-bottom: 100px;
}

.hero-text-wrapper.mb-0 {
  margin-bottom: 0;
}

.hero-text-wrapper.mw-850 {
  max-width: 850px;
}

.subheading {
  opacity: .8;
  color: #555;
  margin-top: 10px;
  font-size: 22px;
  line-height: 1.6;
}

.subheading.mw-590 {
  max-width: 590px;
}

.subheading.mw-750 {
  max-width: 750px;
}

.subheading.mb-20.mw-770 {
  max-width: 770px;
}

.subheading.mb-40 {
  margin-bottom: 40px;
}

.subheading.mt-20.fw-700 {
  font-weight: 700;
}

.subheading.mb-60 {
  margin-bottom: 60px;
}

.subheading.mw-700 {
  max-width: 700px;
}

.subheading.mt-20-mb-40 {
  margin-top: 20px;
  margin-bottom: 40px;
}

.subheading.grey-text-light {
  color: #bebebe;
}

.subheading.hero-homepage {
  max-width: 720px;
  margin-bottom: 20px;
}

.subheading.hero-homepage.mw-none {
  max-width: none;
}

.subheading.hero-homepage.mw-740 {
  max-width: 740px;
}

.subheading.fw-300 {
  font-weight: 400;
}

.subheading.mt-mb-0 {
  display: inline-block;
}

.subheading.subheading-signature-example {
  margin-top: 0;
  display: inline-block;
}

.subheading.subheading-signature-example.mr-4 {
  margin-right: 4px;
}

.subheading.mt-80 {
  margin-top: 80px;
}

.image-pu-logo {
  width: 149px;
  height: 31px;
}

.brand-link {
  z-index: 1580;
  flex: none;
  align-items: center;
  height: 52px;
  margin-right: 20px;
  transition: all .3s;
  display: flex;
}

.brand-link:hover {
  opacity: .7;
}

.brand-link.brand-link-in-footer {
  z-index: auto;
}

.navlink {
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-right: 10px;
  padding: 10px 12px;
  text-decoration: none;
  transition: all .1s;
  display: flex;
}

.navlink:hover {
  background-color: #00000014;
}

.navlink:active {
  background-color: #00000026;
}

.navlink.in-dropdown-list-navbar {
  border-radius: 8px;
  width: 100%;
  margin-bottom: 4px;
  padding: 6px 10px;
}

.navlink.in-footer {
  color: #a9acb2;
  text-align: left;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 4px;
  padding: 6px 10px;
}

.navlink.in-footer:hover {
  background-color: #ffffff14;
}

.navlink.in-footer.indented-2nd-layer {
  padding-left: 10px;
}

.navlink.in-footer.flex-with-arrows {
  grid-column-gap: 10px;
  justify-content: flex-start;
}

.navlink.in-filtering-stack {
  margin-bottom: 2px;
  margin-right: 0;
}

.navlink.in-filtering-stack.w--current {
  background-color: var(--ui-purple-2);
  color: #fff;
  background-image: url('http://calhouse.app/wp-content/themes/vision-prototype-d912e4d6-decf130c0aeda-2/assets/images/check-white.svg');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: auto 12px;
  padding-right: 12%;
}

.navlink.in-filtering-stack.w--current:hover {
  background-color: var(--ui-purple);
}

.video-embed {
  border-radius: 18px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 40px;
  box-shadow: 0 6px 8px #0000001a;
}

.modal-mask {
  z-index: 1001;
  position: absolute;
  inset: 0%;
}

.modal-close {
  cursor: pointer;
  background-color: #f6f7f9;
  background-image: url('http://calhouse.app/wp-content/themes/vision-prototype-d912e4d6-decf130c0aeda-2/assets/images/icons8-multiply-64-1_1icons8-multiply-64-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  transition: background-color .2s ease-in-out;
  position: absolute;
  inset: 10px 10px auto auto;
}

.modal-close:hover {
  background-color: #ebedf0;
}

.modal {
  z-index: 1001;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-height: 100vh;
  padding: 20px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.modal.modal-3 {
  display: none;
}

.modal.modal-upload-document {
  z-index: 1501;
  background-color: #00000080;
  padding: 10px 0;
  display: none;
}

.modal.modal-3-copy {
  display: none;
}

.navbar-container-full {
  z-index: 1001;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: relative;
}

.navbar-container-full.no-relative {
  border-top-width: 0;
  position: static;
}

.nav-menu-wrapper {
  display: flex;
}

.main-button {
  color: #fff;
  background-color: #009afe;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.main-button:hover {
  background-color: #0088e0;
}

.main-button.rounded-button {
  border-radius: 100px;
  min-height: 72px;
  padding-left: 16px;
  padding-right: 16px;
  font-weight: 500;
  position: relative;
}

.main-button.rounded-button.button-for-pricing-v2 {
  padding-left: 40px;
  padding-right: 80px;
  font-weight: 600;
}

.main-button.purple {
  background-color: #7970ff;
  position: relative;
}

.main-button.purple:hover {
  background-color: #625ad8;
}

.main-button.main-button-contract-template-page {
  height: 54px;
  margin-bottom: 5px;
  margin-right: 10px;
  padding-right: 20px;
  position: relative;
}

.main-button.main-button-contract-template-page.mt-20.minw-200 {
  min-width: 200px;
}

.main-button.main-button-contract-template-page.dark-grey-button-show-hide-email {
  background-color: #3f3f46;
}

.main-button.main-button-contract-template-page.dark-grey-button-show-hide-email:hover {
  background-color: #52525b;
}

.dropdown-list-3 {
  z-index: 1200;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  flex: none;
  align-items: flex-start;
  padding: 20px;
  font-size: 15px;
  display: inline-block;
  position: relative;
  left: -170px;
  box-shadow: 0 3px 5px #00000014;
}

.dropdown-list-3.w--open {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  min-width: 220px;
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow: 0 3px 5px #00000014;
}

.dropdown-list-3.dl-for-cta {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  left: auto;
}

.dropdown-list-3.more-dropdown {
  padding-bottom: 0;
  padding-right: 0;
  left: -150px;
  overflow: auto;
}

.dropdown-list-3.our-product-dropdown {
  padding-bottom: 0;
  padding-right: 0;
  left: 0;
  overflow: auto;
}

.dropdown-list-3.resources-dropdown {
  padding-bottom: 0;
  padding-right: 0;
  left: -220px;
  overflow: auto;
}

.dropdown-3 {
  z-index: 1200;
  position: relative;
}

.dropdown-3.margin-0 {
  margin-left: 0;
  margin-right: 0;
}

.icon-2 {
  color: #777;
  margin: 0 0 0 6px;
  position: static;
}

.dropdown-menu-list-wrapper {
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 20px;
  display: flex;
}

.dropdown-menu-list-wrapper.in-more {
  min-width: 200px;
  padding-right: 20px;
}

.dropdown-menu-list-wrapper.align-extremes {
  justify-content: space-between;
  min-width: 200px;
  padding-right: 20px;
}

.dropdown-list-4 {
  z-index: 1200;
  background-color: #0000;
  padding-top: 20px;
  padding-bottom: 20px;
}

.dropdown-list-4.w--open {
  display: flex;
}

.div-block-5 {
  flex-wrap: wrap;
  align-items: flex-start;
  max-width: 90vw;
  display: flex;
}

._100-width {
  width: 100%;
  display: block;
  overflow: visible;
}

.benefit-wrapper-copy {
  z-index: 6;
  text-align: left;
  align-items: center;
  width: 100%;
  margin-bottom: 14px;
  font-size: 16px;
  line-height: 1.5;
  display: flex;
  position: relative;
}

.benefit-wrapper-copy.crossed-out-benefit {
  color: #b1b1b1;
  text-decoration: line-through;
}

.benefit-wrapper-copy.listed-in-line {
  color: #888;
  width: auto;
  margin-right: 14px;
}

.benefit-wrapper-copy.extremes-but-on-tablet {
  justify-content: space-between;
}

.benefit-wrapper-copy.extremes-but-on-tablet.wrapper-on-pricing-card-2 {
  z-index: auto;
  border-bottom: 1px dashed #ccc;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 0;
  padding-bottom: 10px;
}

.tier-text {
  font-size: 20px;
  font-weight: 500;
}

.benefit-circle {
  color: #2eb67c;
  background-color: #d5f0e5;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-right: 12px;
  font-weight: 300;
  display: flex;
}

.benefit-circle.disabled-benefit {
  color: #edf1f7;
  background-color: #edf1f7;
}

.benefit-circle.blue-benefit-circle {
  color: var(--blue-main-1);
  background-color: #d5e3f0;
}

.benefit-circle.dark-green-benefit-circle {
  background-color: var(--calh-green-1);
  color: #fff;
}

.benefit-circle._100x100 {
  width: 100px;
  height: 100px;
}

.most-popular-badge {
  background-color: var(--blue-main-1);
  color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.most-popular-badge.green-badge {
  background-color: var(--calh-green-2);
}

.most-popular-badge.red-pink-badge {
  background-color: var(--light-ui-red);
  color: var(--ui-red);
}

.most-popular-badge.badge-for-pricing-card-2 {
  height: 30px;
  font-size: 14px;
}

.pricing-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 0;
  display: grid;
}

.pricing-grid.one-entry {
  grid-template-columns: 1fr;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.price {
  margin-bottom: 10px;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.1;
}

.price.price-crossed-out {
  color: #b1b1b1;
  margin-right: 10px;
  text-decoration: line-through;
}

.price.cutoff-price-big {
  color: #9c9c9c;
  margin-bottom: 0;
  margin-right: 5px;
  font-size: 40px;
  font-weight: 700;
  text-decoration: line-through;
}

.price.cutoff-price-red-big {
  color: var(--peach);
  margin-bottom: 0;
  margin-right: 5px;
  font-size: 40px;
  font-weight: 700;
  text-decoration: line-through;
}

.card-mine {
  letter-spacing: 0;
  background-color: #fff;
  border: 2px solid #0000;
  border-radius: 14px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 40px 40px 60px;
  font-size: 16px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #2c324224, 0 0 1px #0003;
}

.card-mine.highlighted-card {
  border-color: var(--blue-main-1);
  justify-content: flex-start;
}

.card-mine.aligned-center-for-utility-page {
  text-align: left;
  align-items: flex-start;
  max-width: 750px;
  font-size: 18px;
}

.card-mine._100-width.mw-600 {
  max-width: 600px;
}

.card-mine.highlighted-card-cal {
  border-color: var(--calh-green-2);
  justify-content: flex-start;
  max-width: 580px;
}

.div-block-233 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.price-cycle {
  opacity: .4;
  margin-bottom: 12px;
  margin-left: 3px;
  font-size: 18px;
}

.div-block-238 {
  text-align: left;
  width: 100%;
}

.div-block-238.aligned-center {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.html-embed-icon {
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
}

.html-embed-icon.mr-8 {
  margin-right: 8px;
}

.html-embed-icon.mr-4 {
  margin-right: 4px;
}

.html-embed-icon.mr-4.green-tick {
  color: #2eb67c;
}

.html-embed-icon.tooltip-icon {
  color: #777;
}

.html-embed-icon.tooltip-icon.mr-5 {
  margin-right: 5px;
}

.html-embed-icon.green-shield {
  color: var(--green-ui);
}

.html-embed-icon.html-icon-for-pricing-card-2 {
  width: 24px;
  height: 24px;
}

.html-embed-icon.html-icon-for-pricing-card-2.not-green {
  color: #555;
}

.html-embed-icon.html-icon-for-pricing-card-2.mr-10 {
  margin-right: 10px;
}

.html-embed-icon.grey-text.infinity-icon {
  margin-top: 2px;
  margin-right: 4px;
}

.html-embed-icon.infinity-icon {
  color: #777;
  margin-top: 2px;
  margin-right: 3px;
}

.html-embed-icon.tick-icon-big {
  width: 36px;
  height: 36px;
}

.html-embed-icon.yellow-star {
  color: #facc15;
  width: 20px;
  height: 20px;
  margin-right: 2px;
}

.div-block-231 {
  color: #1b1d2a;
  justify-content: center;
  align-items: flex-end;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.wc {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1380px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.wc.mt-100 {
  margin-top: 100px;
}

.wc.mt-100.pb-100 {
  padding-bottom: 100px;
}

.heading-in-dropdown {
  text-align: left;
  margin-bottom: 6px;
  margin-left: 10px;
  margin-right: 10px;
  font-weight: 700;
}

.heading-in-dropdown.heading-with-link {
  color: #fff;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.html-embed-6 {
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dropdown-toggle {
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 100%;
  padding: 0;
  display: flex;
}

.dropdown-list-4-copy {
  background-color: #0000;
  padding-top: 20px;
  padding-bottom: 20px;
}

.dropdown-list-4-copy.w--open {
  min-width: 360px;
  top: 80%;
  right: 0;
}

.footer {
  color: #fff;
  background-color: #202938;
  padding-top: 60px;
  padding-bottom: 60px;
}

.footer-left-side {
  text-align: left;
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  width: 45%;
  margin-bottom: 40px;
  display: flex;
}

.footer-right-side {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  font-size: 15px;
  display: grid;
}

.div-block-239 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.divider-footer {
  opacity: .5;
  color: #fff9;
  border-top: 1px solid #fff;
  width: 100%;
  margin-top: 60px;
  padding-top: 40px;
}

.div-block-240 {
  flex-direction: column;
  align-items: flex-start;
  display: block;
}

.section {
  padding-top: 220px;
  padding-bottom: 220px;
}

.section.section-pt-0 {
  padding-top: 0;
}

.section.less-padding {
  padding-top: 120px;
  padding-bottom: 120px;
}

.section.less-padding.navy-bg {
  color: #fff;
}

.section.less-padding.pt-0 {
  padding-top: 0;
}

.section.less-padding.pt-60 {
  padding-top: 60px;
}

.section.less-padding.pb-60 {
  padding-bottom: 60px;
}

.section.first-section {
  padding-top: 120px;
}

.section.first-section.navy-bg {
  color: #fff;
  background-color: #232c3d;
}

.section.first-section.textured-bg {
  background-image: url('http://calhouse.app/wp-content/themes/vision-prototype-d912e4d6-decf130c0aeda-2/assets/images/texture-material.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: auto;
}

.section.first-section.pt-150 {
  padding-top: 150px;
}

.section.navy-bg {
  background-color: #232c3d;
}

.section.section-for-table-comparison {
  margin-bottom: 60px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.section.pt-pb-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.conversational-link {
  text-align: center;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  margin-right: 5px;
  padding: 10px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: all .6s;
  display: flex;
}

.conversational-link:hover {
  border-color: #333;
}

.conversational-link.w--current {
  color: #009afe;
  background-color: #009afe33;
  border-color: #0088e0;
}

.conversational-link.hide {
  display: none;
}

.tabs-menu {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 30px;
  display: flex;
}

.tabs {
  width: 100%;
  margin-top: 0;
}

.html-embed-icon-main {
  justify-content: center;
  align-items: center;
  display: flex;
}

.html-embed-icon-main._30x30 {
  color: var(--blue-main-1);
  width: 30px;
  height: 30px;
}

.html-embed-icon-main._30x30.green-icon {
  color: var(--calh-green-2);
}

.html-embed-icon-main._30x30-purple-faq-arrow {
  color: var(--ui-purple);
  width: 30px;
  height: 30px;
}

.html-embed-icon-main._18x18 {
  width: 18px;
  height: 18px;
}

.html-embed-icon-main._18x18.ml-4 {
  margin-left: 4px;
}

.html-embed-icon-main._18x18.mr-10 {
  margin-right: 10px;
}

.html-embed-icon-main.breadcrumb-delimitator {
  color: #999;
  width: 16px;
  height: auto;
}

.html-embed-icon-main._50x50 {
  width: 50px;
  height: 50px;
}

.html-embed-icon-main.time-icon {
  color: var(--blue-main-1);
  background-color: #fff;
  border-radius: 100px;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  padding: 4px;
}

.html-embed-icon-main.time-icon.ml-4 {
  margin-left: 4px;
}

.html-embed-icon-main.time-icon.red-icon {
  color: var(--ui-red);
}

.html-embed-icon-main.time-icon.red-icon.hidden-on-mobile-landscape.mr-0 {
  margin-right: 0;
}

.html-embed-icon-main.time-icon.purple-icon {
  color: var(--ui-purple);
  margin-right: 10px;
}

.html-embed-icon-main.time-icon.green-time-icon {
  color: var(--calh-green-2);
}

.html-embed-icon-main._22x22 {
  width: 22px;
  height: 22px;
}

.html-embed-icon-main.g-drive-icon-in-navbar {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

.timestamp-text {
  opacity: .7;
  font-size: 14px;
}

.flex-vertical-left-top {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.flex-vertical-left-top.ml-0 {
  margin-left: 0;
}

.flex-vertical-left-top.ml-0.mb-0 {
  margin-bottom: 0;
}

.flex-vertical-left-top.div-trio-on-a-hub {
  color: #666;
  width: 30%;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
}

.flex-vertical-left-top.div-trio-on-a-hub._3rd-one {
  width: 35%;
  font-size: 14px;
}

.flex-vertical-left-top.mt-mb-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.flex-vertical-left-top.w280 {
  width: 280px;
}

.flex-vertical-left-top._100-width.mt-80 {
  margin-top: 80px;
}

.icon-for-feature-block {
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-right: 12px;
  padding: 14px;
  transition: all .1s;
  display: flex;
  box-shadow: 1px 0 1px #0000001f, 0 0 0 1px #3c42571a, 0 0 #3c42571a, 0 2px 5px #3c42571a;
}

.icon-for-feature-block.in-ht-block {
  flex: none;
  width: 40px;
  height: 40px;
  margin-right: 0;
  padding: 8px;
  position: absolute;
  top: -20px;
  left: auto;
  right: auto;
}

.icon-for-feature-block.in-ht-block-2 {
  flex: none;
  width: 40px;
  height: 40px;
  margin-right: 0;
  padding: 8px;
}

.icon-for-feature-block.in-ht-block-3 {
  flex: none;
  width: 60px;
  height: 60px;
  margin-right: 0;
  padding: 10px;
}

.icon-for-feature-block.in-ht-block-2-2 {
  flex: none;
  width: auto;
  height: 40px;
  margin-right: 0;
  padding: 8px;
}

.span-highlight-yellow {
  background-color: #ffd22f40;
}

.span-highlight-yellow.white-text {
  color: #fff;
}

.faq-wrapper-2 {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: start;
  width: 100%;
  margin-top: 100px;
  display: grid;
}

.faq-wrapper-2.mt-40 {
  margin-top: 40px;
}

.faq-wrapper-2.mw-800 {
  max-width: 800px;
}

.faq-wrapper-2.mw-800.mb-100 {
  margin-bottom: 100px;
}

.faq-item {
  color: #000;
  text-align: left;
  cursor: pointer;
  border: 1px solid #ddd;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  padding: 30px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.faq-item:hover {
  border-color: var(--blue-main-1);
}

.faq-item.faq-with-dropdown {
  color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}

.faq-with-dropdown-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.faq-item-text {
  align-items: center;
  font-size: 20px;
  display: flex;
}

.faq-item-dropdown-button {
  flex: none;
  width: 30px;
  height: 30px;
  margin-left: 16px;
}

.faq-answer {
  color: #000;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
  overflow: hidden;
}

.text-block-29 {
  margin-top: 10px;
}

.span-link-purple {
  border-bottom: 2px solid var(--ui-purple);
  color: var(--ui-purple);
  transition: background-color .3s;
}

.span-link-purple:hover {
  background-color: #7970ff26;
}

.span-link-purple.no-underline-flex-horizontal {
  border-bottom-width: 0;
  align-items: center;
  display: flex;
}

.span-link-purple.no-underline-flex-horizontal.author-badge {
  border-radius: 100px;
  margin-bottom: 20px;
  padding-right: 14px;
}

.pre-footer-cta {
  background-color: var(--light-grey-for-button);
  color: var(--black);
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 60px 40px 80px;
  display: flex;
}

.pre-footer-cta.pt-pb-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.div-block-242 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.list-of-ticks-prefooter-cta {
  opacity: .7;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.list-of-ticks-prefooter-cta.ticks-on-sidebar {
  font-size: 12px;
}

.tick-prefooter-cta {
  align-items: center;
  margin-bottom: 6px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}

.tick-prefooter-cta.ticks-on-sidebar {
  opacity: .8;
  margin-bottom: 4px;
  margin-left: 0;
  margin-right: 4px;
}

.html-embed-icon-3 {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  display: flex;
}

.hero-image {
  border-radius: 12px;
  margin-top: 100px;
}

.grid-with-toc {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1.25fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.toc-wrapper {
  z-index: 10;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
  margin-right: 5%;
  font-size: 16px;
  display: flex;
  position: sticky;
  top: 100px;
  left: 0;
}

.toc-wrapper.for-filtering {
  z-index: 1;
  width: 19%;
  margin-top: 0;
  font-size: 14px;
  position: sticky;
}

.navlink-type-2 {
  justify-content: flex-start;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.navlink-type-2:hover {
  color: var(--ui-purple);
  text-decoration: underline;
}

.mt-mb-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.icon-for-cta-icon {
  color: var(--blue-main-1);
  background-color: #fff;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin-left: 10px;
  transition: all .1s;
  display: flex;
  box-shadow: 1px 0 1px #0000001f, 0 0 #3c42571a, 0 3px 10px #3c425766;
}

.icon-for-cta-icon.position-rigth {
  position: absolute;
  right: 16px;
}

.icon-for-cta-icon.on-main-cta-vertical {
  margin-left: 20px;
  margin-right: -10px;
}

.icon-for-cta-icon.on-main-cta-vertical.icon-on-sidebar-cta {
  margin-left: 10px;
}

.icon-for-cta-icon.on-main-cta-vertical.on-navbar-cta {
  width: 30px;
  height: 30px;
  margin-left: 10px;
  margin-right: 0;
}

.icon-for-cta-icon.on-main-cta-vertical.icon-on-sidebar-cta-green {
  color: var(--calh-green-1);
  margin-left: 10px;
}

.icon-for-cta-icon.on-main-cta-sidebar {
  margin-left: 10px;
  margin-right: 0;
}

.text-block-126 {
  padding-left: 12px;
}

.vertical-content {
  width: 100%;
  padding-left: 0%;
  position: relative;
}

.section-for-vertical-content {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25%;
  font-size: 18px;
  line-height: 1.5;
  display: flex;
}

.section-for-vertical-content.fs-16 {
  font-size: 16px;
}

.section-for-vertical-content.on-comparison-page {
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
}

.grid-how-to {
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: .25fr 2fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-items: flex-start start;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.how-to-grid-left {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 40px;
  display: flex;
}

.dotted-line-pic {
  width: 1px;
  height: 50px;
  margin-top: 20px;
}

.mt-mb-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.author-name {
  color: #151c34;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
}

.author-name.wdiw-title {
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 600;
}

.author-detail-wrap {
  font-size: 16px;
}

.author-block {
  align-items: center;
  margin-top: 25px;
  display: flex;
}

.content-block {
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  min-height: 260px;
  padding: 40px 60px;
  font-size: 18px;
  display: flex;
  box-shadow: 0 1px 1px #0000001f, 0 1px 5px #3c42571a, 0 0 0 1px #3c42571a;
}

.content-block:hover {
  background-color: #fafafa;
}

.slide-nav {
  background-color: #fff;
  border-radius: 500px;
  max-width: 150px;
  display: none;
  top: 575.901px;
  box-shadow: 1px 1px 3px #0000000d;
}

.testimonial-card {
  box-shadow: 0 90px 60px -100px #4f5e782e, 0 11px 20px -9px #4f5e781a;
}

.author-job {
  color: #151c3480;
  font-size: 16px;
}

.text-fixed-height {
  min-height: 100px;
}

.author-image {
  background-color: var(--peach);
  color: #fff;
  border: 4px solid #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-right: 14px;
  font-size: 30px;
  font-weight: 600;
  display: flex;
  box-shadow: 1px 1px 3px #00000024;
}

.author-image.purple {
  background-color: var(--ui-purple);
}

.author-image.green {
  background-color: var(--green-ui);
}

.author-image.blue {
  background-color: var(--blue-main-1);
}

.author-image.kg-pic {
  background-image: url('http://calhouse.app/wp-content/themes/vision-prototype-d912e4d6-decf130c0aeda-2/assets/images/kate-gross-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.author-image._110x110 {
  object-fit: cover;
  background-color: #0000;
  width: 110px;
  height: 110px;
  margin-right: 0;
}

.mask {
  height: auto;
  overflow: visible;
}

.sidebar-navbar-link {
  color: #666;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 6px;
  padding: 10px 16px;
  font-size: 15px;
  font-weight: 400;
  transition: all .1s;
  display: flex;
}

.sidebar-navbar-link:hover {
  color: #111;
  background-color: #f7f7f9;
}

.sidebar-navbar-link.w--current {
  opacity: 1;
  color: #111;
  font-weight: 500;
}

.modal-wrapper-2 {
  position: relative;
}

.modal-wrapper-2.mt-20 {
  margin-top: 20px;
}

.modal-container-2 {
  z-index: 1100;
  text-align: center;
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 1000px;
  margin: auto;
  padding: 60px 30px 40px;
  display: flex;
  position: relative;
  box-shadow: 0 0 5px #0000000d;
}

.modal-container-2.feedback-modal {
  justify-content: flex-start;
  align-items: center;
  max-height: 90vh;
  display: flex;
  overflow: auto;
}

.modal-container-2.upload-document-modal {
  justify-content: flex-start;
  align-items: center;
  height: 60vh;
  padding: 0;
  display: flex;
  overflow: auto;
}

.modal-container-2.modal-pop-up-intent {
  justify-content: center;
  align-items: center;
  width: 90vw;
  max-width: none;
  height: 90vh;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: absolute;
  overflow: scroll;
}

.form-block-5 {
  border: 1px solid var(--light-grey-for-button);
  background-color: var(--text-blue-grey);
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 50px;
  margin-top: 10px;
  margin-bottom: 0;
  display: flex;
}

.text-field-7 {
  color: #fff;
  background-color: #0000;
  border: 1px solid #0000;
  height: 100%;
  min-height: 50px;
  margin-bottom: 0;
}

.text-field-7:focus {
  color: #fff;
}

.form {
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.submit-button-dark-form {
  background-color: #0000;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-right: 10px;
  padding: 5px 12px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.submit-button-dark-form:hover {
  background-color: #ffffff26;
}

.submit-button-dark-form:active {
  background-color: #ffffff4d;
}

.div-block-244 {
  color: #ffffff80;
  margin-top: 20px;
  font-size: 16px;
}

.left-arrow-2 {
  background-color: var(--blue-main-1);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  padding: 10px;
  font-size: 14px;
  display: flex;
  top: auto;
  bottom: 20px;
  left: 40%;
}

.left-arrow-2:hover {
  background-color: var(--blue-main-2);
}

.slider-2 {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 40px 2px;
  overflow: hidden;
}

.right-arrow-2 {
  background-color: var(--blue-main-1);
  border-radius: 100px;
  width: 45px;
  height: 45px;
  font-size: 14px;
  top: auto;
  bottom: 20px;
  right: 40%;
}

.right-arrow-2:hover {
  background-color: var(--blue-main-2);
}

.wdif-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 30px;
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 30px;
  display: grid;
}

.wdif-block {
  border: 1px solid #ddd;
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  font-size: 16px;
  display: flex;
}

.wdif-block.on-pricing-wdif {
  text-align: center;
  background-color: #f0f6fb;
  border-color: #0000;
  align-items: center;
  font-size: 18px;
  position: relative;
}

.mw-780 {
  width: 100%;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}

.mw-780.mt-200 {
  margin-top: 200px;
}

.video-embed-copy {
  border-radius: 18px;
  width: 100%;
  height: 100%;
  margin-top: 20px;
  margin-bottom: 40px;
  overflow: hidden;
  box-shadow: 0 6px 8px #0000001a;
}

.collection-list-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.collection-list-wrapper.other-things-related {
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 60px;
  display: flex;
}

.collection-list-wrapper.faq-coll {
  margin-top: 20px;
}

.collection-list-wrapper.faq-coll.mt-0 {
  margin-top: 0;
}

.collection-list-wrapper.faq-coll.mb-minus-40 {
  margin-bottom: -40px;
}

.rte-in-collection {
  width: 100%;
}

.rte-in-collection img {
  border-radius: 12px;
  margin-top: 0;
  margin-bottom: 20px;
}

.rte-in-collection.mt-10 {
  margin-top: 10px;
}

.rte-in-collection.benefits-rte {
  column-rule: 1px dashed #ddd;
  column-gap: 100px;
}

.rte-in-collection a {
  color: var(--ui-purple);
  border-bottom: 2px solid #7970ff99;
  transition: background-color .3s;
}

.rte-in-collection a:hover {
  background-color: #7970ff26;
}

.rte-in-collection.h3-no-margin-up h3 {
  margin-top: 0;
}

.rte-in-collection figure {
  border-radius: 18px;
  width: 100%;
  overflow: hidden;
}

.rte-in-collection.rte-in-cta-at-the-bottom {
  margin-bottom: 40px;
}

.rte-in-collection.rte-in-cta-at-the-bottom h2 {
  margin-bottom: 30px;
}

.rte-in-collection p {
  color: var(--5);
  margin-bottom: 24px;
  line-height: 1.7;
}

.rte-in-collection h2 {
  margin-top: 30px;
  margin-bottom: 14px;
  font-size: 28px;
  font-weight: 800;
}

.rte-in-collection figcaption {
  color: #999;
  margin-top: -12px;
  margin-bottom: 20px;
  font-size: 13px;
}

.rte-in-collection blockquote {
  color: #555;
  margin-bottom: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
  line-height: 1.5;
}

.rte-in-collection li {
  margin-top: 4px;
  margin-bottom: 4px;
}

.rte-in-collection ol {
  margin-bottom: 24px;
}

.rte-in-collection h3 {
  margin-top: 0;
}

.rte-in-collection h4 {
  margin-top: 30px;
}

.rte-in-collection ul {
  margin-bottom: 24px;
}

.rte-in-collection.aligned-left {
  text-align: left;
}

.rte-in-collection.benefits-rte-on-comparison-posts {
  column-count: 2;
  column-rule: 1px dashed #ddd;
  column-gap: 100px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.rte-in-collection.benefits-rte-on-comparison-posts h2 {
  margin-top: 0;
}

.rte-in-collection.fs-18 {
  font-size: 18px;
}

.rte-in-collection.mw-660 {
  max-width: 660px;
}

.image-6 {
  border-radius: 12px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.collection-list-3 {
  flex-wrap: wrap;
  align-items: flex-start;
  display: flex;
}

.collection-item-2 {
  margin-bottom: 8px;
  margin-right: 8px;
  font-size: 14px;
}

.other-things-related-wrapper {
  border: 1px solid #ddd;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 40px;
  display: flex;
}

.other-things-related-wrapper.mb-120 {
  margin-bottom: 120px;
}

.menu-opened {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.menu-opened.auto-width {
  width: auto;
}

.menu {
  cursor: pointer;
  padding-top: 25px;
  padding-left: 15px;
  padding-right: 15px;
  display: none;
}

.humberger-menu.opacity-40 {
  opacity: .4;
}

.menu-bar-dash {
  background-color: var(--black);
  width: 35px;
  height: 2px;
  margin-top: 7px;
  margin-bottom: 7px;
}

.section3 {
  z-index: 1001;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 66px;
  display: flex;
  position: fixed;
}

.section3.not-floating-navbar {
  position: absolute;
}

.section3.with-badge-selector-at-top-101px {
  height: 70px;
}

.section3.navbar-on-pricing-page {
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.backdropfilt {
  z-index: 5;
  background-color: #fff6;
  position: absolute;
  inset: 0%;
}

.div-block-247 {
  margin-top: 20px;
  margin-bottom: 40px;
}

.utility-page-wrap {
  background-color: #fafafa;
  flex-direction: column;
  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;
}

.mb-30 {
  margin-bottom: 30px;
}

.benefits-rte {
  column-count: 2;
  column-gap: 100px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.benefits-rte h3 {
  margin-top: 0;
}

.div-block-248 {
  max-width: 800px;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.wrapper-of-verticals {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 60px;
  display: grid;
}

.wrapper-of-verticals.grid-of-3 {
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 0;
}

.wrapper-of-verticals.grid-of-3.mt-100 {
  margin-top: 100px;
}

.wrapper-of-verticals.grid-of-3.mt-60 {
  margin-top: 60px;
}

.wrapper-of-verticals.grid-of-3.on-faq-page {
  margin-top: 60px;
  padding-left: 20px;
  padding-right: 20px;
}

.h2-in-vertical-collection {
  letter-spacing: 0;
  font-size: 18px;
  font-weight: 400;
}

.h2-in-vertical-collection.mb-5 {
  margin-bottom: 5px;
}

.collection-item-3 {
  justify-content: space-between;
  display: flex;
}

.vertical-page-link-block {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px 20px 10px;
  display: flex;
  box-shadow: 1px 0 1px #0000001f, 0 0 0 1px #3c42571a, 0 0 #3c42571a, 0 2px 5px #3c42571a;
}

.vertical-page-link-block:hover {
  box-shadow: 1px 0 1px #0000001f, 0 0 0 1px #0f93ffb3, 0 3px 9px #0f93ff1a, 0 2px 5px #3c42571a;
}

.vertical-page-link-block.on-faqs-block {
  justify-content: center;
  padding-bottom: 20px;
}

.vertical-page-link-block.related-blog-post {
  text-align: left;
  align-items: flex-start;
  height: 100%;
  padding-bottom: 30px;
}

.preheading {
  color: #aaa;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 700;
}

.preheading.atauthor-preheading {
  text-align: left;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 16px;
}

.preheading.atauthor-preheading.mt-40 {
  margin-top: 40px;
}

.preheading.preheading-need-alternative-pdf {
  margin-top: 100px;
  margin-bottom: 50px;
}

.icon-in-comparison {
  color: var(--ui-purple);
  background-color: #7970ff33;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 8px;
  padding: 10px;
  transition: all .1s;
  display: flex;
}

.icon-in-comparison.disabled {
  color: #ccc;
  background-color: #0000;
}

.icon-in-comparison.auto-width {
  border-radius: 8px;
  width: auto;
}

.icon-in-comparison.yellow-so-and-so {
  color: #9b770c;
  background-color: #ffc72033;
  padding-bottom: 12px;
  line-height: 1;
}

.tooltip-wrapper {
  z-index: 1000;
  cursor: help;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  position: relative;
}

.tooltip-wrapper.pt-pb-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.tooltip-wrapper.pt-pb-10.align-left {
  text-align: left;
  justify-content: flex-start;
}

.tooltip-wrapper.wrapper-for-with-competitors {
  justify-content: flex-start;
  width: 100%;
  padding: 10px 0;
}

.tooltip-wrapper.wrapper-for-with-competitors.align-left {
  text-align: left;
  justify-content: flex-start;
}

.tooltip-wrapper.tooltip-in-comparison-table {
  margin-left: 20px;
  margin-right: -10px;
}

.tooltip-wrapper.tooltip-wrapper-for-pricing-card-benefits {
  justify-content: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.h3-faq-item {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 600;
}

.faq-item-2 {
  color: #000;
  text-align: left;
  cursor: pointer;
  border: 1px solid #ddd;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  padding: 30px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.faq-item-2:hover {
  border-color: var(--blue-main-1);
}

.faq-item-2.faq-with-dropdown {
  color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 20px;
  position: relative;
}

.faq-item-2.faq-with-dropdown.mb--30 {
  margin-bottom: -20px;
}

.faq-item-2.faq-with-dropdown.green-faq:hover {
  border-color: var(--calh-green-2);
}

.faq-item-text-2 {
  align-items: center;
  display: flex;
}

.error-message {
  border-radius: 8px;
  margin-left: 10px;
}

.modal-mask-2 {
  z-index: 901;
  position: absolute;
  inset: 0%;
}

.mw-670 {
  max-width: 670px;
}

.div-block-250 {
  text-align: left;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.pretitle {
  color: #aaa;
  letter-spacing: 3px;
  text-transform: uppercase;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.pretitle.pretitle-smaller-2 {
  font-size: 14px;
}

.blog-post-wrapper {
  color: var(--black);
  text-align: left;
  background-color: #0000;
  border: 1px solid #ddd;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-bottom: 60px;
  padding: 30px;
  font-size: 18px;
  line-height: 1.6;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.mw-800 {
  max-width: 800px;
}

.mw-800.mb-60 {
  margin-bottom: 60px;
}

.mw-800.auto-margin {
  margin-left: auto;
  margin-right: auto;
}

.cover-image {
  object-fit: cover;
  border-radius: 18px;
  width: 100%;
  height: 100%;
  max-height: 600px;
  margin-bottom: 60px;
}

.cover-image.mb-40 {
  margin-bottom: 40px;
}

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

.lrlr {
  background-color: #f0fdf4;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 380px;
  margin-bottom: 100px;
  padding: 40px;
  font-size: 18px;
  line-height: 1.6;
  display: flex;
}

.lrlr.reverted {
  flex-direction: row-reverse;
}

.lrlr.no-background {
  background-color: #0000;
}

.lrlr-text {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 60%;
  margin-right: 10%;
  display: flex;
}

.lrlr-text.lrlr-text-reverted-text-on-left {
  color: #666;
  margin-left: 10%;
  margin-right: 0%;
  font-size: 18px;
}

.lrlr-text.lrlr-text-reverted-text-on-left._40-width-reverted {
  width: 40%;
  margin-left: 5%;
}

.lrlr-text._50-width {
  width: 50%;
  margin-right: 5%;
}

.lrlr-text._40-width {
  width: 40%;
  margin-right: 5%;
}

.mb-100 {
  margin-bottom: 100px;
}

.informational-button {
  color: #666;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 55px;
  padding-left: 30px;
  padding-right: 62px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.informational-button:hover {
  background-color: #fafafa;
  border-color: #aaa;
}

.informational-button:active {
  background-color: #e9e9e9;
}

.pricing-card-upper-half {
  text-align: left;
  width: 100%;
}

.pricing-card-upper-half.aligned-center {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.video-embed-with-cms {
  border-radius: 18px;
  width: 100%;
  height: 100%;
  min-height: 200px;
  margin-top: 20px;
  margin-bottom: 40px;
  overflow: hidden;
  box-shadow: 0 6px 8px #0000001a;
}

.blog-post-author-img {
  border-radius: 100px;
  width: 52px;
  height: 52px;
  margin-right: 12px;
}

.blog-post-author-img.bigger-img {
  flex: none;
  width: 60px;
  height: 60px;
  margin-right: -9px;
}

.flex-horizontal-left-center {
  text-align: left;
  flex-direction: row;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.flex-horizontal-left-center.mt-20-mb-40 {
  margin-top: 20px;
  margin-bottom: 40px;
}

.flex-horizontal-left-center.breadcrumb-wrapper-content-cluster {
  text-align: center;
  flex-wrap: nowrap;
  flex: 0 auto;
}

.flex-horizontal-left-center.mt-mb-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.flex-horizontal-left-center.extremes {
  justify-content: space-between;
}

.flex-horizontal-left-center.vertical-on-mobile.mt-10.wrap, .flex-horizontal-left-center.vertical-on-mobile.wrap {
  flex-wrap: wrap;
}

.flex-horizontal-left-center.fs-14 {
  font-size: 14px;
}

.flex-horizontal-left-center.breadcrumbs-at-the-top {
  width: 100%;
  margin-top: 70px;
  font-size: 14px;
}

.flex-horizontal-left-center.fs-18 {
  font-size: 18px;
}

.flex-horizontal-left-center.bubble-heads-with-stars {
  grid-column-gap: 20px;
}

.link {
  color: #999;
  align-items: center;
  margin-left: 5px;
  margin-right: 5px;
  transition: all .2s;
  display: flex;
}

.link:hover {
  color: #111;
}

.link.return-to-blog-button {
  margin-left: 0;
  margin-right: 0;
  font-size: 14px;
  font-weight: 300;
}

.text-block-131 {
  margin-left: 5px;
}

.text-block-130-copy {
  color: #999;
  text-align: left;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 300;
}

.text-block-130-copy.divider {
  padding-left: 5px;
  padding-right: 5px;
}

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

.success-message-2-copy {
  color: #0af;
  background-color: #0f93ff26;
  border-radius: 8px;
  width: 100%;
}

.wrapper-of-socials {
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.link-block-2 {
  color: #ffffff80;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.link-block-2:hover {
  color: #fff;
}

.link-block-2.in-article-author-bio {
  color: #fff;
  background-color: #ccc;
  border-radius: 8px;
  width: 30px;
  height: 30px;
}

.link-block-2.in-article-author-bio.green-hover:hover {
  background-color: var(--green-ui);
}

.link-block-2.in-article-author-bio.twitter-hover:hover {
  background-color: #1da1f2;
}

.link-block-2.in-article-author-bio.li-blue-hover:hover {
  background-color: #0072b1;
}

.link-block-2.in-article-author-bio.reddit-hex-hover:hover {
  background-color: #ff4500;
}

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

.flex-horizontal-center-center._100-width.fs14 {
  flex-wrap: wrap;
  font-size: 14px;
}

.flex-horizontal-center-center.on-breadcrumb {
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin-top: 0;
}

.flex-horizontal-center-center.on-buttons-for-contracts {
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
}

.flex-horizontal-center-center.gap-10px {
  grid-column-gap: 10px;
}

.flex-horizontal-center-center.platform-ratings {
  grid-column-gap: 40px;
}

.flex-horizontal-center-center.platform-ratings.spacing-up-bot {
  margin-top: 60px;
  margin-bottom: 140px;
}

.mt-100 {
  margin-top: 100px;
}

.flex-horizontal-extremes {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-10.white-text {
  color: #fff;
}

.link-span-grey-underline {
  text-decoration: underline;
}

.link-span-grey-underline:hover {
  text-decoration: none;
}

.span-green-box {
  color: #2eb67c;
  background-color: #e4f5eb;
  border-radius: 8px;
  padding: 4px 10px;
  font-weight: 500;
  display: inline;
}

.span-green-box.save-percentage-text {
  font-size: 12px;
  font-weight: 500;
}

.span-green-box.save-percentage-text.red-badge {
  background-color: var(--light-ui-red);
  color: var(--ui-red);
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.success-message-3 {
  background-color: #ffffff80;
  border-radius: 8px;
}

.mt-60 {
  margin-top: 60px;
}

.subheading-in-cta-block {
  color: #222222b3;
  font-size: 24px;
  font-weight: 600;
}

.filterable-list-right-side {
  width: 80%;
}

.filterable-list-right-side.centered-100 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.dropdown-list-simple.w--open {
  background-color: #fff;
  border-radius: 8px;
  max-height: 50vh;
  overflow: auto;
}

.menu-filtering-grid {
  cursor: pointer;
  padding-top: 25px;
  padding-left: 15px;
  padding-right: 15px;
  display: none;
}

.ml-10 {
  margin-left: 10px;
}

.menu-filtering-wrapper {
  cursor: pointer;
  padding-top: 25px;
  padding-left: 15px;
  padding-right: 15px;
  display: none;
}

.menu-bar-dash-smaller {
  background-color: var(--black);
  width: 35px;
  height: 2px;
  margin-top: 7px;
  margin-bottom: 7px;
}

.flex-vertical-center-center {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.flex-vertical-center-center.spacing-on-nps-calculator-field-entry {
  margin-left: 5px;
  margin-right: 5px;
}

.flex-vertical-center-center.mr-40-nps-fraction-mobile {
  margin-right: 40px;
}

.flex-vertical-center-center.mw-330 {
  max-width: 330px;
}

.flex-vertical-center-center.align-left {
  text-align: left;
  align-items: flex-start;
}

.tooltip-wrapper-2 {
  z-index: 199;
  cursor: help;
  padding: 8px 20px;
  position: absolute;
  right: -20px;
}

.tooltip-wrapper-2.pos0 {
  bottom: -6px;
}

.tooltip {
  color: #fff;
  background-color: #141414;
  border-radius: 8px;
  width: 150px;
  padding: 10px;
  line-height: 1.3;
  display: none;
  position: absolute;
  top: 45px;
  left: 0;
  box-shadow: 0 3px 10px #0003;
}

.tooltip.tooltip-for-pricing-info {
  z-index: 199;
  text-align: center;
  cursor: help;
  align-items: flex-end;
  width: 310px;
  padding: 8px 14px;
  font-size: 16px;
  line-height: 1.4;
  display: none;
  inset: auto -30px 34px auto;
}

.tooltip.tooltip-for-pricing-info.test-tooltip-visible {
  display: flex;
}

.tooltip.tooltip-for-pretty-urls {
  z-index: 199;
  text-align: center;
  cursor: help;
  align-items: flex-end;
  width: 390px;
  padding: 8px 14px;
  font-size: 16px;
  line-height: 1.4;
  display: none;
  inset: auto -30px 34px auto;
}

.lazy-yt-wrapper {
  width: 100%;
  height: 100%;
}

.lazy-yt-wrapper.mt-140 {
  margin-top: 140px;
}

.lazy-youtube {
  border-radius: 18px;
  width: 100%;
  height: 100%;
  box-shadow: 0 6px 8px #0000001a;
}

.lazy-youtube.lazy-youtube-on-video-reviews {
  border: 2px solid #fff;
  border-radius: 12px;
  transition: all .2s;
  box-shadow: 0 1px 3px #278ef54d;
}

.lazy-youtube.lazy-youtube-on-video-reviews:hover {
  border-color: var(--blue-main-1);
}

.html-embed-11 {
  height: 100%;
  min-height: 200px;
}

.special-button-wrapper {
  height: 100%;
  display: flex;
  position: relative;
}

.text-block-special-button {
  color: #ffffff80;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 63px;
}

.divider-pricing-card {
  background-color: #e9e9e9;
  width: 100%;
  height: 1px;
  margin-top: 11px;
  margin-bottom: 25px;
}

.span-red-text {
  color: #ff7e7e;
}

.navlink-2 {
  color: #111827;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-right: 5px;
  padding: 10px 12px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.navlink-2:hover {
  background-color: #00000014;
}

.navlink-2:active {
  background-color: #00000026;
}

.navlink-2.aligned-center {
  justify-content: center;
}

.navlink-2.aligned-center.mw-120 {
  min-width: 120px;
}

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

.heading.mb-60 {
  margin-bottom: 60px;
}

.tab-link-billing-selector {
  cursor: pointer;
  background-color: #0000;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-left: 3px;
  margin-right: 3px;
  padding: 12px 20px;
  transition: all .2s;
  display: flex;
}

.tab-link-billing-selector:hover {
  background-color: #00000014;
}

.tab-link-billing-selector.w--current {
  background-color: #fff;
  box-shadow: 0 1px 1px #0000001f, 0 0 0 1px #3c42571a, 0 0 #3c42571a, 0 2px 5px #3c42571a;
}

.tabs-2 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.tabs-2.cb-upgrade-tabs {
  align-items: center;
  margin-top: 20px;
}

.mt-40 {
  margin-top: 40px;
}

.tabs-menu-6 {
  background-color: #fafafa;
  border-radius: 8px;
  flex-direction: row;
  margin-top: 10px;
  padding: 8px 6px;
  display: flex;
}

.tooltip-wrapper-3 {
  z-index: 995;
  cursor: help;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  display: flex;
  position: relative;
}

.pricing-v2-button-div {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  font-size: 20px;
  display: flex;
}

.text-block-139 {
  font-size: 16px;
  font-weight: 300;
}

.mt-5 {
  margin-top: 5px;
}

.tocitem {
  white-space: normal;
  cursor: pointer;
  border-radius: 4px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 3px 5px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  transition: all .2s;
  display: block;
  position: static;
}

.tocitem:hover {
  background-color: #00000014;
}

.tocitem.toc-h2 {
  font-weight: 500;
}

.tocitem.toc-h2.active {
  background-color: var(--blue-main-1);
  color: #fff;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.tocitem.toc-h3 {
  margin-left: 10px;
  font-weight: 400;
}

.tocitem.toc-h3.active {
  background-color: var(--blue-main-1);
  color: #fff;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 400;
}

.tocitem.toc-h4 {
  margin-left: 20px;
}

.tocitem.toc-h4.active {
  background-color: var(--blue-main-1);
  color: #fff;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 400;
}

.toc-wrapper-on-articles {
  z-index: 10;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 16vw;
  height: 100vh;
  max-height: 85vh;
  margin-left: -17vw;
  padding-top: 0;
  padding-bottom: 25px;
  padding-right: 0;
  font-size: 16px;
  display: flex;
  position: sticky;
  top: 67px;
  overflow: auto;
}

.toc-wrapper-on-articles.for-filtering.on-the-right-hand-side {
  margin-left: auto;
  margin-right: -17vw;
}

.bpwg {
  color: var(--black);
  text-align: left;
  background-color: #0000;
  border: 1px solid #ddd;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-top: -170vh;
  margin-bottom: 100px;
  padding: 30px 20px 10px;
  font-size: 18px;
  line-height: 1.5;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.bpwg.bpwg-on-electronic-signature-page {
  border-color: #0000;
  padding-top: 0;
}

.bpwg.bpwg-on-electronic-signature-page.mt--85vh {
  margin-top: -85vh;
}

.bpwg.bpwg-normal {
  margin-top: 0;
  margin-bottom: 0;
}

.bpwg.bpwg-normal.mb-200 {
  margin-bottom: 200px;
}

.div-block-262 {
  text-align: left;
  background-color: #fafafa;
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px 40px 30px;
  display: flex;
}

.mt-mb-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.rounded-block-wrapper {
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 60px;
  padding: 60px 80px;
  display: flex;
  position: relative;
}

.rounded-block-wrapper.blue-bg {
  box-shadow: 0 0 0 .5px var(--blue-main-1);
  background-image: radial-gradient(circle at 0 0, #d7ebff, #f8fcff 38%);
  margin-top: 0;
}

.rounded-block-wrapper.blue-bg.video-block {
  text-align: center;
  padding: 40px;
}

.rounded-block-wrapper.blue-bg.video-block.mt-100 {
  margin-top: 100px;
}

.rounded-block-wrapper.pink-peach-bg-copy {
  box-shadow: 0 0 0 .5px var(--peach);
  background-image: radial-gradient(circle at 0 0, #ffddd7, #fff9f8 38%);
  margin-top: 0;
}

.rounded-block-wrapper.green-bg-block {
  box-shadow: 0 0 0 .5px var(--calh-green-2);
  background-image: linear-gradient(#d7ffee, #f8fffc 39%);
  margin-top: 0;
}

.grey-text-in-pricing-card {
  color: #b1b1b1;
  font-size: 20px;
  line-height: 1.1;
}

.grey-text-in-pricing-card.fs-16 {
  font-size: 16px;
}

.grey-text-in-pricing-card.fs-14 {
  font-size: 14px;
}

.grey-text-in-pricing-card.strikethrough {
  text-decoration: line-through;
}

.grey-text-in-pricing-card.competition-price {
  margin-bottom: 2px;
  margin-right: 5px;
  text-decoration: line-through;
}

.div-block-265 {
  grid-column-gap: 80px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  width: 100%;
  margin-top: 100px;
  display: grid;
}

.text-block-144 {
  max-width: 480px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
}

.author-quote-text {
  color: #fff9;
  font-size: 20px;
  font-weight: 600;
}

.span-link-blue {
  border-bottom: 2px solid var(--blue-main-1);
  color: var(--blue-main-1);
  transition: background-color .3s;
}

.span-link-blue:hover {
  background-color: #0f93ff4d;
}

.span-link-blue.link-hover-cursor {
  cursor: pointer;
}

.div-block-266 {
  display: none;
}

.image-logo-publication-story-founders {
  opacity: .5;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  margin-top: 10px;
  margin-right: 10px;
  padding: 10px 14px;
  transition: all .2s;
  display: flex;
  box-shadow: 1px 0 1px #0000001f, 0 0 0 1px #3c42571a, 0 0 #3c42571a, 0 2px 5px #3c42571a;
}

.image-logo-publication-story-founders:hover {
  opacity: 1;
  box-shadow: 1px 0 1px #0000001f, 0 0 0 1px #3c42571a, 0 3px 9px #3c42571a, 0 2px 5px #3c42571a;
}

.html-embed-13 {
  color: var(--yellow-ui);
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-right: 2px;
  display: flex;
}

.html-embed-13._18x18 {
  width: 18px;
  height: 18px;
}

.text-block-146 {
  color: #2229;
  margin-top: 5px;
  font-size: 18px;
}

.div-block-268 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.mb-40 {
  margin-bottom: 40px;
}

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

.feature-block {
  text-align: left;
  background-color: #fafafa;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px;
  font-size: 20px;
  line-height: 1.6;
  display: flex;
}

.feature-block.feature-block-with-link {
  background-color: #fffaec;
  border: 3px solid #0000;
}

.feature-block.feature-block-with-link:hover {
  border: 3px solid var(--gold-gradient-left);
}

.html-embed-14 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.html-embed-14.orange-icon {
  color: #ff5a1f;
}

.html-embed-14.purple-icon {
  color: #9061f9;
}

.html-embed-14.blue-icon {
  color: #3f83f8;
}

.html-embed-14.yellow-icon {
  color: #f8bd3f;
}

.image-34 {
  border-radius: 24px;
  max-width: 1130px;
  margin-top: 100px;
}

.image-34.mt-0 {
  margin-top: 0;
}

.archive-section-wrapper {
  text-align: left;
  background-color: #fafafa;
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-bottom: 100px;
  padding: 40px;
  display: flex;
}

.archive-section-wrapper.mt-400 {
  margin-top: 400px;
}

.archive-element-entry {
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  margin-top: 20px;
  padding: 20px;
  position: relative;
}

.archive-element-entry.flex-archive-element {
  align-items: flex-start;
  display: flex;
}

.toc-wrapper-wrapper {
  width: 20%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.trusted-by-section {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1100px;
  margin-top: 100px;
  display: flex;
}

.trusted-by-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 100%;
  margin-top: 40px;
  display: grid;
}

.image-35 {
  opacity: .7;
  filter: grayscale();
  height: 40px;
}

.image-35.pt-manual {
  padding-top: 5px;
}

.hidden {
  display: none;
}

.button-blue-with-shadow {
  background-color: var(--blue-main-1);
  color: #fff;
  border-radius: 100px;
  align-items: center;
  padding: 14px 20px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
  box-shadow: 0 4px 8px #0099ff4d;
}

.button-blue-with-shadow:hover {
  background-color: var(--blue-main-2);
}

.button-blue-with-shadow.cta-on-vertical-page {
  justify-content: center;
  font-size: 18px;
}

.button-blue-with-shadow.cta-on-vertical-page.modal-action.hidden {
  display: none;
}

.button-blue-with-shadow.cta-on-vertical-page.cta-on-sidebar {
  padding-left: 10px;
  font-size: 16px;
}

.button-blue-with-shadow.cta-on-vertical-page.cta-on-sidebar-green {
  background-color: var(--calh-green-1);
  padding-left: 10px;
  font-size: 16px;
  box-shadow: 0 4px 8px #144f364d;
}

.button-blue-with-shadow.cta-on-vertical-page.cta-on-sidebar-green:hover {
  background-color: var(--calh-green-2);
}

.button-blue-with-shadow.cta-no-icon {
  justify-content: center;
  height: 72px;
  font-size: 18px;
}

.button-blue-with-shadow.cta-on-sidebar-of-vertical-page {
  text-align: center;
  justify-content: space-between;
  width: 100%;
  padding-left: 14px;
  padding-right: 10px;
  font-size: 16px;
}

.button-blue-with-shadow.br-8 {
  border-radius: 8px;
}

.button-blue-with-shadow.br-8.h50 {
  height: 60px;
}

.button-blue-with-shadow.payment-button {
  text-align: center;
  border-radius: 8px;
  justify-content: center;
  height: 65px;
  font-size: 18px;
  font-weight: 600;
}

.button-blue-with-shadow.payment-button.h50 {
  height: 60px;
}

.button-blue-with-shadow.payment-button.disabled-button {
  opacity: .3;
  cursor: not-allowed;
}

.button-blue-with-shadow.payment-button.green-payment-button {
  background-color: var(--calh-green-1);
  box-shadow: 0 4px 8px #144f364d;
}

.button-blue-with-shadow.payment-button.green-payment-button:hover {
  background-color: var(--calh-green-2);
}

.button-blue-with-shadow.payment-button.pricing-card-2-button {
  text-align: center;
  width: 100%;
  height: 50px;
  margin-top: 40px;
  font-size: 16px;
  font-weight: 500;
}

.button-blue-with-shadow.ltd-cta {
  text-align: center;
  border-radius: 8px;
  justify-content: center;
  padding-top: 6px;
  padding-bottom: 6px;
}

.button-blue-with-shadow.ltd-cta.h50 {
  height: 60px;
}

.button-blue-with-shadow.ltd-cta.green-ltd-cta {
  background-color: var(--calh-green-1);
  box-shadow: 0 4px 8px #144f364d;
}

.button-blue-with-shadow.ltd-cta.green-ltd-cta:hover {
  background-color: var(--calh-green-2);
}

.button-blue-with-shadow.cta-on-navbar {
  justify-content: center;
  padding: 12px 10px 12px 7px;
  font-size: 16px;
}

.button-blue-with-shadow.cta-on-navbar.modal-action.hidden {
  display: none;
}

.button-blue-with-shadow.cta-on-navbar.cta-on-sidebar {
  padding-left: 10px;
  font-size: 16px;
}

.button-blue-with-shadow.green {
  background-color: var(--calh-green-1);
  box-shadow: 0 4px 8px #2480584d;
}

.button-blue-with-shadow.green:hover {
  background-color: var(--calh-green-2);
}

.heading-3 {
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
}

.heading-3.mt-20-mb-14 {
  margin-top: 20px;
  margin-bottom: 14px;
}

.html-embed-plus-dropdown {
  color: var(--blue-main-1);
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.button-white-with-shadow-2-alt {
  background-color: #fff;
  border: .5px solid #dfe0e5;
  border-radius: 8px;
  align-items: center;
  padding: 10px 14px;
  display: flex;
  box-shadow: 0 1px 2px #0000001a;
}

.button-white-with-shadow-2-alt:hover {
  color: #278ef5;
  border-color: #278ef5;
}

.button-white-with-shadow-2-alt.bigger-contact-button {
  justify-content: center;
  height: 55px;
}

.button-white-with-shadow-2-alt.ml-mr-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.button-white-with-shadow-2-alt.mr-mb-8 {
  margin-bottom: 8px;
  margin-right: 8px;
}

.button-white-with-shadow-2-alt.aligned-mid {
  justify-content: center;
}

.button-white-with-shadow-2-alt.start-freemium-button {
  text-align: center;
  justify-content: center;
  height: 65px;
}

.button-white-with-shadow-2-alt.h55 {
  padding: 16px 24px;
}

.button-white-with-shadow-2-alt.field-for-username-right {
  min-height: 50px;
  margin-bottom: 0;
  padding-left: 154px;
}

.div-block-269 {
  flex-direction: column;
  display: flex;
}

.empty-state-3 {
  color: var(--blue-main-1);
  background-color: #eff7ff;
  border-radius: 12px;
  margin-top: 30px;
  padding: 40px 20px;
  font-weight: 500;
}

.html-embed-15 {
  width: 100%;
}

.empty-state-4 {
  display: none;
}

.span-link-purple-2 {
  color: #7970ff;
  border-bottom: 2px solid #7970ff;
  text-decoration: none;
  transition: background-color .3s;
}

.span-link-purple-2:hover {
  background-color: #7970ff26;
}

.cta-sidebar-blog-content {
  text-align: center;
  background-color: #e8f3fd;
  border: 2px solid #0000;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 14px;
  padding: 14px 7px;
  transition: all .2s;
  display: flex;
}

.cta-sidebar-blog-content:hover {
  border: 2px solid var(--blue-main-1);
}

.cta-sidebar-blog-content.green-sidebar-cta {
  background-color: #e8fdf4;
}

.cta-sidebar-blog-content.green-sidebar-cta:hover {
  border-color: var(--calh-green-2);
}

.text-block-148 {
  color: var(--blue-main-1);
  margin-bottom: 5px;
  font-weight: 700;
}

.text-block-148.green-tb148 {
  color: var(--calh-green-2);
}

.div-block-270 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.mw-blogpost {
  width: 100%;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.mw-blogpost.on-electronic-signature-page {
  max-width: 800px;
}

.text-block-149 {
  color: #222222b3;
  font-size: 14px;
}

.alt-text-in-button {
  color: #ffffff80;
  margin-left: 12px;
  font-size: 14px;
}

.html-embed-sidebar-icon {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  display: flex;
}

.html-embed-sidebar-icon.notion-icon-opac {
  opacity: .5;
  width: 24px;
  height: 24px;
}

.div-block-271 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 20px;
  display: flex;
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
}

.badge-on-button-with-white-shadow {
  color: #7c7c7c;
  background-color: #fff;
  border-radius: 4px;
  align-items: center;
  padding: 2px 6px;
  font-size: 12px;
  transition: all .2s;
  display: flex;
  box-shadow: 1px 0 1px #0000001f, 0 0 0 1px #3c42571a, 0 0 #3c42571a, 0 2px 5px #3c42571a;
}

.badge-on-button-with-white-shadow:hover {
  box-shadow: 1px 0 1px #0000001f, 0 0 0 1px #3c42571a, 0 3px 9px #3c42571a, 0 2px 5px #3c42571a;
}

.button-white-with-shadow-2-alt-2 {
  background-color: #fff;
  border: .5px solid #dfe0e5;
  border-radius: 8px;
  align-items: center;
  margin-bottom: 0;
  padding: 10px 14px;
  display: flex;
  box-shadow: 0 1px 2px #0000001a;
}

.button-white-with-shadow-2-alt-2:hover {
  color: #278ef5;
  border-color: #278ef5;
}

.button-white-with-shadow-2-alt-2.form-field-login {
  height: 45px;
  margin-bottom: 16px;
  transition: all .1s;
}

.button-white-with-shadow-2-alt-2.form-field-login:hover, .button-white-with-shadow-2-alt-2.form-field-login:focus {
  border-width: 1px;
  border-color: #404250;
}

.button-white-with-shadow-2-alt-2.form-field-login.mt-24 {
  margin-top: 24px;
  margin-bottom: 8px;
}

.button-white-with-shadow-2-alt-2.square-button {
  text-align: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
}

.button-white-with-shadow-2-alt-2.aligned-mid {
  justify-content: center;
}

.button-white-with-shadow-2-alt-2.got-questions-button {
  justify-content: center;
  min-width: 200px;
  height: 55px;
  margin-top: 0;
}

.button-white-with-shadow-2-alt-2.mt-10.fs-14 {
  font-size: 14px;
}

.button-white-with-shadow-2-alt-2.mb-10 {
  margin-bottom: 10px;
}

.button-white-with-shadow-2-alt-2.mb-20 {
  margin-bottom: 20px;
}

.button-white-with-shadow-2-alt-2.mb-14.h50 {
  height: 50px;
}

.button-white-with-shadow-2-alt-2.pricing-card-2-button {
  text-align: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  margin-top: 40px;
}

.success-message-2 {
  margin-top: 20px;
}

.form-block-6 {
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  display: block;
  position: relative;
}

.form-2 {
  flex-direction: column;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  display: flex;
}

.form-2.contract-template-form {
  align-items: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.error-message-3 {
  margin-top: 20px;
}

.button-2 {
  color: #f1f3ff;
  text-align: center;
  cursor: pointer;
  background-color: #202122;
  border: 1px solid #0000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding: 14px 20px;
  transition: color .1s ease-in-out, background-color .1s ease-in-out;
  display: flex;
}

.button-2:hover {
  color: #404250;
  background-color: #ebedf0;
  text-decoration: none;
}

.button-2.w--current {
  color: #278ef5;
  background-color: #f6f7f9;
}

.button-2.button-blue {
  color: #fff;
  background-color: #278ef5;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.button-2.button-blue:hover {
  color: #fff;
  background-color: #3174df;
}

.button-2.button-blue.height-45 {
  height: 45px;
  padding-top: 0;
  padding-bottom: 0;
}

.text-block-32 {
  color: #a8a8a8;
  text-align: center;
  max-width: 390px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
}

.link-text-span {
  color: #278ef5;
  text-decoration: none;
  display: inline;
}

.link-text-span:hover {
  color: #3c81ee;
  text-decoration: none;
}

.html-embed-icon-4 {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.html-embed-icon-4._24x24 {
  width: 24px;
  height: 24px;
}

.html-embed-icon-4._26x26 {
  width: 26px;
  height: 26px;
}

.pdf-embed-in-templates {
  background-color: #fff;
  border: .5px solid #dfe0e5;
  border-radius: 12px;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  box-shadow: 0 1px 2px #0000001a;
}

.pdf-embed-in-templates:hover {
  color: #278ef5;
  border-color: #278ef5;
}

.html-embed-16 {
  width: 100%;
  margin-top: 20px;
}

.ct-collection-page-image {
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  height: 160px;
}

.ct-collection-page-image.diff-height-for-full-grid-of-3 {
  height: 220px;
}

.html-embed-17 {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: auto;
  display: flex;
}

.div-block-272 {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.text-block-150 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
}

.pdf-editor-in-browser-alpha-embed {
  width: 100%;
  height: 100%;
}

.tab-link-view-selector {
  color: #999;
  background-color: #0000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-left: 6px;
  padding: 0;
  display: flex;
}

.tab-link-view-selector:hover {
  background-color: #fafafa;
}

.tab-link-view-selector.w--current {
  color: #000;
  background-color: #fff;
  box-shadow: 0 2px 3px #1f46df1a;
}

.flex-vertical-right-top {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  font-size: 17px;
  display: flex;
}

.tabs-menu-7 {
  background-color: #ededed;
  border-radius: 12px;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 6px;
  display: flex;
}

.list-view-entry {
  text-align: left;
  border-radius: 8px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 0;
  padding: 10px;
  display: flex;
}

.list-view-entry:hover {
  background-color: #f5f5f5;
}

.title-in-horizontal-list-view {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
}

.text-block-151 {
  color: #bbb;
  font-size: 14px;
}

.mt-30 {
  margin-top: 30px;
}

.list-view-picture {
  object-fit: cover;
  border-radius: 8px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
}

.image-title-wrapper-in-list-view-entry {
  text-align: left;
  flex-direction: row;
  flex: none;
  align-items: center;
  width: 85%;
  margin-left: 0;
  padding-right: 10px;
  display: flex;
}

.image-8-blog-page {
  object-fit: cover;
  border-radius: 8px;
  width: 273px;
  height: 162px;
}

.filters-categories-button {
  cursor: pointer;
  padding-top: 25px;
  padding-left: 15px;
  padding-right: 15px;
  display: none;
}

.div-block-273 {
  flex-flow: column wrap;
  align-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.collection-list-4 {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.div-block-274 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 20px;
  display: grid;
}

.heycom-like-button-faq {
  color: var(--ui-purple);
  background-color: #f1f0ff;
  border: 3px solid #dedcff;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 30px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  transition: all .2s;
  display: flex;
}

.heycom-like-button-faq:hover {
  background-color: #e2e0ff;
  border-color: #cfccff;
}

.golden-testimonial-wrapper {
  background-image: linear-gradient(to right, #ff9412, var(--gold-gradient-left));
  color: #fff;
  border-radius: 6px;
  flex-direction: column;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  transform: rotate(0);
}

.golden-testimonial-wrapper.outlined {
  border: 1px solid var(--gold-gradient-left);
  color: var(--gold-gradient-left);
  background-color: #fff8e5;
  background-image: none;
}

.ml-5 {
  margin-left: 5px;
}

.image-8-copy-222 {
  object-fit: cover;
  border-radius: 8px;
  width: 382px;
  height: 120px;
}

.mb-60 {
  margin-bottom: 60px;
}

.related-blog-post-collection-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  margin-bottom: 60px;
  display: grid;
}

.image-8-related-blog-post {
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  height: 200px;
}

.heading-in-faq {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
}

.grey-outline-box {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  border: 1px solid #ddd;
  border-radius: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 40px;
  padding: 40px;
  display: grid;
}

.div-block-275 {
  width: 100%;
}

.huge-text-metric {
  font-size: 60px;
  font-weight: 900;
  line-height: 1;
}

.grey-text {
  color: #777;
}

.grey-text.lmited-time-offer-text {
  margin-top: 10px;
  font-size: 14px;
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
}

.grey-text.fs-18 {
  font-size: 18px;
}

.grey-text.fs20 {
  font-size: 20px;
}

.grey-text.lmited-time-offer-text-2 {
  margin-top: 0;
  margin-left: 5px;
  font-size: 14px;
}

.h2-like-rte {
  margin-top: 30px;
  margin-bottom: 14px;
  font-size: 28px;
  font-weight: 800;
}

.h2-like-rte.mt-0 {
  margin-top: 0;
}

.h3-like-rte {
  margin-top: 30px;
  margin-bottom: 14px;
  font-size: 26px;
  font-weight: 600;
}

.paragraph-text-big {
  opacity: .8;
  color: #555;
  margin-top: 10px;
  font-size: 20px;
  line-height: 1.6;
}

.link-span-dark-text-grey-underline {
  color: #000;
  text-decoration: none;
}

.link-span-dark-text-grey-underline:hover {
  text-decoration: underline;
}

.mt-200 {
  margin-top: 200px;
}

.hub-trio {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 140px;
  display: flex;
}

.hub-trio.mb-60 {
  margin-bottom: 60px;
}

.hub-big-colored-button {
  background-color: var(--blue-main-1);
  color: #fff;
  text-align: left;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  width: 30%;
  height: 400px;
  padding: 40px;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.1;
  transition: all .2s;
  display: flex;
  box-shadow: 0 4px 8px #0099ff4d;
}

.hub-big-colored-button:hover {
  background-image: linear-gradient(#00000026, #00000026);
}

.hub-big-colored-button.purple-hub {
  background-color: #5f0f40;
  box-shadow: 0 4px 8px #5f0f404d;
}

.hub-big-colored-button.purple-hub.compairson-page-hub {
  height: auto;
}

.hub-big-colored-button.orange-hub {
  background-color: #e3552d;
  box-shadow: 0 4px 8px #e3552d4d;
}

.hub-big-colored-button.green-hub {
  background-color: #04a777;
  box-shadow: 0 4px 8px #04a7774d;
}

.hub-big-colored-button.eagle-green-hub {
  background-color: #0f4c5c;
  box-shadow: 0 4px 8px #0f4c5c4d;
}

.hub-big-colored-button.comparison-page-hub {
  height: auto;
}

.preheading-2 {
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
}

.preheading-2.white-text {
  color: #fff9;
}

.preheading-2.blue-preheading {
  color: var(--blue-main-1);
}

.preheading-2.purple-preheading {
  color: #5f0f40;
}

.preheading-2.orange-preheading {
  color: #e3552d;
}

.preheading-2.green-preheading {
  color: #04a777;
}

.preheading-2.eagle-green-preheading {
  color: #0f4c5c;
}

.preheading-2.grey-text-aaa {
  color: #aaa;
}

.preheading-2.grey-text-aaa.mb-5 {
  margin-bottom: 5px;
}

.text-block-1334 {
  color: #757575;
  line-height: 1.8;
}

.collection-list-3-2 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

._3-buttons-on-tnc {
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.html-embed-21 {
  width: 100%;
  height: 100%;
}

.html-embed-22 {
  width: 100%;
}

.fs-30 {
  font-size: 30px;
}

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

.html-embed-full-screen-90vh {
  width: 100%;
  height: 90vh;
}

.html-embed-full-screen-90vh._100vh {
  height: 110vh;
}

.upload-box-embed {
  box-shadow: none;
  background-color: #fff;
  border-radius: 8px;
  align-items: center;
  height: 360px;
  transition: all .2s;
  display: flex;
}

.upload-box-embed:hover {
  box-shadow: 1px 0 1px #0000001f, 0 0 0 1px #3c42571a, 0 3px 9px #3c42571a, 0 2px 5px #3c42571a;
}

.tooltip-2 {
  color: #fff;
  background-color: #141414;
  border-radius: 8px;
  flex-direction: column;
  width: 150px;
  padding: 10px;
  line-height: 1.3;
  display: none;
  position: absolute;
  inset: auto auto 100% 50%;
  box-shadow: 0 3px 10px #0003;
}

.tooltip-2.w310 {
  width: 310px;
  display: none;
  left: auto;
}

.tooltip-2.w310.test-tooltip-visible {
  display: flex;
}

.tooltip-2.w330 {
  width: 330px;
  display: none;
  left: auto;
}

.tooltip-2.w330.test-tooltip-visible {
  display: flex;
}

.tooltip-2.cutoff-price-tooltip {
  text-align: left;
  width: 290px;
  left: auto;
}

.tooltip-2.cutoff-price-tooltip.test-tooltip-visible {
  display: flex;
}

.tooltip-2.w350-future-features {
  width: 350px;
  left: auto;
}

.tooltip-2.w350-future-features.test-tooltip-visible {
  display: flex;
}

.tooltip-2.cdt-tooltip {
  width: 330px;
  display: none;
  top: 110%;
  bottom: auto;
  left: auto;
}

.tooltip-2.cdt-tooltip.test-tooltip-visible {
  display: flex;
}

.tooltip-2.pricing-cards-tooltips {
  width: 260px;
  display: none;
  left: auto;
}

.tooltip-2.pricing-cards-tooltips.test-tooltip-visible {
  display: flex;
}

.fs32 {
  font-size: 32px;
}

.fs32.mw-600 {
  max-width: 600px;
}

.grid-nps {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 1.75fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 60px;
  display: grid;
}

.nps-calculation-section {
  background-color: #303b4e;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
}

.nps-calculation-section.white-text {
  color: #fff;
}

.nps-calculation-section.white-text.pt-pb-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.a-third-of-nps-entry {
  border: 2px solid var(--green-ui);
  background-color: #2eb67c1a;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  height: 100%;
  padding: 20px 30px;
  display: flex;
}

.a-third-of-nps-entry.yellow-entry {
  background-color: #dfb73e1a;
  border-color: #dfb73e;
  margin-left: 20px;
  margin-right: 20px;
}

.a-third-of-nps-entry.red-entry {
  background-color: #eb381c1a;
  border-color: #eb381c;
}

.a-third-of-nps-entry.blue-entry {
  border-color: var(--blue-main-1);
  background-color: #278ef51a;
}

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

.nps-field-entry-text {
  color: var(--green-ui);
  font-weight: 500;
}

.nps-field-entry-text.yellow-text {
  color: #dfb73e;
}

.nps-field-entry-text.red-text {
  color: #eb381c;
}

.nps-field-entry-text.blue-text {
  color: var(--blue-main-1);
}

.nps-calculator-emoji-icon {
  margin-bottom: 10px;
  font-size: 40px;
  line-height: 1;
}

.big-text-minus-plus-nps-calculator {
  color: #fff;
  margin-left: 40px;
  margin-right: 40px;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
}

.divider-white-line {
  width: 100%;
}

.divider-white-line.fraction-nps {
  background-color: #fff;
  height: 1.5px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.paragraph-nps-page {
  text-align: left;
  margin-top: 60px;
  font-size: 18px;
  line-height: 1.7;
}

.paragraph-nps-page.mt-20 {
  margin-top: 20px;
}

.monthly-lifetime-tab-heading {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1;
}

.save-percetange-text {
  font-size: 14px;
}

.heading-2-styling {
  font-size: 44px;
}

.heading-2-styling.black-text {
  color: var(--black);
}

.fw-600 {
  font-weight: 600;
}

.fw-600.fs-24 {
  letter-spacing: -.3px;
  font-size: 24px;
}

.fw-600.fs-24.text-colour-purple {
  color: var(--ui-purple);
}

.fw-600.fs-18 {
  font-size: 18px;
}

.upper-side-of-pricing-card {
  flex-direction: column;
  align-items: center;
  min-height: 130px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.upper-side-of-pricing-card.align-left {
  text-align: left;
  align-items: flex-start;
}

.badge-wrapper-pricing-card {
  justify-content: center;
  align-items: center;
  height: 40px;
  display: flex;
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
}

.badge-wrapper-pricing-card.badge-wrapper-for-pricing-card-2 {
  height: 15px;
  top: -7.5px;
}

.box-pricing-message {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #f5f5f5;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1.75fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 100px;
  padding: 40px;
  display: grid;
}

.box-pricing-message.vertical-message {
  flex-direction: column;
  grid-template-columns: 1fr;
  align-items: center;
  max-width: 800px;
  margin-top: 100px;
  margin-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.box-pricing-message.vertical-message.mt-0 {
  margin-top: 0;
}

.box-pricing-message.guarantee-message {
  background-color: #f0fdf4;
  max-width: 800px;
  margin-bottom: 0;
}

.box-pricing-message.review-in-green {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f0fdf4;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
  position: relative;
}

.box-pricing-message.review-in-green.mt-140 {
  margin-top: 140px;
}

.box-pricing-message.review-in-green.mt-40 {
  margin-top: 40px;
}

.box-pricing-message.review-in-green.mt-100 {
  margin-top: 100px;
}

.span-link-blue-2 {
  color: #0f93ff;
  border-bottom: 2px solid #0f93ff;
  transition: background-color .3s;
}

.span-link-blue-2:hover {
  background-color: #0f93ff4d;
}

.blog-post-author-img-2 {
  border-radius: 100px;
  width: 50px;
  height: 50px;
  margin-right: 12px;
}

.blog-post-author-img-2.bigger-img {
  flex: none;
  width: 60px;
  height: 60px;
  margin-right: -9px;
}

.flex-vertical-left-2 {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 50px;
  display: flex;
}

.text-block-1335 {
  font-size: 20px;
}

.founder-text-message {
  color: #333;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 20px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.6;
  display: flex;
}

.founder-text-message.ml-0 {
  margin-left: 0;
}

.founder-text-message.ml-0.mb-0 {
  margin-bottom: 0;
}

.founder-text-message.div-trio-on-a-hub {
  color: #666;
  width: 30%;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
}

.founder-text-message.div-trio-on-a-hub._3rd-one {
  width: 35%;
  font-size: 14px;
}

.founder-text-message.mt-mb-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.founder-text-message.aligned-mid {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.founder-text-message.pl-0 {
  padding-left: 0;
}

.relative {
  position: relative;
}

.div-block-260 {
  z-index: 15;
  color: #7970ff;
  background-color: #fff;
  border: 1px solid #7970ff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  padding-bottom: 1px;
  font-weight: 700;
  line-height: 1;
  display: flex;
  position: absolute;
  bottom: -13px;
  left: 48%;
}

.div-block-260.equal {
  padding-bottom: 3px;
}

.div-block-261 {
  width: 5px;
  height: 5px;
}

.benefit-wrapper-copy-2 {
  z-index: 1;
  text-align: left;
  align-items: center;
  width: 100%;
  margin-bottom: 14px;
  line-height: 1.5;
  display: flex;
  position: relative;
}

.benefit-wrapper-copy-2.mb-10 {
  margin-bottom: 10px;
}

.flex-vertical-center-top {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  font-size: 17px;
  display: flex;
}

.flex-vertical-center-top.minw-165 {
  min-width: 165px;
}

.image-33 {
  width: 60px;
  height: 60px;
}

.grid-comparison-pricing-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.5fr .25fr 1.5fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  width: 100%;
  margin-top: 140px;
  display: grid;
}

.html-embed-icon-5 {
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: block;
}

.div-block-259 {
  flex-direction: column;
  align-items: flex-start;
  margin-left: 24px;
  font-size: 20px;
  font-weight: 300;
  display: flex;
}

.div-block-259.ml-0 {
  margin-left: 0;
}

.text-block-141 {
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
}

.text-block-141.mt-6 {
  margin-top: 6px;
}

.benefit-circle-2 {
  color: #2eb67c;
  background-color: #d5f0e5;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-right: 12px;
  font-weight: 300;
  display: flex;
}

.benefit-circle-2.white-benefit-circle {
  color: #7970ff;
  background-color: #fff;
}

.text-block-143 {
  color: #fff;
  background-color: #7970ff;
  border-radius: 8px;
  padding: 4px 6px;
  font-weight: 600;
  line-height: 1;
}

.pricing-comparison-item {
  text-align: left;
  background-color: #f1f0fb;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  display: flex;
  position: relative;
}

.pricing-comparison-item.right-side {
  flex-direction: row;
  align-items: center;
  margin-bottom: 8px;
}

.div-block-258 {
  color: #fff;
  text-align: center;
  letter-spacing: -2px;
  background-color: #7970ff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.mt-3 {
  margin-top: 3px;
}

.mb-200 {
  margin-bottom: 200px;
}

.mb-14 {
  margin-bottom: 14px;
}

.form-block-7 {
  background-color: var(--light-grey-for-button);
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 40px;
  display: flex;
}

.text-block-1337 {
  color: #666;
  margin-bottom: 20px;
  font-weight: 500;
  line-height: 1.5;
}

.hint {
  color: #999;
  font-size: 13px;
}

.hint.fs-16 {
  font-size: 16px;
}

.hint.fs-16.font-transparent {
  color: #0000;
}

.hint.mw-120 {
  max-width: 130px;
}

.hint.mr-10 {
  margin-right: 10px;
}

.hint.white-text-low-opacity {
  color: #ffffffa8;
}

.hint.click-for-more-info-on-pricing-page-only-on-mobile {
  margin-top: 20px;
  display: none;
}

.div-block-237 {
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  display: flex;
  position: relative;
}

.classic-divider {
  background-color: #e5e5e5;
  width: 100%;
  height: 1px;
  margin-top: 0;
  margin-bottom: 0;
}

.classic-divider._40bot {
  margin-top: 0;
  margin-bottom: 40px;
}

.classic-divider.mb-40 {
  margin-bottom: 40px;
}

.classic-divider.mb-30 {
  margin-bottom: 30px;
}

.classic-divider.mt-4-mb-8 {
  margin-top: 4px;
  margin-bottom: 8px;
}

.range-slider {
  cursor: pointer;
  background-color: #e5e5e5;
  margin-top: 12px;
  margin-bottom: 12px;
  position: relative;
}

.div-block-236 {
  cursor: pointer;
  width: 100%;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.field-label {
  clear: none;
  text-align: left;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
}

.form-4 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.success-message {
  background-color: #f1faf9;
}

.pre-header {
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
}

.pre-header.align-mid {
  text-align: center;
}

.body-style-2 {
  color: #000;
  font-size: 16px;
  line-height: 1.5;
}

.calculator-block {
  width: 100%;
  margin-bottom: 40px;
}

.div-block-241 {
  flex-direction: row;
  align-items: flex-start;
  padding-right: 24px;
  display: block;
  position: relative;
}

.range-slider-track {
  background-color: var(--ui-purple);
  width: 25px;
  height: 5px;
}

.range-slider-track.slider-track-green {
  background-color: var(--calh-green-2);
}

.min {
  float: left;
  color: #666;
  display: inline-block;
}

.calculator-slider-input {
  display: none;
}

.range-slider-circle {
  z-index: 10;
  border: 1px solid var(--ui-purple);
  cursor: pointer;
  background-color: #fff;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -14px;
  left: 25px;
  box-shadow: 0 3px 6px #0000004d;
}

.range-slider-circle.slider-circle-green {
  border-color: var(--calh-green-2);
}

.fa-class {
  letter-spacing: 0;
  margin-right: 8px;
  font-weight: 400;
  text-decoration: none;
}

.fa-class.fa-info-circle {
  color: #ccc;
  cursor: help;
  margin-right: 0;
  font-size: 17px;
  font-weight: 900;
}

.form-block-4-copy {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-info {
  width: 100%;
  position: relative;
  inset: auto 0% 0%;
}

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

.input-slider-field {
  text-align: center;
  background-color: #0000;
  border: 1px solid #00000040;
  border-radius: 6px;
  width: 36px;
  height: 36px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 36px;
  display: inline-block;
}

.input-slider-field::placeholder {
  color: #333;
}

.input-slider-field.price {
  border-color: #0000;
  width: auto;
  margin-right: 5px;
  padding-left: 10px;
  font-size: 16px;
  font-weight: 400;
}

.input-slider-field.info {
  border-color: #0000;
  width: auto;
  padding-left: 5px;
  font-size: 16px;
  font-weight: 400;
}

.input-slider-field.info.pl-0 {
  padding-left: 0;
}

.heading-3-style {
  letter-spacing: -1.5px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
}

.heading-3-style.height0-9-green-text-savings {
  background-image: linear-gradient(to right, var(--calh-green-2), #28df8e);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-right: 5px;
  line-height: 1.2;
}

.max {
  float: right;
  color: #666;
  display: inline-block;
}

.div-block-243 {
  margin-bottom: 40px;
}

.advanced-mode, .normal-mode {
  width: 100%;
}

.link-text-span-2 {
  color: #2eb67c;
  text-decoration: none;
}

.link-text-span-2:hover {
  color: #1a8f5d;
  text-decoration: underline;
}

.div-block-277 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.grid-after-x-years {
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.grid-after-x-years._2-columns {
  grid-template-columns: 1fr 1fr;
}

.mr-5 {
  margin-right: 5px;
}

.white-block {
  text-align: left;
  border: 1px solid #ddd;
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  font-size: 16px;
  transition: all .2s;
  display: flex;
}

.white-block:hover {
  background-color: #fafafa;
  border-color: #3a424d;
}

.white-block.a-third {
  width: 32%;
}

.blog-post-author-img-3 {
  background-image: url('http://calhouse.app/wp-content/themes/vision-prototype-d912e4d6-decf130c0aeda-2/assets/images/ch-daniel_1ch-daniel.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px #0000;
  border-radius: 100px;
  flex: none;
  min-width: 60px;
  min-height: 60px;
  margin-right: -9px;
  transition: all .3s;
}

.blog-post-author-img-3:hover {
  border-style: solid;
  border-color: #fff;
  box-shadow: 3px 3px 8px #ffc72080;
}

.blog-post-author-img-3.bigger-img {
  flex: none;
  width: 60px;
  height: 60px;
  margin-right: -9px;
}

.blog-post-author-img-3._2nd-pic-david {
  background-image: url('http://calhouse.app/wp-content/themes/vision-prototype-d912e4d6-decf130c0aeda-2/assets/images/ch-david-1_1ch-david-1.webp');
}

.blog-post-author-img-3.mr-10 {
  margin-right: 10px;
}

.callout {
  text-align: left;
  background-color: #278ef50f;
  border: 1.5px solid #0e85e799;
  border-radius: 8px;
  align-items: center;
  margin-top: 20px;
  padding: 20px;
  font-size: 14px;
  transition: all .2s;
  display: flex;
}

.callout:hover {
  border-color: var(--blue-main-2);
  background-color: #278ef524;
}

.callout.callout-grey {
  color: #777;
  background-color: #fafafa;
  border-width: 1px;
  border-color: #ddd;
  font-size: 16px;
}

.callout.dark-green-callout {
  background-color: #2480580f;
  border-color: #24805880;
}

.callout.dark-green-callout:hover {
  border-color: var(--calh-green-2);
  background-color: #2480581f;
}

._30x30 {
  width: 30px;
  height: 30px;
}

.papyrus-icon {
  width: 40px;
  height: 40px;
  margin-bottom: 0;
  margin-right: 20px;
}

.div-block-279 {
  text-align: left;
  background-color: #fff;
  border: .5px solid #eee;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 600px;
  margin-top: 0;
  padding: 20px;
  display: flex;
  box-shadow: 0 1px 2px #0000001a;
}

.div-block-279.transparent {
  box-shadow: none;
  background-color: #0000;
  border-color: #0000;
}

.div-block-279.mt-100 {
  margin-top: 100px;
}

.image-36 {
  object-fit: cover;
  border-radius: 100px;
}

.image-36.sj-pic {
  height: 90px;
}

.company-logo {
  object-fit: cover;
  border: 2px solid #fff;
  border-radius: 100px;
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 0;
  right: -8px;
}

.quote-person-wrapper {
  background-color: #ffa220;
  border-radius: 100px;
  justify-content: center;
  align-items: flex-end;
  width: 80px;
  height: 80px;
  margin-right: 20px;
  display: flex;
  position: relative;
}

.quote-person-wrapper.ew-pic {
  background-color: #20ffc7;
}

.quote-person-wrapper.em-pic {
  background-color: #e11937;
}

.quote-text {
  margin-bottom: 20px;
  font-size: 22px;
  font-style: italic;
  font-weight: 300;
  line-height: 1.5;
}

.quote-text.fs20 {
  font-size: 20px;
}

.pricing-comparison-wrap {
  width: 100%;
  margin-top: 100px;
  font-size: 16px;
  line-height: 1.5;
}

.comparison-feature {
  color: #727272;
  display: flex;
}

.h3-table-comparison {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
}

.h3-table-comparison.highlighted-table-comparison-saaspect {
  color: #7970ff;
}

.text-in-comparison-row {
  font-size: 18px;
  line-height: 1.8;
}

.h2-table-comparison-header {
  font-size: 36px;
}

.icon-in-comparison-2 {
  color: #7970ff;
  background-color: #7970ff33;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 10px;
  transition: all .1s;
  display: flex;
}

.icon-in-comparison-2.disabled {
  color: #ccc;
  background-color: #0000;
}

.comparison-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  border-bottom: 1px solid #fafafa;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  padding-top: 30px;
  padding-bottom: 30px;
  display: grid;
}

.comparison-row.header {
  z-index: 5;
  background-color: #fff;
  padding-top: 26px;
  padding-bottom: 26px;
  position: sticky;
  top: 50px;
}

.span-purple-box {
  color: var(--ui-purple);
  background-color: #7970ff33;
  border-radius: 8px;
  padding: 4px 10px;
  display: inline;
}

.span-purple-box.save-percentage-text {
  font-size: 12px;
  font-weight: 500;
}

.span-purple-box.save-percentage-text.red-badge {
  color: var(--green-ui);
}

.span-purple-box.position-absolute-badge-coming-soon {
  font-size: 12px;
  position: absolute;
  top: -7px;
  right: -50%;
}

.mt--30 {
  margin-top: -30px;
}

.countdown-timer-wrapper {
  grid-column-gap: 8px;
  color: var(--ui-red);
  text-align: center;
  background-color: #feeaeb;
  border-radius: 200px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 10px;
  display: flex;
}

.countdown-timer-wrapper.ml-10 {
  margin-left: 10px;
}

.countdown-timer-wrapper.just-on-mobile {
  display: none;
}

.countdown-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 44px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  line-height: 1;
  display: flex;
}

.countdown-block.auto-width-auto-height {
  width: auto;
  height: auto;
}

.time-countdown-value {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 600;
}

.grid-of-features {
  grid-column-gap: 80px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  width: 100%;
  margin-top: 60px;
  display: grid;
}

.icon-in-grid-of-features {
  color: #2eb67c;
  background-color: #d5f0e5;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-bottom: 0;
  padding: 12px;
  font-weight: 300;
  display: flex;
}

.icon-in-grid-of-features.disabled-benefit {
  color: #edf1f7;
  background-color: #edf1f7;
}

.icon-in-grid-of-features.blue-benefit-circle {
  color: var(--blue-main-1);
  background-color: #d5e3f0;
}

.grid-hiw {
  grid-column-gap: 60px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 60px;
  display: grid;
}

.grid-hiw.mt-0 {
  margin-top: 0;
}

.hiw-step {
  text-align: left;
  border-left: 1.5px solid #eee;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 20px;
  line-height: 1.6;
  display: flex;
}

.heading-hiw {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 600;
}

.lrlr-image {
  object-fit: contain;
  border-radius: 12px;
  width: 45%;
  max-height: 100px;
}

.lrlr-image.no-max-height {
  width: 50%;
  max-height: none;
}

.lrlr-heading {
  margin-top: 0;
}

.underlined {
  text-decoration: underline;
}

.grid-of-logos {
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 30px;
  display: flex;
}

.image-in-grid-of-logos {
  height: 30px;
}

.image-in-grid-of-logos.sf-logo {
  height: 38px;
}

.ltd-pros-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 0;
  display: grid;
}

.ltd-entry {
  background-color: #fff;
  border: .5px solid #dfe0e5;
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  display: flex;
  box-shadow: 0 1px 2px #0000001a;
}

.ltd-entry.bigger-contact-button {
  justify-content: center;
  height: 55px;
}

.ltd-entry.ml-mr-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.ltd-entry.mr-mb-8 {
  margin-bottom: 8px;
  margin-right: 8px;
}

.ltd-entry.aligned-mid {
  justify-content: center;
}

.ltd-entry.start-freemium-button {
  text-align: center;
  justify-content: center;
  height: 65px;
}

.ltd-entry.mw-600 {
  max-width: 600px;
}

.ltd-entry.ltd-entry-link {
  transition: all .3s;
}

.ltd-entry.ltd-entry-link:hover {
  border-color: var(--blue-main-1);
  box-shadow: 0 0 0 1px var(--blue-main-1), 0 3px 8px 0 #278ef540, 0 1px 2px 0 #0000001a;
}

.br-8 {
  border-radius: 8px;
}

.text-block-1338 {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 14px;
}

.blue-text {
  color: var(--blue-main-1);
}

.mw-700 {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.rte-on-homepage {
  width: 100%;
  font-size: 18px;
}

.rte-on-homepage img {
  border-radius: 12px;
  margin-top: 0;
  margin-bottom: 20px;
}

.rte-on-homepage.mt-10 {
  margin-top: 10px;
}

.rte-on-homepage.benefits-rte {
  column-rule: 1px dashed #ddd;
  column-gap: 100px;
}

.rte-on-homepage a {
  color: var(--ui-purple);
  border-bottom: 2px solid #7970ff99;
  transition: background-color .3s;
}

.rte-on-homepage a:hover {
  background-color: #7970ff26;
}

.rte-on-homepage.h3-no-margin-up h3 {
  margin-top: 0;
}

.rte-on-homepage figure {
  border-radius: 18px;
  width: 100%;
  overflow: hidden;
}

.rte-on-homepage.rte-in-cta-at-the-bottom {
  margin-bottom: 40px;
}

.rte-on-homepage.rte-in-cta-at-the-bottom h2 {
  margin-bottom: 30px;
}

.rte-on-homepage p {
  color: var(--5);
  margin-bottom: 24px;
  line-height: 1.7;
}

.rte-on-homepage h2 {
  margin-top: 30px;
  margin-bottom: 24px;
  font-size: 36px;
  font-weight: 800;
}

.rte-on-homepage figcaption {
  color: #999;
  margin-top: -12px;
  margin-bottom: 20px;
  font-size: 13px;
}

.rte-on-homepage blockquote {
  color: #555;
  margin-bottom: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
  line-height: 1.5;
}

.rte-on-homepage li {
  margin-top: 4px;
  margin-bottom: 4px;
}

.rte-on-homepage ol {
  margin-bottom: 24px;
}

.rte-on-homepage h3 {
  margin-top: 40px;
  margin-bottom: 24px;
  font-weight: 600;
}

.rte-on-homepage h4 {
  margin-top: 30px;
}

.rte-on-homepage ul {
  margin-bottom: 24px;
}

.rte-on-homepage.aligned-left {
  text-align: left;
}

.grid-of-2---quotes {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  margin-bottom: 20px;
  display: grid;
}

.section-homepage-hub {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 120px;
  display: flex;
}

.section-homepage-hub.mb-0 {
  margin-bottom: 0;
}

.grid-of-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 20px;
  display: grid;
}

.grid-of-4.fs18 {
  font-size: 18px;
}

.grid-of-4.comparison-list-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  font-size: 18px;
}

.grid-of-4.fs-18 {
  font-size: 18px;
}

.mb-7 {
  margin-bottom: 7px;
}

.subheading-small {
  color: #777;
  max-width: 700px;
  font-size: 18px;
}

.button {
  background-color: var(--ui-purple);
  color: #fff;
  border-radius: 8px;
  align-items: center;
  margin-bottom: 0;
  padding: 10px 14px;
  display: flex;
  box-shadow: 0 1px 2px #0000001a;
}

.button:hover {
  background-color: var(--ui-purple-2);
}

.button.form-field-login {
  height: 45px;
  margin-bottom: 16px;
  transition: all .1s;
}

.button.form-field-login:hover, .button.form-field-login:focus {
  border-width: 1px;
  border-color: #404250;
}

.button.form-field-login.mt-24 {
  margin-top: 24px;
  margin-bottom: 8px;
}

.button.square-button {
  text-align: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
}

.button.aligned-mid {
  justify-content: center;
}

.button.got-questions-button {
  justify-content: center;
  min-width: 200px;
  height: 55px;
  margin-top: 40px;
}

.button.blue-button {
  background-color: var(--blue-main-1);
}

.button.blue-button:hover {
  background-color: var(--blue-main-2);
}

.button.grey-button {
  color: var(--text-blue-grey);
  background-color: #f0f0f2;
}

.button.grey-button:hover {
  background-color: #e1e1e6;
}

.button.grey-button._100-width.aligned-mid.fs-24 {
  font-size: 24px;
  font-weight: 600;
}

.button.button-signup-email-pop-up-intent {
  justify-content: center;
  width: 100%;
  font-size: 20px;
  font-weight: 600;
}

.button._100-width.aligned-mid.h50 {
  height: 50px;
  font-weight: 600;
}

.button.button-green {
  background-color: var(--calh-green-1);
}

.button.button-green:hover {
  background-color: var(--calh-green-2);
}

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

.rte-in-grid-of-hiw {
  width: 100%;
}

.rte-in-grid-of-hiw img {
  border-radius: 12px;
  margin-top: 0;
  margin-bottom: 20px;
}

.rte-in-grid-of-hiw.mt-10 {
  margin-top: 10px;
}

.rte-in-grid-of-hiw.benefits-rte {
  column-rule: 1px dashed #ddd;
  column-gap: 100px;
}

.rte-in-grid-of-hiw a {
  color: var(--ui-purple);
  border-bottom: 2px solid #7970ff99;
  transition: background-color .3s;
}

.rte-in-grid-of-hiw a:hover {
  background-color: #7970ff26;
}

.rte-in-grid-of-hiw.h3-no-margin-up h3 {
  margin-top: 0;
}

.rte-in-grid-of-hiw figure {
  border-radius: 18px;
  width: 100%;
  overflow: hidden;
}

.rte-in-grid-of-hiw.rte-in-cta-at-the-bottom {
  margin-bottom: 40px;
}

.rte-in-grid-of-hiw.rte-in-cta-at-the-bottom h2 {
  margin-bottom: 30px;
}

.rte-in-grid-of-hiw p {
  color: var(--5);
  margin-bottom: 24px;
  line-height: 1.7;
}

.rte-in-grid-of-hiw h2 {
  margin-top: 30px;
  margin-bottom: 14px;
  font-size: 21px;
  font-weight: 600;
}

.rte-in-grid-of-hiw figcaption {
  color: #999;
  margin-top: -12px;
  margin-bottom: 20px;
  font-size: 13px;
}

.rte-in-grid-of-hiw blockquote {
  color: #555;
  margin-bottom: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
  line-height: 1.5;
}

.rte-in-grid-of-hiw li {
  margin-top: 4px;
  margin-bottom: 4px;
}

.rte-in-grid-of-hiw ol {
  margin-bottom: 24px;
}

.rte-in-grid-of-hiw h3, .rte-in-grid-of-hiw h4 {
  margin-top: 30px;
}

.rte-in-grid-of-hiw ul {
  margin-bottom: 24px;
}

.rte-in-grid-of-hiw.aligned-left {
  text-align: left;
}

.big-quote-text {
  max-width: 700px;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 30px;
  font-style: italic;
  font-weight: 300;
}

.ml-3 {
  margin-left: 3px;
}

.mt-mb-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.button-big {
  background-color: var(--ui-purple);
  color: #fff;
  border-radius: 8px;
  align-items: center;
  margin-bottom: 0;
  padding: 16px 24px;
  font-size: 17px;
  font-weight: 500;
  display: flex;
  box-shadow: 0 1px 2px #0000001a;
}

.button-big:hover {
  background-color: var(--ui-purple-2);
}

.button-big.form-field-login {
  height: 45px;
  margin-bottom: 16px;
  transition: all .1s;
}

.button-big.form-field-login:hover, .button-big.form-field-login:focus {
  border-width: 1px;
  border-color: #404250;
}

.button-big.form-field-login.mt-24 {
  margin-top: 24px;
  margin-bottom: 8px;
}

.button-big.square-button {
  text-align: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
}

.button-big.aligned-mid {
  justify-content: center;
}

.button-big.got-questions-button {
  justify-content: center;
  min-width: 200px;
  height: 55px;
  margin-top: 40px;
}

.button-big.blue-button {
  background-color: var(--blue-main-1);
}

.button-big.blue-button:hover {
  background-color: var(--blue-main-2);
}

.button-big.grey-button {
  color: var(--text-blue-grey);
  background-color: #f0f0f2;
}

.button-big.grey-button:hover {
  background-color: #e1e1e6;
}

.button-big.dark-button {
  background-color: #3f3f46;
}

.button-big.dark-button:hover {
  background-color: #52525b;
}

._50-opacity {
  opacity: .5;
}

._50-opacity.fw-400 {
  font-weight: 400;
}

._50-opacity.fw-400.ml-8 {
  margin-left: 8px;
}

.hiw-step-full {
  text-align: center;
  flex-direction: column;
  align-items: center;
  line-height: 1.6;
  display: flex;
}

.hiw-full-image {
  border-radius: 8px;
  width: 100%;
  margin-bottom: 20px;
}

.lrlr-rte h2 {
  color: var(--black);
  margin-top: 0;
  font-weight: 800;
}

.lrlr-rte p {
  color: #686868;
  font-size: 22px;
}

.lrlr-rte a {
  color: var(--ui-purple);
  border-bottom: 2px solid #7970ff99;
  transition: all .3s;
}

.lrlr-rte a:hover {
  background-color: #7970ff1c;
}

.author-signature-image {
  color: #fff;
  object-fit: cover;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-right: 14px;
  font-size: 30px;
  font-weight: 600;
  display: flex;
  box-shadow: 1px 1px 3px #00000024;
}

.author-signature-image.purple {
  background-color: var(--ui-purple);
}

.author-signature-image.green {
  background-color: var(--green-ui);
}

.author-signature-image.blue {
  background-color: var(--blue-main-1);
}

.author-signature-image.kg-pic {
  background-image: url('http://calhouse.app/wp-content/themes/vision-prototype-d912e4d6-decf130c0aeda-2/assets/images/kate-gross-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.author-signature-image._110x110 {
  background-color: #0000;
  width: 110px;
  height: 110px;
  margin-right: 0;
}

.heading-3-small {
  font-size: 20px;
}

.heading-3-small.mb-30 {
  margin-bottom: 30px;
}

.heading-3-small.mb-5 {
  margin-bottom: 5px;
}

.signature-image {
  object-fit: contain;
  border-radius: 12px;
  max-width: 190px;
  max-height: 70px;
  margin-top: 0;
}

.signature-image-wrapper {
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  width: 100%;
  margin-top: 40px;
  padding: 40px;
}

.mw-570 {
  max-width: 570px;
}

.document-preview-for-sig {
  background-image: url('http://calhouse.app/wp-content/themes/vision-prototype-d912e4d6-decf130c0aeda-2/assets/images/frame-2-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #eee;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 420px;
  height: 600px;
  display: flex;
  position: relative;
  transform: rotate(-5deg);
}

.signature-on-preview-doc {
  border-radius: 12px;
  height: 60px;
  position: absolute;
  bottom: 87px;
}

.paper-element {
  box-shadow: none;
  background-image: url('http://calhouse.app/wp-content/themes/vision-prototype-d912e4d6-decf130c0aeda-2/assets/images/frame-3-2.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #eee;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 378px;
  height: 268px;
  transition: all .2s;
  display: flex;
  position: relative;
  transform: rotate(-3deg);
}

.paper-element:hover {
  border-color: var(--blue-main-1);
  box-shadow: 0 2px 8px #278ef526;
}

.signature-image-v2-0 {
  border-radius: 12px;
  margin-top: 0;
  position: absolute;
  bottom: 26px;
}

.signature-author-wrapper {
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  display: flex;
  position: absolute;
  top: -130px;
  left: 0;
  right: 0;
}

.author-signature-image-v2-0 {
  color: #fff;
  object-fit: cover;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-right: 0;
  font-size: 30px;
  font-weight: 600;
  display: flex;
  box-shadow: 1px 1px 3px #00000024;
}

.author-signature-image-v2-0.purple {
  background-color: var(--ui-purple);
}

.author-signature-image-v2-0.green {
  background-color: var(--green-ui);
}

.author-signature-image-v2-0.blue {
  background-color: var(--blue-main-1);
}

.author-signature-image-v2-0.kg-pic {
  background-image: url('http://calhouse.app/wp-content/themes/vision-prototype-d912e4d6-decf130c0aeda-2/assets/images/kate-gross-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.author-signature-image-v2-0._110x110 {
  background-color: #0000;
  width: 110px;
  height: 110px;
  margin-right: 0;
}

.div-block-280 {
  border-radius: 15px;
  flex-direction: column;
  align-items: center;
  padding: 10px 20px;
  display: flex;
}

.success-message-4 {
  color: var(--green-ui);
  background-color: #0000;
}

.error-message-4 {
  color: var(--ui-red);
  margin-top: 0;
}

.wrapper-of-ticks {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: auto 0 -30px;
}

.wrapper-of-ticks.position-normal {
  grid-column-gap: 40px;
  justify-content: center;
  margin-top: 20px;
  position: static;
}

.mt-2 {
  margin-top: 2px;
}

.mw-230 {
  max-width: 230px;
}

.mb-12 {
  margin-bottom: 12px;
}

.author-image-in-social-proof-wrapper {
  background-color: var(--peach);
  color: #fff;
  border: 3px solid #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-left: -7px;
  margin-right: -7px;
  font-size: 30px;
  font-weight: 600;
  display: flex;
  box-shadow: 1px 1px 3px #00000024;
}

.author-image-in-social-proof-wrapper.purple {
  background-color: var(--ui-purple);
}

.author-image-in-social-proof-wrapper.green {
  background-color: var(--green-ui);
}

.author-image-in-social-proof-wrapper.blue {
  background-color: var(--blue-main-1);
}

.author-image-in-social-proof-wrapper.kg-pic {
  background-image: url('http://calhouse.app/wp-content/themes/vision-prototype-d912e4d6-decf130c0aeda-2/assets/images/kate-gross-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.author-image-in-social-proof-wrapper._110x110 {
  object-fit: cover;
  background-color: #0000;
  width: 110px;
  height: 110px;
  margin-right: 0;
}

.text-subheading-popup-intent {
  color: #777;
  max-width: 670px;
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 18px;
}

.heading-pop-up-intent {
  font-size: 36px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-18 {
  margin-left: 18px;
}

.wrapper-intent-pop-up-text {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 640px;
  display: flex;
}

.exit-intent-popup {
  z-index: 1300;
  background-color: #1f1f1fcc;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.newsletter {
  color: #fff;
  padding: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.close2 {
  cursor: pointer;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 8px;
  right: 8px;
}

.close {
  cursor: pointer;
  background-color: #f6f7f9;
  background-image: url('http://calhouse.app/wp-content/themes/vision-prototype-d912e4d6-decf130c0aeda-2/assets/images/icons8-multiply-64-1_1icons8-multiply-64-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  transition: background-color .2s ease-in-out;
  position: absolute;
  inset: 10px 10px auto auto;
}

.close:hover {
  background-color: #ebedf0;
}

.close-2 {
  cursor: pointer;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 8px;
  right: 8px;
}

.opt-in-on-top-of-pages {
  background-color: var(--blue-main-1);
  color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 10px;
  display: flex;
}

.opt-in-on-top-of-pages.on-g-docs-ct-page {
  max-width: 600px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.fw-700 {
  font-weight: 700;
}

.light-grey-text {
  color: #fff9;
}

.light-grey-text.lmited-time-offer-text {
  margin-top: 10px;
  font-size: 14px;
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
}

.light-grey-text.fs-18 {
  font-size: 18px;
}

.light-grey-text.fs20 {
  font-size: 20px;
}

.light-grey-text.lmited-time-offer-text-2 {
  margin-top: 0;
  margin-left: 5px;
  font-size: 14px;
}

.mw-900 {
  max-width: 900px;
}

.mw-900.auto-margin {
  margin-left: auto;
  margin-right: auto;
}

.image-38 {
  object-fit: contain;
  width: 100%;
}

.highlighter-in-author-bio-purple {
  background-color: #dad7ff;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px;
}

.mr-3 {
  margin-right: 3px;
}

.author-bio-wrapper {
  border-radius: 100px;
  align-items: center;
  margin-bottom: 20px;
  padding-right: 10px;
  display: flex;
}

.author-bio-wrapper:hover {
  background-color: #e5e5e5;
}

.paragraph-like-styling {
  color: #555;
  line-height: 1.7;
}

.red-badge-navbar-button {
  color: var(--ui-red);
  background-color: #ffedee;
  border-radius: 100px;
  padding: 3px 8px;
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  top: -9px;
  right: -20px;
}

.red-badge-navbar-button.red-badge-for-pricing-card-2 {
  width: 50px;
  top: -14px;
  right: -50px;
}

.red-badge-navbar-button.badge-soon {
  color: var(--green-ui);
  background-color: #edfff7;
  justify-content: center;
  align-items: center;
  width: 46px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  position: static;
  top: -14px;
  right: -30px;
}

.footer-right-side-v2-0 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 45%;
  font-size: 15px;
  display: grid;
}

.orange-text {
  color: #f59c27;
}

.div-block-282 {
  background-color: var(--calh-green-2);
}

.green-text {
  color: var(--calh-green-2);
}

.grey-text-in-pricing-card-2 {
  color: #b1b1b1;
  max-width: 283px;
  font-size: 16px;
  line-height: 1.3;
}

.grey-text-in-pricing-card-2.fs-16 {
  font-size: 16px;
}

.image-calh-logo {
  height: 46px;
}

.link-text-span-green {
  color: var(--calh-green-2);
}

.link-text-span-green:hover {
  color: var(--calh-green-1);
}

.wrapper-for-username-selector {
  width: 100%;
  position: relative;
}

.gap-20-rows {
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.embed-freshdesk {
  display: none;
}

.sh-calh-tab-selector-tab-menu {
  justify-content: center;
  align-items: center;
  display: flex;
}

.sh-calh-tab-selector-tabs {
  width: 100%;
}

.pre-navbar {
  z-index: 1002;
  background-color: #f3f4f7;
  align-items: center;
  width: 100%;
  height: 35px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: relative;
}

.prenavbar-button {
  color: #544f66;
  text-align: center;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  height: 35px;
  padding-left: 26px;
  padding-right: 26px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.prenavbar-button:hover {
  color: #278ef5;
}

.prenavbar-button.w--current {
  z-index: 1010;
  background-color: #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  position: relative;
  bottom: -1px;
}

.prenavbar-button.current {
  background-color: #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  position: relative;
  bottom: -1px;
}

.prenavbar-button.calhouse-button:hover {
  color: var(--calh-green-2);
}

.footer-top-side {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ch-range-slider-circle {
  z-index: 10;
  border: 1px solid var(--ui-purple);
  cursor: pointer;
  background-color: #fff;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -14px;
  left: 25px;
  box-shadow: 0 3px 6px #0000004d;
}

.ch-range-slider-circle.slider-circle-green {
  border-color: var(--calh-green-2);
}

.ch-range-slider-track {
  background-color: var(--ui-purple);
  width: 25px;
  height: 5px;
}

.ch-range-slider-track.slider-track-green {
  background-color: var(--calh-green-2);
}

.promotional-banner-navbar {
  z-index: 1100;
  background-image: linear-gradient(to right, var(--calh-green-2), #1b6143);
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  display: flex;
  position: relative;
}

.promotional-banner-navbar:hover {
  text-decoration: underline;
}

.embed-producthunt {
  position: fixed;
  bottom: 20px;
  left: 20px;
}

.text-block-1339 {
  color: #999;
  margin-right: 8px;
  font-weight: 600;
}

.pricing-card-wrapper-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.pricing-card-wrapper-2.mt-400 {
  margin-top: 400px;
}

.pricing-card-wrapper-2.mt-300 {
  margin-top: 300px;
}

.pricing-card-2 {
  letter-spacing: 0;
  background-color: #fff;
  border: 2px solid #0000;
  border-radius: 14px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 20px 14px;
  font-size: 16px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #2c324224, 0 0 1px #0003;
}

.pricing-card-2.highlighted-card {
  border-color: var(--blue-main-1);
}

.pricing-card-2.aligned-center-for-utility-page {
  text-align: left;
  align-items: flex-start;
  max-width: 750px;
  font-size: 18px;
}

.pricing-card-2._100-width.mw-600 {
  max-width: 600px;
}

.pricing-card-2.highlighted-card-cal {
  border-color: var(--calh-green-2);
  justify-content: flex-start;
  max-width: 580px;
}

.pricing-card-2.all-plans-include {
  max-width: 500px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 50px;
}

.icon-for-pricing-card-2 {
  color: #2eb67c;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  font-weight: 300;
  display: flex;
}

.icon-for-pricing-card-2.disabled-benefit {
  color: #edf1f7;
  background-color: #edf1f7;
}

.icon-for-pricing-card-2.blue-benefit-circle {
  color: var(--blue-main-1);
  background-color: #d5e3f0;
}

.icon-for-pricing-card-2.dark-green-benefit-circle {
  background-color: var(--calh-green-1);
  color: #fff;
}

.heading-pricing-card-2 {
  color: #999;
  margin-top: 0;
  font-weight: 600;
}

.price-for-pricing-card-v2 {
  margin-bottom: 30px;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.1;
}

.price-for-pricing-card-v2.price-crossed-out {
  color: #b1b1b1;
  margin-right: 10px;
  text-decoration: line-through;
}

.price-for-pricing-card-v2.cutoff-price-big {
  color: #9c9c9c;
  margin-bottom: 0;
  margin-right: 5px;
  font-size: 40px;
  font-weight: 700;
  text-decoration: line-through;
}

.price-for-pricing-card-v2.mb-0 {
  margin-bottom: 0;
}

.price-for-pricing-card-v2.cutoff-price-red-big {
  color: var(--peach);
  margin-bottom: 0;
  margin-right: 5px;
  font-size: 40px;
  font-weight: 700;
  text-decoration: line-through;
}

.strikethrough {
  text-decoration: line-through;
}

.wrapper-for-pricing-for-badge {
  margin-bottom: 30px;
  position: relative;
}

.span-link-purple-copy {
  border-bottom: 2px solid var(--ui-purple);
  color: var(--ui-purple);
  transition: background-color .3s;
}

.span-link-purple-copy:hover {
  background-color: #7970ff26;
}

.span-link-purple-copy.no-underline-flex-horizontal {
  border-bottom-width: 0;
  align-items: center;
  display: flex;
}

.span-link-purple-copy.no-underline-flex-horizontal.author-badge {
  border-radius: 100px;
  margin-bottom: 20px;
  padding-right: 14px;
}

.comparison-table-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #777;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  min-height: 70px;
  padding: 14px 20px;
  font-size: 14px;
  display: grid;
}

.comparison-table-row:hover {
  background-color: #f5f5f5;
}

.comparison-table-row.no-hover-effect:hover {
  background-color: #0000;
}

.comparison-table-row.highlighted {
  border: 1px solid #000;
  border-radius: 12px;
}

.comparison-table-row.users-row-with-highlight {
  border: 1px solid var(--yellow-ui);
  background-color: #fffbe7;
  border-radius: 12px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.comparison-table-row-entry {
  text-align: left;
  align-items: center;
  display: flex;
}

.comparison-table-row-entry.first-entry {
  color: #333;
  justify-content: space-between;
  padding-right: 20px;
  font-size: 16px;
}

.comparison-table-heading {
  color: #999;
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
}

.compare-all-features-button {
  cursor: pointer;
  border: 1px solid #ddd;
  border-color: #ddd #0000;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-283 {
  width: 30px;
  height: 30px;
  overflow: hidden;
}

.time-countdown-value-2 {
  margin-top: 0;
  margin-bottom: 2px;
  font-size: 16px;
  font-weight: 600;
}

._24x24-dashed-line {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding-bottom: 2px;
  display: flex;
}

.link-2 {
  color: var(--gold-gradient-right);
}

.review-cards-wrapper {
  text-align: left;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 80px;
  display: flex;
}

.review-card {
  grid-row-gap: 20px;
  letter-spacing: 0;
  background-color: #fff;
  border: 1px solid #0000;
  border-radius: 14px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 32%;
  padding: 20px;
  font-size: 16px;
  transition: all .2s;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #2c324224, 0 0 1px #0003;
}

.review-card:hover {
  border-color: var(--black);
  box-shadow: 0 1px 2px 0 #2c324224, 0 0 1px 0 var(--black);
  background-color: #fafafa;
}

.review-card.highlighted-card {
  border-color: var(--blue-main-1);
}

.review-card.aligned-center-for-utility-page {
  text-align: left;
  align-items: flex-start;
  max-width: 750px;
  font-size: 18px;
}

.review-card._100-width.mw-600 {
  max-width: 600px;
}

.review-card.highlighted-card-cal {
  border-color: var(--calh-green-2);
  justify-content: flex-start;
  max-width: 580px;
}

.review-card.all-plans-include {
  max-width: 500px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 50px;
}

.review-card.review-card-on-homepage {
  width: 50%;
  margin-top: 60px;
}

.review-image {
  object-fit: cover;
  border-radius: 100px;
  width: 76px;
  height: 76px;
  margin-right: 14px;
}

.review-content {
  color: #151c34cc;
  font-size: 20px;
  font-style: italic;
}

.big-box-review-author {
  border: 2px solid #ffffff80;
  border-radius: 100px;
  width: 100px;
  height: 100px;
  position: relative;
  bottom: 50px;
}

.big-review-wrapper {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-39 {
  border-radius: 100px;
  margin-top: 6px;
}

.homepage-heading {
  margin-top: 0;
}

.grid-of-2-videos {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 40px;
  display: grid;
}

.video-replacer {
  border: 2px solid #fff;
  border-radius: 12px;
  width: 100%;
  transition: all .2s;
  box-shadow: 0 1px 3px #278ef54d;
}

.video-replacer:hover {
  border-color: var(--blue-main-1);
}

.mw-540 {
  max-width: 540px;
}

.flex-vertical-center-top-2 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.badge-for-rating {
  color: #777;
  border: .5px solid #dfe0e5;
  border-radius: 100px;
  align-items: center;
  margin-top: 10px;
  padding: 4px 6px;
  font-size: 12px;
  display: flex;
  box-shadow: 0 1px 2px #00000014;
}

.ribbon-entry-icon {
  color: #2eb67c;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-bottom: 0;
  margin-right: 4px;
  display: flex;
}

.ribbon-entry-icon.star-icon {
  color: #2eb67c;
  width: 14px;
  height: 14px;
  margin-right: 2px;
}

.ribbon-entry-icon.star-icon.yellow-star {
  color: #facc15;
}

.ml-8 {
  margin-left: 8px;
}

.image-40 {
  height: 85px;
}

.close-3 {
  cursor: pointer;
  background-color: #f6f7f9;
  background-image: url('http://calhouse.app/wp-content/themes/vision-prototype-d912e4d6-decf130c0aeda-2/assets/images/icons8-multiply-64-1_1icons8-multiply-64-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  transition: background-color .2s ease-in-out;
  position: absolute;
  inset: 10px 10px auto auto;
}

.close-3:hover {
  background-color: #ebedf0;
}

.flex-horizontal-left {
  text-align: left;
  flex-direction: row;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.author-image-in-social-proof-wrapper-2 {
  color: #fff;
  background-color: #ff8f7d;
  border: 3px solid #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-left: -7px;
  margin-right: -7px;
  font-size: 30px;
  font-weight: 600;
  display: flex;
  box-shadow: 1px 1px 3px #00000024;
}

.button-3 {
  color: #fff;
  background-color: #7970ff;
  border-radius: 8px;
  align-items: center;
  margin-bottom: 0;
  padding: 10px 14px;
  display: flex;
  box-shadow: 0 1px 2px #0000001a;
}

.button-3:hover {
  background-color: #625ad8;
}

.button-3.button-signup-email-pop-up-intent {
  justify-content: center;
  width: 100%;
  font-size: 20px;
  font-weight: 600;
}

.span-purple-box-2 {
  color: #7970ff;
  background-color: #7970ff33;
  border-radius: 8px;
  padding: 4px 10px;
  display: inline;
}

.exit-intent-popup-2 {
  z-index: 1300;
  background-color: #1f1f1fcc;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.embeddd-html-enchargeform {
  width: 100%;
  max-width: 400px;
  margin-bottom: 0;
}

.embeddd-html-enchargeform.no-max-width {
  max-width: none;
}

.close-4 {
  cursor: pointer;
  background-color: #f6f7f9;
  background-image: url('http://calhouse.app/wp-content/themes/vision-prototype-d912e4d6-decf130c0aeda-2/assets/images/icons8-multiply-64-1_1icons8-multiply-64-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  transition: background-color .2s ease-in-out;
  position: absolute;
  inset: 10px 10px auto auto;
}

.close-4:hover {
  background-color: #ebedf0;
}

.image-in-e-s {
  border-radius: 12px;
  width: 100%;
  margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  h1, h2 {
    letter-spacing: 0;
    font-size: 36px;
  }

  h3 {
    font-size: 23px;
  }

  .button-white-with-shadow.field-on-homepage {
    min-width: 300px;
  }

  .button-white-with-shadow.blue-action-button-right-side-dropdown {
    justify-content: space-between;
  }

  .button-white-with-shadow.wrapped-inside-menu-filtering-grid {
    width: 100%;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }

  .button-white-with-shadow.field-on-optin-top-page, .button-white-with-shadow.field-for-username-right {
    min-width: 300px;
  }

  .form-block.desktop-form-block-blog-post-email-collection {
    display: none;
  }

  .form-block.mobile-form-block-blog-post-email-collection {
    border: 1px solid var(--blue-main-1);
    border-radius: 12px;
    margin-bottom: 20px;
    padding: 20px;
    display: flex;
  }

  .navlink {
    width: 100%;
    margin-bottom: 5px;
    margin-right: 0;
  }

  .navlink.w--open {
    background-color: #00000026;
  }

  .navbar-container-full {
    display: flex;
  }

  .nav-menu-wrapper {
    flex-direction: column;
    align-items: stretch;
    overflow: auto;
  }

  .nav-menu-wrapper.bottom-side {
    padding-bottom: 20px;
    overflow: visible;
  }

  .main-button.rounded-button.modal-action-for-pricing-page, .main-button.rounded-button.button-for-pricing-v2 {
    z-index: 5;
    position: relative;
  }

  .dropdown-list-3 {
    width: 100%;
    max-width: 100vw;
    left: auto;
    overflow: scroll;
    box-shadow: 0 3px 5px #0000;
  }

  .dropdown-list-3.w--open {
    width: 100%;
    position: static;
    right: 0;
  }

  .dropdown-list-3.dl-for-cta {
    overflow: auto;
  }

  .dropdown-list-3.more-dropdown, .dropdown-list-3.our-product-dropdown, .dropdown-list-3.resources-dropdown {
    left: auto;
  }

  .dropdown-3, .dropdown-menu-list-wrapper {
    width: 100%;
  }

  .dropdown-list-4 {
    position: static;
  }

  .div-block-5 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: none;
    display: grid;
  }

  .benefit-wrapper-copy {
    padding-right: 22px;
  }

  .benefit-wrapper-copy.extremes-but-on-tablet {
    justify-content: space-between;
  }

  .pricing-grid {
    grid-row-gap: 50px;
    flex-direction: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .pricing-grid.one-entry {
    width: 80%;
  }

  .pricing-grid.with-revert-on-tablet {
    flex-direction: column-reverse;
  }

  .card-mine {
    padding-left: 20px;
    padding-right: 20px;
  }

  .card-mine.aligned-center-for-utility-page {
    margin-top: 100px;
  }

  .footer-left-side {
    width: 100%;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .footer-right-side {
    width: 100%;
  }

  .div-block-239 {
    flex-direction: column;
  }

  .section {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .flex-vertical-left-top.aligned-mid-on-tablet {
    text-align: center;
    align-items: center;
  }

  .grid-with-toc {
    grid-template-columns: 1.25fr;
  }

  .grid-with-toc.grid-with-filtering-on-the-side {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    margin-top: 20px;
  }

  .toc-wrapper {
    display: none;
  }

  .toc-wrapper.for-filtering {
    background-color: #fff;
    flex-direction: column;
    align-items: center;
    width: auto;
    max-height: 85vh;
    margin-bottom: 10px;
    margin-right: 0;
    padding: 13px 5px;
    display: none;
    position: sticky;
    top: 131px;
    overflow: auto;
  }

  .navlink-type-2 {
    width: 100%;
  }

  .navlink-type-2.w--open {
    background-color: #00000026;
  }

  .vertical-content {
    width: 100%;
  }

  .section-for-vertical-content {
    padding-left: 0%;
  }

  .sidebar-navbar-link {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .modal-wrapper-2.hide-on-tablet {
    display: none;
  }

  .form-block-5 {
    width: 70%;
  }

  .submit-button-dark-form.w--open {
    background-color: #00000026;
  }

  .menu-opened {
    z-index: 1480;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    padding-top: 80px;
    padding-left: 30px;
    padding-right: 30px;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .menu {
    z-index: 1500;
    padding: 10px;
    display: block;
    position: relative;
  }

  .utility-page-wrap {
    justify-content: flex-start;
  }

  .wrapper-of-verticals, .wrapper-of-verticals.grid-of-3 {
    grid-template-columns: 1fr 1fr;
  }

  .icon-in-comparison {
    flex: none;
  }

  .lrlr {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .lrlr.reverted {
    flex-direction: column-reverse;
  }

  .lrlr-text {
    width: 100%;
    margin-top: 60px;
    margin-left: 0%;
    margin-right: 0%;
  }

  .lrlr-text.lrlr-text-reverted-text-on-left {
    margin-left: 0%;
    margin-right: 0;
  }

  .lrlr-text.lrlr-text-reverted-text-on-left._40-width-reverted {
    width: 100%;
    margin-left: 0%;
  }

  .lrlr-text._40-width {
    width: 100%;
    margin-right: 0%;
  }

  .filterable-list-right-side {
    width: 100%;
  }

  .menu-filtering-grid {
    z-index: 950;
    align-items: center;
    width: 100%;
    height: 45px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: flex;
    position: relative;
  }

  .menu-filtering-wrapper {
    z-index: 500;
    background-color: #fff;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0;
    display: flex;
    position: sticky;
    top: 0;
  }

  .menu-bar-dash-smaller {
    width: 24px;
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .flex-vertical-center-center.mr-40-nps-fraction-mobile {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .navlink-2 {
    width: 100%;
    margin-bottom: 5px;
    margin-right: 0;
  }

  .navlink-2.w--open {
    background-color: #00000026;
  }

  .toc-wrapper-on-articles {
    width: 100%;
    height: auto;
    margin-left: 0;
    position: static;
  }

  .toc-wrapper-on-articles.for-filtering {
    background-color: #fff;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-height: 85vh;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 13px 5px;
    display: flex;
    position: sticky;
    top: 64px;
    left: 0;
    right: 0;
    overflow: auto;
  }

  .toc-wrapper-on-articles.for-filtering.on-the-right-hand-side {
    background-color: #0000;
    align-items: flex-start;
    height: 1px;
    margin-bottom: 0;
    margin-right: auto;
    padding: 0;
    display: none;
  }

  .bpwg {
    margin-top: 0;
  }

  .div-block-268 {
    grid-template-columns: 1fr 1fr;
  }

  .grid-features {
    grid-template-columns: 1fr;
  }

  .image-34 {
    max-width: 100%;
  }

  .toc-wrapper-wrapper {
    display: none;
  }

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

  .form-block-6, .form-2 {
    width: 100%;
  }

  .filters-categories-button {
    z-index: 950;
    align-items: center;
    width: 100%;
    max-width: 650px;
    height: 45px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: flex;
    position: relative;
  }

  .related-blog-post-collection-list {
    grid-template-columns: 1fr 1fr;
  }

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

  .h3-like-rte {
    font-size: 23px;
  }

  .tooltip-2.w310, .tooltip-2.w330 {
    right: 0;
  }

  .tooltip-2.w330.in-table-comparison-chart {
    left: 0;
    right: auto;
  }

  .tooltip-2.cdt-tooltip {
    right: 0;
  }

  .tooltip-2.cdt-tooltip.in-table-comparison-chart {
    left: 0;
    right: auto;
  }

  .tooltip-2.pricing-cards-tooltips {
    right: 0;
  }

  .tooltip-2.pricing-cards-tooltips.in-table-comparison-chart {
    left: 0;
    right: auto;
  }

  .grid-nps {
    grid-template-columns: 1fr;
  }

  .nps-calculation-section {
    flex-direction: column;
    align-items: stretch;
  }

  .a-third-of-nps-entry.yellow-entry {
    margin: 30px 0;
  }

  .big-text-minus-plus-nps-calculator {
    margin: 20px 0;
  }

  .founder-text-message.aligned-mid-on-tablet {
    text-align: center;
    align-items: center;
  }

  .benefit-wrapper-copy-2 {
    padding-right: 22px;
  }

  .text-block-1336 {
    font-weight: 500;
  }

  .grid-of-features {
    grid-template-columns: 1fr 1fr;
  }

  .lrlr-image, .lrlr-image.no-max-height {
    width: 100%;
  }

  .ltd-pros-grid, .grid-of-4 {
    grid-template-columns: 1fr 1fr;
  }

  .wrapper-of-ticks.position-normal {
    grid-column-gap: 20px;
    flex-wrap: wrap;
  }

  .form-5 {
    width: auto;
  }

  .red-badge-navbar-button {
    top: -7px;
    left: 60px;
    right: auto;
  }

  .red-badge-navbar-button.red-badge-for-pricing-card-2, .red-badge-navbar-button.badge-soon {
    left: auto;
  }

  .footer-right-side-v2-0 {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .footer-top-side {
    flex-direction: column;
  }

  .pricing-card-wrapper-2 {
    flex-wrap: wrap;
    justify-content: center;
  }

  .pricing-card-2 {
    width: 31%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-card-2.aligned-center-for-utility-page {
    margin-top: 100px;
  }

  .pricing-card-2.all-plans-include {
    width: auto;
  }

  .review-card {
    width: 31%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .review-card.aligned-center-for-utility-page {
    margin-top: 100px;
  }

  .review-card.all-plans-include {
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  .button-white-with-shadow.blue-action-button {
    margin-top: 10px;
    margin-left: 0;
  }

  .button-white-with-shadow.field-on-homepage {
    min-width: auto;
  }

  .button-white-with-shadow.blue-action-button-left-side {
    width: 100%;
    min-height: 54px;
    margin-top: 10px;
    margin-left: 0;
  }

  .button-white-with-shadow.blue-action-button-right-side-dropdown {
    justify-content: space-between;
    margin-top: 0;
    margin-left: 0;
  }

  .button-white-with-shadow.button-with-icon {
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-white-with-shadow.h55.ml-10.mt-10-on-mobile-landscape {
    margin-top: 10px;
    margin-left: 0;
  }

  .button-white-with-shadow.on-opt-in-top-of-page {
    justify-content: center;
    margin-top: 10px;
    margin-left: 0;
  }

  .button-white-with-shadow.field-on-optin-top-page, .button-white-with-shadow.field-for-username-right, .button-white-with-shadow.field-for-username-left {
    min-width: auto;
  }

  .button-white-with-shadow.action-button-calh-select-username {
    min-height: 50px;
    margin-top: 10px;
    margin-left: 0;
  }

  .signup-form-wrapper, .form-block {
    flex-direction: column;
    width: 100%;
  }

  .form-block.desktop-form-block-blog-post-email-collection, .form-block.mobile-form-block-blog-post-email-collection {
    align-items: flex-start;
  }

  .subheading.hero-homepage {
    font-size: 18px;
  }

  .brand-link {
    padding-left: 0;
  }

  .navbar-container-full {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-5 {
    grid-template-columns: 1fr 1fr;
  }

  .pricing-grid.one-entry {
    width: 100%;
  }

  .wc {
    padding-left: 20px;
    padding-right: 20px;
  }

  .dropdown-list-4-copy.w--open {
    z-index: 1100;
  }

  .footer-right-side {
    grid-row-gap: 50px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 20px;
  }

  .section.section-for-table-comparison {
    overflow: auto;
  }

  .html-embed-icon-main.time-icon.red-icon.hidden-on-mobile-landscape {
    display: none;
  }

  .flex-vertical-left-top.div-trio-on-a-hub {
    width: 100%;
    margin-top: 60px;
    padding-left: 0;
    padding-right: 0;
  }

  .flex-vertical-left-top.div-trio-on-a-hub._3rd-one {
    width: 100%;
  }

  .faq-item {
    font-size: 18px;
  }

  .faq-answer {
    font-size: 16px;
  }

  .list-of-ticks-prefooter-cta {
    justify-content: center;
  }

  .tick-prefooter-cta {
    margin-top: 5px;
    margin-right: 20px;
  }

  .toc-wrapper.for-filtering {
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-block {
    padding-left: 40px;
    padding-right: 40px;
  }

  .modal-container-2 {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .modal-container-2.modal-pop-up-intent {
    justify-content: flex-start;
  }

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

  .left-arrow-2 {
    left: 30%;
  }

  .right-arrow-2 {
    right: 30%;
  }

  .wdif-wrapper {
    grid-template-columns: 1fr;
  }

  .rte-in-collection h2 {
    font-size: 25px;
  }

  .menu-opened {
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu {
    position: relative;
  }

  .benefits-rte {
    column-count: 1;
  }

  .wrapper-of-verticals {
    grid-template-columns: 1fr 1fr;
  }

  .wrapper-of-verticals.grid-of-3 {
    grid-template-columns: 1fr;
  }

  .h2-in-vertical-collection {
    font-size: 16px;
  }

  .tooltip-wrapper.cd-timer-tooltip-wrapper {
    flex-direction: column;
  }

  .h3-faq-item, .faq-item-2, .blog-post-wrapper {
    font-size: 18px;
  }

  .flex-horizontal-left-center.bubble-heads-with-stars {
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    flex-direction: column;
  }

  .flex-horizontal-center-center.vertical-on-mobile-landscape {
    flex-direction: column;
  }

  .flex-horizontal-center-center.platform-ratings {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    justify-items: center;
    display: grid;
  }

  .flex-horizontal-center-center.platform-ratings.in-block-of-quotes {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .menu-filtering-grid {
    position: relative;
  }

  .tooltip.tooltip-for-pricing-info, .tooltip.tooltip-for-pretty-urls {
    right: 0;
  }

  .special-button-wrapper {
    width: 100%;
    margin-top: 10px;
  }

  .bpwg {
    font-size: 18px;
  }

  .rounded-block-wrapper {
    padding: 40px 15px;
  }

  .div-block-265 {
    grid-template-columns: 1fr;
  }

  .div-block-266 {
    background-color: #ff8f7d;
    width: 100%;
    height: 2px;
    margin-top: 60px;
    padding: 0;
    display: block;
  }

  .div-block-268 {
    grid-template-columns: 1fr;
  }

  .button-white-with-shadow-2-alt.ml-mr-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .button-white-with-shadow-2-alt.h55.ml-10.mt-10-on-mobile-landscape {
    margin-top: 10px;
    margin-left: 0;
  }

  .form-block-6 {
    width: 100%;
  }

  .ct-collection-page-image {
    width: 100%;
    height: auto;
  }

  .title-in-horizontal-list-view {
    font-size: 16px;
  }

  .text-block-151 {
    display: none;
  }

  .image-8-blog-page {
    width: 100%;
    height: auto;
  }

  .filters-categories-button {
    position: relative;
  }

  .image-8-copy-222 {
    width: 100%;
    height: auto;
  }

  .related-blog-post-collection-list {
    grid-template-columns: 1fr;
  }

  .image-8-related-blog-post {
    width: 100%;
    height: auto;
  }

  .h2-like-rte {
    font-size: 25px;
  }

  .hub-trio {
    flex-direction: column;
  }

  .hub-big-colored-button {
    width: 100%;
  }

  ._3-buttons-on-tnc {
    flex-direction: column;
  }

  .tooltip-2.w310 {
    width: 250px;
  }

  .tooltip-2.w330 {
    width: 350px;
    bottom: 130%;
    left: auto;
    right: 0;
  }

  .tooltip-2.w330.in-table-comparison-chart {
    left: -90px;
  }

  .tooltip-2.cutoff-price-tooltip {
    display: none;
    bottom: 130%;
    left: auto;
    right: auto;
  }

  .tooltip-2.w350-future-features {
    width: 250px;
    bottom: 130%;
    left: auto;
    right: auto;
  }

  .tooltip-2.cdt-tooltip {
    width: 350px;
    bottom: 130%;
    left: auto;
    right: 0;
  }

  .tooltip-2.cdt-tooltip.in-table-comparison-chart {
    left: -90px;
  }

  .tooltip-2.pricing-cards-tooltips {
    width: 350px;
    bottom: 130%;
    left: auto;
    right: 0;
  }

  .tooltip-2.pricing-cards-tooltips.in-table-comparison-chart {
    left: -90px;
  }

  .heading-2-styling {
    font-size: 36px;
  }

  .box-pricing-message {
    grid-template-columns: 1fr;
  }

  .founder-text-message {
    padding-left: 0;
  }

  .founder-text-message.div-trio-on-a-hub {
    width: 100%;
    margin-top: 60px;
    padding-left: 0;
    padding-right: 0;
  }

  .founder-text-message.div-trio-on-a-hub._3rd-one {
    width: 100%;
  }

  .grid-comparison-pricing-wrapper {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1.5fr;
  }

  .hint.click-for-more-info-on-pricing-page-only-on-mobile {
    display: block;
  }

  .body-style-2 {
    font-size: 14px;
  }

  .heading-3-style {
    letter-spacing: -1.7px;
    font-size: 28px;
  }

  .pricing-comparison-wrap {
    overflow: scroll;
  }

  .h3-table-comparison {
    font-size: 18px;
  }

  .text-in-comparison-row {
    font-size: 16px;
  }

  .h2-table-comparison-header {
    font-size: 24px;
  }

  .comparison-row {
    min-width: 130vw;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 15px;
  }

  .comparison-row.header {
    position: relative;
    top: 0;
  }

  .countdown-timer-wrapper {
    grid-column-gap: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .countdown-block {
    width: 40px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .time-countdown-value {
    font-size: 18px;
  }

  .grid-of-features, .grid-hiw, .ltd-pros-grid {
    grid-template-columns: 1fr;
  }

  .ltd-entry.ml-mr-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .rte-on-homepage h2 {
    font-size: 28px;
  }

  .grid-of-2---quotes {
    grid-template-columns: 1fr;
  }

  .rte-in-grid-of-hiw h2 {
    font-size: 25px;
  }

  .big-quote-text {
    font-size: 22px;
  }

  .button-big.grey-button.ml-10.mt-10-on-mobile-landscape {
    margin-top: 10px;
    margin-left: 0;
  }

  .opt-in-on-top-of-pages {
    width: 100%;
  }

  .footer-right-side-v2-0 {
    grid-row-gap: 50px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 20px;
  }

  .text-block-1339 {
    margin-bottom: 4px;
    margin-right: 0;
    display: none;
  }

  .pricing-card-wrapper-2 {
    flex-direction: column;
  }

  .pricing-card-2 {
    width: 100%;
  }

  .comparison-table-row {
    width: 230vw;
  }

  .time-countdown-value-2 {
    font-size: 14px;
  }

  .review-cards-wrapper {
    grid-row-gap: 30px;
    flex-direction: column;
  }

  .review-card {
    width: 100%;
  }

  .grid-of-2-videos {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  .button-white-with-shadow.blue-action-button-left-side {
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-white-with-shadow.button-with-icon {
    justify-content: center;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
    margin-right: 0;
  }

  .button-white-with-shadow.field-for-username-left {
    width: 120px;
    font-size: 14px;
  }

  .image-pu-logo {
    width: 125px;
    height: 26px;
  }

  .brand-link.brand-link-in-footer {
    margin-left: 0;
  }

  .main-button.main-button-contract-template-page {
    width: 100%;
    margin-bottom: -5px;
    margin-right: 0;
  }

  .dropdown-list-3 {
    max-width: 100vw;
  }

  .dropdown-list-3.w--open {
    border-color: #e5e5e500;
    min-width: auto;
  }

  .div-block-5 {
    grid-template-columns: 1fr;
  }

  .benefit-wrapper-copy {
    padding-right: 0;
  }

  .most-popular-badge {
    font-size: 14px;
  }

  .html-embed-icon.html-icon-for-pricing-card-2 {
    width: 18px;
    height: 18px;
  }

  .dropdown-list-4-copy.w--open {
    min-width: 320px;
  }

  .footer-right-side {
    grid-template-rows: auto auto auto auto;
  }

  .section.section-for-table-comparison {
    position: relative;
  }

  .conversational-link {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .tabs-menu {
    flex-direction: column;
    align-items: stretch;
  }

  .flex-vertical-left-top.w280 {
    width: auto;
  }

  .faq-item {
    font-size: 16px;
  }

  .faq-item.faq-with-dropdown {
    padding: 20px;
  }

  .faq-answer {
    width: 100%;
  }

  .pre-footer-cta {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tick-prefooter-cta {
    margin-left: 5px;
    margin-right: 5px;
  }

  .grid-how-to {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 40px;
  }

  .how-to-grid-left {
    margin-right: 0;
  }

  .dotted-line-pic {
    display: none;
  }

  .author-block {
    margin-top: 15px;
  }

  .content-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .modal-container-2.modal-pop-up-intent {
    margin-top: 5vh;
    padding-top: 30px;
  }

  .other-things-related-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .menu-opened.auto-width {
    display: none;
  }

  .wrapper-of-verticals {
    grid-template-columns: 1fr;
  }

  .h3-faq-item, .faq-item-2 {
    font-size: 16px;
  }

  .blog-post-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .informational-button {
    font-size: 16px;
  }

  .flex-horizontal-left-center.vertical-on-mobile {
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: flex-start;
  }

  .flex-horizontal-left-center.vertical-on-mobile.wrap {
    grid-row-gap: 0px;
  }

  .link {
    flex: 0 auto;
  }

  .flex-horizontal-center-center.mb-10-pricing-wrapper {
    flex-wrap: wrap;
  }

  .flex-horizontal-center-center.vertical-on-mobile {
    flex-direction: column;
  }

  .flex-horizontal-center-center.gap-10px, .flex-horizontal-center-center.platform-ratings {
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    flex-direction: column;
  }

  .flex-horizontal-extremes {
    flex-direction: column;
    align-items: flex-start;
  }

  .flex-vertical-center-center.spacing-on-nps-calculator-field-entry {
    margin-bottom: 5px;
  }

  .tooltip-wrapper-2.pos0 {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    inset: -10px auto auto;
  }

  .tooltip.tooltip-for-pricing-info {
    font-size: 14px;
  }

  .tooltip.tooltip-for-pretty-urls {
    width: 310px;
    font-size: 14px;
  }

  .pricing-v2-button-div {
    font-size: 18px;
  }

  .bpwg {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }

  .div-block-262, .rounded-block-wrapper.blue-bg.video-block {
    padding: 20px;
  }

  .div-block-268 {
    grid-template-columns: 1fr;
  }

  .feature-block {
    padding: 20px;
  }

  .button-white-with-shadow-2-alt.field-for-username-right {
    padding-left: 134px;
  }

  .button-white-with-shadow-2-alt-2.got-questions-button.ml-10.mt-10-on-mobile {
    margin-top: 10px;
    margin-left: 0;
  }

  .form-block-6, .form-2 {
    width: 100%;
  }

  .button-2 {
    width: 100%;
    display: block;
  }

  .list-view-entry {
    margin-top: 10px;
  }

  .tooltip-2.w330 {
    width: 260px;
  }

  .tooltip-2.w330.in-table-comparison-chart {
    left: -100px;
  }

  .tooltip-2.cutoff-price-tooltip {
    font-size: 14px;
  }

  .tooltip-2.cdt-tooltip {
    width: 260px;
  }

  .tooltip-2.cdt-tooltip.in-table-comparison-chart {
    left: -100px;
  }

  .tooltip-2.pricing-cards-tooltips {
    width: 260px;
  }

  .tooltip-2.pricing-cards-tooltips.in-table-comparison-chart {
    left: -100px;
  }

  .a-third-of-nps-entry {
    min-width: auto;
  }

  .flex-horizontal-top-center.wrap-mobile {
    flex-wrap: wrap;
  }

  .box-pricing-message {
    padding: 20px;
  }

  .founder-text-message {
    font-size: 16px;
  }

  .form-block-7 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-237 {
    flex-direction: column;
  }

  .field-label {
    text-align: center;
    margin-bottom: 20px;
  }

  .calculator-block {
    margin-bottom: 60px;
  }

  .div-block-241 {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-right: 0;
    display: flex;
  }

  .div-block-243 {
    text-align: center;
  }

  .grid-after-x-years {
    grid-template-columns: 1fr;
  }

  .callout {
    flex-direction: column;
    align-items: flex-start;
  }

  .papyrus-icon {
    margin-bottom: 20px;
  }

  .div-block-279 {
    padding: 10px;
  }

  .quote-text {
    font-size: 18px;
  }

  .h3-table-comparison {
    font-size: 16px;
  }

  .text-in-comparison-row {
    font-size: 15px;
  }

  .h2-table-comparison-header {
    font-size: 20px;
  }

  .comparison-row {
    min-width: 220vw;
  }

  .countdown-timer-wrapper {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    inset: 82px 0% auto;
  }

  .countdown-timer-wrapper.just-on-mobile {
    margin-bottom: 20px;
    display: flex;
  }

  .grid-of-logos {
    grid-row-gap: 40px;
    flex-direction: column;
  }

  .grid-of-4 {
    grid-template-columns: 1fr;
  }

  .button.grey-button.ml-10.mt-10-on-mobile, .button-big.grey-button.ml-10.mt-10-on-mobile {
    margin-top: 10px;
    margin-left: 0;
  }

  .document-preview-for-sig {
    width: 300px;
    height: 428px;
    transform: rotate(-5deg);
  }

  .signature-on-preview-doc {
    height: 80px;
    bottom: 62px;
  }

  .wrapper-of-ticks {
    flex-direction: column;
    bottom: -50px;
  }

  .wrapper-of-ticks.position-normal {
    grid-row-gap: 5px;
  }

  .author-image-in-social-proof-wrapper {
    width: 42px;
    height: 42px;
  }

  .text-subheading-popup-intent {
    font-size: 16px;
  }

  .heading-pop-up-intent {
    font-size: 28px;
  }

  .exit-intent-popup {
    align-items: flex-start;
  }

  .opt-in-on-top-of-pages {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-right-side-v2-0 {
    grid-template-rows: auto auto auto auto;
  }

  .pre-navbar {
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .prenavbar-button {
    padding-left: 10px;
    padding-right: 10px;
  }

  .comparison-table-row {
    width: 180vw;
  }

  .comparison-table-row-entry {
    flex-direction: column;
    align-items: flex-start;
    font-size: 12px;
  }

  .comparison-table-row-entry.first-entry {
    font-size: 14px;
  }

  .homepage-heading {
    font-size: 30px;
  }

  .exit-intent-popup-2 {
    align-items: flex-start;
  }

  .platform-logo-reviews {
    height: 30px;
  }
}

#w-node-_33716503-947c-c390-d03a-844fc0970056-04368469 {
  justify-self: start;
}

#w-node-_33716503-947c-c390-d03a-844fc0970072-04368469 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_33716503-947c-c390-d03a-844fc0970084-04368469, #w-node-_1271c0c4-5576-fede-b160-10527e8d4dc1-04368469 {
  justify-self: start;
}

#w-node-_1271c0c4-5576-fede-b160-10527e8d4ddd-04368469 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_1271c0c4-5576-fede-b160-10527e8d4e2a-04368469, #w-node-b3d5eaba-76a9-8377-8047-c71f8fc70d92-04368469 {
  justify-self: start;
}

#w-node-b3d5eaba-76a9-8377-8047-c71f8fc70da4-04368469 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  justify-self: start;
}

#w-node-b3d5eaba-76a9-8377-8047-c71f8fc70dc5-04368469 {
  justify-self: start;
}

#w-node-d25c0555-136d-2259-a694-466e68595fa2-04368469 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d25c0555-136d-2259-a694-466e68595fa5-04368469 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-d25c0555-136d-2259-a694-466e68595fdb-04368469, #w-node-_75c5edea-6ac6-7152-c4f5-4fd50757fe39-04368469, #w-node-_75c5edea-6ac6-7152-c4f5-4fd50757fe40-04368469, #w-node-_75c5edea-6ac6-7152-c4f5-4fd50757fe47-04368469, #w-node-_75c5edea-6ac6-7152-c4f5-4fd50757fe4e-04368469, #w-node-_47bb89da-45d7-000c-0d10-79f977d83285-04368469, #w-node-_47bb89da-45d7-000c-0d10-79f977d8328a-04368469, #w-node-_47bb89da-45d7-000c-0d10-79f977d8328f-04368469, #w-node-_47bb89da-45d7-000c-0d10-79f977d832a2-04368469, #w-node-_47bb89da-45d7-000c-0d10-79f977d832a7-04368469, #w-node-_47bb89da-45d7-000c-0d10-79f977d832b2-04368469, #w-node-_47bb89da-45d7-000c-0d10-79f977d832b7-04368469, #w-node-_47bb89da-45d7-000c-0d10-79f977d832c1-04368469, #w-node-_47bb89da-45d7-000c-0d10-79f977d832c3-04368469, #w-node-_47bb89da-45d7-000c-0d10-79f977d832c8-04368469, #w-node-_47bb89da-45d7-000c-0d10-79f977d832dc-04368469, #w-node-_47bb89da-45d7-000c-0d10-79f977d832df-04368469, #w-node-_47bb89da-45d7-000c-0d10-79f977d832e9-04368469, #w-node-_47bb89da-45d7-000c-0d10-79f977d832f2-04368469, #w-node-_47bb89da-45d7-000c-0d10-79f977d832f5-04368469, #w-node-_47bb89da-45d7-000c-0d10-79f977d83301-04368469, #w-node-_47bb89da-45d7-000c-0d10-79f977d83306-04368469, #w-node-_47bb89da-45d7-000c-0d10-79f977d8330b-04368469, #w-node-_47bb89da-45d7-000c-0d10-79f977d83315-04368469, #w-node-_47bb89da-45d7-000c-0d10-79f977d83321-04368469, #w-node-_47bb89da-45d7-000c-0d10-79f977d8332d-04368469, #w-node-_79a66a1e-fbcd-5699-25b7-72fd270f0c1e-270f0c1e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_81c6f819-9cd0-f7f0-8c2c-469408d7e666-4bebe188 {
  justify-self: start;
}

#w-node-_7e74b7b5-c540-e0e9-116b-e2a871e9a035-043684f4, #w-node-_7e74b7b5-c540-e0e9-116b-e2a871e9a03b-043684f4, #w-node-_7e74b7b5-c540-e0e9-116b-e2a871e9a041-043684f4, #w-node-fc0c56fd-c452-333f-375d-8bc5e5ea5aa9-e5ea5a97, #w-node-e492948d-aa0c-02a4-337b-25f9914b57f4-791a0628, #w-node-_1dcb6979-8996-9ab6-37c7-e765cfd2fcc1-04368539, #w-node-_251523d3-6012-5de1-982f-837bde170af8-04368539, #w-node-_9a321af2-6dcc-7164-bb38-62eb7227a56c-04368539, #w-node-_3f81a1ea-ce01-e7f5-44d8-c46604b63c33-04368539, #w-node-dfa69e5e-799c-f8ee-1bed-7d07fdd5add7-04368539, #w-node-_0ea0991a-ffb8-b0ed-e3ac-50d7c9c0a31d-04368539, #w-node-ec4e778a-8344-c52f-6e7b-1e7994b93d56-04368539 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_570f7e40-550e-b35e-6052-47e9a8f62871-04368469, #w-node-e6e89b53-2658-a31a-5794-eb5230ea071b-30ea06eb {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_570f7e40-550e-b35e-6052-47e9a8f62871-04368469, #w-node-e6e89b53-2658-a31a-5794-eb5230ea071b-30ea06eb {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}