@font-face {
  font-family: "Playfair Display V 40 Latin";
  src: url('../fonts/playfair-display-v40-latin-italic.woff2') format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../images/.') format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: #111;
  --grey-text: #808292;
  --purple-ui-1: #771ee6;
  --white: white;
  --ui-green: #2eb67c;
  --purple-ui-2: #6b22c7;
  --peach: #ff895a;
  --lighter-purple: #b780ffc7;
  --baked-purple: #632fe4;
  --soft-lavender: #f3ebff;
  --ui-green-2: #1e9a80;
  --ui-red: #ef4444;
  --transparent: transparent;
  --brown-ui-wpb: #2d2520;
  --bg-purple-ui-for-cta-button: #782cdb;
}

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

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

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

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

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

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

body {
  color: var(--black);
  background-color: #f9f9f9;
  padding-bottom: .5rem;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 1.4;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 54px;
  font-weight: 700;
  line-height: 1.2;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.625rem;
  font-weight: 500;
  line-height: 1.2;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 700;
  line-height: 130%;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
}

p {
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 18px;
}

a {
  color: var(--grey-text);
  text-decoration: none;
  transition: all .32s;
}

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

.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.pr-20 {
  padding-right: 20px;
}

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

.flex-horizontal-left-center.gap-8px {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

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

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

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

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

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

.section.section-navy-bg {
  color: #fff;
  background-color: #111;
}

.section.hero-section {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.section.fafafa-section {
  background-color: #fafafa;
}

.section.fafafa-section.section-below-hero {
  position: relative;
}

.section.fafafa-section.section-below-hero.baked {
  position: static;
}

.section.shortened-top {
  padding-top: 119px;
}

.section.hero-section-v2 {
  color: #fff;
  text-align: left;
  background-color: #000;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.section.dark-section {
  color: #fff;
  background-color: #000;
}

.section.dark-section.price {
  display: flex;
}

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

.section.pt-40 {
  padding-top: 40px;
}

.section.pt-40.price {
  display: flex;
}

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

.section.purple-background {
  background-color: var(--purple-ui-1);
}

.section.pt-60, .section.before-after {
  padding-top: 60px;
}

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

.section.mobile, .section.mobile.comparison-page-version {
  overflow: visible;
}

.section.v2 {
  padding-top: 190px;
  padding-bottom: 10px;
  overflow: hidden;
}

.section.padding {
  padding-top: 100px;
  padding-bottom: 20px;
}

.section.padding.v2 {
  padding-bottom: 120px;
}

.section.pt-100 {
  padding-top: 100px;
}

.section.pt-100.price, .section.price {
  display: flex;
}

.span-link-purple {
  color: #7970ff;
  border-bottom: 2px solid #7970ff;
  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.fs-16 {
  font-size: 16px;
}

.span-link-purple.no-underline-flex-horizontal {
  color: #333;
  border-bottom-width: 0;
  align-items: center;
  margin-bottom: 5px;
  display: flex;
}

.span-link-purple.comparison-page-version {
  font-size: 20px;
  font-weight: 400;
}

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

.link-in-breadcrumbs:hover {
  color: #111;
}

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

.link-in-breadcrumbs.ml-mr-0 {
  margin-left: 0;
  margin-right: 0;
}

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

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

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

.subheading {
  opacity: .8;
  margin-top: 0;
  font-size: 22px;
  line-height: 1.6;
}

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

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

.subheading.on-author-posts, .subheading.mt-0 {
  margin-top: 0;
}

.subheading.subheading-small {
  font-size: 18px;
}

.subheading.grey-text.mw-660 {
  max-width: 660px;
}

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

.subheading.grey-text.mb-24 {
  margin-bottom: 24px;
}

.subheading.grey-text.maxw-730 {
  max-width: 730px;
}

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

.subheading.subheading-hero {
  opacity: .9;
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 20px;
}

.subheading.subheading-bullet-points {
  opacity: .9;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 300;
}

.subheading.grey-text-opacity {
  opacity: .6;
}

.subheading.grey-text-opacity.maxw-690 {
  max-width: 690px;
}

.subheading.grey-text-opacity.mawx-720 {
  max-width: 720px;
}

.subheading.subheading-huge {
  font-size: 60px;
}

.subheading.grey-text-darker {
  color: #555;
}

.subheading.grey-text-darker.mw-660 {
  max-width: 660px;
}

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

.subheading.grey-text-darker.mb-24 {
  margin-bottom: 24px;
}

.subheading.grey-text-darker.maxw-730 {
  max-width: 730px;
}

.subheading.fw-500 {
  font-weight: 500;
}

.subheading.subheading-below-tc-vs-tt {
  max-width: 750px;
  margin-top: 50px;
  font-weight: 500;
}

.subheading.subheading-below-tc-vs-tt.white {
  color: var(--white);
}

.subheading.maxw-680 {
  max-width: 680px;
}

.subheading.white-and-smaller {
  opacity: 100;
  color: #fff;
  text-align: left;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
  overflow: hidden;
}

.subheading.white-opacity {
  color: #fff;
}

.subheading.subheading-pricing {
  color: #555;
  margin-top: 0;
}

.subheading.subheading-pricing.mw-660 {
  max-width: 660px;
}

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

.subheading.subheading-pricing.mb-24 {
  margin-bottom: 24px;
}

.subheading.subheading-pricing.maxw-730 {
  max-width: 730px;
}

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

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

.flex-horizontal-center-center.mt-40 {
  margin-top: 40px;
}

.flex-horizontal-center-center.video-on-hero {
  cursor: pointer;
  background-image: url('../images/group-56.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
  min-height: 220px;
  position: relative;
  overflow: hidden;
}

.flex-horizontal-center-center.video-on-hero:hover {
  background-image: url('../images/group-56.avif');
  background-position: 50%;
  background-size: cover;
}

.flex-horizontal-center-center.breadcrumbs-tools {
  margin-right: auto;
}

.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._100-width.mt-80 {
  margin-top: 80px;
}

.flex-vertical-left-top._100-width.gap-20 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.flex-vertical-left-top.author-name-div.gap-10px {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.flex-vertical-left-top.aligned-mid {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.flex-vertical-left-top.gap-12 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.flex-vertical-left-top.left-of-undercard {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  width: 70%;
  margin-right: 40px;
}

.flex-vertical-left-top.left-side-of-aff-block._2 {
  color: var(--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

.flex-vertical-left-top.left-side-of-aff-block._3 {
  color: var(--black);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

.flex-vertical-left-top.pl-pr-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.flex-vertical-left-top.benefits-wrapper-right-side-of-affiliates-block {
  padding-top: 14px;
  padding-left: 20px;
  padding-right: 20px;
}

.flex-vertical-left-top.hiw-for-affiliate-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  font-size: 18px;
  line-height: 1.7;
}

.flex-vertical-left-top.list-of-benefits-yt-tc-vs-tt {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  font-size: 20px;
}

.flex-vertical-left-top.affiliate {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
}

.flex-vertical-left-top.left-side-of-aff-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  padding: 20px;
}

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

.wc.pt-100 {
  padding-top: 100px;
}

.wc.wc-shortened {
  max-width: 1000px;
}

.wc.text-aligned-left {
  text-align: left;
}

.wc.pb-200 {
  padding-bottom: 200px;
}

.wc.pb-200.pt-120 {
  padding-top: 120px;
}

.wc.gap-100 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
}

.wc.mb-140 {
  margin-bottom: 140px;
}

.wc.comparison-page-version {
  overflow: visible;
}

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

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

.html-embed-icon-main._16x16 {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.html-embed-icon-main.chevron {
  width: 20px;
  height: 20px;
  margin-left: 4px;
}

.html-embed-icon-main.chevron-down-show-hide-toc {
  color: #999;
  width: 20px;
  height: 20px;
  padding-top: 1px;
}

.html-embed-icon-main.search-icon-navbar {
  width: 18px;
  height: 20px;
  margin-right: 0;
}

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

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

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

.html-embed-icon-main.play-button-in-button {
  color: #333;
  width: 18px;
  height: 18px;
}

.html-embed-icon-main.play-button-in-button-v2 {
  color: #fff;
  width: 32px;
  height: 32px;
}

.html-embed-icon-main.hiw-icon {
  width: 40px;
  height: 40px;
}

.html-embed-icon-main.hiw-icon-arrow {
  width: 40px;
  height: 40px;
  color: var(--purple-ui-1);
  flex: none;
}

.html-embed-icon-main.ribbon-at-top-icon {
  color: #9bffd4;
  width: 20px;
  height: 20px;
  margin-right: 6px;
}

.html-embed-icon-main.icon-below-buying-button {
  background-color: var(--ui-green);
  color: #fff;
  border-radius: 100px;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  padding: 3px;
}

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

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

.hero-text-wrapper.mt-mb-below-pricing-cards {
  margin-top: 100px;
  margin-bottom: 40px;
}

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

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

.navbar {
  z-index: 900;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.navbar.navbar-non-sticky-not-floating {
  position: static;
}

.navbar-2 {
  z-index: 1000;
  background-color: #0000;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.wc-for-navbar {
  z-index: 1300;
  text-align: center;
  border-radius: 100px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 5px 5px 20px;
  display: flex;
  position: relative;
}

.brand-button {
  flex: none;
  padding-left: 0;
  transition: opacity .1s;
}

.brand-button:hover {
  opacity: .6;
}

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

.brand-image {
  height: 30px;
  transition: all .2s;
}

.brand-image:active {
  transform: scale(.94);
}

.navlink {
  color: #111;
  letter-spacing: 0;
  align-items: center;
  padding: 20px 10px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.navlink:hover {
  color: var(--purple-ui-1);
}

.navlink.w--current {
  color: #fff;
}

.navlink.navlink-for-dropdown {
  padding-right: 0;
}

.cgpt-action-button {
  border: 1px solid #0000001a;
  border-radius: 6px;
  align-items: center;
  margin-bottom: 60px;
  padding: 8px 12px;
  display: flex;
}

.cgpt-action-button:hover {
  background-color: #ececf1;
}

.footer-divider-line {
  background-color: #e5e5e5;
  width: 100%;
  height: 1px;
  margin-top: 50px;
  margin-bottom: 50px;
}

.footer-divider-line.mega-menu-divider {
  margin-top: 0;
  margin-bottom: 30px;
}

.dropdown-link-2 {
  color: #222;
  border-left: 3px solid #222;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
  padding-left: 12px;
  padding-right: 0;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.dropdown-link-2:hover {
  color: #2eb67c;
  border-left-color: #2eb67c;
}

.heading-4-style {
  color: #000;
  letter-spacing: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
}

.heading-4-style.h4-grey {
  color: #0000004d;
  margin-bottom: 20px;
  line-height: 1.2;
}

.heading-4-style.fw-400 {
  font-weight: 400;
}

.text-block-126 {
  color: #000000a6;
  margin-top: 8px;
  font-size: 15px;
  line-height: 1.2;
}

.pre-header {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
}

.pre-header.green-pre-header {
  color: #2eb67c;
  margin-bottom: 20px;
}

.pre-header.red-text-preheader {
  color: var(--purple-ui-1);
}

.pre-header.mb-20._2 {
  color: #000;
}

.pre-header.mt-16 {
  margin-top: 16px;
}

.pre-header.edit-columns-text, .pre-header.edit-columns-text-copy {
  margin-top: 10px;
  margin-bottom: 4px;
  font-size: 12px;
}

.dropdown-list {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  min-width: 220px;
  max-height: 90vh;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: auto;
  box-shadow: 0 3px 5px #00000014;
}

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

.dropdown-list.mega-menu-wrawpper.w--open {
  z-index: 1000;
  background-color: #0000;
  border-width: 0;
  width: 1060px;
  min-width: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  box-shadow: 0 3px 5px #0000;
}

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

.mega-menu-sectionsection {
  width: 30%;
  margin-left: 30px;
  padding-bottom: 10px;
}

.mega-menu-sectionsection.no-margin {
  margin-left: 0;
}

.text-block-125 {
  font-weight: 600;
  line-height: 1.2;
}

.mega-menu-section {
  align-items: flex-start;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.nav-menu {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: 20px;
  display: flex;
  position: static;
}

.blog-post-content {
  color: #222;
  text-align: left;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 8px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 640px;
  margin-bottom: 0;
  padding: 0 20px 10px;
  font-size: 18px;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

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

.blog-post-content.mb-300 {
  margin-bottom: 300px;
}

.check-icon-in-neon-button {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

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

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

.blog-post-page-author-box {
  align-items: center;
  margin-bottom: 50px;
  display: flex;
}

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

.flex-horizontal-center-left.bubble-heads-with-stars {
  grid-column-gap: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.flex-horizontal-center-left.bubble-heads-with-stars.mt-0 {
  margin-top: 0;
}

.flex-horizontal-center-left.bubble-heads-with-stars.mt-0.mb-4 {
  margin-bottom: 4px;
}

.flex-horizontal-center-left.footer-copyright-text {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  width: 100%;
  margin-top: 100px;
}

.flex-horizontal-center-left.footer-copyright-text.mt-0 {
  margin-top: 0;
}

.flex-horizontal-center-left.footer-copyright-text.mt-5 {
  margin-top: 5px;
}

.flex-horizontal-center-left.footer-copyright-text.new {
  margin-top: 70px;
}

.flex-horizontal-center-left.footer-copyright-text._2 {
  margin-top: 24px;
  padding-left: 3rem;
  padding-right: 3rem;
}

.flex-horizontal-center-left.footer-copyright-text-line-2.mt-0 {
  margin-top: 0;
}

.flex-horizontal-center-left.footer-copyright-text-line-2.mt-5 {
  margin-top: 5px;
}

.flex-horizontal-center-left.author-person-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: none;
}

.flex-horizontal-center-left.author-person-wrapper.turned-link {
  color: var(--black);
  border-radius: 100px;
  padding: 6px 20px 6px 6px;
}

.flex-horizontal-center-left.author-person-wrapper.turned-link:hover {
  background-color: #f1f1f1;
}

.flex-horizontal-center-left.lbh-block-flex-horiz {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--grey-text);
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
}

.flex-horizontal-center-left._100-width.gap-10px {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.flex-horizontal-center-left.button-wrapper-flex {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  width: 100%;
}

.flex-horizontal-center-left.button-wrapper-flex.gap-10px {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.flex-horizontal-center-left.gap-8px {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  justify-content: flex-start;
  align-items: center;
}

.flex-horizontal-center-left.footer-copyright-text-line-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 6px;
}

.field-label-2 {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
}

.field-label-2.show-just-on-tablet {
  display: none;
}

.post-author-dp {
  background-color: #0000;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100px;
  flex: none;
  width: 50px;
  height: 50px;
}

.post-author-dp.dp-on-author-page {
  object-fit: cover;
  width: 100px;
  height: 100px;
  margin-top: 40px;
}

.list {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.toc-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: none;
  overflow: hidden;
}

.toc-wrapper.active {
  display: none;
}

.toc-wrapper.open {
  display: flex;
}

.container-for-3-columns {
  text-align: left;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.container-for-3-columns.pb-140 {
  margin-bottom: 140px;
}

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

.blog-post-page-author-box-wrapper {
  margin-left: 15px;
  font-size: 16px;
}

.ribbon-entry-icon {
  color: #2eb67c;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  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-3 {
  color: #facc15;
  width: 14px;
  height: 14px;
  margin-right: 1px;
}

.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.show-hide-toc-button {
  width: 14.8vw;
  margin: 2px 0 20px 1px;
  font-size: 14px;
}

.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:hover {
  box-shadow: 1px 0 1px 0 #0000001f, 0 0 0 1px var(--purple-ui-1), 0 3px 9px 0 #0f93ff1a, 0 2px 5px 0 #3c42571a;
  color: var(--purple-ui-1);
}

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

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

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

.sidebar-left {
  z-index: 10;
  text-align: left;
  background-color: #fff;
  flex-direction: column;
  flex: 1 1 0;
  align-items: flex-start;
  min-width: 0;
  padding: 0 24px 24px;
  font-size: 16px;
  display: flex;
}

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

.featured-image {
  border-radius: 8px;
  width: 670px;
  margin-top: 50px;
  margin-bottom: 50px;
  display: block;
  box-shadow: 0 4px 10px -2px #00000057;
}

.ribbon-entry {
  color: #807b78;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.breadcrumb-divider {
  color: #3100ff;
  text-align: center;
  text-transform: uppercase;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.heading-2-style {
  letter-spacing: -.5px;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
}

.heading-2-style.mt-40-mb-50 {
  margin-top: 40px;
  margin-bottom: 50px;
}

.heading-2-style.mw-700 {
  max-width: 700px;
}

.heading-2-style.mw-700.mb-20 {
  margin-bottom: 20px;
}

.heading-2-style.on-archive-posts {
  max-width: 700px;
  margin-top: 40px;
  margin-bottom: 20px;
}

.heading-2-style.on-archive-posts.mb-20 {
  margin-bottom: 20px;
}

.heading-2-style.on-archive-posts.mt-10 {
  margin-top: 10px;
}

.heading-2-style.on-archive-posts.mt-10.mb-0 {
  margin-bottom: 0;
}

.heading-2-style.on-author-posts {
  max-width: 700px;
  margin-top: 20px;
  margin-bottom: 6px;
}

.heading-2-style.on-author-posts.mb-20 {
  margin-bottom: 20px;
}

.heading-2-style.on-author-posts.mt-10 {
  margin-top: 10px;
}

.heading-2-style.on-author-posts.mt-10.mb-0 {
  margin-bottom: 0;
}

.heading-2-style.pricing-plan-header {
  max-width: 730px;
}

.heading-2-style.pricing-plan-header-2 {
  max-width: 730px;
  margin-top: 0;
  margin-bottom: 0;
}

.heading-2-style.mt-mb-0.max-widht {
  text-transform: capitalize;
  max-width: 480px;
}

.heading-2-style.mt-0 {
  font-size: 2.2rem;
  font-weight: 500;
}

.heading-2-style.mt-0._2 {
  font-size: 1.7rem;
  font-weight: 600;
}

.heading-2-style.pricing-plan-header-3 {
  max-width: 890px;
  margin-top: 0;
  margin-bottom: 0;
}

.heading-2-style.affiliates-header {
  max-width: 1200px;
  margin-top: 30px;
  margin-bottom: 10px;
}

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

.form-block-9.desktop-form-block-blog-post-email-collection {
  display: flex;
}

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

.testimonial-pic {
  border: 2px solid #fff;
  border-radius: 100px;
  width: 44px;
  height: 44px;
  margin-left: -10px;
}

.testimonial-pic.small {
  width: 24px;
  height: 24px;
  margin-left: -7px;
}

.link-block-3 {
  color: #3100ff;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  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 {
  filter: grayscale();
  color: #fff;
  border-radius: 8px;
  width: 24px;
  height: 24px;
  margin-right: 4px;
}

.link-block-2.in-article-author-bio:hover {
  filter: grayscale(0%);
}

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

.link-block-2.in-article-author-bio.green-hover, .link-block-2.in-article-author-bio.green-hover:hover {
  background-color: #2eb67c;
}

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

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

.mb-30.on-tablet-only {
  display: none;
}

.menu-bar-dash-smaller {
  background-color: #222;
  width: 35px;
  height: 2px;
  margin-top: 7px;
  margin-bottom: 7px;
}

.blog-post-content-wrapper-for-all-3-columns {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-bottom: 60px;
  display: flex;
}

.breadcrumbs-div {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.text-block-89 {
  text-align: left;
  margin-right: 5px;
}

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

.flex-vertical-center-top {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.flex-vertical-center-top.gap-16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

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

.button-white-with-shadow-2-alt-3:hover {
  border-color: var(--purple-ui-1);
  color: var(--purple-ui-1);
}

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

.button-white-with-shadow-2-alt-3.in-why-card {
  border-radius: 10px;
  width: 100%;
  margin-top: 4px;
}

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

.faq-answer-2 {
  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;
}

.div-block-53 {
  background-color: #d6d6d6;
  width: 100%;
  height: 1px;
}

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

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

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

.button {
  border: 1px solid var(--ui-green);
  background-color: var(--ui-green);
  color: #fff;
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(#f1e7ff80, #28114540);
  background-clip: padding-box;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 1px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  box-shadow: 0 1px 2px #0000001f, 0 0 4px #0000000a, 0 4px 8px #00000014;
}

.button:hover {
  background-color: var(--purple-ui-2);
}

.button.button-form-in-sidebar-and-toc {
  color: #3a424d;
  text-align: center;
  background-color: #f0f0f2;
  justify-content: center;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
}

.button.button-form-in-sidebar-and-toc:hover {
  background-color: #e1e1e6;
}

.button.button-neon {
  color: #222;
  background-color: #a7ff00;
  justify-content: center;
  width: 100%;
  font-weight: 600;
}

.button.button-neon:hover {
  background-color: #8ed900;
}

.button.button-neon.button-sidebar-cta {
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 600;
}

.button._100-width {
  width: 100%;
}

.button.hero-button {
  background-color: var(--purple-ui-1);
  min-width: 260px;
  height: 58px;
  padding-left: 28px;
  padding-right: 28px;
  font-size: 16px;
  box-shadow: 0 4px 16px #e85f294d, 0 1px 2px #0000001a;
}

.button.hero-button:hover {
  background-color: var(--purple-ui-2);
}

.button.hero-button.on-video-modal {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.button.red-button-yt-red {
  background-color: #e82a2a;
  height: 65px;
  padding-left: 28px;
  padding-right: 28px;
  font-size: 18px;
}

.button.red-button-yt-red:hover {
  background-color: var(--purple-ui-2);
}

.button.on-hero-right {
  margin-top: 20px;
}

.button.on-hero-right:hover {
  background-color: var(--purple-ui-2);
}

.button.on-hero-right.on-video-modal {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.button.in-navbar {
  border-radius: 1000px;
}

.button.in-navbar:hover {
  background-color: var(--purple-ui-2);
}

.button.in-navbar.on-video-modal {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.button.h70 {
  height: 70px;
}

.button.h70.minw-200 {
  min-width: 200px;
}

.button.h70.minw-200.disable {
  box-shadow: none;
  background-color: #efefef;
  background-image: none;
  border-style: none;
}

.button.mt-30.minw-220 {
  min-width: 220px;
}

.button.in-pricing {
  height: 50px;
  margin-bottom: 10px;
}

.button.mt-24 {
  margin-top: 24px;
}

.button.mt-24.minw-220 {
  min-width: 220px;
}

.button.minw-260 {
  min-width: 260px;
}

.button.mt-40.minw-170 {
  min-width: 170px;
}

.button.rouned {
  border-radius: 60px;
}

.breadcrumb-text {
  color: #999;
  text-align: left;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.sidebar-right {
  z-index: 10;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: left;
  flex-direction: column;
  flex: 1 0 0;
  align-items: flex-start;
  min-width: 0;
  margin-left: auto;
  padding: 0 24px;
  font-size: 14px;
  display: flex;
}

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

.archive-element-entry.flex-aligned-left {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.archive-element-entry.gap-60px {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  display: flex;
}

.archive-element-entry.testimonials {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.archive-element-entry.flex-aligned-right {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.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: 50px;
  padding: 40px;
  display: flex;
}

.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.3;
  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(--purple-ui-1);
  color: #fff;
  padding-left: 5px;
  padding-right: 5px;
}

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

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

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

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

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

.mb-40.testimonials-heading {
  margin-bottom: 20px;
}

.footer {
  z-index: 10;
  color: #ffffffb3;
  background-color: #111;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.footer._2nd._3 {
  border-top-left-radius: 1.75rem;
  border-top-right-radius: 1.75rem;
}

.footer._2nd {
  background-color: #020617;
  border-radius: 0 0 1.75rem 1.75rem;
  justify-content: center;
  align-items: center;
  width: auto;
  margin: 0 1rem 1rem;
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: 0 4px 8px -1px #0000001a;
}

.image-8 {
  width: 20px;
  height: 20px;
  margin-bottom: 3px;
}

.image-8.android-icon {
  margin-bottom: 0;
}

.footer-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.footer-wrapper._2 {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  justify-content: center;
  align-items: center;
}

.brand-footer {
  align-items: center;
  height: 36px;
  display: flex;
}

.brand-image-2 {
  width: 170px;
  height: 36px;
  max-height: 36px;
  transition: all .2s;
}

.brand-image-2:active {
  transform: scale(.94);
}

.footer-right-column-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.footer-right {
  grid-column-gap: 30px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: stretch;
  place-items: start;
  width: 60%;
  margin-top: 10px;
  display: grid;
}

.footer-right.new {
  grid-column-gap: 60px;
  width: 70%;
  margin-top: 0;
}

.download-button-footer {
  background-color: #deffe9;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-right: 10px;
  padding: 10px 20px;
  text-decoration: none;
  display: flex;
}

.download-button-footer:hover {
  background-color: #b8ffd0;
}

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

.links-section-footer {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 30px;
  display: flex;
}

.links-section-footer.link-sections-in-double-column {
  width: 100%;
  margin-top: 14px;
}

.text-block-14 {
  color: #1cb954;
  margin-left: 10px;
  font-weight: 500;
}

.download-app-wrapper-new {
  flex-direction: row;
  align-items: stretch;
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
}

.social-icon {
  filter: contrast(0%);
  width: 24px;
  height: 24px;
}

.social-icon:hover {
  filter: contrast(40%);
}

.social-icon.social-icon-if-too-short {
  width: 31px;
  height: 22px;
}

.footer-left {
  grid-row-gap: 14px;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 33%;
  margin-right: 20px;
  display: flex;
}

.footer-left._2 {
  justify-content: flex-start;
  align-items: flex-end;
  margin-right: 0;
  padding-bottom: 0;
}

.social-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}

.footer-column-of-links {
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: 500;
}

.footer-column-of-links.new {
  font-weight: 600;
}

.footer-column-of-links._2 {
  color: #ffffff80;
}

.footer-item {
  color: #fff;
  text-align: left;
  border-radius: 8px;
  align-items: flex-start;
  margin-bottom: 4px;
  margin-left: -10px;
  padding: 6px 10px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.footer-item:hover {
  background-color: #ffffff29;
}

.footer-item.new {
  color: #0009;
  font-weight: 400;
}

.footer-item.new.hide {
  display: none;
}

.copyright {
  color: #ffffff80;
  align-self: flex-start;
  margin-top: 60px;
  font-size: 15px;
}

.hidden {
  display: none;
}

.footer-text-explanatory {
  margin-top: 26px;
  font-size: 16px;
  line-height: 1.6;
}

.footer-text-explanatory._2 {
  color: #fff;
}

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

.ribbon-entry-icon-2 {
  color: #2eb67c;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-bottom: 0;
  margin-right: 4px;
  display: flex;
}

.ribbon-entry-icon-2.star-icon {
  color: #2eb67c;
  width: 14px;
  height: 14px;
  margin-right: 2px;
}

.ribbon-entry-icon-2.star-icon.yellow-star {
  color: #facc15;
}

.archive-section-wrapper-2 {
  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;
}

.badge-for-rating {
  color: #777;
  background-color: #fff;
  border: .5px solid #dfe0e5;
  border-radius: 100px;
  align-items: center;
  margin-top: 2px;
  padding: 4px 6px;
  font-size: 12px;
  display: flex;
  box-shadow: 0 1px 2px #00000014;
}

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

.flex-vertical-center-top-2.minw-165 {
  min-width: 165px;
}

.megawrapper-library-items {
  width: 100%;
  margin-top: 100px;
}

.collection-item-3 {
  float: left;
  margin-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
}

.library-exploration-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 40px;
  display: flex;
}

.classic-divider {
  background-color: #e5e5e5;
  width: 100%;
  height: 1px;
  margin-top: 100px;
  margin-bottom: 100px;
}

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

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

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

.classic-divider.mt-mb-6 {
  margin-top: 6px;
  margin-bottom: 6px;
}

.classic-divider.mt-mb-6.pl-pr-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.collection-list-wrapper-5 {
  text-align: left;
  width: 100%;
  margin-top: 0;
}

.collection-list-2 {
  height: 100%;
  margin-left: -10px;
  margin-right: -10px;
}

.wc-2 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.wc-2.but-for-navbar {
  z-index: 100;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.link-text-span {
  color: #2eb67c;
  text-decoration: none;
}

.link-text-span:hover {
  color: #1a8f5d;
  text-decoration: underline;
}

.link-text-span.mt-40 {
  margin-top: 40px;
}

.empty-state-3 {
  color: #fff;
  background-color: #1a8f5d;
  padding: 40px;
  font-weight: 500;
  line-height: 1.5;
}

.blog-post-link-wrap {
  color: #333;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 350px;
  text-decoration: none;
  transition: all .2s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 8px #212c310f, 0 14px 38px #212c310f;
}

.blog-post-link-wrap:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 14px #212c310f, 0 8px 14px #212c3121;
}

.post-item-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  width: 100%;
  max-height: 52%;
  padding-top: 66.6%;
}

.blog-post-item-info-wrapper {
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: 170px;
  padding: 20px 15px;
  display: flex;
}

.blog-post-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
}

.blog-post-item-author-box {
  align-items: center;
  width: auto;
  margin-top: 20px;
  display: flex;
  position: absolute;
  bottom: 20px;
}

.author-display-picture {
  object-fit: cover;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 40px;
  flex: none;
  width: 40px;
  height: 40px;
}

.author-display-picture.in-blog-post {
  width: 52px;
  height: 52px;
  margin-right: 12px;
}

.author-text-block {
  margin-left: 10px;
}

.pagination-button {
  border-color: var(--purple-ui-1);
  min-width: 180px;
  height: 55px;
  color: var(--purple-ui-1);
  background-color: #fff;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.pagination-button:hover {
  background-color: var(--purple-ui-1);
  color: #fff;
}

.subheading-rte {
  max-width: 730px;
  font-size: 22px;
}

.subheading-rte p {
  color: #333c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  line-height: 1.6;
}

.rich-text-block-blog-post {
  text-align: left;
  width: 100%;
  margin-bottom: 10px;
  padding-top: 0;
  font-size: 20px;
}

.rich-text-block-blog-post figcaption {
  color: #999;
  letter-spacing: 0;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.3;
}

.rich-text-block-blog-post blockquote {
  color: #333;
  background-color: #f2e8ff;
  border-left: 8px solid #892fff;
  border-radius: 8px;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 60px;
  font-size: 20px;
  font-weight: 300;
}

.rich-text-block-blog-post a {
  border-bottom: 1px solid var(--purple-ui-1);
  color: var(--purple-ui-1);
  text-decoration: none;
  transition: all .2s;
}

.rich-text-block-blog-post a:hover {
  color: var(--purple-ui-2);
  background-color: #f1e6ff;
  border-bottom-color: #6f26cf;
}

.rich-text-block-blog-post.mw-700 {
  max-width: 700px;
}

.rich-text-block-blog-post li {
  margin-bottom: 10px;
  font-weight: 300;
}

.rich-text-block-blog-post img {
  border-radius: 12px;
  width: 100%;
  margin: 0 auto;
}

.rich-text-block-blog-post ul {
  color: #333c;
  margin-top: 0;
  margin-bottom: 24px;
}

.rich-text-block-blog-post h3 {
  margin-top: 30px;
  margin-bottom: 14px;
  font-size: 23px;
  line-height: 1.3;
}

.rich-text-block-blog-post h5 {
  margin-top: 30px;
  margin-bottom: 14px;
}

.rich-text-block-blog-post h2 {
  margin-top: 30px;
  margin-bottom: 14px;
  font-size: 28px;
  line-height: 1.1;
}

.rich-text-block-blog-post ol {
  color: #333c;
  margin-top: 0;
  margin-bottom: 24px;
}

.rich-text-block-blog-post h4 {
  margin-top: 30px;
  margin-bottom: 14px;
}

.rich-text-block-blog-post p {
  color: #333c;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.7;
  display: block;
}

.rich-text-block-blog-post figure {
  border-radius: 12px;
  width: 100%;
  margin: 10px auto;
}

.rich-text-block-blog-post.mw-660 {
  max-width: 660px;
}

.rich-text-block-blog-post.mw-660.mt-40 {
  margin-top: 40px;
}

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

.text-block-130-copy.ml-3 {
  margin-left: 3px;
}

.wrapper-for-date-in-article {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  border: 1px solid #ddd;
  border-radius: 8px;
  align-items: center;
  width: 100%;
  padding: 4px 4px 4px 10px;
  display: flex;
}

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

.text-block-130-copy-copy.ml-3 {
  margin-left: 3px;
}

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

.collection-list-wrapper-6.mb-200 {
  margin-bottom: 200px;
}

.collection-list-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 60px;
  display: grid;
}

.blog-post-wrapper-link {
  border: 1px solid #eee;
  border-radius: 12px;
  width: 100%;
  transition: all .2s;
  box-shadow: 0 1px 5px #0000001a;
}

.blog-post-wrapper-link:hover {
  transform: scale(1.02);
  box-shadow: 0 3px 10px #00000029;
}

.blog-post-item-author-box-2 {
  align-items: center;
  width: auto;
  margin-top: 20px;
  display: flex;
}

.navlink-2 {
  letter-spacing: 0;
  align-items: center;
  height: 55px;
  padding: 20px 10px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  position: relative;
}

.navlink-2:hover {
  color: #ff612f;
}

.navlink-2.cta-navlink {
  background-color: var(--purple-ui-1);
  color: #fff;
  border-radius: 100px;
  height: 50px;
  padding-left: 20px;
  padding-right: 20px;
}

.navlink-2.cta-navlink:hover {
  background-color: var(--purple-ui-2);
}

.navlink-2.nav-search-icon {
  background-color: var(--black);
  color: #fff;
  cursor: pointer;
  border-radius: 100px;
  justify-content: center;
  width: 55px;
  padding-left: 20px;
  padding-right: 20px;
}

.navlink-2.nav-search-icon:hover {
  background-color: var(--grey-text);
}

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

.image-logo-publication-story-founders.mt-0 {
  margin-top: 0;
}

.rich-text-block-blog-post-2 {
  letter-spacing: -.4px;
  width: 100%;
  margin-bottom: 30px;
}

.rich-text-block-blog-post-2.mw-660 {
  max-width: 660px;
}

.rich-text-block-blog-post-2.mw-660.mb-0 {
  margin-bottom: 0;
}

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

.flex-vertical-top-left.author-page {
  text-align: left;
  width: 100%;
}

.flex-vertical-top-left.author-page.mb-200 {
  margin-bottom: 200px;
}

.flex-vertical-top-left.hiw-step-text {
  grid-row-gap: 2px;
  font-size: 16px;
}

.image-57 {
  width: 36px;
  height: 36px;
}

.br-8 {
  border-radius: 8px;
}

.book-cover {
  border: 1px solid #ccc;
  border-radius: 8px;
  margin-top: 0;
}

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

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

.link-block-4.in-article-author-bio {
  filter: grayscale();
  color: #fff;
  border-radius: 12px;
  width: 36px;
  height: 36px;
  margin-right: 6px;
}

.link-block-4.in-article-author-bio:hover {
  filter: grayscale(0%);
}

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

.link-block-4.in-article-author-bio.green-hover, .link-block-4.in-article-author-bio.green-hover:hover {
  background-color: #2eb67c;
}

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

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

.text-block-1338 {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 14px;
}

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

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

.author-page-spacing {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.navlink-2-notion {
  color: #fff;
  letter-spacing: 0;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  min-height: 38px;
  padding: 0 8px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all .1s;
  display: flex;
  position: relative;
}

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

.navlink-2-notion.cta-navlink {
  background-color: var(--purple-ui-1);
  color: #fff;
  border-radius: 100px;
  padding-left: 20px;
  padding-right: 20px;
}

.navlink-2-notion.cta-navlink:hover {
  background-color: #cf4e26;
}

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

.label-above-encharge-form {
  margin-bottom: 3px;
  font-weight: 600;
  line-height: 1.2;
}

.label-above-encharge-form._1st-label {
  color: var(--grey-text);
  text-transform: uppercase;
  font-weight: 400;
}

.label-above-encharge-form.mb-8 {
  margin-bottom: 8px;
}

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

.badge-for-mega-guide {
  color: var(--purple-ui-1);
  letter-spacing: -.5px;
  background-color: #ffe3db;
  border-radius: 6px;
  flex: none;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  top: -30%;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

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

.search-cube {
  cursor: pointer;
  background-color: #000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  margin-left: 6px;
  display: flex;
}

.search-cube:hover {
  background-color: #444;
}

.search-cube:active {
  background-color: #777;
}

.search-icon {
  width: 14px;
  height: 14px;
}

.search-icon.search-icon-in-navbar {
  width: 16px;
  height: 16px;
}

.text-block-26 {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  font-weight: 600;
}

.subsearchbar {
  background-color: #fff;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  width: 900px;
  margin-top: 10px;
  padding: 20px 40px;
  display: flex;
  position: absolute;
}

.text-block-25 {
  color: #999;
  margin-bottom: 10px;
}

.x-button-search {
  cursor: pointer;
  background-image: url('../images/cancel.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  width: 50px;
  height: 50px;
}

.x-button-search:hover {
  filter: brightness(55%);
}

.search-button-2 {
  color: #0000;
  background-color: #0000;
  background-image: url('../images/search.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  width: 50px;
  margin-left: 0;
}

.search-button-2:hover {
  filter: brightness(55%);
}

.search-overlay {
  z-index: 1400;
  align-items: flex-start;
  display: none;
  position: fixed;
  inset: 0 0% 0%;
}

.subsearchbar-link {
  color: #000;
  border-left: 3px solid #0000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.subsearchbar-link:hover {
  color: #2eb67c;
  background-color: #f1faf9;
  border-left: 3px solid #2eb67c;
}

.searchhhh {
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.search-form-container {
  width: 100%;
  height: 50px;
}

._2nd-sb-copy {
  z-index: 1450;
  background-color: #000;
  border-radius: 0 0 8px 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 90px;
  display: flex;
  position: relative;
}

.search-input-2 {
  color: #999;
  background-color: #0000;
  border: 1px solid #333;
  border-radius: 12px;
  width: 100%;
  height: 50px;
  margin-bottom: 0;
  font-weight: 300;
}

.search-input-2:focus {
  color: #fff;
  font-weight: 300;
}

.black-overlay {
  z-index: 55;
  background-color: #000000a8;
  position: fixed;
  inset: 0%;
}

.empty-state-4 {
  margin-top: 100px;
  margin-bottom: 200px;
}

.no-results {
  color: var(--purple-ui-1);
  background-color: #ffdfd5;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 40px;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

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

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

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

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

.link-block-5.in-article-author-bio.green-hover:hover {
  background-color: #2eb67c;
}

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

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

.link-block-5.in-article-author-bio.instagram-hover:hover {
  background-image: linear-gradient(160deg, #f9ce34, #ee2a7b 57%, #6228d7);
}

.link-block-5.in-article-author-bio.instagram-hover._36x36 {
  background-color: #676767;
  width: 36px;
  height: 36px;
}

.rte-in-collection {
  color: #111;
  width: 100%;
  font-size: 18px;
  line-height: 1.7;
}

.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.fs-18 {
  font-size: 18px;
}

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

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

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

.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 h2 {
  margin-top: 30px;
  margin-bottom: 14px;
  font-size: 28px;
  font-weight: 800;
}

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

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

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

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

.rte-in-collection a:hover {
  background-color: #771ee626;
}

.rte-in-collection li {
  color: #555;
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 18px;
  line-height: 1.7;
}

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

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

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

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

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

.rte-in-collection p {
  color: #555;
  margin-bottom: 24px;
  line-height: 1.7;
}

.rte-in-collection.hide {
  display: none;
}

.fw-700 {
  font-weight: 700;
}

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

.author-bio-wrapper {
  border-radius: .8rem;
  align-items: center;
  margin-bottom: 20px;
  padding: 20px 24px;
  display: flex;
}

.author-bio-wrapper:hover {
  background-color: #e5e5e5;
}

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

.html-embed-17._26x26 {
  width: 24px;
  height: 24px;
}

.embeddd-html-enchargeform {
  width: 100%;
  max-width: 400px;
  margin-bottom: 0;
}

.embeddd-html-enchargeform.no-max-width {
  max-width: none;
}

.paragraph-like-styling {
  color: #555;
  line-height: 1.7;
}

.wrapper-for-author-block {
  text-align: left;
  background-color: #fafafa;
  border-radius: 1rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 650px;
  margin-bottom: 140px;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem;
  display: flex;
}

.mr-3 {
  margin-right: 3px;
}

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

._100-width {
  width: 100%;
}

.navbar-wrap-of-buttons {
  align-items: center;
  display: flex;
}

.navbar-wrap-of-buttons.bubble-heads-with-stars {
  grid-column-gap: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.navbar-wrap-of-buttons.bubble-heads-with-stars.mt-0 {
  margin-top: 0;
}

.navbar-wrap-of-buttons.bubble-heads-with-stars.mt-0.mb-4 {
  margin-bottom: 4px;
}

.hero-homepage-flex {
  z-index: 10;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-top: 90px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.flex-hero-hh {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 900px;
  display: flex;
  overflow: visible;
}

.baby-blue-bg-body {
  background-color: #edf2ff;
}

.heading-1-bigger {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 54px;
}

.hero-image {
  z-index: 5;
  border: 1px solid #e5e5e5;
  border-bottom-color: #e5e5e500;
  border-radius: 20px 20px 0 0;
  width: 100%;
  max-width: 860px;
  margin-top: 60px;
  box-shadow: 0 1px 2px #0000001a;
}

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

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

.tabs {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1380px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.tabs-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: row;
  margin-bottom: 40px;
  display: flex;
}

.tab-link-tab-1 {
  color: var(--black);
  background-color: #fff0;
  border-radius: 12px 0 0 12px;
  padding: 24px;
}

.tab-link-tab-1:hover {
  background-color: #0000001a;
}

.tab-link-tab-1.w--current {
  color: #fff;
  background-color: #334155;
}

.smaller-h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
}

.tabs-content {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 100%;
}

.image-in-tab-video {
  aspect-ratio: 3 / 2;
  opacity: .95;
  border-radius: 12px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
}

.tab-link-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--black);
  text-align: left;
  background-color: #fff0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px;
  font-size: 16px;
  line-height: 1.6;
  display: flex;
}

.tab-link-2:hover {
  background-color: #0000001a;
}

.tab-link-2.w--current {
  color: #fff;
  background-color: #12062c;
}

.tab-link-2.baked.w--current {
  background-color: #12062c;
}

.selector-block-subheading {
  display: block;
}

.header-wrapper {
  flex-direction: column;
  align-items: center;
  margin-bottom: 100px;
  display: flex;
}

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

.header-wrapper.mb-60 {
  margin-bottom: 50px;
}

.header-wrapper.mb-60.mw-700 {
  max-width: 700px;
}

.header-wrapper.compare {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-bottom: 0;
  display: flex;
}

.header-wrapper.partnership {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-bottom: 0;
  display: flex;
}

.headingg.maxw-680 {
  max-width: 680px;
}

.headingg.compare {
  font-weight: 600;
}

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

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

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

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

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

.html-embed-icon.green-shield {
  color: #2eb67c;
}

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

.html-embed-icon.html-icon-for-pricing-card-2.purple-icon-for-enterprise {
  color: var(--purple-ui-1);
}

.html-embed-icon.html-icon-for-pricing-card-2.grey {
  color: #999;
}

.html-embed-icon.html-icon-for-pricing-card-2.red {
  color: #d74732;
}

.html-embed-icon.html-icon-for-pricing-card-2.compare-table {
  margin-top: 26px;
}

.html-embed-icon.homepage-hero-icon-1 {
  width: 50px;
  height: 50px;
  color: var(--peach);
  position: absolute;
  top: 44%;
  left: -20%;
  transform: rotate(-19deg);
}

.html-embed-icon.homepage-hero-icon-2 {
  width: 50px;
  height: 50px;
  color: var(--peach);
  position: absolute;
  top: 44%;
  left: auto;
  right: -20%;
  transform: rotate(-20deg);
}

.html-embed-icon.tick-icon-in-minigame {
  width: 40px;
  height: 40px;
}

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

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

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

.html-embed-icon.in-hiw-on-affiliate {
  width: 40px;
  height: 40px;
}

.upper-side-of-pricing-card {
  flex-direction: column;
  align-items: center;
  min-height: 130px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.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.w330 {
  width: 330px;
  display: none;
  left: auto;
}

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

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

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

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

.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 {
  color: #f64f59;
  background-color: #feeaeb;
}

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

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

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

.monthly-lifetime-tab-heading {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1;
}

.button-with-shadow {
  background-color: var(--purple-ui-1);
  color: #fff;
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  padding: 14px 20px 14px 10px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
  box-shadow: 0 4px 8px #e829294d;
}

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

.button-with-shadow.payment-button {
  text-align: center;
  border-radius: 8px;
  justify-content: center;
  width: 100%;
  height: 50px;
  margin-top: 40px;
  font-size: 16px;
  font-weight: 500;
}

.button-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-with-shadow.payment-button.highlighted-button {
  background-color: var(--purple-ui-1);
  margin-top: 0;
  margin-bottom: 10px;
  box-shadow: 0 4px 8px #e829294d;
}

.button-with-shadow.payment-button.highlighted-button:hover {
  background-color: var(--purple-ui-2);
}

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

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

.button-with-shadow.fs16 {
  font-size: 16px;
}

.button-with-shadow._100-width.fs-14 {
  font-size: 14px;
}

.button-with-shadow.cta-hero-of-tools {
  min-width: 210px;
  margin-top: 24px;
  font-size: 16px;
}

.button-with-shadow.cta-hero-of-tools.minw-260 {
  min-width: 260px;
}

.button-with-shadow.fs-16 {
  font-size: 16px;
}

.button-with-shadow.in-mbg-block {
  margin-top: 30px;
  font-size: 16px;
}

.button-with-shadow.in-mbg-block.mt-60 {
  margin-top: 60px;
}

.button-with-shadow.in-mbg-block.mt-60.minw-260 {
  min-width: 260px;
}

.button-with-shadow.navy-button {
  text-align: center;
  background-color: #15293d;
  border-radius: 10px;
  justify-content: center;
  width: 100%;
  height: 60px;
  margin-top: 40px;
  padding-right: 10px;
  font-size: 16px;
  font-weight: 500;
  box-shadow: 0 1px 2px #15293d4d;
}

.button-with-shadow.navy-button:hover {
  background-color: #246;
}

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

.button-with-shadow.navy-button.highlighted-button {
  background-color: var(--purple-ui-1);
  margin-top: 0;
  margin-bottom: 10px;
  box-shadow: 0 4px 8px #e829294d;
}

.button-with-shadow.navy-button.highlighted-button:hover {
  background-color: var(--purple-ui-2);
}

.flex-horizontal-center-center-3 {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.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: #278ef5;
  justify-content: flex-start;
}

.card-mine.on-affiliate {
  text-align: left;
  border-radius: 26px;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
}

.fw-600 {
  font-weight: 600;
}

.fw-600.fs-24 {
  letter-spacing: -.3px;
  font-size: 24px;
}

.fw-600.fs-18 {
  font-size: 18px;
}

.fw-600.fs-18.mb-10.left {
  text-align: left;
}

.hidden-2 {
  display: none;
}

.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.tooltip-wrapper-for-pricing-card-benefits {
  justify-content: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

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

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

.tab-link-billing-selector {
  color: #808292;
  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 {
  color: #000;
  background-color: #fff;
  box-shadow: 0 1px 1px #0000001f, 0 0 0 1px #3c42571a, 0 0 #3c42571a, 0 2px 5px #3c42571a;
}

.grey-text {
  color: #777;
  position: relative;
  overflow: visible;
}

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

.grey-text.text-size-regular {
  margin-top: 24px;
  margin-bottom: 24px;
}

.grey-text.comparison-page-version {
  width: 100%;
  font-size: 18px;
  line-height: 28px;
}

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

._100-width-2 {
  width: 100%;
  margin-top: 60px;
  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.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;
  position: static;
}

.benefit-wrapper-copy.extremes-but-on-tablet.wrapper-on-pricing-card-2.mb-40 {
  margin-bottom: 40px;
}

.benefit-wrapper-copy.on-affilaite {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 24px;
}

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

.button-white-with-shadow-2-alt {
  min-height: 46px;
  color: var(--black);
  background-color: #fff;
  border: .5px solid #ccc;
  border-radius: 8px;
  align-items: center;
  margin-top: 20px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  box-shadow: 0 1px 2px #0000001a;
}

.button-white-with-shadow-2-alt:hover {
  border-color: var(--purple-ui-1);
  color: var(--purple-ui-1);
}

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

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

.button-white-with-shadow-2-alt.button-pricing-card.mt-20 {
  margin-top: 20px;
}

.button-white-with-shadow-2-alt.show-all-faq {
  min-height: 50px;
  margin-top: 40px;
}

.button-white-with-shadow-2-alt.hero-button-secondary {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #767779;
  text-align: center;
  border-width: 1px;
  border-radius: 12px;
  justify-content: center;
  min-width: 260px;
  min-height: 58px;
  margin-top: 0;
  font-weight: 600;
  transition: all .2s;
  position: relative;
}

.button-white-with-shadow-2-alt.hero-button-secondary:hover {
  color: #000;
  border-width: 1px;
  border-color: #666;
}

.button-white-with-shadow-2-alt.button-card-below-pricing {
  text-align: center;
  justify-content: center;
  height: 50px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
}

.button-white-with-shadow-2-alt.button-card-below-pricing.mt-20 {
  margin-top: 20px;
}

.button-white-with-shadow-2-alt.contact-us-aff-subbanner {
  flex: none;
  margin-top: 0;
  margin-left: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

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

.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.competition-price {
  margin-bottom: 2px;
  margin-right: 5px;
  text-decoration: line-through;
}

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

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

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

.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.pricing-card-2-button {
  text-align: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  margin-top: 40px;
}

.price-for-pricing-card-v2 {
  visibility: hidden;
  margin-bottom: 0;
  margin-right: 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  display: block;
}

.price-for-pricing-card-v2.mb-0 {
  margin-bottom: 0;
}

.price-for-pricing-card-v2.hide {
  display: none;
}

.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: center;
  align-items: stretch;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.wrapper-for-pricing-for-badge {
  align-items: flex-end;
  margin-top: 30px;
  margin-bottom: 50px;
  font-size: 48px;
  font-weight: 700;
  display: flex;
  position: relative;
}

.heading-pricing-card-2 {
  color: #999;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

.hint {
  color: #999;
  font-size: 13px;
}

.hint.click-for-more-info-on-pricing-page-only-on-mobile {
  margin-top: 20px;
  display: none;
}

.hint.hint-text-below-buy-button {
  font-size: 12px;
  font-weight: 500;
}

.red-badge-navbar-button {
  color: #f64f59;
  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.badge-soon {
  color: #2eb67c;
  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;
}

.red-badge-navbar-button.red-badge-for-pricing-card-2 {
  width: 50px;
  top: -14px;
  right: -50px;
}

.most-popular-badge {
  color: #fff;
  background-color: #278ef5;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.most-popular-badge.badge-for-pricing-card-2 {
  background-color: var(--purple-ui-1);
  height: 30px;
  font-size: 14px;
}

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

.pricing-card-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  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: 24px;
  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(--purple-ui-1);
  box-shadow: 0 10px 40px #7c29e829, 0 1px 2px #2c324224, 0 0 1px #0003;
}

.pricing-card-2.horizontal-undercard {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
}

.billing-length-price {
  color: #555;
  margin-bottom: 2px;
  margin-left: 3px;
  font-weight: 500;
}

.wrapper-of-benefits {
  width: 100%;
  margin-top: 0;
}

.text-below-billing-selector {
  text-align: center;
  min-width: 224px;
  font-size: 14px;
  position: absolute;
  top: 60px;
  left: -123px;
}

.image-60 {
  border-radius: 100px;
  width: 32px;
  height: 32px;
  margin-right: 8px;
}

.wrapper-for-yearly-billing-details {
  color: #999;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  margin-left: 4px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

.wrapper-for-yearly-billing-details.hide {
  display: none;
}

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

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

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

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

.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.mw-800 {
  max-width: 800px;
}

.faq-wrapper-2.mw-800.mt-0.hide {
  display: none;
}

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

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

.faq-item-3 {
  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-3:hover {
  border-color: #278ef5;
}

.faq-item-3.faq-with-dropdown {
  color: #000;
  border-width: 1px 0 0;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  padding: 24px 0;
  position: relative;
}

.faq-item-3.faq-with-dropdown:hover {
  border-width: 1px 0 0;
  border-color: #ddd;
}

.faq-item-3.faq-with-dropdown.on-tools-page {
  border-width: 1px;
  border-radius: 12px;
  margin-bottom: 20px;
  padding: 30px;
}

.faq-item-3.faq-with-dropdown.on-tools-page:hover {
  background-color: #fafafa;
}

.faq-item-3.faq-with-dropdown.on-tools-page-more-faqs {
  color: var(--purple-ui-1);
  background-color: #f7f0ff;
  border-width: 3px;
  border-color: #ebdcff;
  border-radius: 12px;
  margin-bottom: 20px;
  padding: 30px;
}

.faq-item-3.faq-with-dropdown.on-tools-page-more-faqs:hover {
  background-color: #e2ccff;
}

.text-logo {
  text-align: left;
  letter-spacing: -.5px;
  font-size: 22px;
  font-weight: 700;
  line-height: .9;
}

.text-logo.text-logo-in-footer {
  font-size: 30px;
}

.explan-text-below-logo-footer {
  margin-top: 16px;
  font-size: 16px;
  line-height: 2;
}

.footer-right-column-content {
  grid-row-gap: 6px;
  text-align: right;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.footer-right-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 50%;
  display: grid;
}

.freshworks-freshdesk-live-chat-bubble {
  display: none;
}

.footer-left-2 {
  flex-direction: column;
  align-items: flex-start;
  width: 30%;
  display: flex;
}

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

.logo-button {
  padding-left: 0;
  transition: opacity .1s;
}

.logo-button:hover {
  opacity: .6;
}

.logo-button.logo-white {
  color: #fff;
}

.footer-2 {
  text-align: left;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.footer-link {
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 16px;
  font-weight: 400;
}

.footer-link:hover {
  background-color: #00000029;
}

.footer-link.footer-link-in-copyright {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.footer-link.footer-link-in-copyright:hover {
  background-color: #ffffff29;
}

.wc-3 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1380px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 24px;
  display: flex;
}

.copyright-text {
  color: #fff6;
  text-align: left;
  margin-top: 0;
  font-size: 14px;
  font-weight: 400;
}

.copyright-text.new {
  color: #fff;
}

.wrapper-of-socials {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.socials-link {
  color: #fff9;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  display: flex;
}

.socials-link:hover, .socials-link.new {
  color: #fff;
}

.flex-horizontal-top-left {
  align-items: flex-start;
  display: flex;
}

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

.hero-text-wrapper-2.blog-hero, .hero-text-wrapper-2.pricing-hero {
  margin-top: 0;
}

.hero-text-wrapper-2.tools-hero {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 0;
}

.hero-text-wrapper-2.minh-100vh {
  justify-content: flex-start;
  min-height: 100vh;
}

.hero-text-wrapper-2.gap24px {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

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

.subheading-2 {
  opacity: .7;
  margin-top: 0;
  font-size: 22px;
  line-height: 1.6;
}

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

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

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

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

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

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

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

.vertical-page-link-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 100%;
  color: var(--black);
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  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 #770fffb3, 0 3px 9px #0f93ff1a, 0 2px 5px #3c42571a;
}

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

.empty-state-5 {
  color: #278ef5;
  background-color: #eff7ff;
  border-radius: 12px;
  margin-top: 30px;
  padding: 40px 20px;
  font-weight: 500;
}

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

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

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

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

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

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

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

.wrapper-of-blog-categories-buttons {
  flex-flow: column wrap;
  align-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 0;
  display: flex;
}

.wrapper-of-blog-categories-buttons.mt-100 {
  margin-top: 100px;
}

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

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

.blue-text {
  color: #0f82f3;
}

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

.grid-of-3-100.hide {
  display: none;
}

.grid-of-quotes {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 95vw;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.grid-of-quotes.hide {
  display: none;
}

.quote-card {
  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: auto;
  padding: 0;
  font-size: 16px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #2c324224, 0 0 1px #0003;
}

.quote-card.highlighted-card {
  border-color: var(--peach);
  box-shadow: 0 10px 40px #ff895a24, 0 1px 2px #2c324224, 0 0 1px #0003;
}

.quote-card-section {
  color: #222;
  border-radius: 8px;
  width: 100%;
  padding: 20px;
  line-height: 1.7;
}

.quote-card-section._100-height {
  height: 100%;
}

.quote-card-section.higlighted {
  align-items: center;
  height: 100%;
  font-size: 20px;
  font-weight: 600;
  display: flex;
}

.div-block-271 {
  background-color: #ddd;
  width: 50%;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
}

.h1-homepage {
  font-size: 48px;
}

.h1-homepage.capitalize {
  color: #fff;
  text-align: left;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  line-height: 64px;
  overflow: hidden;
}

.flex-horizontal-center-right {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.flex-horizontal-center-right.navbar-upper-right {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  width: 100%;
}

.vertical-divider-navbar {
  background-color: #ddd;
  width: 1px;
  height: 29px;
}

.vertical-divider-navbar.hig-opac {
  background-color: #fff6;
  height: 15px;
  margin-left: 4px;
  margin-right: 4px;
}

.tab-pane {
  opacity: .95;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.flex-buttons-hero {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.flex-buttons-hero.mt-20 {
  margin-top: 20px;
}

.play-button-wrapper {
  background-color: #e2e4e3;
  border-radius: 100px;
  padding: 8px;
}

.hero-image-wrapper {
  margin-top: 60px;
  position: relative;
}

.gradient-behind-hero-image {
  width: 600px;
  height: 600px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.gradient-1 {
  z-index: 1;
  background-image: radial-gradient(circle at 100%, #f4ce94, #f4ce9400 41%);
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.gradient-1.gradient-3 {
  background-image: radial-gradient(circle at 0%, #e69b6c, #e69b6c00 25%);
}

.gradient-1.gradient-2 {
  background-image: radial-gradient(circle, #dcc1e4, #dcc1e400 42%);
}

.h1-wrapper-homepage {
  margin-top: 60px;
  position: relative;
}

.orange-text-span {
  color: #ff895a;
}

.wrapper-of-t-c-pp-content {
  text-align: left;
  max-width: 800px;
  margin-top: 60px;
}

._100-width-5 {
  width: 100%;
  margin-bottom: 0;
}

.modal-close {
  z-index: 100;
  cursor: pointer;
  background-color: #f6f7f9;
  background-image: url('../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-close.no-styling-just-wrapper {
  background-color: #f6f7f900;
  background-image: none;
  width: auto;
  height: auto;
  position: static;
}

.button-in-form-field-entry {
  cursor: pointer;
  border-radius: 12px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.button-in-form-field-entry:hover {
  background-color: #ebedf0;
}

.button-in-form-field-entry.settings-button-next-to-cta {
  color: #111;
  width: 52px;
  height: 52px;
  margin-right: 10px;
}

.modal-wrapper {
  flex: none;
  margin-top: 0;
  position: relative;
}

.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;
  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.button-with-shadow-rectangle {
  border-radius: 8px;
  margin-bottom: 0;
  font-weight: 500;
  box-shadow: 0 4px 8px #0099ff4d;
}

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

.modal {
  z-index: 1450;
  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%;
}

.modal.test-modal-visible {
  display: flex;
}

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

.tooltip-wrapper-2.on-quick-recap {
  padding-right: 0;
}

.modal-container {
  z-index: 1500;
  text-align: center;
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 700px;
  max-height: 95vh;
  margin: auto;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: auto;
  box-shadow: 0 0 5px #0000000d;
}

.modal-container.modal-minigame {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.flex-horizontal-center-right-2 {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  display: flex;
}

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

.icon-in-circle {
  color: #2eb67c;
  background-color: #d5f0e5;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-weight: 300;
  display: flex;
}

.icon-in-circle.exclamation-icon-in-minigame {
  color: #f8bb86;
  background-color: #ffe9d6;
}

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

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

.time-estimate-text-in-button {
  opacity: .5;
  margin-top: 1px;
  font-size: 13px;
  line-height: 1;
}

.html-minigame {
  width: 100%;
  max-width: 800px;
}

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

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

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

.modal-close-2 {
  cursor: pointer;
  background-color: #f6f7f9;
  background-image: url('../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-2:hover {
  background-color: #ebedf0;
}

.link-text-span-white-on-hover {
  color: #fff6;
}

.link-text-span-white-on-hover:hover {
  color: #fff;
  text-decoration: underline;
}

.wrapper-copyright-text-safe-payments {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  display: flex;
}

.modal-wrapper-2 {
  margin-top: 0;
}

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

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

.modal-2.test-modal-visible {
  display: flex;
}

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

.modal-container-2 {
  z-index: 1400;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 900px;
  max-height: 85vh;
  margin: auto;
  padding: 50px 40px 40px;
  display: flex;
  position: relative;
  overflow: auto;
  box-shadow: 0 0 5px #0000000d;
}

.modal-container-2.modal-aligned-left-for-video-on-hero {
  color: #111;
  text-align: left;
  border-radius: 18px;
  align-items: flex-start;
  max-width: 800px;
  margin-top: 0;
  font-size: 18px;
  line-height: 1.7;
}

.modal-close-3 {
  cursor: pointer;
  background-color: #f6f7f9;
  background-image: url('../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-3:hover {
  background-color: #ebedf0;
}

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

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

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

.lazy-yt-wrapper.maxh-video-homepage {
  max-height: 252px;
}

.lazy-youtube {
  border-radius: 12px;
  width: 100%;
  height: 100%;
  box-shadow: 0 2px 5px #0000001a;
}

._60-opacity-text {
  opacity: .6;
}

._60-opacity-text._2 {
  font-weight: 300;
}

._60-opacity-text.calculator-text {
  margin-top: 2.5rem;
  font-weight: 300;
}

.wrapper-for-pricing-plan-title-and-badge {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.badge-for-x-months-free {
  color: var(--ui-green);
  background-color: #eefcf6;
  border: 1px solid #eefcf6;
  border-radius: 100px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
}

.badge-for-x-months-free.disabled-grey {
  color: #2a2b32;
  background-color: #e2e2e4;
}

.wrapper-for-minigame {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.pre-header-on-homepage {
  color: var(--lighter-purple);
  font-family: Kalam;
  font-size: 26px;
}

.pre-header-on-homepage.preheader-on-tools {
  font-size: 20px;
}

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

.hero-h1-text {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 43px;
}

.hero-h1-text.hero-h1-on-tools {
  margin-top: 3px;
  margin-bottom: 24px;
}

.hero-v2-left {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 59%;
  margin-right: 5%;
  display: flex;
  overflow: visible;
}

.hero-v2-left.hero-left-on-tools {
  width: 45%;
}

.hero-homepage-flex-v2 {
  z-index: 18;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 200px;
  margin-bottom: 200px;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.hero-video-wrapper {
  color: #cecece;
  text-align: center;
  background-color: #555;
  border-radius: 37px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 400px;
  padding: 20px;
  font-size: 13px;
  display: flex;
  box-shadow: 0 1px 2px #0000001a;
}

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

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

.image-61 {
  width: 100%;
}

.play-button-wrapper-2 {
  z-index: 10;
  background-color: #1d1d1d;
  border-radius: 100px;
  padding: 18px;
  position: relative;
}

.hero-right-element {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33.3%;
  display: flex;
}

.hero-right-element.hero-right-on-tools {
  width: 50%;
}

.social-proof-under-video {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.image-head-sp {
  object-fit: cover;
  border: 3px solid #fff;
  border-radius: 100px;
  width: 56px;
  height: 56px;
  margin-left: -14px;
}

.image-head-sp.not-first-one {
  object-fit: cover;
  margin-left: -14px;
}

.image-head-sp.first-one {
  margin-left: 0;
}

.ribbon-entry-icon-3 {
  color: #2eb67c;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-bottom: 0;
  margin-right: 4px;
  display: flex;
}

.ribbon-entry-icon-3.star-icon {
  color: #2eb67c;
  width: 14px;
  height: 14px;
  margin-right: 2px;
}

.ribbon-entry-icon-3.star-icon.yellow-star {
  color: #facc15;
}

.ribbon-entry-icon-3.star-icon.white-text {
  color: #fff;
}

.ribbon-entry-icon-3.star-icon.red-star {
  color: #f61c0d;
}

.text-block-1339 {
  opacity: .6;
}

.logo_component-slider {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 3350px;
  display: flex;
  overflow: hidden;
}

.logo-slider-img {
  opacity: .8;
}

.logo-slider-img.g-logo {
  margin-top: 4px;
}

.logo-slider-img.a-logo {
  filter: brightness(0%) invert() grayscale();
}

.logo-slider-img.cn-logo, .logo-slider-img.disc-logo {
  filter: invert();
}

.strip-of-logos-wrapper {
  background-color: #000;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.strip-of-logos-wrapper.mt-mb-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.strip-of-logos-wrapper.on-homepage {
  padding-top: 0;
  padding-bottom: 60px;
}

.strip-of-logos-wrapper.strip-of-logos-homepage {
  padding-top: 0;
  padding-bottom: 40px;
  display: block;
}

.strip-of-logos-wrapper.strip-of-logos-homepage.baked {
  background-color: #12062c;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.hero-gradient {
  z-index: 10;
  opacity: .9;
  background-image: radial-gradient(circle at 20% 60%, #000000a1 18%, #0000 60%), linear-gradient(#000c 15% 49%, #0009 95%, #000);
  position: absolute;
  inset: 0%;
}

.hero-background-img-perspective {
  z-index: 5;
  perspective: 500px;
  position: absolute;
  inset: 0%;
  transform: none;
}

.hero-background-img-wrapper {
  z-index: 5;
  height: 100%;
  transform-style: preserve-3d;
  transform: scale(1.1)rotateX(364deg)rotateY(353deg)rotateZ(13deg)perspective(500px);
}

.strip-row {
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  transform: translate(-260px, -30px);
}

.image-62 {
  background-color: #ffffff5e;
  border-radius: 17px;
  width: 355px;
  height: 165px;
  margin: 6px;
  padding: 6px;
  transform: skew(-5deg);
}

.hero-gradient-v2 {
  z-index: 10;
  background-image: linear-gradient(#00000080 15%, #000000b8 31%, #000000d9 73%, #00000080 87%, #000);
  position: absolute;
  inset: 0%;
}

.hero-gradient-v3 {
  z-index: 10;
  opacity: .9;
  background-image: linear-gradient(to right, #000000e6 11%, #000c 72%);
  position: absolute;
  inset: 0%;
}

.badge-for-rating-2 {
  color: #777;
  border: .5px solid #dfe0e5;
  border-radius: 100px;
  align-items: center;
  margin-top: 2px;
  padding: 4px 6px;
  font-size: 12px;
  display: flex;
  box-shadow: 0 1px 2px #00000014;
}

.badge-for-rating-2.red-star {
  border-color: #000;
}

.hero-video-wrapper-white {
  color: #808292;
  text-align: center;
  background-color: #fff;
  border-radius: 37px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 400px;
  padding: 20px;
  font-size: 13px;
  display: flex;
  box-shadow: 0 1px 2px #0000001a;
}

.testimonial-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 400px;
  display: flex;
}

.testimonial-wrapper.below-pricing-cards {
  max-width: 590px;
  margin-top: 80px;
}

.testimonial-wrapper.ms-testimonial {
  max-width: none;
  margin-top: 60px;
}

.testimonial-text {
  font-size: 20px;
  font-style: italic;
  font-weight: 300;
}

.testimonial-text.maxw-600 {
  max-width: 600px;
}

.testimonial-author-pic {
  object-fit: cover;
  border-radius: 100px;
  width: 60px;
  height: 60px;
}

.testimonial-author-pic.small {
  width: 24px;
  height: 24px;
  margin-left: -7px;
}

.testimonial-author-pic.tp-pink {
  background-color: #fddce5;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 800;
  display: flex;
}

.testimonial-author-name {
  font-size: 16px;
  font-weight: 500;
}

.text-block-1340 {
  font-weight: 300;
}

.testimonial-author-logo-pic {
  object-fit: cover;
  background-color: #fff;
  border-radius: 100px;
  width: 34px;
  height: 34px;
  margin-top: 34px;
  margin-left: -34px;
  position: relative;
  box-shadow: 0 1px 2px #0000001a;
}

.testimonial-author-logo-pic.small {
  width: 24px;
  height: 24px;
  margin-left: -7px;
}

.grid-of-3-testimonials {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-of-3-testimonials.with-video-in-center {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns: 1fr 1.5fr 1fr;
}

.grid-of-3-testimonials.with-video-in-center.margin-top {
  margin-top: 100px;
}

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

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

.vertical-page-link-block-2 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 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-2:hover {
  box-shadow: 1px 0 1px #0000001f, 0 0 0 1px #0f93ffb3, 0 3px 9px #0f93ff1a, 0 2px 5px #3c42571a;
}

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

.hero-image-on-tools {
  border-radius: 12px;
  margin-top: 60px;
}

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

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

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

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

.modal-3 {
  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-3.modal-upload-document {
  z-index: 1501;
  background-color: #00000080;
  padding: 10px 0;
  display: none;
}

.modal-wrapper-3 {
  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;
}

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

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

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

.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 {
  justify-content: center;
  align-items: center;
  font-size: 12px;
}

.text-block-1341 {
  text-align: center;
  width: 100%;
  margin-right: 0;
  padding-left: 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-21 {
  width: 100%;
  height: 100%;
}

.modal-container-3 {
  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-3.upload-document-modal {
  justify-content: flex-start;
  align-items: center;
  height: 60vh;
  padding: 0;
  display: flex;
  overflow: auto;
}

.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(--purple-ui-1);
  text-decoration: underline;
}

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

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

.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: 10px;
  display: flex;
}

.toc-wrapper-2 {
  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;
}

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

.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-3 {
  flex: none;
  width: 60px;
  height: 60px;
  margin-right: 0;
  padding: 10px;
}

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

.icon-for-feature-block.in-ht-block-2.no-margin {
  margin-bottom: 0;
}

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

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

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

.hero-tools {
  z-index: 20;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
}

.step-by-step-pillbox {
  z-index: 30;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 2px solid var(--purple-ui-2);
  width: 100%;
  max-width: 1140px;
  color: var(--black);
  text-align: left;
  background-color: #fff;
  border-radius: 37px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr 1fr .25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 20px;
  display: flex;
  position: relative;
  top: -55px;
  box-shadow: 0 2px 5px #e829291a;
}

.step-by-step-pillbox:hover {
  border-color: var(--purple-ui-2);
  background-color: #e5e5e5;
}

.step-by-step-pillbox.baked {
  top: auto;
}

.hiw-step-entry {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  width: 100%;
  display: flex;
}

.social-proof-in-hero-pricing {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.social-proof-in-hero-pricing.mt-40 {
  margin-top: 40px;
}

.image-head-sp-homepage {
  object-fit: cover;
  border: 3px solid #fff;
  border-radius: 100px;
  width: 50px;
  height: 50px;
  margin-left: -14px;
}

.image-head-sp-homepage.not-first-one {
  object-fit: cover;
  margin-left: -14px;
}

.image-head-sp-homepage.first-one {
  margin-left: 0;
}

.hero-text-wrapper-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 910px;
  margin-top: 40px;
  margin-bottom: 140px;
  display: flex;
}

.hero-text-wrapper-3.blog-hero, .hero-text-wrapper-3.pricing-hero {
  margin-top: 0;
}

.hero-text-wrapper-3.tools-hero {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 0;
}

.hero-text-wrapper-3.minh-100vh {
  justify-content: flex-start;
  min-height: 100vh;
}

.hero-text-wrapper-3.gap24px {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.hero-text-wrapper-3.gap-0 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.hero-text-wrapper-3.gap-16px {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

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

._4-videos {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  width: 100%;
  max-width: 1000px;
  margin-top: 50px;
  margin-bottom: 60px;
  display: grid;
}

._4-videos.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.card-for-videos {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  letter-spacing: 0;
  background-color: #fff;
  border: 2px solid #0000;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px;
  font-size: 16px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #2c324224, 0 0 1px #0003;
}

.card-for-videos.highlighted-card {
  border-color: var(--purple-ui-1);
  box-shadow: 0 10px 40px #e8292929, 0 1px 2px #2c324224, 0 0 1px #0003;
}

.card-for-videos.made-into-a-link {
  color: var(--black);
  cursor: pointer;
  border-width: 1px;
  justify-content: center;
}

.card-for-videos.made-into-a-link:hover {
  background-color: #eee;
  border-color: #777;
}

.card-for-videos.maxw {
  max-width: 800px;
}

.quote-text {
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 24px;
  font-style: italic;
  font-weight: 300;
  display: flex;
}

._2-hero-img {
  z-index: 5;
  display: none;
  position: absolute;
  inset: auto 0%;
}

._2-hero-img:hover {
  background-image: linear-gradient(#ffffff80, #ffffff80);
}

.hover-effect-on-hero-img {
  z-index: 11;
  position: absolute;
  inset: 0%;
}

.hover-effect-on-hero-img:hover {
  background-color: #ffffff80;
}

.ribbon-at-top-of-page {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: #fffc;
  background-color: #00000061;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 36px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 400;
  display: flex;
}

.div-block-272 {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.pillbox-wrapper {
  z-index: 30;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
}

.image-63 {
  margin-top: 2px;
}

.badge-for-x-months-free-v2 {
  color: #2db67d;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 4px 6px;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 1px 2px #0000001a;
}

.div-block-273 {
  z-index: 10;
  background-color: #000;
  justify-content: center;
  align-items: flex-start;
  display: block;
  position: relative;
}

.div-block-273.no-bg {
  background-color: #0000;
}

.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%;
  max-width: 1000px;
  margin-top: 40px;
  margin-bottom: 0;
  padding: 40px;
  display: grid;
}

.box-pricing-message.guarantee-message {
  background-color: #f0fdf4;
  max-width: 1000px;
  margin-bottom: 0;
}

.box-pricing-message.mt-60 {
  margin-top: 60px;
}

.box-pricing-message.mt-100 {
  margin-top: 100px;
}

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

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

.card-logos-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 4px;
  display: flex;
}

.copyright-2 {
  color: #cecece;
  align-self: flex-start;
  font-size: 15px;
}

.card-image {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  max-width: 40px;
  padding: 2px 4px;
}

.card-image.text-card-image {
  color: #aaa;
  max-width: none;
  font-size: 12px;
}

.tiktoks-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: grid;
}

.tiktok-img {
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  max-height: 420px;
}

.tt-video-wrapper {
  color: var(--black);
  border: 1px solid #eee;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 4px;
  font-size: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #0003;
}

.tt-video-wrapper:hover {
  filter: brightness(122%);
  background-color: #eee;
}

.div-block-274 {
  width: 100%;
  padding: 20px;
}

.text-block-1343 {
  margin-top: 10px;
  padding: 20px;
}

.play-button-wrapper-3 {
  z-index: 10;
  background-color: var(--purple-ui-1);
  border-radius: 100px;
  padding: 18px;
  position: absolute;
}

.tiktok-img-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.image-64 {
  border-radius: 4px;
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 4px;
  right: 4px;
}

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

.block-why {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 30px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  font-size: 16px;
  line-height: 1.6;
  display: flex;
}

.div-image-why-emoji {
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 66.6%;
  font-size: 60px;
  display: flex;
  position: relative;
}

.div-why-emoji {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 100px;
}

.heading-3-style-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
}

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

.span-link-green:hover {
  background-color: #2eb67c26;
}

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

.span-link-green.no-underline-flex-horizontal.fs-16 {
  font-size: 16px;
}

.span-link-green.no-underline-flex-horizontal {
  color: #333;
  border-bottom-width: 0;
  align-items: center;
  margin-bottom: 5px;
  display: flex;
}

.heading-3-style {
  font-size: 36px;
}

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

.video-embed-youtube {
  border-radius: 12px;
  margin-top: 26px;
  margin-bottom: 26px;
  overflow: hidden;
}

.video-embed-youtube.margin-bottom-0 {
  margin-bottom: 0;
}

.video-embed-youtube.margin-bottom-0.margin-top-0 {
  margin-top: 0;
}

.video-embed-youtube.margin-bottom-0.margin-top-0.all-features {
  height: 190px;
}

.hero-text-wrapper-on-features-pages {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 880px;
  margin-top: 40px;
  margin-bottom: 0;
  display: flex;
}

.hero-text-wrapper-on-features-pages.blog-hero, .hero-text-wrapper-on-features-pages.pricing-hero {
  margin-top: 0;
}

.hero-text-wrapper-on-features-pages.tools-hero {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 0;
}

.hero-text-wrapper-on-features-pages.minh-100vh {
  justify-content: flex-start;
  min-height: 100vh;
}

.hero-text-wrapper-on-features-pages.gap24px {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.hero-text-wrapper-on-features-pages.gap-0 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.hero-text-wrapper-on-features-pages.gap-16px {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.hero-text-wrapper-on-features-pages.no-mw {
  max-width: none;
}

.hero-text-wrapper-on-features-pages.mt-140 {
  margin-top: 140px;
}

.hero-text-wrapper-on-features-pages.mt-140.mb-40 {
  margin-bottom: 40px;
}

.hero-text-wrapper-on-features-pages.mt-140.mb-40.clear {
  margin-top: 0;
}

.hero-text-wrapper-on-features-pages.mb-100-mt-0 {
  margin-top: 0;
  margin-bottom: 100px;
}

.hero-text-wrapper-on-features-pages.mb-100-mt-0.hide {
  display: none;
}

.hero-text-wrapper-on-features-pages.bigger-size {
  max-width: 1000px;
}

.hero-text-wrapper-on-features-pages.margin-bottom {
  margin-top: 0;
  margin-bottom: 40px;
}

.lr-element {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 140px;
  display: flex;
}

.lr-element.reverted-rl {
  flex-flow: row-reverse;
}

.lr-text {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 440px;
  display: flex;
}

.image-65 {
  object-fit: contain;
  width: 50%;
}

.grid-with-links-to-all-features {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.white-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--black);
  text-align: left;
  border: 1px solid #ddd;
  border-radius: 12px;
  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;
}

.link-text-span-underline {
  color: #fff;
  text-decoration: underline;
}

.link-text-span-underline:hover {
  opacity: .7;
}

.span-highlighter-yellow {
  background-color: #fff6b3;
  padding-left: 3px;
  padding-right: 3px;
}

.image-gif-on-features-page {
  aspect-ratio: 16 / 9;
  opacity: .95;
  border-radius: 12px;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
}

.grid-of-2-testimonials {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-of-2-testimonials._100-width.gap-30 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

._3-hero-img {
  z-index: 5;
  display: none;
  position: absolute;
  inset: auto 0%;
}

._3-hero-img:hover {
  background-image: linear-gradient(#ffffff80, #ffffff80);
}

.dropdown-toggle-2-copy {
  color: #111;
  letter-spacing: 0;
  padding: 20px 10px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}

.dropdown-toggle-2-copy:hover {
  color: #2eb67c;
}

.dropdown-toggle-2-copy.w--current {
  color: #fff;
}

.dropdown-toggle-2-copy.mr-4 {
  margin-right: 4px;
}

.dropdown-link {
  color: #000;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 10px;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.dropdown-link:hover {
  color: var(--purple-ui-1);
  background-color: #7c29e826;
}

.dropdown-link.w--current {
  color: #000;
}

.dropdown-link.be-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #666;
}

.dropdown-link.be-link:hover {
  color: var(--purple-ui-1);
}

.dropdown-list-wrapper.w--open {
  background-color: #ddd0;
  padding-top: 20px;
  padding-bottom: 20px;
  right: 0;
}

.dropdown-list-wrapper.open-from-left.w--open {
  left: 0;
  right: auto;
}

.affiliates-big-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: linear-gradient(90deg, #dec4ff, #e6f5f9);
  border-radius: 26px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  min-height: 590px;
  margin-top: 100px;
  padding: 10px;
  display: grid;
}

.affiliates-big-block._2 {
  background-color: #010907;
  background-image: none;
  margin-top: 0;
}

.affiliates-big-block.blog-cta {
  background-image: url('../images/01-gradient.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 650px;
  min-height: auto;
  margin-top: 0;
  margin-bottom: 1.5rem;
  padding: 2rem 30px;
  display: flex;
}

.affiliates-big-block.blog-cta._2 {
  background-image: url('../images/13-gradient.jpg');
  background-position: 50% 30%;
  display: none;
}

.affiliates-big-block.blog-cta._3 {
  background-image: url('../images/04-gradient.jpg');
  background-position: 50% 60%;
  display: none;
}

.affiliates-big-block.blog-cta.hide {
  display: none;
}

.affiliates-big-block.blog-cta._4 {
  background-image: url('../images/cta12.png');
}

.affiliates-big-block.blog-cta._5 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  cursor: pointer;
  background-image: url('../images/cta.png');
  border-radius: 1rem;
  display: flex;
}

.affiliates-big-block.blog-cta._5.hide {
  display: none;
}

.table-wrapper-2-tiers {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #00000014;
  border: 1px solid #0003;
  border-radius: 12px;
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  padding: 24px;
  font-size: 16px;
  display: grid;
}

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

.divider-in-affiliate-table {
  opacity: .2;
  background-color: #000;
  width: 100%;
  height: 1px;
}

.wrapper-arrow-affiliate-left {
  color: #fff;
  background-color: #0003;
  border-radius: 100px;
  padding: 6px;
}

.paragraph {
  opacity: .6;
  font-size: 14px;
  line-height: 2;
}

.flex-vertical-center-bottom-100 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.wrapper-of-ba-block {
  cursor: col-resize;
  width: 100%;
  max-width: 1100px;
  position: relative;
  overflow: hidden;
}

.slider-comparison {
  position: absolute;
  inset: 0%;
}

.before-wrapper {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.before-image {
  border: 1px solid #ddd;
  border-radius: 18px;
  width: 100%;
  padding: 40px 100px;
  position: absolute;
  inset: 0%;
}

.after-wrapper {
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.after-image-inner {
  border: 1px solid #ddd;
  border-radius: 18px;
  width: 100%;
  padding: 40px 100px;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.divider-line-ba-block {
  background-color: #666;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 2px;
  margin-left: -2px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.after-image {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.image-66 {
  opacity: 0;
  width: 100%;
  padding: 40px 100px;
}

.before-after-badge {
  background-color: var(--ui-green);
  color: #fff;
  border-radius: 8px;
  width: 70px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 16px;
  font-weight: 500;
  position: absolute;
  left: 10px;
}

.before-after-badge.before-badge {
  background-color: var(--grey-text);
  left: -80px;
}

.button-fb {
  color: #fff;
  text-align: center;
  background-color: #e04a42;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  box-shadow: 0 1px 2px #0000001a;
}

.button-fb:hover {
  background-color: var(--purple-ui-2);
}

.button-fb.button-form-in-sidebar-and-toc {
  color: #3a424d;
  text-align: center;
  background-color: #f0f0f2;
  justify-content: center;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
}

.button-fb.button-form-in-sidebar-and-toc:hover {
  background-color: #e1e1e6;
}

.button-fb.button-neon {
  color: #222;
  background-color: #a7ff00;
  justify-content: center;
  width: 100%;
  font-weight: 600;
}

.button-fb.button-neon:hover {
  background-color: #8ed900;
}

.button-fb.button-neon.button-sidebar-cta {
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 600;
}

.button-fb._100-width {
  width: 100%;
}

.button-fb.hero-button {
  background-color: var(--purple-ui-1);
  min-width: 260px;
  height: 58px;
  padding-left: 28px;
  padding-right: 28px;
  font-size: 16px;
  box-shadow: 0 4px 16px #e85f294d, 0 1px 2px #0000001a;
}

.button-fb.hero-button:hover {
  background-color: var(--purple-ui-2);
}

.button-fb.hero-button.on-video-modal {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.button-fb.red-button-yt-red {
  background-color: #e82a2a;
  height: 65px;
  padding-left: 28px;
  padding-right: 28px;
  font-size: 18px;
}

.button-fb.red-button-yt-red:hover {
  background-color: var(--purple-ui-2);
}

.button-fb.on-hero-right {
  background-color: var(--purple-ui-1);
  height: 56px;
  margin-top: 20px;
  padding-left: 28px;
  padding-right: 28px;
  font-size: 16px;
  box-shadow: 0 4px 16px #e85f294d, 0 1px 2px #0000001a;
}

.button-fb.on-hero-right:hover {
  background-color: var(--purple-ui-2);
}

.button-fb.on-hero-right.on-video-modal {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.button-fb._222 {
  background-color: #e82929;
}

.text-inside-cta-button {
  background-color: var(--purple-ui-1);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 15px;
  display: flex;
}

.text-inside-cta-button:hover {
  background-color: var(--purple-ui-2);
}

.text-inside-cta-button.in-navbar-link {
  border-radius: 100px;
  padding: 12px;
  font-size: 15px;
}

.text-inside-cta-button.fs-14 {
  background-color: #1e9a80;
  font-size: 14px;
}

.text-inside-cta-button.disable {
  color: #7b7b7b;
  background-color: #efefef;
}

.text-inside-cta-button.more-width {
  padding-left: 56px;
  padding-right: 56px;
}

.text-inside-cta-button.rounded {
  border-radius: 70px;
  padding: 15px 30px;
}

.dropdown-list-navbar-item {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 16px;
  min-width: 220px;
  max-height: 90vh;
  padding: 4px;
  overflow: auto;
  box-shadow: 0 3px 5px #00000014;
}

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

.dropdown-list-navbar-item.mega-menu-wrawpper.w--open {
  z-index: 1000;
  background-color: #0000;
  border-width: 0;
  width: 1060px;
  min-width: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  box-shadow: 0 3px 5px #0000;
}

.dropdown-list-navbar-item.for-browser-extension {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 350px;
  display: flex;
}

.laurel {
  opacity: .8;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  line-height: 1.2;
  display: flex;
  position: relative;
}

.laurel-img {
  filter: invert();
  width: 200px;
}

.laurel-text {
  letter-spacing: .2px;
  font-size: 13px;
  font-weight: 700;
  position: absolute;
  top: 8px;
}

.badge-for-laurel {
  color: #777;
  border-radius: 100px;
  align-items: center;
  font-size: 12px;
  display: flex;
  position: absolute;
  bottom: 6px;
  box-shadow: 0 1px 2px #00000014;
}

.white-block-2 {
  color: #111;
  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-2:hover {
  background-color: #fafafa;
  border-color: #3a424d;
}

.text-block-70 {
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 600;
}

.text-block-1344 {
  color: #b88d22;
  text-transform: none;
  background-color: #ffd05a3b;
  border: 2px solid #dab250;
  border-radius: 100px;
  padding: 8px 20px;
  font-size: 24px;
  font-weight: 600;
}

.image-in-earnings-block {
  height: 40px;
}

.white-block-in-earnings-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: var(--black);
  text-align: left;
  text-transform: uppercase;
  border: 1px solid #ddd;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  font-size: 16px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.white-block-in-earnings-block:hover {
  background-color: #fafafa;
  border-color: #3a424d;
}

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

.grid-of-3-earnings-block.with-video-in-center {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns: 1fr 1.5fr 1fr;
}

.wrapper-for-purple-icon {
  color: var(--purple-ui-1);
  background-color: #b780ff52;
  border-radius: 100px;
  padding: 20px;
}

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

.last-30d-badge {
  color: #566f8f;
  text-transform: uppercase;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 100px;
  margin-bottom: 8px;
  padding: 10px 15px;
  box-shadow: 0 1px 2px #0000000a;
}

.extra-views-highlight {
  background-image: linear-gradient(90deg, #feff92 3%, #b4ff6c 96%);
  border-radius: 100px;
  justify-content: flex-end;
  align-items: center;
  padding: 3px 20px 6px;
  line-height: 1;
  transition: all .2s;
  display: inline-flex;
}

.fs-rangeslider_fill {
  background-color: #771ee6;
  border-radius: 999px;
  width: 20%;
  height: 100%;
  position: absolute;
}

.fs-rangeslider_handle {
  z-index: 1;
  cursor: grab;
  background-color: #5c2aff;
  border-radius: 100rem;
  flex: none;
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 1px 1px 12px #0003;
}

.fs-rangeslider_handle:focus {
  background-color: #5c2aff;
}

.fs-rangeslider_handle.is-pink {
  background-color: #771ee6;
}

.fs-rangeslider_track {
  background-color: #1a1a1a;
  border-radius: 999rem;
  height: 1rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.fs-rangeslider_input {
  display: none;
}

.fs-rangeslider_handle-value {
  text-align: center;
  border-radius: 14px;
  margin-top: 3.25rem;
  margin-bottom: -5.25rem;
  margin-left: -.3rem;
  padding: 1rem;
  font-size: 1rem;
  line-height: 1.2;
  position: absolute;
  inset: 0 auto 0% -55%;
}

.fs-rangeslider_wrapper {
  align-items: center;
  margin-left: 60px;
  margin-right: 60px;
  padding-top: 48px;
  padding-bottom: 64px;
  display: block;
  position: relative;
}

.fs-rangeslider_form {
  width: 100%;
  margin-bottom: 0;
}

.fs-range_values {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 2.5rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.sub-number {
  white-space: nowrap;
  font-size: 1rem;
}

.sub-count {
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  top: 4rem;
}

.custom-pricing {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
}

.hm-yt-subs {
  text-align: left;
  margin-bottom: 60px;
  margin-right: auto;
  font-size: 20px;
}

._50m-subs {
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  top: 4rem;
}

.current-increment {
  width: 0;
  height: 0;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.lbh-block {
  background-color: #fff;
  border-radius: 36px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 100px;
  padding: 60px;
  display: flex;
  box-shadow: 0 20px 20px #0003, 0 5px 11px #0000001a;
}

.lbh-text {
  max-width: 920px;
  margin-top: 0;
  margin-bottom: 0;
}

.text-span {
  color: #ff999a;
  background-color: #feeaea;
  border-radius: 100px;
  padding: 0 20px 6px;
  display: inline-flex;
}

.maxpotential-subh {
  color: var(--grey-text);
  margin-top: 20px;
  margin-bottom: 60px;
  font-size: 36px;
}

.lbh-block-icon {
  color: #f1ab47;
  background-color: #fef1de;
  border-radius: 20px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  padding: 20px;
  font-size: 40px;
  display: flex;
}

.grid-of-3-vert-on-tablet {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

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

.affiliates-sub-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  background-image: linear-gradient(90deg, #dec4ff, #e6f5f9);
  border-radius: 26px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  padding: 10px 10px 10px 20px;
  font-size: 16px;
  line-height: 2;
  display: flex;
}

.affiliates-sub-block.sticky {
  z-index: 10;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-right: 20px;
  position: static;
  inset: auto 0% 0%;
}

.affiliates-sub-block.v2 {
  border-radius: 20px;
  margin-top: 0;
  padding-right: 20px;
}

.or-text {
  margin-left: 20px;
  margin-right: 20px;
}

.wrapper-for-divider-with-or {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-subbanner-aff {
  opacity: .6;
  max-width: 520px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.text-block-subbanner-aff.v2 {
  max-width: none;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 24px;
}

.hero-text-wrapper-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 910px;
  margin-top: 0;
  margin-bottom: 50px;
  display: flex;
}

.hero-text-wrapper-4.blog-hero, .hero-text-wrapper-4.pricing-hero {
  margin-top: 0;
}

.hero-text-wrapper-4.tools-hero {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 0;
}

.hero-text-wrapper-4.minh-100vh {
  justify-content: flex-start;
  min-height: 100vh;
}

.hero-text-wrapper-4.gap24px {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.hero-text-wrapper-4.gap-0 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.hero-text-wrapper-4.gap-16px {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

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

.bubble-quote-wrapper {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  letter-spacing: 0;
  background-color: #fff;
  border: 2px solid #0000;
  border-radius: 50px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 700px;
  margin-top: 60px;
  padding: 12px;
  font-size: 16px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #2c324224, 0 0 1px #0003;
}

.bubble-quote-wrapper.highlighted-card {
  border-color: var(--purple-ui-1);
  box-shadow: 0 10px 40px #7c29e829, 0 1px 2px #2c324224, 0 0 1px #0003;
}

.bubble-quote-wrapper.horizontal-undercard {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
}

.pl-pr-10 {
  padding-left: 10px;
  padding-right: 10px;
}

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

.image-100-br {
  border-radius: 18px;
  width: 100%;
}

.image-100-br.mobile-90 {
  z-index: 2;
  display: block;
}

.service-video-hiw-wrapper {
  background-color: #fff;
  border-radius: 24px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 120px;
  padding: 12px;
  display: flex;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 2px #0000001a;
}

.service-video-hiw {
  border-radius: 12px;
  width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 2px #0000001a;
}

.pricing-card-2-service {
  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%;
  max-width: 450px;
  padding: 24px;
  font-size: 16px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #2c324224, 0 0 1px #0003;
}

.pricing-card-2-service.highlighted-card {
  border-color: var(--purple-ui-1);
  box-shadow: 0 10px 40px #7c29e829, 0 1px 2px #2c324224, 0 0 1px #0003;
}

.pricing-card-2-service.horizontal-undercard {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
}

.text-block-1345 {
  color: var(--grey-text);
  background-color: #dbddee;
  border-radius: 100px;
  padding-top: 2px;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 8px;
  position: absolute;
  top: -5px;
  right: 1px;
}

.image-in-tab-video-upd {
  aspect-ratio: 16 / 9;
  opacity: .95;
  border-radius: 12px;
  width: 95%;
  min-height: 670px;
  margin-left: auto;
  margin-right: auto;
}

.image-in-tab-video-upd.mt-mb-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.image-in-tab-video-upd.all-features {
  width: 100%;
  height: 190px;
  min-height: auto;
}

.wrapper-for-ss-video {
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  max-width: 98vw;
  margin-top: 0;
  display: flex;
  overflow: hidden;
}

.wrapper-for-ss-video.mt-mb-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.wrapper-for-ss-video.mt-mb-20.all-features {
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
}

.background-video {
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  width: 100%;
  min-height: 650px;
}

.background-video.top-margin {
  margin-top: 120px;
}

.background-video.hide {
  display: none;
}

.background-video.placeholder-image {
  object-fit: cover;
  object-position: 50% 0%;
}

.background-video.all-features {
  object-fit: fill;
  z-index: 1;
  height: 190px;
  min-height: auto;
  overflow: hidden;
}

.background-video.all-features:hover {
  z-index: 1;
}

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

.comparison-card_content {
  background-color: #f9f9f9;
  border-radius: 20px;
  width: 48%;
  height: auto;
  min-height: 30rem;
  max-height: 30rem;
  padding: 3rem 2rem;
}

.comparison-card_content.after {
  background-image: linear-gradient(to bottom, var(--lighter-purple), var(--lighter-purple));
  border-radius: 20px;
  height: auto;
}

.comparison-card_wrapper {
  justify-content: space-around;
  width: 95%;
  margin-top: 60px;
}

.comparison-card_item {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.comparison-card_subheading {
  text-align: left;
  overflow-wrap: normal;
  font-size: 1rem;
  line-height: 1.4;
  text-decoration: none;
}

.comparison-card_list {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: .5rem;
}

.comparison-card_list.after {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  color: var(--white);
}

.image-67 {
  padding-top: 0;
}

.comparison-card_icon {
  object-fit: cover;
  width: 15px;
  height: 15px;
  margin-top: 4px;
}

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

.after-logo {
  height: 40px;
  margin-top: 20px;
  margin-bottom: 25px;
}

.comparison-card_header {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
}

.comparison-card_header.after {
  color: var(--white);
}

.flex-block-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
}

.before-after-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1100px;
  margin-top: 40px;
  display: flex;
}

.before-after-block {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--peach);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--peach);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--peach);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--peach);
  background-image: radial-gradient(circle closest-corner, #0000 45%, #ff985a33);
  border-radius: 25px;
  flex-flow: column;
  justify-content: center;
  width: 49%;
  height: fit-content;
  padding: 50px 30px;
  display: flex;
  overflow: hidden;
}

.before-after-block.after-block {
  border-color: var(--purple-ui-1);
  background-image: radial-gradient(circle closest-corner, #0000 50%, #771ee626);
}

.before-after-image {
  object-fit: cover;
  width: 100%;
  height: 200px;
}

.before-after-content-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  margin-top: 30px;
  display: flex;
}

.before-after-heading {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 40px;
  font-weight: 400;
}

.before-after-text-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-68 {
  width: 20px;
}

.before-after-text {
  text-align: left;
  font-size: 16px;
}

.for-pros-section {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 12000px;
  margin-top: 70px;
  padding: 30px 30px 100px;
  display: flex;
}

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

.for-pros-wrapper {
  justify-content: space-around;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
}

.for-pros-span {
  color: var(--black);
}

.for-pros-content {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.for-pros-image-wrapper {
  aspect-ratio: 1;
  border: 2px solid #000;
  border-radius: 7px;
  width: 100px;
  min-width: 100px;
  overflow: hidden;
}

.for-pros-image-wrapper.image-wrapper-purple {
  background-color: #771ee64d;
}

.for-pros-image-wrapper.image-wrapper-gray {
  background-color: #8082924d;
}

.for-pros-text {
  max-width: 250px;
  color: var(--grey-text);
  text-align: center;
  font-size: 20px;
  line-height: 1.2;
}

.slider-testimonials {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 70px;
  display: flex;
  overflow: hidden;
}

.slider-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.slider-wrapper.slider-flex-reverse {
  justify-content: flex-end;
  align-items: stretch;
}

.slider-wrapper.build {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: block;
}

.slider-wrapper-move {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.heading-4 {
  margin-top: 0;
  margin-bottom: 100px;
}

.for-pros-image {
  aspect-ratio: 1;
  width: 190px;
}

.section-hero {
  background-image: linear-gradient(90deg, #771ee6, #421180);
  margin-top: 8.75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.hero_wrapper {
  grid-column-gap: 3.625rem;
  grid-row-gap: 3.625rem;
  flex-flow: column;
  width: 100%;
  max-width: 86.25rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8.25rem;
  padding-bottom: 8.125rem;
  display: flex;
}

.hero-start-content {
  grid-column-gap: 2.125rem;
  grid-row-gap: 2.125rem;
  flex-flow: column;
  display: flex;
}

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

.div-block-275 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading-5 {
  max-width: 60.375rem;
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 3.625rem;
}

.paragraph-2 {
  text-align: center;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
}

.paragraph-3 {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.text-span-2 {
  font-weight: 700;
}

.text-block-1346 {
  color: #212121;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
}

.text-block-1346.text-white {
  color: #fff;
}

.button-yellow {
  background-color: #e6b11e;
  border-radius: .625rem;
  padding: 1.25rem 2.4375rem;
  transition: all .35s;
}

.button-yellow:hover {
  transform: translate(0, -.25rem);
  box-shadow: 0 .25rem .9375rem #e6b11e;
}

.section-testing, .section-feature {
  background-color: #fafafa;
}

.testing_wrapper {
  grid-column-gap: 3.9375rem;
  grid-row-gap: 3.9375rem;
  flex-flow: column;
  width: 100%;
  max-width: 86.25rem;
  margin-left: auto;
  margin-right: auto;
  padding: 5.625rem 2.5rem;
  display: flex;
}

.testing-start-content {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  flex-flow: column;
  display: flex;
}

.testing-end-content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.feature_wrapper {
  grid-column-gap: 6.625rem;
  grid-row-gap: 6.625rem;
  flex-flow: row;
  width: 100%;
  max-width: 86.25rem;
  margin-left: auto;
  margin-right: auto;
  padding: 5.625rem 2.5rem;
  display: flex;
}

.feature-start-content {
  grid-column-gap: 1.5625rem;
  grid-row-gap: 1.5625rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.feature-end-content {
  grid-row-gap: 1.5rem;
  flex-flow: wrap;
  width: 100%;
  max-width: 41.875rem;
  display: flex;
}

.testing-mid-content {
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.div-block-276 {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  flex-flow: column;
  width: 100%;
  max-width: 27.0625rem;
  display: flex;
}

.heading-6 {
  color: #696969;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.heading-7 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.375rem;
}

.paragraph-4 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.heading-8, .paragraph-5 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.button-purple {
  background-color: #771ee6;
  border-radius: .625rem;
  padding: 1.25rem 2.4375rem;
  transition: all .35s;
}

.button-purple:hover {
  transform: translate(0, -.25rem);
  box-shadow: 0 4px .9375rem #771ee6;
}

.card-feature {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 18.125rem;
  display: flex;
}

.heading-9 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.875rem;
}

.paragraph-6 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  line-height: 1rem;
}

.image-69 {
  width: 4rem;
}

.card-testing-title {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 16.875rem;
  display: flex;
}

.card-testing {
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  max-width: 21.5625rem;
  display: flex;
}

.card-testing.card-testing-actived {
  background-color: #fff;
  border-radius: .625rem;
  box-shadow: 0 -1px 1.625rem #00000012;
}

.paragraph-7 {
  color: #696969;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
}

.paragraph-7.text-muted {
  color: #69696980;
  font-size: .75rem;
  font-weight: 300;
  display: none;
}

.item-testing {
  border-bottom: 1px solid #aeaeae33;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 5rem;
  padding-top: 1.8125rem;
  padding-bottom: 1.8125rem;
  display: flex;
}

.item-testing.item-testing-top {
  border-bottom-color: #aeaeae;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-width: 5.9375rem;
  min-height: 5.9375rem;
  display: flex;
}

.item-testing.item-testing-title {
  justify-content: flex-start;
  align-items: center;
}

.image-70 {
  max-width: 10.625rem;
}

.text-feature {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-embed-custom {
  z-index: -1;
  opacity: .4;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 22.9375rem;
  height: 15rem;
  margin-bottom: 48px;
  display: flex;
  position: absolute;
}

.button-wrapper {
  justify-content: center;
  align-items: center;
  margin-top: 32px;
  margin-bottom: 24px;
  padding-top: 80px;
  padding-bottom: 40px;
  display: flex;
}

.cta-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.thumbnails-slider {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  overflow: hidden;
}

.compare-heading-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.hero-text-wrapper-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 910px;
  margin-top: 40px;
  margin-bottom: 50px;
  display: flex;
}

.hero-text-wrapper-5.blog-hero, .hero-text-wrapper-5.pricing-hero {
  margin-top: 0;
}

.hero-text-wrapper-5.tools-hero {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 0;
}

.hero-text-wrapper-5.minh-100vh {
  justify-content: flex-start;
  min-height: 100vh;
}

.hero-text-wrapper-5.gap24px {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.hero-text-wrapper-5.gap-0 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.hero-text-wrapper-5.gap-16px {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

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

.slider-item {
  border-radius: 16px;
  min-width: 450px;
  height: 420px;
  margin-top: 24px;
  margin-bottom: 24px;
  margin-right: 20px;
  padding: 20px 20px 32px;
  box-shadow: 0 2px 24px #00000026;
}

.mask {
  width: 470px;
  overflow: visible;
}

.icon-embed-custom-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4.0625rem;
  height: 4.0625rem;
  display: flex;
}

.avatar-rate {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 80%;
  margin-bottom: 24px;
  display: flex;
}

.avatar {
  background-image: linear-gradient(#44b07166, #44b07166), url('../images/mr_beast-cover.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.rate-fields {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.slide-nav {
  opacity: 0;
}

.ctr {
  background-color: var(--ui-green);
  width: 100%;
  height: 100%;
  color: var(--white);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 15px;
  display: flex;
}

.ctr:hover {
  background-color: var(--ui-green);
  color: var(--white);
  background-image: linear-gradient(#0000001a, #0000001a);
}

.ctr.in-navbar-link {
  border-radius: 100px;
  padding: 12px;
  font-size: 15px;
}

.ctr.fs-14 {
  font-size: 14px;
}

.views {
  background-color: var(--ui-green);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 15px;
  display: flex;
}

.views:hover {
  background-color: var(--ui-green);
  background-image: linear-gradient(#0000001a, #0000001a);
}

.views.in-navbar-link {
  border-radius: 100px;
  padding: 12px;
  font-size: 15px;
}

.views.fs-14 {
  font-size: 14px;
}

.grow-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #17a34a;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.grow-container.reduce {
  background-color: #ef4444;
}

.text-block-1347 {
  color: var(--white);
}

.p1 {
  color: var(--white);
  font-size: 18px;
  line-height: 150%;
}

.p1.black {
  color: var(--black);
}

.p1.black._70-opacity {
  opacity: .7;
}

.p1.black._70-opacity.left {
  color: var(--black);
  font-size: 16px;
}

.p1.black.left {
  text-align: left;
}

.icon-embed-custom-3 {
  width: 1.5625rem;
  height: 1.5625rem;
  color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slider-item-2, .slider-item-3, .slider-item-4, .slider-item-5 {
  border-radius: 16px;
  width: 100%;
  max-width: 450px;
  height: 410px;
  margin-top: 24px;
  margin-bottom: 24px;
  margin-right: 20px;
  padding: 20px 20px 32px;
  box-shadow: 0 2px 24px #00000026;
}

.compare-hero {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1380px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.compare-hero.pt-100 {
  padding-top: 100px;
}

.compare-hero.wc-shortened {
  max-width: 1000px;
}

.compare-hero.text-aligned-left {
  text-align: left;
}

.compare-hero.pb-200 {
  padding-bottom: 200px;
}

.compare-hero.gap-100 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
}

.compare-hero.mb-140 {
  margin-bottom: 140px;
}

.slider-list {
  display: flex;
}

.play-button-wrapper-4 {
  z-index: 10;
  background-color: #771ee6;
  border-radius: 100px;
  padding: 18px;
  position: absolute;
}

.tt-video-wrapper-2 {
  color: #111;
  border: 1px solid #eee;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 4px;
  font-size: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #0003;
}

.tt-video-wrapper-2:hover {
  filter: brightness(122%);
  background-color: #eee;
}

.wc-4 {
  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;
}

.image-71 {
  border-radius: 4px;
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 4px;
  right: 4px;
}

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

.content-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 162px;
  display: flex;
}

.icon-embed-small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.feature-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.feature-list-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.logo-container {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 80px;
  display: flex;
  box-shadow: 0 4px 16px #00000014;
}

.logo-container.plain {
  box-shadow: none;
  border: 2px solid #0000000d;
}

.icon-embed-custom-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 14.4375rem;
  height: 2rem;
  display: flex;
}

.feature-main {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  width: 450px;
  padding: 40px 32px;
  display: flex;
}

.feature-main.hover {
  border: 3px solid #7b35f4;
  border-radius: 30px;
}

.y_logo {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20rem;
  height: 2.5rem;
  display: flex;
}

.check-list {
  flex-flow: column;
  display: flex;
}

.tt-tier {
  background-color: #fff;
  border: 2px solid #9241f8;
  border-radius: 20px;
  min-width: 310px;
  padding-top: 24px;
  padding-bottom: 24px;
  box-shadow: 0 4px 64px #9241f81a;
}

.list-items {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 26px;
  display: flex;
}

.sheet-box-text {
  border-top: 1px solid #00000026;
  border-left: 1px solid #00000026;
  border-right: 1px #00000026;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 72px;
  padding: 24px 16px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.sheet-box-text.underline-box {
  border-bottom: 1px solid #00000026;
}

.sheet-box-text.underline-box.rounded-left-down {
  border-bottom-left-radius: 15px;
}

.sheet-box-text.rounded-left-up {
  border-top-left-radius: 15px;
}

.compare-spreadsheet {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 80px;
  display: flex;
}

.check {
  background-color: #f8f4fb;
  border: 1px solid #771ee6;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding: 16px;
  display: flex;
}

.check.green {
  background-color: #f6fbf4;
  border-color: #49ae22;
}

.check.grey {
  background-color: #efefef;
  border-style: none;
}

.icon-embed-small-2 {
  color: #771ee6;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.icon-embed-custom-5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2.0625rem;
  display: flex;
}

.check-wrapper {
  border-top: 1px solid #8f00ff1a;
  border-bottom: 1px #8f00ff1a;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 72px;
  padding: 8px 16px;
  display: flex;
}

.check-wrapper.grey {
  border-top-style: none;
  border-bottom-color: #0000000d;
  border-right: 1px solid #0000000d;
}

.check-wrapper.grey.rounded-right-down {
  border-bottom-style: solid;
  border-bottom-right-radius: 15px;
}

.check-wrapper.grey.underline, .check-wrapper.underline-box {
  border-bottom-style: solid;
}

.icon-embed-custom-4-copy {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 10rem;
  height: 2rem;
  display: flex;
}

.logo-container-sheet {
  border-top: 1px solid #8f00ff1a;
  border-bottom: 1px #8f00ff1a;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: 72px;
  display: flex;
}

.logo-container-sheet.plain {
  box-shadow: none;
  border: 2px solid #0000000d;
}

.logo-container-sheet.rounded-right-up {
  border-right: 1px solid #8f00ff1a;
  border-top-right-radius: 15px;
}

.logo-container-sheet.rounded-right-up.grey {
  border-top-color: #0000000d;
  border-bottom-color: #0000000d;
  border-right-color: #0000000d;
}

.logo-container-sheet.rounded-right-up.grey.underline {
  border-bottom-style: solid;
}

.yt-tier {
  min-width: 310px;
  box-shadow: none;
  padding-top: 27px;
  padding-bottom: 24px;
}

.cta {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.tt-score {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.support-wrap {
  pointer-events: none;
  color: var(--black);
  position: fixed;
  inset: 0%;
  z-index: 2147483004 !important;
}

.buy-modal {
  z-index: 1000000111;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  transition: all .6s cubic-bezier(.165, .84, .44, 1);
  display: none;
  position: absolute;
  inset: 0%;
}

.buy-modal.active {
  pointer-events: auto;
  width: 100%;
  height: 100%;
  display: flex;
}

.contact-modal-wrap {
  z-index: 1;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #fff;
  border-radius: 1.5rem;
  flex-flow: column;
  max-width: 780px;
  margin-top: 0;
  padding: 2rem;
  display: flex;
  position: relative;
}

.modal-heading {
  max-width: 29rem;
  margin-top: 0;
  margin-bottom: 1.125rem;
  font-size: 2rem;
  line-height: 1;
}

.modal-button-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: .75rem;
  display: flex;
  overflow: auto;
}

.support-member-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  padding-left: 0;
  padding-right: 1.5rem;
  display: flex;
}

.support-member-image {
  background-color: #f2e8ff;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  font-size: 30px;
  line-height: 1;
  display: flex;
}

.support-member-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.support-member-name {
  font-size: 1.125rem;
}

.text-color-emails {
  color: #1a003a;
}

.support-member-paragraph {
  margin-top: 0;
  margin-bottom: 0;
}

.faq_component {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.faq_list {
  width: 100%;
  padding-left: 1px;
  padding-right: 1px;
}

.faq-dropdown {
  z-index: 0;
  background-color: #0000;
  border: 1px #f5f5f5;
  border-radius: 16px;
  width: 100%;
  margin-bottom: 10px;
  transition: transform .3s;
  display: block;
  overflow: hidden;
  box-shadow: 0 0 0 1px #12376914, 0 1px 2px #a4acb929, 0 2px 4px #36394a0f;
}

.faq-dropdown:hover {
  transform: translate(0, -2px);
}

.faq-dropdown.faq-dropdown-toggle.full-width.modal-close {
  color: #37322f;
  background-image: none;
  font-weight: 600;
  position: relative;
  top: 0;
  right: 0;
}

.faq-dropdown.faq-dropdown-toggle.full-width.modal-close.crisp-open:focus-visible, .faq-dropdown.faq-dropdown-toggle.full-width.modal-close.crisp-open[data-wf-focus-visible] {
  border-color: #f5f5f5;
  outline-style: none;
}

.faq-dropdown.faq-dropdown-toggle.full-width.modal-close.crisp-open:visited {
  border-color: #f5f5f5 !important;
}

.faq-dropdown-toggle {
  color: #fff;
  align-items: center;
  padding: 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  display: flex;
}

.faq-dropdown-toggle.full-width {
  color: #222;
  background-color: #fff;
  border: 1px #f5f5f5;
  border-radius: 16px;
  flex-wrap: nowrap;
  justify-content: space-between;
  height: auto;
  padding: 24px;
}

.faq-dropdown-toggle.full-width.w--open {
  z-index: 2;
}

.faq-title {
  white-space: normal;
  max-width: 100%;
}

.faq-title.large {
  color: #37322f;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.faq-icon-block {
  background-color: #0000;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
  position: relative;
}

.faq-icon-line {
  background-color: #000;
  border-radius: 4px;
  width: 14px;
  height: 2px;
}

.faq-icon-line.rotate {
  background-color: #000;
  width: 14px;
  height: 2px;
  position: absolute;
  transform: rotate(90deg);
}

.faq-dropdown-list {
  background-color: #151720;
  border-radius: 24px;
  position: static;
}

.faq-dropdown-list.w--open {
  background-color: #0000;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.faq-dropdown-list.is-modal {
  background-color: #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-top: .875rem;
}

.faq-dropdown-list.is-modal.w--open {
  margin-top: -.875rem;
}

.faq-paragraph {
  color: #605a57;
  background-color: #0000;
  margin-bottom: 0;
  padding: 24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.faq-paragraph.is-modal {
  background-color: #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
  padding-top: .875rem;
}

.faq-paragraph.is-modal.w--open {
  margin-top: -.875rem;
}

.close-modal-icon {
  position: absolute;
  inset: 1.5rem 1.5rem auto auto;
}

.close-modal-icon.modal-close {
  cursor: pointer;
  background-color: #0000;
  background-image: none;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  top: 2rem;
  right: 2rem;
}

.close-modal-icon.modal-close:focus-visible, .close-modal-icon.modal-close[data-wf-focus-visible] {
  outline-offset: 3px;
  border-radius: 100%;
  outline: 1px solid #25055b;
}

.modal-close-icon {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: all .35s;
  display: flex;
}

.modal-close-icon:hover {
  color: #b780ffc7;
}

.close-overlay {
  z-index: 0;
  position: absolute;
  inset: 0%;
}

.close-overlay.modal-close {
  background-color: #0000;
  background-image: none;
  border-radius: 0%;
  width: auto;
  height: auto;
  inset: 0%;
}

.suppor-button-wrap {
  pointer-events: auto;
  cursor: pointer;
  background-image: linear-gradient(#f1e7ff80, #28114540);
  border-radius: 6rem;
  margin-bottom: 2px;
  margin-right: 6px;
  padding: 1px;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 2147483004 !important;
}

.support-modal-open {
  color: #fff;
  background-color: #771ee6;
  border-radius: 4rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: all .35s;
  display: flex;
}

.support-modal-open:hover {
  background-color: #6b22c7;
}

.support-modal-open.modal-open {
  z-index: 10000001;
  cursor: pointer;
  width: 61px;
  height: 61px;
  margin-left: 0;
  bottom: 1.25rem;
  right: 1.25rem;
}

.support-icon, .close-icon {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  position: absolute;
}

.padding-24 {
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.body {
  background-image: url('../images/thumbnail-test-landing-page.avif');
  background-position: 50% 100%;
  background-size: cover;
}

.div-block-7 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 532px;
  display: flex;
}

.button-1 {
  cursor: pointer;
  background-color: #281666;
  border-radius: 14.07px;
  justify-content: center;
  align-items: center;
  min-height: 41px;
  padding-left: 17.77px;
  padding-right: 17.77px;
  display: flex;
  box-shadow: 0 2.96px #7b46fc80;
}

.button-1:hover {
  filter: brightness(120%);
  box-shadow: 0 3px #7b46fc80;
}

.div-block-10 {
  background-color: #e7e7e766;
  height: 24px;
  padding-left: 1px;
}

.text-block-5 {
  color: #fff;
  font-family: Inter Variablefont Opsz Wght;
  font-size: 20px;
  font-weight: 500;
  line-height: 1em;
}

.hero {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 32px;
  display: flex;
  overflow: clip;
}

.navbar-3 {
  background-color: #1a0c3b;
  border-radius: 19px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px 24px;
  display: flex;
}

.text-block-2 {
  color: #fff;
  font-family: Inter Variablefont Opsz Wght;
  font-weight: 500;
  line-height: 1.4em;
}

.text-block-3 {
  z-index: 1;
  color: #fff;
  font-family: Inter Variablefont Opsz Wght;
  font-weight: 500;
  line-height: 1.4em;
  text-decoration: underline;
  position: relative;
}

.nav-padding {
  width: 100%;
  max-width: 1264px;
  padding-left: 32px;
  padding-right: 32px;
}

.text-block-9 {
  color: #fff;
  font-family: Inter Variablefont Opsz Wght;
  font-size: 16px;
  font-weight: 500;
  line-height: 1em;
}

.button-start-2 {
  z-index: 1;
  cursor: pointer;
  background-color: #632fe4;
  border-radius: 19px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 165px;
  min-height: 56px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
  box-shadow: 0 4px #7b46fc;
}

.button-start-2:hover {
  filter: brightness(120%);
  box-shadow: 0 6px #7b46fc;
}

.button-start-2.button-start-variant-2 {
  background-color: #fff;
  box-shadow: 0 4px #4018a3;
}

.div-block-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 714px;
  display: flex;
}

.buttons-hero {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.links {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  color: #fff;
  justify-content: center;
  align-items: center;
  width: auto;
  font-family: Manrope Variablefont Wght;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2em;
  display: flex;
}

.text-block-8 {
  color: #fff;
  font-family: Inter Variablefont Opsz Wght;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4em;
}

.div-block-2 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  min-height: 41px;
  padding-left: 17.77px;
  padding-right: 17.77px;
  display: flex;
  position: relative;
}

.div-block-2:hover {
  filter: brightness(80%);
}

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

.home-link.w--current {
  text-decoration: none;
}

.text-block-7 {
  color: #e7e7e7;
  width: 100%;
  font-family: Inter Variablefont Opsz Wght;
  font-size: 18px;
  line-height: 1.2em;
}

.text-block-4 {
  color: #7b46fc80;
  font-family: Inter Variablefont Opsz Wght;
  font-weight: 500;
  line-height: 1.4em;
  text-decoration: underline;
  position: absolute;
  bottom: 6px;
}

.text-block-6 {
  color: #fff;
  width: 100%;
  font-family: Dmsans Variablefont Opsz Wght;
  font-size: 84px;
  font-weight: 500;
  line-height: 1em;
}

.navigation-container-mob {
  align-items: center;
  width: 100%;
  max-width: 1300px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-block {
  color: #fff;
  font-family: Manrope Variablefont Wght;
  font-size: 24px;
  font-weight: 700;
  line-height: 1em;
}

.div-block-5 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-block-10 {
  color: #a3a3a3;
  font-family: Inter Variablefont Opsz Wght;
}

.div-block-4 {
  background-color: var(--baked-purple);
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  padding: 9px 8px;
  display: flex;
}

.navbar-border {
  background-image: linear-gradient(150deg, #650fa3, #000 50%, #000);
  border-radius: 19px;
  width: 100%;
  padding: 1px;
}

.navbar-border.phone {
  display: none;
}

.navbar-border.radius-2 {
  border-radius: 9px;
  width: 100%;
  max-width: 284px;
}

.navbar-border.radius-3 {
  border-radius: 40px;
}

.navbar-4 {
  z-index: 1;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #0009;
  border: 1px solid #0a0d1463;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 658px;
  padding: 8px;
  display: flex;
  position: relative;
}

.div-block {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1344px;
  padding: 65px 32px 53px;
  display: flex;
}

.div-block-13 {
  width: 100%;
  max-width: 500px;
  height: 636px;
  position: relative;
}

.link {
  border-radius: 5px;
  padding: 4px 6px;
  text-decoration: none;
}

.link:hover {
  background-color: #632fe433;
  border-radius: 3px;
}

.div-block-6 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-11 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-9 {
  padding-left: 8px;
  padding-right: 8px;
}

.image-2 {
  width: 484px;
  max-width: none;
  height: auto;
  position: absolute;
  top: 240px;
}

.image {
  width: 484px;
  max-width: none;
  position: absolute;
}

.trusted {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
  overflow: clip;
}

.text-block-11 {
  color: #fff;
  text-align: center;
  font-family: Dmsans Variablefont Opsz Wght;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4em;
}

.ticker-move {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ticker {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-13 {
  color: #fffc;
  width: 100%;
  font-family: Manrope Variablefont Wght;
  font-size: 16px;
  line-height: 1.1em;
}

.div-block-18 {
  background-image: linear-gradient(-90deg, #000, #650fa3);
  padding-top: .5px;
  padding-bottom: .5px;
  position: absolute;
  left: 0;
  right: 0;
}

.div-block-18.hide {
  display: none;
}

.div-block-15 {
  background-color: #632fe4;
  border-radius: 40px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 24px;
  display: flex;
}

.div-block-14 {
  z-index: 1;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1180px;
  padding-left: 32px;
  padding-right: 32px;
  display: grid;
  position: relative;
}

.div-block-17 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.steps {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 5rem;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: clip;
}

.div-block-16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block-12 {
  color: #fff;
  width: 100%;
  font-family: Manrope Variablefont Wght;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.1em;
}

.text-block-1348 {
  color: #fff;
  width: 100%;
  font-family: Manrope Variablefont Wght;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4em;
}

.text-span-3 {
  color: #fff;
  font-weight: 700;
}

.slider-3 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #ddd0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-21 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #12062c;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  height: 285px;
  padding: 32px 24px;
  display: flex;
}

.mask-2 {
  width: 100%;
  height: auto;
  padding-bottom: 0;
  position: relative;
  overflow: visible;
}

.slide {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #28087700;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 116px 0 90px;
  display: flex;
  overflow: hidden;
}

.slide-component {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  display: none;
  overflow: hidden;
}

.right-arrow-2 {
  display: none;
}

.slide-3 {
  width: auto;
  max-width: none;
  padding-left: 12px;
  padding-right: 12px;
}

.text-block-15 {
  color: #9e9e9e;
  width: 100%;
  font-family: Manrope Variablefont Wght;
  font-size: 15px;
  line-height: 1.2em;
}

.text-block-16 {
  color: #eee;
  width: 100%;
  max-width: 280px;
  font-family: Manrope Variablefont Wght;
  font-size: 24px;
  line-height: 1.1em;
}

.left-arrow-2 {
  display: none;
}

.div-block-24 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.border-linear {
  background-image: linear-gradient(150deg, #b892ff, #650fa3 50%, #650fa3);
  border-radius: 40px;
  padding: 1px;
}

.slider-1 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-23 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.slide-4 {
  width: auto;
  padding-bottom: 0;
  padding-left: 12px;
  padding-right: 12px;
}

.slide-4.slide-version-2 {
  padding-left: 2px;
  padding-right: 2px;
}

.div-block-22 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 508.781px;
  display: flex;
}

.div-block-20 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 2100px;
  display: flex;
}

.slide-disable {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #632fe4;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 9px;
  height: 9px;
  display: flex;
}

.slide-disable.active {
  background-color: #fff;
}

.slide-nav-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0;
  display: flex;
  position: relative;
}

.image-4 {
  position: absolute;
  right: -100px;
}

.div-block-27 {
  background-color: #632fe4;
  border-radius: 9px;
  padding: 9px 8px;
}

.div-block-25 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1300px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.text-block-18 {
  color: #fff;
  text-align: center;
  width: 100%;
  font-family: Dmsans Variablefont Opsz Wght;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2em;
}

.image-3 {
  width: 600px;
  display: block;
}

.div-block-35 {
  background-image: linear-gradient(170deg, #b892ff, #650fa3 50%, #650fa3);
  border-radius: 40px;
  width: 100%;
  max-width: 1200px;
  padding: 1px;
}

.text-block-17 {
  color: #fff;
  font-family: Inter Variablefont Opsz Wght;
  font-size: 20px;
  font-weight: 500;
  line-height: 1em;
}

.text-block-1349 {
  color: #fff;
  font-family: Inter Variablefont Opsz Wght;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4em;
}

.div-block-text-1 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 685px;
  display: flex;
  position: relative;
}

.div-block-text-1.div-block-text-2 {
  max-width: 700px;
}

.div-block-31 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-block-20 {
  color: #fff;
  width: 100%;
  font-family: Manrope Variablefont Wght;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2em;
}

.start-test-banner {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #12062c;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 32px 32px 32px 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.start-test-banner.start-test-banner-color-2 {
  background-color: #632fe4;
}

.text-block-21 {
  color: #fff;
  width: 100%;
  font-family: Manrope Variablefont Wght;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2em;
}

.div-block-30 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-block-19 {
  color: #fffc;
  width: 100%;
  font-family: Manrope Variablefont Wght;
  line-height: 1.2em;
}

.div-block-29 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-28 {
  grid-column-gap: 69px;
  grid-row-gap: 69px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.test {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 3rem;
  display: flex;
  overflow: clip;
}

.div-block-32 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.lottie-animation {
  mix-blend-mode: screen;
  width: 900px;
  display: none;
}

.div-block-34 {
  z-index: 1;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

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

.div-block-42 {
  width: 100%;
  height: 100%;
  position: relative;
}

.image-72 {
  position: absolute;
  right: -100px;
}

.div-block-280 {
  background-color: #632fe4;
  border-radius: 9px;
  padding: 9px 8px;
}

.text-block-1350 {
  color: #fff;
  text-align: center;
  width: 100%;
  font-family: Dmsans Variablefont Opsz Wght;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2em;
}

.text-block-22 {
  color: #fff;
  width: 100%;
  font-family: Inter Variablefont Opsz Wght;
  font-size: 32px;
  font-weight: 500;
  line-height: 1em;
}

.text-block-1351 {
  color: #fffc;
  width: 100%;
  font-family: Inter Variablefont Opsz Wght;
  font-size: 16px;
  line-height: 1.2em;
}

.text-block-1351.text-2 {
  text-align: right;
}

.div-block-52 {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  background-color: #12062c;
  border-radius: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px 45px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bento {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 82px;
  display: flex;
  overflow: clip;
}

.bento.baked {
  display: none;
}

.div-block-54 {
  background-color: #12062c;
  border-radius: 40px;
  width: 100%;
  min-height: 326px;
  padding: 40px 80px;
  position: relative;
  overflow: hidden;
}

.border-linear-2 {
  background-image: linear-gradient(150deg, #b892ff, #650fa3);
  border-radius: 40px;
  width: 100%;
  padding: 1px;
}

.div-block-41 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 40px;
  padding-left: 45px;
  padding-right: 45px;
  display: flex;
}

.div-block-51 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-40 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.image-13 {
  z-index: 0;
  width: 1267.21px;
  max-width: none;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-46 {
  background-color: #12062c;
  border-radius: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 40px 80px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-45 {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.image-10 {
  z-index: 1;
  position: relative;
}

.div-block-281 {
  background-image: linear-gradient(170deg, #b892ff, #650fa3 50%, #650fa3);
  border-radius: 40px;
  width: 100%;
  max-width: 1200px;
  padding: 1px;
}

.image-11 {
  width: 1831px;
  max-width: none;
  position: absolute;
  inset: auto -145% 0%;
}

.text-block-1352 {
  color: #fff;
  font-family: Inter Variablefont Opsz Wght;
  font-size: 20px;
  font-weight: 500;
  line-height: 1em;
}

.div-block-44 {
  background-image: radial-gradient(circle farthest-side, #000, #650fa3);
  border-radius: 40px;
  width: 100%;
  padding: 1px;
}

.text-block-24 {
  color: #fff;
  width: 100%;
  font-family: Inter Variablefont Opsz Wght;
  font-size: 32px;
  font-weight: 500;
  line-height: 1em;
}

.text-block-24.tex-2 {
  text-align: right;
}

.div-block-43 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #12062c;
  border-radius: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px 45px;
  display: flex;
}

.text-block-1353 {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4em;
}

.text-block-1353.text-block-8---2 {
  color: #4018a3;
  font-family: Inter Variablefont Opsz Wght;
}

.div-block-49 {
  background-color: #12062c;
  border-radius: 40px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  padding: 40px 80px;
  display: flex;
  position: relative;
}

.div-block-282 {
  background-color: #632fe4;
  border-radius: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 45px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-6 {
  width: 610px;
  max-width: none;
  position: absolute;
  inset: 0% -12%;
}

.text-block-1354 {
  color: #fff;
  width: 100%;
  font-family: Manrope Variablefont Wght;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2em;
}

.div-block-36 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1264px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.image-73 {
  width: 400px;
  position: absolute;
  inset: 5% auto 5px 2%;
}

.div-block-50 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 490px;
  display: flex;
}

.image-7 {
  width: 450px;
  position: absolute;
  inset: -105% -6% -105px auto;
}

.div-block-39 {
  background-color: #632fe4;
  border-radius: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 623px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-block-23 {
  color: #fffc;
  width: 100%;
  font-family: Manrope Variablefont Wght;
  font-size: 16px;
  line-height: 1.2em;
}

.text-block-1355 {
  color: #fff;
  width: 100%;
  font-family: Manrope Variablefont Wght;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2em;
}

.div-block-48 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 760px;
  display: flex;
}

.image-12 {
  z-index: 1;
  position: relative;
}

.text-block-27 {
  color: #fffc;
  width: 100%;
  font-family: Manrope Variablefont Wght;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2em;
}

.text-span-4 {
  color: #8558f2;
}

.div-block-37 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-283 {
  z-index: 1;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.image-9 {
  z-index: 0;
  width: 440px;
  position: absolute;
  inset: auto 5% 0%;
}

.div-block-55 {
  z-index: 1;
  width: 100%;
  max-width: 490px;
  position: relative;
}

.text-block-1356 {
  color: #fff;
  width: 100%;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4em;
}

.text-block-28 {
  color: #fff;
  text-align: center;
  width: 100%;
  font-family: Manrope Variablefont Wght;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2em;
}

.div-block-284 {
  background-color: #632fe4;
  border-radius: 9px;
  padding: 9px 8px;
}

.text-block-1357 {
  color: #fff;
  text-align: center;
  width: 100%;
  font-family: Dmsans Variablefont Opsz Wght;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2em;
}

.border-linear-3 {
  background-image: linear-gradient(130deg, #650fa3, #000 50%, #000);
  border-radius: 40px;
  width: 100%;
  padding: 1px;
}

.border-linear-3.style-2 {
  border-radius: 24px;
}

.div-block-56 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1088px;
  padding-bottom: 100px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.card-testimonial-1 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #12062c;
  border-radius: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-right: 0;
  padding: 32px 24px 0;
  display: flex;
}

.card-testimonial-1.card-testimonial-2 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-bottom: 32px;
}

.bento-div-1 {
  z-index: 1;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 644px;
  max-width: none;
  display: flex;
  position: relative;
}

.bento-div-1.bento-div-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: flex-end;
  position: absolute;
  inset: 0% 0% auto auto;
}

.div-card-testimonial-vertical {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 340px;
  padding-right: 0;
  display: flex;
}

.div-card-testimonial-vertical.div-card-testimonial-vertical-2 {
  padding-left: 0;
  padding-right: 0;
}

.image-14 {
  width: 800px;
  max-width: none;
  position: absolute;
  inset: -290% -75%;
}

.div-card-testimonial-horizontal {
  width: 100%;
  max-width: 644px;
}

.text-block-1358 {
  color: #fff;
  font-family: Inter Variablefont Opsz Wght;
  font-size: 20px;
  font-weight: 500;
  line-height: 1em;
}

.div-block-58 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block-29 {
  color: #fffc;
  text-align: center;
  width: 100%;
  font-family: Manrope Variablefont Wght;
  font-size: 16px;
  line-height: 1.4em;
}

.text-block-1359 {
  color: #9e9e9e;
  width: 100%;
  font-size: 15px;
  line-height: 1.2em;
}

.text-block-1360 {
  color: #eee;
  width: 100%;
  max-width: 280px;
  font-size: 24px;
  line-height: 1.1em;
}

.text-block-1360.text-block-3, .text-block-1360.text-block-2 {
  max-width: none;
}

.div-block-60 {
  z-index: 1;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.div-block-57 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-285 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-286 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-19 {
  width: 600px;
  max-width: none;
  position: absolute;
  left: 205px;
  right: 205px;
}

.div-block-287 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 508.781px;
  display: flex;
}

.div-block-64 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.div-block-59 {
  background-color: #12062c;
  border-radius: 40px;
  width: 100%;
  padding: 24px;
  position: relative;
  overflow: hidden;
}

.testimonial {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 118px;
  display: flex;
  overflow: clip;
}

.div-block-288 {
  background-color: #632fe4;
  border-radius: 9px;
  padding: 9px 8px;
}

.text-block-1361 {
  color: #fff;
  text-align: center;
  width: 100%;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2em;
}

.text-block-1361.text-block-18---2 {
  text-align: center;
  font-family: Dmsans Variablefont Opsz Wght;
}

.text-block-36 {
  color: #fffc;
  width: 100%;
  font-family: Inter Variablefont Opsz Wght;
  line-height: 1.4em;
}

.text-span-7 {
  color: #fff6;
}

.div-block-70 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-price {
  color: #fff;
  text-align: center;
  width: 100%;
  font-family: Inter Variablefont Opsz Wght;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7em;
}

.text-price.text-price-2 {
  color: #4018a3;
}

.div-block-75 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-81 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-73 {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.div-block-67 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1170px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.image-16 {
  width: 152px;
  max-width: none;
  position: absolute;
  inset: 55% auto auto -20%;
}

.div-block-79 {
  background-color: #ffffff29;
  border-radius: 20px;
  width: 100%;
  max-width: none;
  padding-top: .25px;
  padding-bottom: .25px;
}

.card-price-1 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #1d1f29;
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 7px 7px 40px;
  display: flex;
}

.card-price-1.card-price-2 {
  background-color: #632fe4;
  position: relative;
  box-shadow: 0 0 0 8px #632fe43d;
}

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

.text-block-34 {
  color: #fff6;
  width: 100%;
  font-family: Inter Variablefont Opsz Wght;
  line-height: 1.4em;
}

.text-block-37 {
  color: #fff;
  width: auto;
  font-family: Dmsans Variablefont Opsz Wght;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2em;
}

.text-block-1362 {
  color: #fff;
  font-family: Inter Variablefont Opsz Wght;
  font-size: 20px;
  font-weight: 500;
  line-height: 1em;
}

.text-block-32 {
  color: #fff;
  font-family: Dmsans Variablefont Opsz Wght;
  font-size: 64px;
  font-weight: 700;
  line-height: 1em;
}

.text-block-30 {
  color: #fff;
  width: 100%;
  font-family: Dmsans Variablefont Opsz Wght;
  font-size: 18px;
  font-weight: 700;
  line-height: 1em;
}

.div-block-74 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-slide-disable {
  color: #fff9;
  font-family: Inter Variablefont Opsz Wght;
  font-weight: 500;
  line-height: 1.2em;
}

.text-slide-disable.enable {
  color: #4018a3;
}

.div-block-83 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.cards-monthly {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: none;
}

.slide-disable-bg {
  border-radius: 999px;
  padding: 8px 16px;
}

.slide-disable-bg.enable {
  background-color: #fff;
}

.slide-price {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  cursor: pointer;
  background-color: #280877;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}

.price-button {
  background-color: #632fe4;
  border-radius: 16px;
  width: 100%;
  padding: 12px 24px;
  box-shadow: 0 4px #4018a3;
}

.price-button:hover {
  filter: brightness(110%);
  box-shadow: 0 6px #4018a3;
}

.price-button.price-button-2 {
  background-color: #fff;
}

.div-block-80 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 17px;
  padding-right: 17px;
  display: flex;
}

.text-block-33 {
  color: #fff;
  width: 100%;
  font-family: Inter Variablefont Opsz Wght;
  line-height: 1.4em;
}

.price-2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 78px;
  display: flex;
  overflow: visible;
}

.text-block-31 {
  color: #fff;
  font-family: Inter Variablefont Opsz Wght;
  font-weight: 500;
  line-height: 1.2em;
}

.div-block-76 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 250px;
  display: flex;
}

.cards-yearly {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: grid;
}

.div-block-72 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block-39 {
  color: #fffc;
  width: 100%;
  font-family: Inter Variablefont Opsz Wght;
  line-height: 1.2em;
}

.price-component {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-82 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-17 {
  position: absolute;
  top: -15px;
}

.text-block-38 {
  color: #fff;
  width: 100%;
  font-family: Dmsans Variablefont Opsz Wght;
  font-weight: 400;
  line-height: 1.2em;
}

.div-block-71 {
  background-color: #632fe4;
  border-radius: 9px;
  padding: 9px 8px;
}

.top-head-price {
  background-image: linear-gradient(150deg, #ffffff1a, #9999991a);
  border-radius: 16px;
  width: 100%;
  padding: 16px;
}

.top-head-price.top-head-price-2 {
  background-color: #280877;
  background-image: none;
}

.div-block-78 {
  text-align: left;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-78.phone {
  display: none;
}

.div-block-289 {
  background-color: #632fe4;
  border-radius: 9px;
  padding: 9px 8px;
}

.text-block-1363 {
  color: #fff;
  text-align: center;
  width: 100%;
  font-family: Dmsans Variablefont Opsz Wght;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2em;
}

.slide-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
}

.testimonial-2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 121px;
  display: flex;
  overflow: hidden;
}

.text-block-1364 {
  color: #fff;
  font-family: Inter Variablefont Opsz Wght;
  font-size: 20px;
  font-weight: 500;
  line-height: 1em;
}

.video {
  border-radius: 40px;
  width: 360px;
  height: 200px;
}

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

.div-block-85 {
  background-color: #632fe4;
  border: 10.31px solid #ffffff4d;
  border-radius: 60px;
  padding: 12.5px;
}

.div-block-84 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.accordion-heading {
  cursor: pointer;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2rem;
}

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

.text-block-1365 {
  color: #fff;
  text-align: center;
  width: 100%;
  font-family: Dmsans Variablefont Opsz Wght;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2em;
}

.paragraph-8 {
  color: #cdd0d5;
  margin-bottom: 0;
  font-family: Inter Variablefont Opsz Wght;
  font-size: 16px;
  line-height: 1.2em;
  display: flex;
}

.accordion-item {
  background-color: #fff0;
  border-radius: 10px;
  margin-bottom: 0;
  padding: 16px;
}

.accordion-item.open {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0f041b00;
  border: 1px #ffffff0d;
  border-bottom: 1px solid #eaecf026;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px 0;
  display: flex;
}

.accordion-item.open.no-border {
  border-bottom-style: none;
}

.accordion-item-content {
  width: 100%;
  margin-top: 5px;
  margin-right: 0;
  padding: 0;
  overflow: hidden;
}

.div-block-140 {
  border-radius: 96px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  overflow: visible;
}

.div-block-87 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 832px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.bold-text {
  color: #fff;
  font-family: Inter Variablefont Opsz Wght;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3rem;
}

.bold-text.black {
  color: var(--black);
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.faq {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 121px;
  padding-bottom: 110px;
  display: flex;
  overflow: clip;
}

.accordion-item-trigger {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.close {
  flex: 0 auto;
  display: none;
  overflow: visible;
}

.div-block-154 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-block-46 {
  color: #fff;
  width: 100%;
  font-family: Inter Variablefont Opsz Wght;
  font-weight: 500;
  line-height: 1.4em;
}

.div-block-148 {
  grid-column-gap: 88px;
  grid-row-gap: 88px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 312px;
  display: flex;
}

.text-block-45 {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2em;
}

.div-block-156 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-145 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1264px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

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

.links-social {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-41 {
  color: #8f8f8f;
  font-family: Inter Variablefont Opsz Wght;
  line-height: 1.6em;
}

.div-block-164 {
  background-image: linear-gradient(340deg, #000, #000 25%, #650fa3);
  width: 100%;
  padding-top: 1px;
}

.link-block-6 {
  padding: 6px;
}

.div-block-153 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

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

.banner {
  background-color: #0d0a2f;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  display: flex;
}

.div-block-165 {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block-1366 {
  color: #fff;
  font-family: Manrope Variablefont Wght;
  font-size: 24px;
  font-weight: 700;
  line-height: 1em;
}

.div-block-149 {
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  display: flex;
}

.div-block-150 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.footer-3 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.text-block-42 {
  color: #8f8f8f;
  width: 100%;
  font-family: Inter Variablefont Opsz Wght;
  line-height: 1.6em;
}

.div-block-146 {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1272px;
  padding-top: 120px;
  padding-bottom: 95px;
  display: flex;
}

.div-block-147 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1264px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.old-content {
  display: none;
}

.ce-yts-pop-up {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--purple-ui-2);
  color: var(--white);
  text-align: center;
  border-radius: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  padding: 30px 40px 30px 30px;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  box-shadow: -6px 6px #fff, -12px 12px #000;
}

.heading-10 {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 24px;
}

.divider-vertical-in-ce {
  opacity: .5;
  background-color: #fff;
  width: 1px;
  height: 90px;
}

.text-block-1367 {
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 12px;
  margin-bottom: 2px;
  padding: 10px;
}

.download-be-text {
  color: #aaa;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-left: 10px;
  font-size: 14px;
  line-height: 1.6;
}

.download-be-text.green-pre-header {
  color: #2eb67c;
  margin-bottom: 20px;
}

.download-be-text.red-text-preheader {
  color: var(--purple-ui-1);
}

.download-be-text.mt-16 {
  margin-top: 16px;
}

.download-be-text.edit-columns-text, .download-be-text.edit-columns-text-copy {
  margin-top: 10px;
  margin-bottom: 4px;
  font-size: 12px;
}

.sticky-sidebar-wrapper {
  width: 100%;
  position: sticky;
  top: 48px;
}

.blog-post {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.sidebar-body-test {
  border: 1px solid var(--grey-text);
  margin-top: 100px;
  padding-left: 24px;
  padding-right: 24px;
}

.blog-post__content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.blog-post__columns {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 650px 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  width: 100%;
  display: grid;
  position: relative;
}

.blog-post__sidebar {
  flex: 1 1 0;
  min-width: 0;
}

.blog-post__sidebar.blog-post__sidebar--sticky {
  background-color: var(--white);
  flex: 1;
}

.blog-post__text {
  width: 100%;
  max-width: 640px;
}

.blog-post__rt.rich-text-block-blog-post {
  font-weight: 400;
}

.blog-post__sidebar__wrapper.blog-post__sidebar__wrapper--sticky {
  z-index: 999;
  background-color: var(--white);
  width: 100%;
  padding: 0 16px 16px;
  position: sticky;
  top: 24px;
  overflow: visible;
}

.blog-post__sidebar__toggle {
  width: 100%;
}

.blog-post__sidebar__toggle__button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--white);
  width: 100%;
  color: var(--grey-text);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  transition: box-shadow .2s;
  display: flex;
  box-shadow: 1px 0 1px #0000001f, 0 0 0 1px #3c42571a, 0 0 #3c42571a, 0 2px 5px #3c42571a;
}

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

.blog-post__sidebar__content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  overflow: visible;
}

.blog-post__sidebar__content__link--h2 {
  font-size: 1rem;
  font-weight: 600;
}

.blog-post__sidebar__content__link--h3 {
  margin-left: .5rem;
  font-size: 1rem;
}

.blog-post__sidebar__content__link--h4 {
  margin-left: 1rem;
  font-size: 1rem;
}

.blog-post__sidebar__content__link {
  text-align: left;
  border-radius: 4px;
  padding: 4px;
  font-size: .8rem;
  display: block;
}

.blog-post__sidebar__content__link:hover {
  background-color: #f5f5f5;
}

.blog-post__sidebar__content__link.active {
  color: var(--white);
  background-color: #1e9a80;
}

.blog-post__sidebar__content__link.blog-post__sidebar__content__link--h2 {
  font-weight: 600;
}

.code-embed, .blog-post__sidebar__toggle__button__icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-post__sidebar__content__links {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: visible;
}

.other-content {
  background-color: #fdfff0;
  height: 500px;
}

.div-block-290 {
  margin-top: 10px;
}

.tooltip-wrapper {
  display: block;
}

.tooltip-wrapper__link-text {
  border-bottom: 1px dashed #000;
  padding-bottom: 2px;
  display: inline-block;
}

.tooltip-example-container {
  padding-top: 64px;
  padding-bottom: 64px;
}

.grid-pictures-ms {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  margin-bottom: 20px;
  display: grid;
}

.image-74 {
  border-radius: 20px;
}

.info-icon {
  width: 24px;
  height: 24px;
  display: flex;
}

.info-icon._2 {
  color: #a5a5a5;
  width: 1rem;
  height: 1rem;
}

.heading-2 {
  color: var(--white);
  font-family: Dmsans Variablefont Opsz Wght;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2;
}

.code-embed-2 {
  text-align: center;
}

.extra-views-highlight-new {
  background-image: linear-gradient(to bottom, var(--baked-purple), var(--baked-purple));
  font-variant-numeric: tabular-nums;
  border-radius: 16px;
  justify-content: flex-end;
  align-items: center;
  padding: 3px 8px 0;
  font-family: Inter Variablefont Opsz Wght;
  display: inline-flex;
}

.ba-block {
  cursor: col-resize;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ba-block__comparison {
  position: absolute;
  inset: 0%;
}

.ba-block__before-wrapper {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.ba-block__after-wrapper {
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.ba-block__before-image {
  width: 100%;
  position: absolute;
  inset: 0%;
}

.ba-block__after-image {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.ba-block__after-image__inner {
  object-fit: fill;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.ba-block__placeholder {
  opacity: 0;
  width: 100%;
  display: block;
}

.ba-block__divider {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  width: 2px;
  margin-left: -2px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.ba-block__after-badge {
  background-color: var(--ui-green);
  color: var(--white);
  border-radius: 16px;
  padding: 4px 10px;
  position: absolute;
  left: 10px;
}

.ba-block__before-badge {
  background-color: var(--grey-text);
  color: var(--white);
  border-radius: 16px;
  padding: 4px 10px;
  position: absolute;
  right: 10px;
}

.price-for-pricing-card-v3 {
  margin-bottom: 0;
  margin-right: 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  display: block;
}

.price-for-pricing-card-v3.mb-0 {
  margin-bottom: 0;
}

.price-for-pricing-card-v3.hide {
  display: none;
}

.main-faq {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  text-align: left;
  background-color: #f0e5ffc7;
  border-radius: 32px;
  justify-content: space-between;
  align-items: flex-start;
  padding: 40px;
  display: flex;
}

.faq-right {
  width: 65%;
}

.faq-left {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  width: 30%;
  display: flex;
  position: sticky;
  top: 7rem;
}

.paragraph-9 {
  color: #3a3a3a;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}

.faq-more {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: var(--black);
  background-color: #d2b4ff;
  border-radius: 16px;
  flex-flow: column;
  padding: 20px;
  display: flex;
}

.faq-more.show-tablet {
  display: none;
}

.faq-more-image-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.faq-more-image {
  object-fit: cover;
  border: 2px solid #ffffff6b;
  border-radius: 16px;
  width: 16.6%;
  height: 3.5rem;
}

.faq-more-image.is-4 {
  position: relative;
  inset: -7%;
}

.faq-more-image.is-2 {
  position: relative;
  left: -3%;
}

.faq-more-image.is-3 {
  position: relative;
  left: -5%;
}

.faq-more-image.is-text {
  border-style: none;
  flex: none;
  align-items: center;
  width: auto;
  display: flex;
  position: relative;
  left: -5%;
}

.faq-more-image.is-5 {
  position: relative;
  inset: -9%;
}

.faq-more-text {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.text-span-64 {
  color: var(--black);
}

.text-block-1368 {
  text-align: left;
  width: 100%;
  max-width: 612px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2em;
}

.faq-wrapper {
  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%;
  display: flex;
}

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

.faq-wrapper.mw-800.mt-0.hide {
  display: none;
}

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

.faq-title-wrap {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.faq-title-wrap.mb-40 {
  margin-bottom: 40px;
}

.faq-title-wrap.mb-60 {
  margin-bottom: 50px;
}

.faq-title-wrap.mb-60.mw-700 {
  max-width: 700px;
}

.paragraph-10 {
  font-size: 14px;
}

.compare-table-wrap {
  border: 1px solid var(--grey-text);
  border-radius: 16px;
  width: 100%;
  margin-top: 80px;
  overflow: hidden;
}

.compare-table {
  width: 100%;
}

.compare-table-head {
  background-color: var(--lighter-purple);
  text-align: left;
  padding: 16px 20px;
  font-size: 20px;
}

.compare-table-data {
  text-align: left;
  flex-flow: row;
  width: 25%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.compare-table-data.title {
  text-align: center;
}

.compare-table-data.main {
  background-color: var(--soft-lavender);
}

.text-size-regular {
  font-size: 1rem;
}

.compare-table-head-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.thumbnail-list-grid {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.thumbnail-grid-item {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.thumbnail-grid-content {
  text-align: left;
  max-width: 85%;
}

.thumbnail-grid-image {
  object-fit: cover;
  object-position: 50% 0%;
  border-radius: 16px;
  width: 100%;
  max-height: 400px;
  box-shadow: 0 2px 5px #9000d833;
}

.thumbnail-compare_component {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}

.compare-table-row {
  border-top: 1px solid var(--grey-text);
  width: 100%;
  display: flex;
}

.background-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
}

.background-image.top-margin {
  margin-top: 120px;
}

.background-image.hide {
  display: none;
}

.background-image.placeholder-image {
  object-fit: cover;
  object-position: 50% 0%;
}

.compare-table-content {
  align-items: flex-start;
  display: flex;
}

.background-image-wrap {
  border: 1px solid #bdbaba;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 5px #0003;
}

.youtube-vs-us-header {
  background-image: url('../images/red-youtube_1red-youtube.webp');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 160px;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.youtube-vs-us-header.flex-center {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 0;
  display: flex;
}

.image-75 {
  aspect-ratio: auto;
  z-index: -2;
  position: absolute;
  inset: 0%;
}

.image-76 {
  z-index: 0;
  width: 100%;
  height: 100px;
  position: absolute;
  inset: auto 0% -1px;
}

.container {
  z-index: 1;
  width: 95%;
  max-width: 1300px;
}

.div-block-291 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  z-index: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.heading-11 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
}

.flex-block-4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  width: 100%;
}

.paragraph-youtube {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph-youtube.max-width {
  max-width: 560px;
  font-size: 20px;
  line-height: 28px;
}

.flex-block-5 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  z-index: 1;
}

.button-3 {
  color: var(--black);
  background-color: #fff;
  border-radius: 10px;
  padding: 15px 25px;
  font-size: 20px;
  line-height: 24px;
  transition: all .4s;
}

.button-3:hover {
  color: #fff;
  background-color: #f61c0d;
}

.image-77 {
  max-width: 90px;
}

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

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

.image-78 {
  z-index: 1;
  width: 50%;
  max-width: none;
  max-height: 800px;
  margin-top: 0;
  position: absolute;
  inset: 50% 0% auto auto;
  transform: translate(0, -50%);
}

.div-block-292 {
  width: 100%;
  max-width: 1920px;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

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

.frame-2147207799 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.frame-2147207798 {
  grid-column-gap: 12.1212px;
  border-bottom: 1px solid #fff;
  border-top-left-radius: 12.1212px;
  border-top-right-radius: 12.1212px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 72px;
  padding: 18.1818px;
  text-decoration: none;
  display: flex;
}

.frame-2147207794 {
  grid-column-gap: 12.1212px;
  background-color: #fff;
  border: 1.21212px solid #e9e9e9;
  border-top-width: 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 67px;
  padding: 18px;
  text-decoration: none;
  display: flex;
}

.frame-2147207791 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 387px;
  text-decoration: none;
  display: flex;
}

.text-9 {
  color: #777;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.text-6 {
  color: #111;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 21px;
  font-weight: 700;
  line-height: 33.94px;
  text-decoration: none;
}

.frame-2147207797 {
  box-sizing: content-box;
  aspect-ratio: auto;
  overflow-wrap: normal;
  object-fit: fill;
  z-index: 3;
  background-color: #ffffff03;
  border: 2px solid #771ee6;
  border-radius: 14px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 387px;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.frame-2147207795 {
  grid-column-gap: 12.1212px;
  background-color: #f8f8f8;
  border: 1.21212px solid #e9e9e9;
  border-top-width: 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 67px;
  padding: 18px;
  text-decoration: none;
  display: flex;
}

.text-8 {
  color: #7970ff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: underline;
}

.text-2 {
  color: #111;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.frame-2147207800 {
  grid-column-gap: 12.1212px;
  background-color: #f8f8f8;
  border: 1.21212px solid #e9e9e9;
  border-left-width: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 67px;
  padding: 18px;
  text-decoration: none;
  display: flex;
}

.tt-logo-svg-3 {
  object-fit: cover;
  overflow: hidden;
}

.frame-2147207792 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 72px;
  padding: 10px 18px;
  display: flex;
}

.vector {
  object-fit: cover;
}

.tt-logo-svg-fill {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 268.764px;
  height: 36.3636px;
  padding-left: 1.72253e-14px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-2147207802 {
  grid-column-gap: 12.1212px;
  background-color: #f8f8f8;
  border: 1.21212px solid #e9e9e9;
  border-width: 0 1.21212px 1.21212px 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 67px;
  padding: 18px;
  text-decoration: none;
  display: flex;
}

.frame-2147207790 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.link---home {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-2147207803 {
  grid-column-gap: 12.1212px;
  background-color: #fff;
  border: 1px #e9e9e9;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 18px;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.tt-logo-svg {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 268.764px;
  height: 36.3636px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-style {
  grid-column-gap: 4.84849px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 36.3636px;
  text-decoration: none;
  display: flex;
}

.text-7 {
  color: #111;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.frame-2147207801 {
  grid-column-gap: 12px;
  background-color: #fff;
  border: 1.21212px solid #e9e9e9;
  border-width: 0 1.21212px 1.21212px 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 67px;
  padding: 18px;
  text-decoration: none;
  display: flex;
}

.frame-2147207793 {
  grid-column-gap: 12.1212px;
  background-color: #f8f8f8;
  border: 1.21212px solid #e9e9e9;
  border-top-left-radius: 12.1212px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 67px;
  padding: 18px;
  text-decoration: none;
  display: flex;
}

.frame-2147207806 {
  grid-column-gap: 12.1212px;
  background-color: #fff;
  border: 1.21212px solid #e9e9e9;
  border-width: 0 1.21212px 1.21212px 0;
  border-bottom-right-radius: 12.1212px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 18px;
  text-decoration: none;
  display: flex;
}

.frame-2147207805 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 72px;
  padding: 10px;
  display: flex;
}

.frame-2147207796 {
  grid-column-gap: 12.1212px;
  background-color: #fff;
  border: 0 solid #e9e9e9;
  border-width: 0 0 1.21212px 1.21212px;
  border-bottom-left-radius: 12.1212px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 18px;
  text-decoration: none;
  display: flex;
}

.frame-2147207804 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 387px;
  text-decoration: none;
  display: flex;
}

.tt-logo-svg-5 {
  object-fit: cover;
  overflow: hidden;
}

.frame-2147207811 {
  grid-column-gap: 12.1212px;
  background-color: #f8f8f8;
  border: 1.21212px solid #e9e9e9;
  border-left-width: 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 18px;
  text-decoration: none;
  display: flex;
}

.frame-2147207819 {
  grid-column-gap: 12.1212px;
  background-color: #fff;
  border: 1.21212px solid #e9e9e9;
  border-width: 0 1.21212px 1.21212px 0;
  border-bottom-right-radius: 12.1212px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 18px;
  text-decoration: none;
  display: flex;
}

.frame-2147207807 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 390px;
  text-decoration: none;
  display: none;
}

.frame-2147207815 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 72px;
  padding: 10px;
  display: flex;
}

.frame-2147207818 {
  grid-column-gap: 12.1212px;
  background-color: #f8f8f8;
  border: 1.21212px solid #e9e9e9;
  border-width: 0 1.21212px 1.21212px 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 18px;
  text-decoration: none;
  display: flex;
}

.frame-2147207814 {
  grid-column-gap: 12.1212px;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-width: 0 1px 1.21212px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 18px;
  text-decoration: none;
  display: flex;
}

.text-10 {
  color: #7970ff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.frame-2147207813 {
  grid-column-gap: 12.1212px;
  background-color: #f8f8f8;
  border: 1.21212px solid #e9e9e9;
  border-width: 0 1.21212px 1.21212px 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 18px;
  text-decoration: none;
  display: flex;
}

.frame-2147207816 {
  grid-column-gap: 12.1212px;
  background-color: #f8f8f8;
  border: 1.21212px solid #e9e9e9;
  border-left-width: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 18px;
  text-decoration: none;
  display: flex;
}

.frame-2147207812 {
  grid-column-gap: 12.1212px;
  background-color: #fff;
  border: 1.21212px solid #e9e9e9;
  border-width: 0 1.21212px 1.21212px 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 18px;
  text-decoration: none;
  display: flex;
}

.frame-2147207810 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-2147207817 {
  grid-column-gap: 12.1212px;
  background-color: #fff;
  border: 1.21212px solid #e9e9e9;
  border-width: 0 1.21212px 1.21212px 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 18px;
  text-decoration: none;
  display: flex;
}

.frame-2147207809 {
  grid-column-gap: 12.1212px;
  border-top-left-radius: 12.1212px;
  border-top-right-radius: 12.1212px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 386px;
  height: 72px;
  padding: 18.1818px 18px;
  text-decoration: none;
  display: flex;
}

.frame-2147207808 {
  background-color: #ffffff03;
  border: 2px solid #771ee6;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 1px #0003, 0 1px 2px #2c324224, 0 10px 40px #7c29e829;
}

.tt-logo-svg-4 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 268.764px;
  height: 36.3636px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.body-2 {
  overflow: visible;
}

.image-80 {
  height: 50px;
}

.flex-block-9 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
}

.flex-block-10 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  z-index: 2;
  justify-content: center;
  align-items: flex-start;
  max-width: 650px;
}

.button-4 {
  color: var(--black);
  background-color: #fff;
  border-radius: 10px;
  padding: 15px 25px;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  transition: all .4s;
}

.button-4:hover {
  color: #fff;
  background-color: #000;
}

.flex-block-11 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1920px;
  margin-top: 40px;
  position: relative;
}

.div-block-293, .div-block-294 {
  overflow: hidden;
}

.h3-youtube {
  max-width: 400px;
  font-size: 40px;
  line-height: 48px;
}

.image-82 {
  border-top-right-radius: 20px;
  height: 100%;
}

.image-83 {
  border-top-left-radius: 20px;
  box-shadow: 0 -10px 40px #fff3;
}

.div-block-295 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: auto;
  display: grid;
}

.image-84 {
  z-index: 2;
  width: 100%;
  height: 100%;
}

.double-column {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: auto;
  width: 100%;
  display: grid;
}

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

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

.heading-13 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  line-height: 72px;
}

.heading-1-v2 {
  text-align: left;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 800;
  line-height: 72px;
}

.text-span-65 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #782cdb, #d80f12);
  -webkit-background-clip: text;
  background-clip: text;
}

.flex-block-13 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--grey-text);
  border: 1px solid #4e5ed366;
  border-radius: 40px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 13px;
  font-weight: 500;
  box-shadow: 0 0 0 2px #771ee61a;
}

.flex-block-14 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  position: relative;
}

.paragraph-11 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 28px;
}

.paragraph-v2 {
  color: var(--grey-text);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 28px;
}

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

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

.flex-block-17 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.flex-block-18 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.image-85 {
  position: absolute;
  inset: -13% 0% auto auto;
}

.flex-block-19 {
  justify-content: center;
  align-items: flex-start;
  position: relative;
}

.image-86 {
  border: 10px solid #771ee61a;
  border-radius: 20px;
  box-shadow: 0 4px 24px #0000001a;
}

.image-87 {
  position: absolute;
  inset: auto 0% 0%;
}

.flex-block-20 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

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

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

.flex-block-21 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #f7f7f9;
  border-radius: 40px 20px 20px 40px;
  padding: 24px;
}

.flex-block-21._2 {
  border-radius: 20px;
}

.flex-block-21._3 {
  border-radius: 20px 40px 40px 20px;
}

.div-block-297 {
  background-image: linear-gradient(0deg, #782cdb, #782cdb80);
  border: 1px solid #782cdb;
  border-radius: 10px;
  padding: 16px;
}

.text-block-1370 {
  color: var(--purple-ui-1);
  text-align: left;
  font-size: 24px;
  line-height: 32px;
}

.text-block-1370.black {
  width: 62px;
  color: var(--black);
  font-weight: 600;
}

.heading-14 {
  text-align: left;
  text-transform: capitalize;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 50px;
  line-height: 60px;
}

.flex-block-22 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-transform: capitalize;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.image-88 {
  width: 60px;
}

.flex-block-23 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: flex-start;
}

.flex-block-24 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #f3f4f6;
  border: 1px solid #0000001a;
  border-radius: 20px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 20px;
  display: flex;
}

.flex-block-25 {
  background-color: #0948f61a;
  border-radius: 50px;
  padding: 10px 20px;
}

.flex-block-25.rose {
  background-color: #cd0db91a;
}

.text-block-1371 {
  color: var(--black);
  font-size: 18px;
  line-height: 28px;
}

.text-block-1371.rose {
  color: var(--black);
}

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

.frame-2147207823 {
  grid-row-gap: 20px;
  background-color: #f3f4f6b3;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.frame-2147207823:hover {
  background-color: #e7e9ee;
}

.frame-2147207775 {
  grid-row-gap: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 75.15px;
  text-decoration: none;
  display: flex;
}

.frame-2147207824 {
  grid-row-gap: 20px;
  background-color: #f3f4f6b3;
  border-radius: 20px 20px 40px 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.frame-2147207824:hover {
  background-color: #e7e9ee;
}

.heading-3-basic-2 {
  color: #019014;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 27px;
  text-decoration: none;
}

.text-12 {
  color: #1a1a1a99;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.basic-2png {
  object-fit: cover;
  border-radius: 100px;
  overflow: hidden;
}

.frame-2147207822 {
  grid-column-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-13 {
  color: #019014;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 23px;
  font-weight: 400;
  line-height: 19.6px;
  text-decoration: none;
}

.heading-3-basic {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 43.2px;
  text-decoration: none;
}

.frame-2147207821 {
  grid-row-gap: 20px;
  background-color: #f3f4f6b3;
  border-radius: 40px 40px 20px 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.frame-2147207821:hover {
  background-color: #e7e9ee;
}

.frame-289215 {
  grid-column-gap: 8px;
  background-color: #0190141a;
  border-radius: 60px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 30px;
  text-decoration: none;
  display: flex;
}

.frame-2147207820 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 682px;
  text-decoration: none;
  display: flex;
}

.flex-block-27 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
}

.code-embed-4 {
  display: none;
  position: absolute;
  inset: 10% 0% auto auto;
}

.div-block-298 {
  background-color: #0000001a;
  border-radius: 10px;
  width: 100%;
  height: 1px;
}

.flex-block-28 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

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

.container-2 {
  width: 100%;
  max-width: none;
  margin-top: 60px;
}

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

.white-block-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #111;
  text-align: left;
  border: 1px solid #ddd;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  font-size: 16px;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.white-block-3:hover {
  background-color: #fafafa;
  border-color: #3a424d;
}

.text-block-1372 {
  color: var(--purple-ui-1);
  font-style: italic;
  text-decoration: underline;
}

.text-allfeatures {
  height: 100%;
}

.flex-block-29, .flex-block-30, .flex-block-31, .flex-block-32, .flex-block-33, .flex-block-34 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.flex-block-35 {
  justify-content: flex-start;
  align-items: center;
}

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

.menu-drop-down__feature__background {
  z-index: 0;
  opacity: 0;
  background-color: #ffffff26;
  border-radius: 16px;
  text-decoration: none;
  transition: all .2s cubic-bezier(.215, .61, .355, 1);
  position: absolute;
  inset: -.5rem;
  transform: scale(.95);
}

.button-5 {
  color: #fff;
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-color: #782cdb;
  background-image: linear-gradient(#f1e7ff80, #28114540);
  background-clip: padding-box;
  border: 1px solid #782cdb;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 1px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  box-shadow: 0 1px 2px #0000001f, 0 0 4px #0000000a, 0 4px 8px #00000014;
}

.button-5:hover {
  background-color: #6b22c7;
}

.button-5.in-navbar {
  border-radius: 1000px;
  text-decoration: none;
}

.button-5.in-navbar:hover {
  background-color: #6b22c7;
}

.menu-drop-down__feature__icon {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.menu-drop-down__feature__headline {
  color: #771ee6;
  padding-bottom: 8px;
  font-size: 16px;
}

.menu-drop-down__content-rows {
  background-color: #fff;
  background-image: none;
  border: 1px solid #e4e4e4;
  border-radius: 24px;
  flex-flow: column;
  padding: 20px 40px;
  display: flex;
  box-shadow: 0 2px 7px #0000000d;
}

.navlink-2-notion-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #000;
  letter-spacing: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 38px;
  padding: 0 10px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: all .1s;
  display: flex;
  position: relative;
}

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

.menu-drop-down {
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

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

.text-inside-cta-button-2 {
  background-color: #771ee6;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 15px;
  display: flex;
}

.text-inside-cta-button-2:hover {
  background-color: #6b22c7;
}

.text-inside-cta-button-2.in-navbar-link {
  border-radius: 100px;
  padding: 12px;
  font-size: 15px;
}

.menu-drop-down__feature__icon-wrapper {
  z-index: 1;
  color: #ad48fd;
  background-color: #0000004d;
  border: 1px solid #360d68;
  border-radius: 12px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: relative;
}

.wc-for-navbar-2 {
  z-index: 1300;
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  text-align: center;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 100px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 5px 5px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 4px 40px #00000014;
}

.flex-horizontal-center-right-3 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.flex-horizontal-center-right-3.navbar-right-side {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex: none;
  margin-left: auto;
}

.flex-horizontal-center-right-3.navbar-upper-right {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}

.menu-drop-down__block-headline {
  color: #000;
  font-size: 18px;
}

.menu-drop-down__chevron {
  justify-content: center;
  align-items: center;
  display: flex;
}

.menu-drop-down__feature-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 8px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.navbar-5 {
  z-index: 1000;
  background-color: #0000;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: sticky;
  top: 10px;
  left: auto;
  right: auto;
}

.menu-drop-down__content-row {
  padding-top: 16px;
  padding-bottom: 16px;
}

.menu-drop-down__content-row.menu-drop-down__content-row--content {
  border-top: 1px solid #0000000d;
  border-bottom: 1px solid #0000000d;
}

.menu-drop-down__feature__content-wrapper {
  z-index: 1;
  position: relative;
}

.menu-drop-down__link-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.menu-drop-down__content-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  flex-flow: column;
  width: 1080px;
  padding: 10px 0 0;
  display: none;
  position: fixed;
  inset: 100% auto auto 50%;
  transform: translate(-50%);
}

.menu-drop-down__content-wrapper.w--open {
  width: 800px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
  position: absolute;
  inset: auto auto auto 50%;
  transform: translate(-75%);
}

.nav-menu-4 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: 20px;
  display: flex;
  position: static;
}

.menu-drop-down__footer-links {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.menu-drop-down__feature__description {
  color: #000c;
  font-size: 14px;
}

.baked-h1-text {
  color: #fff;
}

.gradient {
  filter: blur(100px) saturate(250%);
  background-image: linear-gradient(#0003, #0003), linear-gradient(135deg, #90f, #7da5eb 25%, #ffa672 50%, #7da5eb 71%, #90f);
  border-bottom-right-radius: 100rem;
  max-width: 100vw;
  height: 70vh;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
  transform: scale(1.2);
}

.textarea {
  color: #000;
  background-color: #f8f4ed;
  border-radius: 24px;
  min-height: 140px;
  margin: 30px auto 0;
  padding: 12px 14px;
  font-size: 15px;
  font-weight: 400;
}

.textarea:focus {
  color: #000;
}

.hero-wrapper {
  min-height: 100vh;
}

.hero-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 160px;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.wc-5 {
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.div-block-8 {
  cursor: pointer;
  background-color: #000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
  position: absolute;
  bottom: 8px;
  right: 8px;
}

.div-block-8:hover {
  background-color: #635e5e;
}

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

.form-block-2 {
  width: 100%;
  max-width: 700px;
  position: relative;
}

.text-logo-2 {
  color: #fff;
  font-family: Host Grotesk;
  font-size: 26px;
  font-weight: 700;
}

.button-6 {
  color: #fff;
  text-align: center;
  background-color: #0d0f30;
  border: 1px solid #000;
  border-radius: 100rem;
  padding: .75rem 1.5rem;
}

.button-6.is-small {
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  background-color: #ffffff4a;
  border-style: none;
  padding: .5rem 1.25rem;
}

.button-6.is-small:hover {
  background-color: #ffffff80;
}

.button-6.is-small.button-dark {
  background-color: #0000004a;
}

.button-6.is-small.button-dark:hover {
  background-color: #0009;
}

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

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

.section_hero {
  color: #fff;
  background-image: url('../images/hero-bg.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  min-height: 100svh;
  margin: 1rem;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 0 4px 8px -1px #0000000d;
}

.section_hero.advisor {
  justify-content: flex-end;
  align-items: stretch;
  height: 80vh;
  min-height: auto;
  max-height: 56rem;
  overflow: hidden;
}

.section_hero.build {
  min-height: 70svh;
}

.section_hero.new12 {
  background-image: url('../images/23hero.webp');
  background-position: 50%;
}

.section_hero.main-hero-margin {
  justify-content: flex-start;
  align-items: stretch;
  min-height: auto;
  margin-top: 7.5rem;
}

.section_hero.main-hero-margin.hide {
  display: none;
}

.section_hero.main-hero-margin {
  margin-top: 7.5rem;
}

.heroformblock {
  flex-flow: column;
  margin-bottom: 0;
  display: flex;
}

.hero-input-field {
  z-index: 6;
  background-color: #fff;
  border: 1px solid #1c1c1c29;
  border-radius: 1.75rem;
  width: 70%;
  padding: .8125rem;
  font-size: 1rem;
  position: relative;
  box-shadow: 0 8px 10px -6px #0000001a, 0 20px 25px -5px #0000001a;
}

.top-hero-wrapper {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.top-hero-wrapper.build {
  flex-flow: column;
  margin-bottom: 16px;
}

.top-h1-text-wrpper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.top-h1-text-wrpper.advisor {
  width: 70%;
}

.top-h1-text-wrpper.hero-text-top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 1rem;
}

.h1-wrapper {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  color: #1c1c1c;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.h1-wrapper.build {
  flex-flow: column;
}

.second-h1-wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  display: flex;
}

.form-btn-image {
  width: 1.25rem;
}

.noise-image {
  z-index: 2;
  mix-blend-mode: overlay;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.text-field {
  color: #1c1c1c;
  border: 1px solid #fff;
  margin-top: .5rem;
  margin-bottom: 0;
  padding-bottom: 6rem;
  padding-left: .5rem;
  padding-right: .5rem;
  font-size: 1.08rem;
  font-weight: 500;
}

.text-field:active, .text-field:focus, .text-field:focus-visible, .text-field[data-wf-focus-visible] {
  border-color: #fff;
}

.text-field::placeholder {
  color: #5f5f5d;
  font-size: 1.08rem;
  font-weight: 400;
}

.form-button-wrapper {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-content {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.hero-content.advisor {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  justify-content: center;
  align-items: center;
}

.blur-image {
  z-index: 1;
  width: 140%;
  max-width: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: -15%;
}

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

.container-large._2 {
  max-width: 105rem;
}

.padding-global {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.padding-global.padding-section-large {
  width: 100%;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.padding-global.padding-section-large.no-bottom-padding {
  padding-bottom: 0;
}

.padding-global.padding-section-large.no-bottom-padding._2 {
  padding: 0 2.5rem 2rem;
}

.padding-global.padding-section-large._2 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.padding-global.padding-section-large._2.no-top-pad {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.padding-global.padding-section-large._2.only-top-pad {
  padding-top: 5.5rem;
  padding-bottom: 1rem;
}

.padding-global.nav, .padding-global.hero-padding {
  width: 100%;
}

.padding-global.hug-2 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.logo-color-image {
  width: 3.375em;
}

.form-button {
  border: 1px solid #f5f5f5;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  padding: 8px;
  display: flex;
  box-shadow: 0 1px 2px #0000000d;
}

.form-button._2nd {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #5f5f5d;
  width: auto;
  height: 100%;
  padding: 8px 13px;
  font-weight: 500;
}

.submit-button {
  background-color: #1c1c1c;
  border-radius: 70px;
}

.hero-paragraph {
  color: #010101;
  width: 80%;
  max-width: 450px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
}

.hero-paragraph.advisor {
  width: 100%;
  max-width: 100%;
}

.hero-paragraph._2 {
  max-width: 80%;
}

.hero-paragraph.new {
  color: #fffc;
  font-weight: 300;
}

.h1-text {
  letter-spacing: -1.2px;
  max-width: 22ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.1;
}

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

.nav_component {
  background-color: #fff;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  inset: 0% 0% auto;
}

.nav_container {
  color: #1c1c1c;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav_logo {
  width: 2.75rem;
}

.nav-hide {
  justify-content: center;
  align-items: center;
  display: none;
}

.nav-hide.desktop-hide {
  display: none;
}

.nav_menu {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav_menu._2nd {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-btn {
  background-color: #1e9a80;
  border-radius: 100px;
  padding: .75rem 1rem;
  font-weight: 500;
}

.nav-btn.sec {
  width: 8rem;
  color: var(--black);
  text-align: center;
  background-color: #fff;
  border: 1px solid #f3f3ee;
  border-radius: 1rem;
  padding-top: .8125rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.nav-btn._1 {
  text-align: center;
  border-radius: 1rem;
  width: 8rem;
  padding-top: .8125rem;
}

.nav-btn._1.hig {
  color: #1e1e1e;
  background-color: #00f59c;
  border-radius: .6rem;
  width: 7rem;
  padding: .6rem .8rem;
}

.nav_brand {
  font-family: Playfair Display, sans-serif;
}

.nav_button {
  padding: 1rem;
}

.nav_fixed {
  z-index: 10;
  border-radius: 1rem;
  margin-top: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
  position: fixed;
  inset: 0% 0% auto;
  overflow: hidden;
}

.nav_menu_link {
  color: #1c1c1c;
  border-radius: 12px;
  padding: 8px 12px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

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

.nav_menu_link.w--current {
  color: #1c1c1c;
}

.nav_menu_link.secondary {
  color: #1c1c1c;
  -webkit-text-stroke-color: #1c1c1c;
  cursor: pointer;
  background-color: #fff;
  font-weight: 500;
}

.nav_menu_link.secondary.hero-btn {
  height: 100%;
}

.nav_menu_link.streak-wrapper {
  color: #1c1c1c;
  -webkit-text-stroke-color: #1c1c1c;
  font-weight: 500;
}

.nav_menu_link.hide {
  display: none;
}

.nav_menu_link.hig {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #e6e6e699;
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: .9rem;
  font-weight: 400;
  display: flex;
}

.nav_menu_link.hig.active {
  color: #00f59c;
}

.nav_menu_link.hig.pricing {
  border-radius: .6rem;
  height: 100%;
  padding: .6rem 1rem .6rem .8rem;
}

.nav_menu_link.hig-btn {
  color: #00f59c;
  border: .6px solid #00f59c;
  padding: .5rem 1rem;
  font-size: .9rem;
}

.nav_menu_link.hig-bot {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #e6e6e699;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  font-size: .9rem;
  font-weight: 400;
  display: flex;
  position: relative;
}

.nav_menu_link.hig-bot.active {
  color: #00f59c;
}

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

.nav_hide-tab._2nd {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logo-link {
  color: #080330;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 30px;
  font-weight: 700;
  display: flex;
}

.logo-link:hover {
  opacity: .6;
}

.logo-link:lang(en) {
  padding: .1rem .2rem 0;
}

.logo-link.w--current {
  flex: none;
  justify-content: center;
  align-items: center;
  padding: .1rem .2rem 0;
  display: flex;
}

.logo-link.inverted {
  filter: invert();
}

.logo-link.inverted.hide {
  display: none;
}

.logo-link.inverted._2 {
  filter: none;
}

.logo-link.hig {
  flex: none;
}

.logo-link.hig:hover {
  opacity: 1;
}

.section_use-cases {
  color: #fff;
  background-color: #fff;
  border-radius: 28px;
  flex-direction: column;
  justify-content: center;
  margin-left: 1rem;
  margin-right: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -1px #0000000d;
}

.section_use-cases.affiliate.hide {
  display: none;
}

.section_use-cases.affiliate {
  color: #111;
  margin-top: 1.5rem;
}

.section_use-cases.affiliate._2 {
  margin-bottom: 1.5rem;
}

.section_use-cases.testimonial-new {
  color: #111;
  margin-top: 1.5rem;
}

.section_use-cases.testimonial-new._2 {
  margin-bottom: 1.5rem;
}

.use-cases-content {
  grid-column-gap: 5.5rem;
  grid-row-gap: 5.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.use-cases-content.affilite {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
}

.use-cases-content.affilite._2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.use-cases-content.affilite._2._56 {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
}

.use-cases-content.commission {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
}

.top-case-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #1c1c1c;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.top-case-content.build {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  width: 100%;
}

.top-case-content.app-builders-to-explore {
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
}

.top-case-content.commission {
  color: #fff;
  width: 70%;
}

.top-case-content.commission._2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.grey-text {
  color: #666d80;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.grey-text.weight-light.commission {
  color: #aeb2be;
}

.grey-text.weight-light.commission._2 {
  font-size: 1rem;
}

.grey-text.weight-light.commission._3 {
  color: #fff;
  font-weight: 500;
}

.grey-text.weight-light {
  font-weight: 300;
}

.grey-text.weight-light.white-text {
  color: #fff9;
}

.grey-text.weight-light.white-text.max530 {
  max-width: 530px;
}

.top-pill {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  border: 1px solid #dfe1e7;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: .375rem .5rem;
  display: flex;
}

.top-pill.dark-bg {
  background-color: #ffffff1a;
  border-color: #ffffff14;
}

.pill-image {
  width: 1rem;
  height: 1rem;
}

.text-size-14px {
  font-size: .875rem;
}

.text-size-14px.grey-text.light {
  font-weight: 300;
}

.text-size-14px.mg-bt {
  margin-bottom: .75rem;
}

.text-size-14px.text-thin {
  font-weight: 300;
}

.text-size-14px.text-thin.op-50 {
  opacity: .5;
}

.text-size-14px.text-thin.op-50._1rem {
  font-size: 1rem;
}

.text-size-14px.crumb-selected {
  padding: 4px 6px;
  text-decoration: underline;
}

.text-size-14px.crumb-selected.first-one {
  margin-left: -6px;
}

.text-size-14px.all-caps {
  letter-spacing: .9px;
  text-transform: uppercase;
}

.text-size-14px.all-caps._2 {
  color: #9cabf9;
}

.text-size-14px.weight-medium {
  font-weight: 500;
}

.text-size-14px.weight-medium.all-caps {
  letter-spacing: 1px;
  font-size: .75rem;
}

.text-size-14px.included-text {
  color: #7b7b7b;
  text-align: left;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: .75rem;
}

.text-size-14px.included-text._2 {
  color: #00977b;
}

.text-size-14px.light {
  opacity: .6;
  font-weight: 300;
}

.use-case-grid-wrapper {
  width: 100%;
}

.use-case-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.use-case-grid._2 {
  grid-template-columns: 1fr 1fr;
}

.use-case-grid._4 {
  grid-row-gap: 4rem;
}

.use-case-content {
  background-color: #f8fafb;
  border-radius: 1rem;
  padding-bottom: 2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.use-case-content.affiliate {
  background-color: #fff;
  border: 1px solid #ededed;
  padding: 1.5rem;
}

.case-study-image {
  width: 6.25rem;
}

.case-study-image.affiliate {
  width: 3rem;
}

.case-bottom-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #1c1c1c;
  flex-flow: column;
  display: flex;
}

.case-bottom-wrapper.build {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  padding-left: .7rem;
}

.case-bottom-wrapper._2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.text-size-20px {
  max-width: 24rem;
  font-size: 1.25rem;
}

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

.text-size-20px.weight-medium.purple {
  color: #5f57ff;
}

.text-size-20px.weight-medium.purple.playfair-italics {
  color: var(--black);
}

.text-size-20px.affiliate {
  font-size: 1.1rem;
  font-weight: 500;
}

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

.text-size-16px {
  font-size: 1rem;
  line-height: 150%;
}

.text-size-16px.grey-text {
  color: #8b8b8b;
  font-weight: 400;
}

.text-size-16px.grey-text.normal {
  font-weight: 400;
}

.text-size-16px.grey-text.build {
  color: #d1d5dc;
}

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

.text-size-16px.weight-light._60-opacity-text {
  text-align: left;
}

.text-size-16px.weight-light._50-opacity-text {
  opacity: .5;
}

.text-size-16px.weight-light.grey-text {
  font-weight: 400;
}

.text-size-16px.weight-light._14px {
  opacity: .7;
  font-size: .875rem;
}

.text-size-16px.weight-medium {
  font-weight: 500;
}

.text-size-16px.weight-medium._50-opacity-text {
  opacity: .5;
}

.text-size-16px.weight-medium.faq {
  text-align: left;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
  font-size: 1.125rem;
}

.text-size-16px.weight-semibold {
  font-weight: 500;
}

.text-size-16px.weight-semibold.text-black {
  color: #1c1c1c;
}

.text-size-16px.green {
  color: #4ade80;
}

.text-size-16px._60-opacity-text._3, .text-size-16px._60-opacity-text._14px {
  font-size: .875rem;
}

.text-size-16px.italic-text {
  font-style: italic;
}

.text-size-16px.hide {
  display: none;
}

.text-use-wrapper {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: -40px;
  display: flex;
}

.text-use-wrapper.affiliate {
  grid-column-gap: 1.4rem;
  grid-row-gap: 1.4rem;
  text-align: left;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
}

.section_pricing {
  background-color: #fff;
  border-radius: 1.75rem;
  flex-direction: column;
  justify-content: center;
  margin: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -1px #0000000d;
}

.pricing-content {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pricing-contentt {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #fff;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.pricing-grid-wrapper {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.pricing-grid-wrapper.hide {
  flex: 0 auto;
  display: none;
  overflow: visible;
}

.pricing-grid-content {
  background-image: linear-gradient(#fff, #ffffff4d 0%, #fff0);
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1px;
  overflow: hidden;
  box-shadow: 0 4px 8px -1px #0d0d1205, 0 5px 10px -2px #0d0d120a;
}

.inner-pricing-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #262628;
  border-radius: 1.5rem;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  display: flex;
  overflow: hidden;
}

.inner-pricing-wrapper.white._2nd.hide {
  display: none;
}

.inner-pricing-wrapper.white._2nd {
  height: auto;
  box-shadow: none;
  border-color: #e6e6e6;
}

.inner-pricing-wrapper.white {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #fff;
  border: 1px solid #020202;
  border-radius: 1rem;
  padding: 1.75rem;
  box-shadow: 0 0 3px 6px #1e9a801a;
}

.inner-pricing-wrapper.white._2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  box-shadow: none;
  border-width: 0;
  border-radius: 0;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  display: grid;
}

.top-pricing-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: #100f11;
  flex-flow: column;
  font-weight: 500;
  display: flex;
}

.text-size-18px {
  font-size: 1.125rem;
}

.text-size-18px.weight-medium {
  font-weight: 500;
}

.text-size-18px.weight-medium.opacity-50 {
  opacity: .5;
}

.text-size-18px.grey-text {
  color: #525252;
  font-weight: 300;
}

.text-size-18px.grey-text.text-size-16px._2 {
  margin-top: -12px;
}

.text-size-18px._16 {
  font-size: 1rem;
}

.text-size-18px.bold {
  font-weight: 600;
}

.text-size-18px.opacity-60 {
  opacity: .6;
}

.text-size-18px.italic-text {
  font-size: 1rem;
  font-style: italic;
}

.text-size-18px.jade-green {
  color: #1e9a80;
  font-size: 1.5rem;
  font-weight: 600;
}

.text-size-18px.jade-green._2 {
  color: var(--black);
  font-size: 1.3rem;
}

.price-wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.pricing-h2 {
  margin-top: 0;
  margin-bottom: 0;
}

.pricing-h2.black-text {
  color: #1c1c1c;
}

.divider-image {
  opacity: .7;
  width: 100%;
}

.pricing-features {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  margin-top: -.5rem;
  display: flex;
}

.pricing-features.header {
  grid-column-gap: .85rem;
  grid-row-gap: .85rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.pricing-features._2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  padding-left: 1rem;
  padding-right: 1rem;
}

.pricing-feature-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricing-image {
  width: 1rem;
  height: 1rem;
}

.pricing-image._2 {
  width: 1.5rem;
  height: 1.5rem;
}

.pricing-image._3 {
  opacity: .7;
  width: .8rem;
  height: .8rem;
}

.pricing-btn {
  background-color: #ffffff1a;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  padding: .875rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.pricing-btn.black._3 {
  width: 40%;
}

.pricing-btn.black.mt-10.affiliate {
  width: 100%;
  margin-top: 0;
}

.pricing-btn.black.mt-10.affiliate:hover {
  background-color: #0f8b75;
}

.pricing-btn.black.mt-10.affiliate._2 {
  height: auto;
}

.pricing-btn.black.mt-10.affiliate.blog-cta {
  width: auto;
  height: auto;
}

.pricing-btn.black.mt-10.affiliate.blog-cta._2 {
  color: #1e9a80;
  background-color: #fff;
}

.pricing-btn.black.mt--30._2 {
  background-color: #1e9a80;
}

.pricing-btn.black.mt--30._2.build {
  margin-top: 0;
}

.pricing-btn.purple.margin.white {
  background-color: var(--white);
  color: var(--black);
}

.pricing-btn.purple.margin.white.aff2 {
  margin-top: 0;
}

.pricing-btn.purple.minw-190 {
  min-width: 190px;
}

.pricing-btn.purple {
  color: #f3ebff;
  background-color: #771ee6;
}

.pricing-btn.purple {
  color: #f3ebff;
}

.pricing-btn.purple.margin {
  margin-top: 1.4rem;
}

.pricing-btn.purple.margin.white {
  color: #111;
  background-color: #fff;
}

.pricing-btn.purple.margin.white.affiliate {
  color: #fff;
  background-color: #1e9a80;
  margin-top: .5rem;
}

.pricing-btn.black.mt--30 {
  margin-top: -50px;
}

.pricing-btn.black {
  background-color: #020617;
  transition: all .2s ease-in;
}

.pricing-btn.black:hover {
  background-color: #2f2f2f;
}

.pricing-btn.white {
  color: #111;
  background-color: #fff;
  border: 1px #000;
}

.section_faq {
  color: #fff;
  background-color: #fff;
  border-radius: 1.75rem;
  flex-direction: column;
  justify-content: center;
  margin-left: 1rem;
  margin-right: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -1px #0000000d;
}

.section_faq.build {
  background-color: #f7f6fd;
}

.section_faq.build._2 {
  background-color: #fff;
  margin-bottom: 1rem;
}

.section_faq.hide {
  display: none;
}

.faq-content {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.faq-bottom-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.faq-wrapper-3-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #eceff3;
  border-radius: .75rem;
  flex-flow: column;
  width: 70%;
  padding: 1.5rem;
  display: flex;
  box-shadow: 0 1px 3px #00000005;
}

.top-faq-wrapper {
  color: #1c1c1c;
  text-align: left;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.top-faq-wrapper.prompt {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
}

.div-block-302 {
  width: 1.125rem;
  height: 1.125rem;
}

.faq-indicator {
  background-color: #ebebeb;
  border: 2px solid #1c1c1c;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 1.125rem;
  height: 1.125rem;
  display: flex;
  position: relative;
}

.faq-answer-wrapper {
  color: #1c1c1c;
  text-align: left;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq-indicator-div {
  background-color: #1c1c1c;
  border-radius: 40px;
  width: 10.5px;
  height: 2px;
}

.faq-indicator-div.abs {
  position: absolute;
}

.faq-indicator-abs {
  background-color: #1c1c1c;
  border-radius: 40px;
  width: 10.5px;
  height: 2px;
  position: absolute;
  overflow: hidden;
}

.faq-indicator-abs.abs {
  position: absolute;
}

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

.footer-content.pt-100 {
  padding-top: 100px;
}

.footer-content.wc-shortened {
  max-width: 1000px;
}

.footer-content.text-aligned-left {
  text-align: left;
}

.footer-content.pb-200 {
  padding-bottom: 200px;
}

.footer-content.pb-200.pt-120 {
  padding-top: 120px;
}

.footer-content.gap-100 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
}

.footer-content.mb-140 {
  margin-bottom: 140px;
}

.footer-content.comparison-page-version {
  overflow: visible;
}

.footer-content.new {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
}

.footer-content._2 {
  width: 100%;
}

.text-block-1373 {
  font-family: Playfair Display, sans-serif;
}

.section_how-it-works {
  background-color: #fff;
  border-radius: 28px;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -1px #0000000d;
}

.section_how-it-works.hide {
  display: none;
}

.use-h-i-w {
  grid-column-gap: 5.5rem;
  grid-row-gap: 5.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 4rem;
  display: flex;
}

.use-h-i-w.build {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  padding-top: 0;
}

.steps-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #0000;
  border-radius: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center start;
  padding: 0;
  display: grid;
}

.steps-wrapper._2 {
  place-items: start stretch;
}

.steps-wrapper-bottom {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
  position: relative;
}

.steps-wrapper-bottom.build {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  text-align: left;
  border: 1px solid #eee;
  border-radius: 1rem;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: .6rem .85rem .85rem .2rem;
  display: flex;
  box-shadow: 0 2px 15px #0000000a;
}

.steps-wrapper-bottom.build._2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  box-shadow: none;
  border-width: 0;
}

.steps-wrapper-bottom.build-copy {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  text-align: left;
  border: 1px solid #eee;
  border-radius: .5rem;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 1rem;
  display: flex;
  box-shadow: 0 2px 15px #0000000a;
}

.steps-wrapper-bottom.build-copy._2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  box-shadow: none;
  border-width: 0;
}

.step-image {
  width: 2.75rem;
}

.step-image.build {
  width: 4.5rem;
}

.step-grid-wrapper {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.dropdown {
  color: #666d80;
  background-color: #0000;
  border: 1px solid #ebebeb;
  border-radius: .75rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 3rem;
  max-height: 3rem;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 1.75rem 1.25rem;
  font-weight: 400;
  display: flex;
}

.dropdown-toggle {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  font-size: 1rem;
}

.icon-2 {
  font-size: 1.1rem;
}

.dropdown-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #1c1c1c;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.dropdown-list-2 {
  margin-top: -6px;
}

.dropdown-list-2.w--open {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  margin-top: 255px;
  box-shadow: 0 4px 8px #0003;
}

.form-pricing {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

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

.form_input {
  color: #000;
  background-color: #0000;
  border: 1px solid #eee;
  border-radius: .5rem;
  min-height: 3rem;
  margin-bottom: 0;
  padding: .5rem 1rem;
  font-size: 1rem;
}

.form_input:focus {
  border-color: #a7f46a;
}

.form_input::placeholder {
  color: #6a6c6a;
}

.form_input.is-select-input {
  color: #222;
  background-image: url('../images/chevron-down.png');
  background-position: 98%;
  background-repeat: no-repeat;
  background-size: auto;
}

.popular-wrapper {
  grid-column-gap: .9rem;
  grid-row-gap: .9rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.popular-text-wrapper {
  color: #372e7d;
  background-color: #e0def5;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: .375rem .625rem;
  display: flex;
}

.popular-text-wrapper.weight-semibold {
  font-weight: 600;
}

.popular-text-wrapper.weight-semibold._2 {
  border-radius: 90px;
}

.popular-text-wrapper.weight-semibold-2 {
  border-radius: 8px;
  font-weight: 600;
}

.popular-text-wrapper.weight-semibold-2._2 {
  border-radius: 90px;
}

.textsize12px {
  font-size: .75rem;
}

.textsize12px.grey-light {
  color: #e5e7eb;
  font-weight: 300;
}

.line-vector-image {
  width: 10rem;
  position: absolute;
  inset: 15% -43% auto auto;
}

.line-vector-image._2 {
  right: -31%;
}

.form-block-11 {
  width: 100%;
  margin-bottom: 0;
}

.pricing-selector {
  color: #666d80;
  background-color: #0000;
  background-image: url('../images/chevron-down.png');
  background-position: 97%;
  background-repeat: no-repeat;
  background-size: 1.2rem;
  border: 1px solid #ebebeb;
  border-radius: .75rem;
  height: 3.5rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
}

.pricing-selector._2 {
  color: #ffffffb3;
  background-color: #ffffff1a;
  border-color: #ebebeb33;
  margin-top: .75rem;
  display: none;
}

.pricing-selector._2.hide {
  display: none;
}

.pricing-selector._3.hide {
  display: none;
}

.pricing-selector._3 {
  color: #000;
  background-color: #fff;
  border-color: #7d9191;
  margin-top: .75rem;
}

.nav_menu_link-2 {
  color: #fff;
  padding: 1rem;
}

.nav_menu2 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav_fixed-2 {
  z-index: 100;
  background-color: #fff;
  border-radius: 1rem;
  margin: 1rem 1rem 0;
  padding: 0;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 0 4px 8px -1px #00000005;
}

.nav_fixed-2.hide {
  display: none;
}

.nav_fixed-2.new {
  box-shadow: none;
  background-color: #fff0;
  border-radius: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.nav_fixed-2.go {
  display: flex;
}

.nav_button-2 {
  padding: 1rem;
}

.nav_component-2 {
  background-color: #fff;
  border-radius: 1rem;
  width: 100%;
  padding-top: .7rem;
  padding-bottom: .7rem;
  position: relative;
  inset: 0% 0% auto;
}

.nav_component-2.new {
  background-color: #fff0;
}

.nav_component-2.hig {
  z-index: 1000;
  background-color: #0a0a0a;
  border-radius: 0;
  padding-left: 1rem;
  padding-right: 1rem;
}

.nav_logo-2 {
  width: 10rem;
}

.nav_container-2 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: .3rem;
  padding-bottom: .3rem;
  display: flex;
}

.nav_container-2.hig {
  max-width: 105rem;
}

.nav-end-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-end-wrapper._2 {
  display: none;
}

.navbar-6 {
  z-index: 900;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  margin-top: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.dropdown-link-3 {
  color: #000;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 10px;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.dropdown-link-3:hover {
  color: #771ee6;
  background-color: #7c29e826;
}

.dropdown-link-3.w--current {
  color: #000;
}

.text-inside-cta-button-3 {
  background-color: #771ee6;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 15px;
  display: flex;
}

.text-inside-cta-button-3:hover {
  background-color: #6b22c7;
}

.text-inside-cta-button-3.in-navbar-link {
  border-radius: 100px;
  padding: 12px;
  font-size: 15px;
}

.navlink-2-notion-3 {
  color: #111;
  letter-spacing: 0;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  min-height: 38px;
  padding: 0 8px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: all .1s;
  display: flex;
  position: relative;
}

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

.button-7 {
  color: #fff;
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-color: #782cdb;
  background-image: linear-gradient(#f1e7ff80, #28114540);
  background-clip: padding-box;
  border: 1px solid #782cdb;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 1px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  box-shadow: 0 1px 2px #0000001f, 0 0 4px #0000000a, 0 4px 8px #00000014;
}

.button-7:hover {
  background-color: #6b22c7;
}

.button-7.in-navbar {
  border-radius: 1000px;
}

.button-7.in-navbar:hover {
  background-color: #6b22c7;
}

.navbar-7 {
  z-index: 1000;
  background-color: #0000;
  align-items: center;
  width: 100%;
  display: flex;
  position: sticky;
  top: 10px;
  left: auto;
  right: auto;
}

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

.nav-menu-5 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: static;
}

.wc-for-navbar-3 {
  z-index: 1300;
  text-align: center;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 100px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  position: relative;
  box-shadow: 0 4px 40px #00000014;
}

.body-bg-white {
  background-color: #fff;
}

.nav_not_fixed {
  z-index: 12;
  background-color: #fff;
  border-radius: 1rem;
  margin: 1rem 1rem 0;
  padding: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  box-shadow: 0 4px 8px -1px #00000005;
}

.crisp-embed {
  display: none;
}

.section_features {
  color: #fff;
  background-color: #fff;
  border-radius: 28px;
  flex-direction: column;
  justify-content: center;
  margin: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -1px #0000000d;
}

.content-features {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.top-feature-content {
  grid-column-gap: 18rem;
  grid-row-gap: 18rem;
  color: #1c1c1c;
  text-align: left;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.top-feature-content._2 {
  grid-column-gap: 20rem;
  grid-row-gap: 20rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.left-top-feature {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.right-top-feature {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.right-top-feature._2 {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  text-align: left;
  justify-content: center;
  align-items: flex-start;
}

.bottom-feature-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.first-feature-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  width: 100%;
  display: flex;
}

._1st-feature-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid #dfe1e7;
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  padding: 1rem;
  display: flex;
  box-shadow: 0 4px 8px -1px #00000005, 0 5px 10px -2px #0d0d1205;
}

.feature-top-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #1c1c1c;
  text-align: left;
  flex-flow: column;
  padding: .5rem;
  display: flex;
}

._1st-feature-image {
  width: 100%;
  height: 18.75rem;
}

._2nd-feature-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 1rem;
  display: flex;
}

._2nd--feature-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid #dfe1e7;
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60%;
  padding: 1rem;
  display: flex;
  box-shadow: 0 5px 10px -2px #0d0d120a, 0 4px 8px -1px #0d0d1205;
}

.content-watch {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bottom-watch-content {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.video-bg {
  border-radius: 1rem;
  height: 45rem;
  overflow: hidden;
}

.video-bg.build {
  width: 100%;
  height: auto;
}

.last-watch-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border: 1px solid #dfe1e7;
  border-radius: 1rem;
  padding: 2rem;
  display: flex;
}

.divider-img {
  height: 8rem;
}

.watch-bottom-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #1c1c1c;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pic-wrapper {
  border: 1px solid #eceff3;
  border-radius: 1rem;
  width: 100%;
  height: 18.75rem;
  overflow: hidden;
}

.pic-wrapper._2 {
  background-image: none;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.pic-wrapper._1 {
  object-fit: cover;
  background-image: none;
  overflow: hidden;
}

.playfair-italics {
  font-family: Playfair Display, sans-serif;
  font-style: italic;
  font-weight: 400;
}

.feature-image {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.feature-image._2 {
  object-position: 0% 50%;
}

.section_metrics {
  color: #fff;
  background-color: #fff;
  background-image: url('../images/section3.avif');
  background-position: 100% 100%;
  background-size: cover;
  border-radius: 28px;
  flex-direction: column;
  justify-content: center;
  margin: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -1px #0000000d;
}

.top-metric-content {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  color: #1c1c1c;
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  display: flex;
}

.top-metric-content._2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.left-top-metrics {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.right-top-metrics {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.right-top-metrics._2 {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  text-align: left;
  justify-content: center;
  align-items: flex-start;
}

.metric-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.left-metric-grid {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--black);
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-size-30px {
  font-size: 1.5rem;
}

.text-size-30px.weight-bold {
  font-weight: 500;
}

.text-span-66 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#1d396a, #0090ff);
  -webkit-background-clip: text;
  background-clip: text;
}

.metric-wrapper {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.mertric {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-img {
  width: 1.5rem;
}

.metric-numbers {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 3.25rem;
  margin-bottom: 1rem;
  display: flex;
}

.metric-number-div {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.image-92 {
  height: 3.625rem;
}

.right-metric-grid {
  position: relative;
  overflow: hidden;
}

.mtric-image {
  object-fit: contain;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-304 {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  width: 80%;
  color: var(--soft-lavender);
  background-image: url('../images/content.avif');
  background-position: 0 0;
  background-size: cover;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-305 {
  background-color: var(--white);
  filter: drop-shadow(0 4px 5.9px #00000014);
  border-radius: 8px;
  margin-bottom: .6rem;
  padding: .75rem;
}

.image-93 {
  width: 1.75rem;
}

.section_cta {
  color: #fff;
  background-color: #fff;
  background-image: url('../images/section.png');
  background-position: 50% 100%;
  background-size: cover;
  border-radius: 28px 28px 0 0;
  flex-direction: column;
  justify-content: center;
  margin: 1rem 1rem 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -1px #0000000d;
}

.top-cta-content {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  width: 90%;
  color: var(--white);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.top-cta-content.prompt {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  width: 60%;
}

.cta-content {
  grid-column-gap: 5.5rem;
  grid-row-gap: 5.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.weight-light {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
}

.image-94 {
  width: 60rem;
  position: absolute;
  inset: 7% -37% 0% auto;
}

.youtube._2 {
  object-fit: cover;
  height: 100%;
  overflow: hidden;
}

.text-size-32px {
  font-size: 1.25rem;
}

.text-size-32px.weight-medium {
  font-weight: 500;
}

.text-size-32px.weight-medium.purple {
  color: #5f57ff;
}

.text-size-32px.weight-medium.purple.playfair-italics {
  color: var(--black);
}

.text-size-32px._2rem {
  font-size: 2rem;
  font-weight: 600;
}

.weapon-image {
  flex: none;
  width: auto;
  height: 100%;
  position: absolute;
  inset: auto 2% -13% auto;
}

.footer-instance.hide {
  display: none;
}

.footer-instance.hide._2 {
  flex-flow: column;
  display: flex;
}

.text-block-1375 {
  color: #300d03;
}

.code-embed-5 {
  width: 100%;
  height: 100%;
}

.code-embed-6 {
  width: 100%;
  max-width: 100%;
  margin-top: 1.3rem;
  margin-bottom: 0;
  padding: 0;
  overflow: hidden;
}

.code-embed-6.hide {
  display: none;
}

.illustration {
  z-index: 10;
  width: 100%;
  max-width: 62.5rem;
  position: absolute;
  bottom: -16%;
  left: auto;
  right: 50%;
  transform: translate(50%);
}

.illustration-advisor {
  z-index: 0;
  flex-flow: column;
  flex: none;
  width: 100%;
  max-width: 62.5rem;
  max-height: 20.0625rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
  top: auto;
  bottom: 0%;
  left: 50%;
  overflow: hidden;
}

.illustration-advisor-copy {
  z-index: 10;
  width: 100%;
  max-width: 62.5rem;
  position: absolute;
  inset: auto 0% -12% -24%;
  transform: translate(50%);
}

.advisor-img {
  flex: none;
  width: 100%;
  height: 100%;
}

.no-bottom-padding {
  padding-bottom: 0;
}

.code-embed-7 {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.card-embed {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-307 {
  width: 100%;
  min-width: 100%;
  color: var(--black);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.hero-layout {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  width: 100%;
  min-width: 100%;
  padding-top: 3rem;
  display: flex;
}

.hero-layout._1 {
  height: 100%;
  margin-top: 2.5rem;
  padding-top: 0;
}

.code-embed-6-copy {
  width: 100%;
  min-height: 18.75rem;
  margin-top: 0;
  padding: 0;
}

.section_agentic-ai {
  background-color: #020617;
  border-radius: 28px;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -1px #0000000d;
}

.agent-ai-content {
  grid-column-gap: 7.5rem;
  grid-row-gap: 7.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.agent-ai-content.build {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
}

.top-agent-wrapper {
  z-index: 2;
  grid-column-gap: 3.625rem;
  grid-row-gap: 3.625rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.top-agent-content-text {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #fff;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  display: flex;
}

.top-agent-content-text._2 {
  grid-column-gap: 20rem;
  grid-row-gap: 20rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.right-top-feature-copy {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.right-top-feature-copy._2 {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  text-align: left;
  justify-content: center;
  align-items: flex-start;
}

.sky-bg {
  z-index: 1;
  object-fit: cover;
  width: 90rem;
  height: 48.125rem;
  position: absolute;
  inset: 0% 0% auto;
}

.bottom-agent-content-text {
  -webkit-backdrop-filter: drop-shadow(0 1px 3px #0000001a);
  backdrop-filter: drop-shadow(0 1px 3px #0000001a);
  background-color: #ffffff1a;
  border: .2px solid #ffffff1a;
  border-radius: 1.875rem;
  width: 70%;
  padding: 1rem;
}

.bottom-agent-content-text._2 {
  border-radius: .875rem;
  width: 100%;
  padding: 1.5rem;
  position: relative;
}

.bottom-agent-content-text._2.build {
  -webkit-backdrop-filter: blur(3px) drop-shadow(0 1px 3px #0000001a);
  backdrop-filter: blur(3px) drop-shadow(0 1px 3px #0000001a);
  background-color: #07042780;
  padding: 1rem;
}

.bottom-agent-content-text.hide {
  display: none;
}

.agent-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.agent-grid._2 {
  height: 100%;
  display: flex;
}

.left-agent-grid {
  background-image: url('../images/agent-image.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .875rem;
  padding: .85rem;
}

.div-block-308 {
  -webkit-backdrop-filter: drop-shadow(0 8px 10px #0000001a) drop-shadow(0 1px 3px #0000001a) blur(8px);
  backdrop-filter: drop-shadow(0 8px 10px #0000001a) drop-shadow(0 1px 3px #0000001a) blur(8px);
  background-color: #18181b4d;
  border: .4px solid #ffffff80;
  border-radius: 10px;
}

.left-grid-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -webkit-backdrop-filter: drop-shadow(0 8px 10px #0000001a) drop-shadow(0 1px 3px #0000001a) blur(8px);
  backdrop-filter: drop-shadow(0 8px 10px #0000001a) drop-shadow(0 1px 3px #0000001a) blur(8px);
  color: var(--white);
  background-color: #18181b4d;
  border: .4px solid #7a7a7a80;
  border-radius: 10px;
  flex-flow: column;
  padding: 1rem;
  display: flex;
}

.left-grid-content._2 {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #18181b00;
  border-width: 0;
  border-radius: 0;
  padding: 0;
}

.top-left-grid-content {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.btn-image {
  height: .5rem;
}

.text-size-12px {
  letter-spacing: .2px;
  font-family: Inter, sans-serif;
  font-size: .875rem;
}

.text-size-12px._60-opacity-text._2 {
  font-size: .875rem;
  font-weight: 300;
}

.text-size-12px.main {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
}

.text-size-12px.tight {
  letter-spacing: -.1px;
}

.text-size-12px.tight.grey {
  color: #1e1e1e;
}

.middle-contents {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  border-radius: .5rem;
  justify-content: flex-start;
  align-items: center;
  padding: .5rem;
  display: flex;
}

.middle-icons {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex: none;
  display: flex;
}

.spin-icon, .tick-icon {
  flex: none;
  width: 1rem;
}

.top-bottom-grid {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.tracker-wrapper {
  background-color: #ffffff1a;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: .375rem;
  margin-bottom: .75rem;
  display: flex;
  overflow: hidden;
}

.tracker {
  background-color: #fff;
  width: 10%;
  height: .375rem;
}

.right-agent-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  color: var(--white);
  border-radius: .875rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: .2rem;
  display: flex;
}

.right-grid-text-wrapper {
  grid-column-gap: .15rem;
  grid-row-gap: .15rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-size-22px {
  font-size: 1.375rem;
}

.text-size-22px.weight-bold._20px {
  font-size: 1.2rem;
  font-weight: 400;
}

.text-size-22px.medium {
  font-size: 1.25rem;
  font-weight: 500;
}

.text-size-22px.weight-bold {
  font-weight: 600;
}

.middle-right-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.right-main-content {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  display: flex;
}

.right-image-grid {
  flex: none;
  height: 1.75rem;
}

.right-text-grid {
  grid-column-gap: .125rem;
  grid-row-gap: .125rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.bottom-grid-btn-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.demo-butn {
  color: #fffc;
  text-align: center;
  background-color: #ffffff1a;
  border-radius: .5rem;
  width: 100%;
  padding: .5rem .875rem;
  font-weight: 400;
}

.demo-butn._2 {
  border-radius: 1rem;
  padding: 1rem;
  font-size: 16px;
  font-weight: 500;
}

.main-grid-butn {
  color: #101828;
  text-align: center;
  background-color: #fff;
  border-radius: .5rem;
  width: 100%;
  padding: .5rem .875rem;
  font-weight: 400;
}

.main-grid-butn._2 {
  border-radius: 1rem;
  padding: 1rem;
  font-size: 1rem;
  font-weight: 500;
}

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

.why-choice-grid.build {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.why-choose-container {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #1a1b25;
  border: .5px solid #292929;
  border-radius: .875rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.5rem;
  display: flex;
}

.choose-image {
  height: 2.5rem;
}

.choose-content-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  color: var(--white);
  flex-flow: column;
  display: flex;
}

.choose-content-wrapper.build {
  flex-flow: row;
}

.choose-content {
  display: flex;
}

.choose-content.build {
  background-color: #ffffff1a;
  border-radius: 8px;
  padding: 0 1.5rem;
}

.choose-image-wrapper {
  flex: none;
  padding-top: .125rem;
  padding-right: .75rem;
}

.choose-image-small {
  width: 1.2rem;
}

.choose-image-2 {
  object-fit: cover;
  object-position: 50% 40%;
  width: 15.375rem;
  height: 2.5rem;
}

.gradient1 {
  z-index: 1;
  width: 45.5rem;
  position: absolute;
  inset: auto auto 0% 0%;
}

.gradient2 {
  z-index: 1;
  width: 45.5rem;
  position: absolute;
  inset: auto 0% 0% auto;
}

.choose-image-2-0 {
  object-fit: cover;
  object-position: 0% 50%;
  width: 15.375rem;
  height: 2.5rem;
}

._2nd-choice-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 70%;
  display: grid;
}

._2nd-choice-grid.build {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.gradient-line {
  opacity: .7;
  width: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.animate-div {
  background-image: url('../images/card.avif');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 14px;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.top-btn-div {
  width: 100%;
  color: var(--white);
  background-color: #211a44;
  padding: 1rem 1.5rem;
}

.bottom-animate-div {
  width: 100%;
  height: 100%;
  padding: 1.5rem;
}

.bottom-grid-btn-wrapper2 {
  z-index: 10;
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  justify-content: center;
  align-items: center;
  width: 40%;
  margin-top: -2rem;
  display: flex;
  position: relative;
}

.hero-cms {
  width: 100%;
}

.slider-image {
  flex: none;
  max-width: 17rem;
}

.ways-img {
  object-fit: contain;
  border-radius: 1rem;
  width: 100%;
  height: 100%;
}

.about-the-app-builder {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  width: 100%;
  max-width: 700px;
  color: var(--white);
  background-color: #1a1b25;
  border: .5px solid #292929;
  border-radius: .875rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 1.5rem;
  display: flex;
}

.collection-list-wrapper-7 {
  width: 70%;
}

.collection-list-wrapper-8, .cta-collection {
  width: 100%;
}

.rte-in-collection-main {
  width: 100%;
  font-size: .6rem;
  font-weight: 300;
}

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

.rte-in-collection-main img {
  border-radius: 12px;
  width: 100%;
  margin-bottom: 20px;
}

.rte-in-collection-main figure {
  width: 100%;
  margin: 10px auto;
}

.rte-in-collection-main h3 {
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 22px;
  font-weight: 600;
}

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

.rte-in-collection-main p {
  margin-top: 24px;
  margin-bottom: 24px;
  line-height: 1.7;
}

.rte-in-collection-main h2 {
  margin-top: 30px;
  margin-bottom: 14px;
}

.rte-in-collection-main a {
  color: #c985ff;
}

.rte-in-collection-main a:hover {
  text-decoration: underline;
}

.rte-in-collection-main blockquote {
  background-color: #ffffff1a;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 40px;
}

.rte-in-collection-main li {
  margin-bottom: 10px;
  font-size: 18px;
}

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

.rte-in-collection-main.grey-text {
  height: 100%;
  font-size: .8rem;
  font-weight: 300;
  overflow: visible;
}

.rte-in-collection-main.grey-text._2 {
  height: 100%;
  overflow: hidden;
}

.rte-in-collection-main.grey-text.faq {
  text-align: left;
  padding: 0;
}

.rte-in-collection-main.prompt {
  font-weight: 300;
}

.link-block-7 {
  text-align: left;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 6px 14px;
  display: flex;
}

.link-block-7:hover {
  background-color: #00000014;
}

.faq-wrapper-3-copy, .faq-wrapper-3-1, .faq-wrapper-3-3, .faq-wrapper-3-4 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #eceff3;
  border-radius: .75rem;
  flex-flow: column;
  width: 70%;
  padding: 1.5rem;
  display: flex;
  box-shadow: 0 2px 8px #00000012;
}

.crumb-icon {
  width: 1rem;
}

.show-more-btn {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  width: 100%;
  color: var(--black);
  justify-content: center;
  align-items: center;
  margin-top: -.2rem;
  display: flex;
}

.marquee {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: visible;
}

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

.marquee-content.scroll {
  justify-content: space-around;
  align-items: flex-start;
}

.prompt-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.top-prompt-wrapper {
  background-color: #f4f4f4;
  justify-content: flex-start;
  align-items: flex-start;
  width: 70%;
  max-width: 70%;
  padding: 1rem;
  display: flex;
}

.faq-answer-wrapper-copy {
  color: #1c1c1c;
  text-align: left;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.prompt-subtext-wrapper {
  grid-column-gap: .85rem;
  grid-row-gap: .85rem;
  color: var(--white);
  text-align: left;
  background-color: #060820;
  border-radius: .625rem;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 24px;
  display: flex;
}

.prompt-wrapper-text {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  background-color: #fcfcfc;
  border: 1px solid #f1edff;
  border-radius: .75rem;
  flex-flow: column;
  width: 70%;
  padding: 1.5rem;
  display: flex;
}

.copy-image {
  width: 1.5rem;
}

.copy-div {
  border-radius: 8px;
  margin-top: 20px;
  padding: 6px;
}

.copy-div:hover {
  background-color: #ffffff1f;
}

.new-faq-build-wrapper {
  width: 70%;
}

.build-faq-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 70%;
  max-width: 70%;
  display: flex;
}

.top-div-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.question-wrapper {
  background-color: #fff;
}

.question-wrapper-top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  cursor: pointer;
  background-color: #f8f8f8;
  border: 1px solid #e5e4e4;
  border-radius: .75rem .75rem .75rem 0;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  padding: 1rem 1.5rem;
  display: flex;
}

.bottom-div-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.add-remove-wrapper {
  background-color: #fff;
  border: 1px solid #e5e4e4;
  border-radius: 30rem;
  padding: .85rem;
}

.add-icon {
  width: 1.5rem;
}

.add-icon.info {
  color: #1e9a80;
  cursor: pointer;
  width: 1.2rem;
}

.answer-wrapper-top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ededed;
  border-radius: .75rem .75rem 0;
  flex-flow: column;
  width: auto;
  max-width: 70%;
  padding: 1.5rem;
  display: flex;
}

.image-95 {
  background-color: #d8eeec;
  border-radius: 100px;
  height: 3.75rem;
  padding: 12px;
}

.hide-icon {
  width: 1.5rem;
  display: none;
}

.faq-prompt {
  margin-bottom: .85rem;
}

.build-arc-wrapper {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  position: relative;
}

.build-arc-wrapper.build {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  text-align: left;
  border: 1px solid #eee;
  border-radius: 1rem;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: .6rem .85rem .85rem .2rem;
  display: flex;
  box-shadow: 0 2px 15px #0000000a;
}

.build-arc-wrapper.build._2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  box-shadow: none;
  border-width: 0;
}

.pagination-btn {
  min-width: 120px;
  color: var(--white);
  background-color: #020617;
  border-width: 0;
  border-radius: 34px;
  margin-top: 2rem;
}

.steps-wrapper-bottoms-copy {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  position: relative;
}

.steps-wrapper-bottoms-copy.build {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  text-align: left;
  border: 1px solid #eee;
  border-radius: 1rem;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: .6rem .85rem .85rem .2rem;
  display: flex;
  box-shadow: 0 2px 15px #0000000a;
}

.steps-wrapper-bottoms-copy.build._2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  box-shadow: none;
  border-width: 0;
}

.steps-wrapper-bottoms-copy.build-copy {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  text-align: left;
  border: 1px solid #eee;
  border-radius: .5rem;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 1rem;
  display: flex;
  box-shadow: 0 2px 15px #0000000a;
}

.steps-wrapper-bottoms-copy.build-copy._2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  box-shadow: none;
  border-width: 0;
}

.steps-wrapper-bottom-cms {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  position: relative;
}

.steps-wrapper-bottom-cms.build {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  text-align: left;
  border: 1px solid #eee;
  border-radius: 1rem;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: .6rem .85rem .85rem .2rem;
  display: flex;
  box-shadow: 0 2px 15px #0000000a;
}

.steps-wrapper-bottom-cms.build._2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  box-shadow: none;
  border-width: 0;
}

.steps-wrapper-bottom-cms.build-copy {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  text-align: left;
  border: 1px solid #eee;
  border-radius: .5rem;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 1rem;
  display: flex;
  box-shadow: 0 2px 15px #0000000a;
}

.steps-wrapper-bottom-cms.build-copy._2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  box-shadow: none;
  border-width: 0;
}

.divider-full-width {
  background-color: #eee;
  width: 100%;
  height: 1px;
}

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

.nav_fixed-animate {
  z-index: 12;
  background-color: #fff;
  border-radius: 1rem;
  flex-flow: column;
  margin: 1rem 1rem 0;
  padding: 0;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
  overflow: hidden;
  box-shadow: 0 4px 8px -1px #00000005;
}

.animation-banner {
  background-image: linear-gradient(89deg, #fcf1c4, #fce1dc);
  justify-content: center;
  align-items: center;
  padding: .75rem;
  display: flex;
  position: relative;
}

.close-animate-btn {
  width: 1.1rem;
  position: absolute;
  inset: 31% 1% 0% auto;
}

.shipper-logo {
  flex: none;
  max-height: 1.7rem;
}

.shipper-logo.sfooter._2 {
  color: #00f59c;
}

.path {
  color: #300303;
}

.path._2 {
  color: #00f59c;
}

._2nd-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: #274760;
  display: flex;
}

._2nd-grid.row-2 {
  margin-top: 5.5rem;
  margin-bottom: 0;
}

._2nd-grid._3rd-row {
  margin-top: 5.5rem;
}

.how-it-works__grid {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr .25fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.double-column-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: auto;
  width: 100%;
  display: flex;
}

.double-column-2.hide {
  display: none;
  overflow: hidden;
}

.middle-grid-div {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.image-96 {
  border: 10px solid #771ee61a;
  border-radius: 20px;
  max-width: 100%;
  box-shadow: 0 4px 24px #0000001a;
}

.flex-block-36 {
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  position: relative;
}

.text-14 {
  color: #1a1a1a99;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.section-partnership {
  background-image: url('../images/partnership-bg.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.affiliates-sub-block-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  background-image: linear-gradient(90deg, #dec4ff, #e6f5f9);
  border-radius: 26px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 1rem;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 2;
  display: flex;
}

.image-97 {
  height: 10rem;
}

.image-97._2 {
  height: 8.3rem;
}

.text18px {
  font-size: 1.125rem;
}

.text18px.text-size-regular-3 {
  font-weight: 200;
}

.text18px.text-size-regular-3.text-is-grey {
  color: #fff9;
}

.text18px.text-size-regular-3.text-is-grey.compare {
  width: 60%;
}

.text18px.text-size-regular-3.text-is-grey.compare.affiliate {
  color: #2f2f2fcc;
  width: 100%;
  max-width: 730px;
  font-weight: 400;
}

.text18px.text-size-regular-3.text-is-grey._2 {
  color: #000c;
  font-size: 1rem;
  font-weight: 400;
}

.frame-2147207825 {
  grid-row-gap: 20px;
  background-color: #f3f4f6b3;
  border-radius: 20px 20px 40px 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 32px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.frame-2147207825:hover {
  background-color: #e7e9ee;
}

.button-8 {
  color: #fff;
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-color: #782cdb;
  background-image: linear-gradient(#f1e7ff80, #28114540);
  background-clip: padding-box;
  border: 1px solid #782cdb;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 1px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  box-shadow: 0 1px 2px #0000001f, 0 0 4px #0000000a, 0 4px 8px #00000014;
}

.button-8:hover {
  background-color: #6b22c7;
}

.button-8._100-width {
  width: 100%;
}

.text-size-large {
  color: #000;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
}

.affiliate-text-hero-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  color: #fff;
  text-align: center;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center;
  width: 100%;
  margin-top: 0;
  display: grid;
}

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

.padding-global-2 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.padding-global-2.padding-section-large {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.padding-global-2.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 8rem;
}

.heading-3-basic-3 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 43.2px;
  text-decoration: none;
}

.heading-3-basic-3._2 {
  line-height: 30px;
}

.frame-2147207826 {
  grid-row-gap: .6rem;
  background-color: #f9f9f9;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 1rem;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.frame-2147207826:hover {
  background-color: #e7e9ee;
}

.part-grid-div {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #ffffff0a;
  border: .5px solid #ffffff14;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.5rem;
  display: flex;
}

.hero-text-feature-wrapper {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.hero-text-feature-wrapper.affiliate {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: .2rem;
}

.badge-for-rating-3 {
  color: #777;
  background-color: #ffffff1a;
  border: .5px solid #dfe0e54d;
  border-radius: 100px;
  align-items: center;
  margin-top: 2px;
  padding: 4px 6px;
  font-size: 12px;
  display: flex;
  box-shadow: 0 1px 2px #00000014;
}

.affiliate-arrow-img {
  filter: brightness(320%);
  position: absolute;
  inset: auto 0% -16% -13%;
}

.partnership-grid-wrapper {
  width: 100%;
}

.section-hero-2 {
  background-image: linear-gradient(90deg, #771ee6, #421180);
  margin-top: 8.75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.section-hero-2.affiliate {
  background-image: url('../images/hero134.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  border-radius: 2rem;
  justify-content: center;
  align-items: center;
  margin: 7.5rem 1rem 1.5rem;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: hidden;
}

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

.button-white-with-shadow-2-alt-4 {
  color: #111;
  background-color: #fff;
  border: .5px solid #ccc;
  border-radius: 8px;
  align-items: center;
  min-height: 46px;
  margin-top: 20px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  box-shadow: 0 1px 2px #0000001a;
}

.button-white-with-shadow-2-alt-4:hover {
  color: #771ee6;
  border-color: #771ee6;
}

.button-white-with-shadow-2-alt-4.contact-us-aff-subbanner {
  flex: none;
  margin-top: 0;
  margin-left: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.how-it-works__bottom-wrapper {
  position: relative;
}

.partnership-content {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-size-regular-2 {
  color: #515151;
  font-size: 1rem;
  font-weight: 400;
}

.text-size-regular-2.opacity {
  font-weight: 400;
}

.timeline-track {
  background-color: #27476080;
  width: .0625rem;
  height: 100%;
}

.top-hero-text-wrapper {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.top-hero-text-wrapper.affiliate {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  max-width: 90%;
  height: 100%;
  color: #111;
  text-align: center;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  justify-content: center;
  align-items: center;
  max-width: 90%;
  height: 100%;
}

.hero-subtext-span {
  color: #fff;
  font-weight: 600;
}

.hero-subtext-span.black {
  color: #0a0a0a;
}

.frame-2147207827 {
  grid-column-gap: 4px;
  background-color: #0190141a;
  border-radius: 60px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: .2rem .7rem .3rem;
  text-decoration: none;
  display: flex;
}

.subheading-3 {
  opacity: .8;
  margin-top: 0;
  font-size: 22px;
  line-height: 1.6;
}

.subheading-3.textislight {
  font-weight: 300;
}

.paragraph-12 {
  opacity: .6;
  font-size: 14px;
  line-height: 2;
}

.paragraph-12.affiliate._2 {
  opacity: .7;
  margin-top: .5rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.6;
}

.text-15 {
  color: #019014;
  flex: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 19.6px;
  text-decoration: none;
}

.hero-feature-div {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-2147207828 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

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

._2nd-grid-text-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  padding-top: 1rem;
  display: flex;
}

._2nd-grid-text-wrapper.row-2 {
  text-align: right;
}

.hero-feature {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  width: 100%;
  height: 100%;
  color: var(--black);
  text-align: left;
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: .8rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: .9rem;
  display: flex;
}

.timeline-progess {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto auto 49.9%;
}

.comparison-content {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.table-wrapper-2-tiers-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #4ade80;
  background-color: #1f2725;
  border: 1px solid #0003;
  border-radius: 12px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  padding: 24px;
  font-size: 16px;
  display: flex;
}

.frame-2147207830 {
  grid-row-gap: 20px;
  background-color: #f3f4f6b3;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 32px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.frame-2147207830:hover {
  background-color: #e7e9ee;
}

.text-size-regular-3 {
  font-size: 18px;
}

.text-size-regular-3.light {
  font-weight: 300;
}

.text-size-regular-3.light.opacitiy-80 {
  opacity: .8;
}

.timeline-div {
  background-color: #1e9a80;
  width: .25rem;
  height: 100%;
}

.hero-span {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(270deg, #f73952, #c481f2);
  -webkit-background-clip: text;
  background-clip: text;
}

.button-9 {
  color: #fff;
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-color: #782cdb;
  background-image: linear-gradient(#f1e7ff80, #28114540);
  background-clip: padding-box;
  border: 1px solid #782cdb;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 1px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  box-shadow: 0 1px 2px #0000001f, 0 0 4px #0000000a, 0 4px 8px #00000014;
}

.button-9:hover {
  background-color: #6b22c7;
}

.button-9._100-width {
  width: 100%;
}

.button-9._100-width.mt-40.affiliate {
  width: 40%;
  margin-top: 0;
}

.button-9._100-width.mt-40.affiliate._2 {
  width: 100%;
}

.ribbon-entry-icon-4 {
  color: #2eb67c;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-bottom: 0;
  margin-right: 4px;
  display: flex;
}

.ribbon-entry-icon-4.star-icon {
  color: #2eb67c;
  width: 14px;
  height: 14px;
  margin-right: 2px;
}

.ribbon-entry-icon-4.star-icon.yellow-star {
  color: #facc15;
}

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

._1st-grid-wrapper._3rd-row, ._1st-grid-wrapper._2nd-row {
  margin-top: 5.5rem;
}

._1st-grid-wrapper._2nd-row.hide-mobile-landscape.mobile {
  display: none;
}

.affiliate_badge-img {
  width: 7.5rem;
  margin-bottom: .5rem;
}

.check-image {
  width: 1.25rem;
  height: 1.5625rem;
}

.part-image {
  max-width: 3.25rem;
}

.frame-2147207831 {
  grid-row-gap: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.heading-style-h2 {
  color: #0000002e;
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.btm-hero-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.btm-hero-wrapper._2 {
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
}

.bottom-part-grid-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.affiliate-image {
  background-color: #e9f2ff;
  border-radius: .625rem;
  justify-content: center;
  align-items: center;
  padding: .75rem;
  display: flex;
  box-shadow: 4px 4px 32px #0000000f;
}

.affiliate-image._2 {
  background-color: #fbe5e5;
}

.affiliate-image._3 {
  background-color: #f5e2fe;
}

.affiliate-image._3._1 {
  background-color: #e4e2fd;
}

.affiliate-image._4 {
  background-color: #e6fbf3;
}

.affiliate-image._5 {
  background-color: #fef1dd;
}

.affiliate-image._6 {
  background-color: #ddf5fe;
}

.affiliate-image.hero-img {
  background-color: #f0f3ff;
  margin-bottom: .5rem;
}

.affiliate-image._7 {
  background-color: #d1eff4;
}

.affiliate-image._8 {
  background-color: #e9e4dd;
}

.image-98 {
  width: 1.7rem;
}

.affiliate-cost-wrapper {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-width: 100%;
  display: flex;
}

.text-block-1376 {
  text-align: right;
}

.section-revenue {
  z-index: 2;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: visible;
}

.section-intro {
  text-align: center;
}

.section-headline {
  color: #fff;
  font-size: 42px;
  font-weight: 500;
  line-height: 1.2;
}

.section-revenue__container {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 0;
  display: flex;
  overflow: visible;
}

.section-revenue__inner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1rem;
  padding: 8px;
  display: flex;
}

.section-revenue__image {
  border-radius: 16px;
  height: 340px;
  box-shadow: 0 2px 5px #0000004a;
}

.section_use-cases-copy {
  color: #fff;
  background-color: #fff;
  border-radius: 28px;
  flex-direction: column;
  justify-content: center;
  margin-left: 1rem;
  margin-right: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -1px #0000000d;
}

.section_use-cases-copy.affiliate {
  color: var(--black);
  margin-top: 1.5rem;
}

.section_commission {
  color: #fff;
  background-color: #020617;
  border-radius: 28px;
  flex-direction: column;
  justify-content: center;
  margin-top: 1.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -1px #0000000d;
}

.section_commission.affiliate {
  color: var(--black);
  margin-top: 1.5rem;
}

.section_commission.hide {
  display: none;
}

.section_commission._2 {
  background-color: #010907;
}

.commission-text-span {
  color: #a0a3fb;
  -webkit-text-stroke-color: #6266e1;
  font-weight: 600;
}

.calculator-wrapper {
  background-color: #ffffff1a;
  border-radius: 100px;
  width: 50rem;
  height: .6rem;
  position: relative;
}

.inner-calculator-wrapper {
  background-color: #6266e1;
  border-radius: 100px;
  width: 50%;
  height: .6rem;
}

.div-block-310 {
  background-color: #fff;
  border: 2px solid #6266e1;
  border-radius: 1.875rem;
  width: 1.2rem;
  height: 1.2rem;
}

.mover {
  z-index: 10;
  background-color: #fff;
  border: 2px solid #6266e1;
  border-radius: 1.875rem;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  inset: 50% auto 0% 85%;
  transform: translate(-50%, -50%);
}

.commission-text-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 1.3rem;
  display: flex;
}

.referral-text-wrapper {
  z-index: 4;
  background-color: #1d1f2f;
  border-radius: 1rem;
  max-width: 6rem;
  padding: .5rem;
  display: block;
  position: absolute;
  inset: 2rem auto auto 50%;
  transform: translate(-50%);
  box-shadow: 0 9px 11px #0003;
}

.mover-text-changer {
  margin-top: 0;
  margin-bottom: 0;
}

.flex-block-37 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  max-width: 90%;
  height: 100%;
  position: relative;
}

.image-99 {
  border: 10px solid #771ee61a;
  border-radius: 20px;
  box-shadow: 0 4px 24px #0000001a;
}

.affiliate-arrow-img-2 {
  filter: brightness(320%);
  position: absolute;
  inset: auto 0% -20% -13%;
}

.commi-images {
  max-width: 5rem;
  margin-bottom: 8px;
}

.bold-commi {
  color: #000;
  font-weight: 600;
}

.image-98-copy {
  width: 2rem;
}

.bold-text-2 {
  font-size: 1.2rem;
}

.padding-global-3 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.padding-global-3.padding-section-large {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.top-cta-content-2 {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  color: #fff;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  display: flex;
}

.top-cta-content-2._2 {
  width: 50%;
}

.template-lib-embed {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.italic-text {
  font-style: normal;
}

.month-wrapper {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 50rem;
  display: flex;
}

.month1-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #101d27;
  border: 1px solid #1c3739;
  border-radius: 1.6rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 24rem;
  padding: 1rem;
  display: flex;
}

.month1-pill {
  color: #71c8b5;
  background-color: #1a3539;
  border-radius: 2rem;
  padding: .4rem .7rem;
}

.month1-text-wrapper {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-size-28px {
  font-size: 1.75rem;
}

.text-size-28px.weight-bold {
  font-weight: 700;
}

.divider {
  background-color: #ffffff1a;
  border-radius: 100px;
  width: 100%;
  height: 1px;
}

.green {
  color: #71c8b5;
}

.every-month-after-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #14192e;
  border: 1px solid #293156;
  border-radius: 1.6rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 24rem;
  padding: 1rem;
  display: flex;
}

.ema-pill {
  color: #71c8b5;
  background-color: #242b4c;
  border-radius: 2rem;
  padding: .4rem .7rem;
}

.purple {
  color: #7e90f7;
}

.pricng-wrapper {
  border: 1px solid #dbdbdb;
  border-radius: 1rem;
  width: 100%;
  overflow: hidden;
}

.upper-price-card {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  border-bottom: 1px solid #dbdbdb;
  flex-flow: column;
  padding: 1rem;
  display: flex;
}

.bold-black {
  color: var(--black);
  font-weight: 600;
}

.bold-text-3 {
  color: var(--grey-text);
  font-size: .875rem;
  font-weight: 400;
}

.middle-price-card {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  flex-flow: column;
  padding: 1rem;
  display: flex;
}

.lower-price-card {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  background-color: #fafaf8;
  border-top: 1px solid #dbdbdb;
  flex-flow: column;
  padding: 1rem;
  display: flex;
}

.language-switcher-wrapper.nav_menu_link {
  cursor: pointer;
  font-weight: 500;
}

.language-switcher-wrapper.nav_menu_link.hide-desktop, .language-switcher-wrapper.nav_menu_link.hide {
  display: none;
}

.hero-btn-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.author-bio {
  color: #111;
  font-size: 1.125rem;
  line-height: 1.7;
}

.author-bio.hide {
  display: none;
}

.testimonial-hero-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  margin-top: -8px;
  display: flex;
}

.avatar-images {
  height: 1.8rem;
}

.bottom-drag-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #4ade80;
  background-color: #0e2018;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  margin-top: .5rem;
  padding: .5rem .75rem;
  display: flex;
}

.bottom-drag-wrapper._2 {
  color: #064e3b;
  background-color: #dcfce7;
  margin-top: -.4rem;
}

.bottom-drag-wrapper._3 {
  margin-top: -.9rem;
}

.bulb-img {
  max-height: 1.3rem;
}

.why-now-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: left;
  background-color: #1b2220;
  border-radius: 1.5rem;
  justify-content: space-between;
  align-items: center;
  width: 50rem;
  padding: 1.5rem;
  display: flex;
}

.left-why-wrapper {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex-flow: column;
  width: 41rem;
  display: flex;
}

.bottom-stats-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.stats-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #f9f9f90d;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 1rem;
  display: flex;
}

.testimonial-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  width: 100%;
  max-width: none;
}

.avatar-test-wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  justify-content: center;
  align-items: center;
  height: 12.5rem;
  display: flex;
  position: relative;
}

.image-div {
  border-radius: 100px;
  width: 6.25rem;
  height: 6.25rem;
  position: relative;
  overflow: hidden;
}

.image-div.active {
  border: 5px solid #1e9a80;
  width: 9rem;
  height: 9rem;
  margin-top: 2rem;
}

.image-div.margin {
  margin-bottom: 2rem;
}

.image-101 {
  border-radius: 100px;
  overflow: visible;
}

.avatar-test-img {
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.test-text-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border: 1px solid #e1e4e8;
  border-radius: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50rem;
  max-width: none;
  padding: 2.5rem;
  display: flex;
  position: relative;
}

.top-text-title-wrapperr {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.testimony-wrapper {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex-flow: column;
  display: flex;
}

.right-arrow-wrapper {
  cursor: pointer;
  background-color: #1e9a80;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  position: absolute;
  top: 50%;
  right: -22px;
  transform: translate(0, -50%);
  box-shadow: 0 4px 14px #00000014;
}

.right-arrow {
  width: 1.5rem;
}

.right-arrow._2 {
  width: 1rem;
}

.left-arrow-wrapper {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e1e4e8;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  position: absolute;
  top: 50%;
  left: -22px;
  transform: translate(0, -50%);
  box-shadow: 0 4px 14px #00000014;
}

.affiliates-big-block-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: linear-gradient(90deg, #dec4ff, #e6f5f9);
  border-radius: 26px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  min-height: 590px;
  margin-top: 100px;
  padding: 10px;
  display: grid;
}

.affiliates-big-block-copy._2 {
  background-color: #010907;
  background-image: none;
  margin-top: 0;
}

.affiliates-big-block-copy.blog-cta {
  background-image: url('../images/01-gradient.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 650px;
  min-height: auto;
  margin-top: 0;
  margin-bottom: 1.5rem;
  padding: 2rem 30px;
  display: flex;
}

.affiliates-big-block-copy.blog-cta._2 {
  background-image: url('../images/13-gradient.jpg');
  background-position: 50% 30%;
  display: none;
}

.affiliates-big-block-copy.blog-cta._3 {
  background-image: url('../images/04-gradient.jpg');
  background-position: 50% 60%;
  display: none;
}

.affiliates-big-block-copy.blog-cta.hide {
  display: none;
}

.affiliates-big-block-copy.blog-cta._4 {
  background-image: url('../images/cta12.png');
}

.affiliates-big-block-copy.blog-cta._5 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  cursor: pointer;
  background-image: url('../images/cta.png');
  border-radius: 1rem;
  display: flex;
}

.affiliates-big-block-copy.blog-cta._5.hide {
  display: none;
}

.nav_fixed_3 {
  z-index: 12;
  background-color: #fff;
  border-radius: 1rem;
  flex-flow: column;
  margin: 1rem 1rem 0;
  padding: 0;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
  overflow: hidden;
  box-shadow: 0 4px 8px -1px #00000005;
}

.nav_component_affiliate {
  color: #fff;
  text-align: center;
  background-color: #010907;
  border-radius: 0;
  width: 100%;
  padding-top: .7rem;
  padding-bottom: .7rem;
  position: relative;
  inset: 0% 0% auto;
}

.red-dot {
  color: #ef4444;
}

.green-text {
  color: #4ade80;
}

.bold-text-10 {
  font-weight: 600;
}

.padding-global-4 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.padding-global-4.padding-section-large {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.hero-feature-2 {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  color: #111;
  text-align: left;
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: .8rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: .9rem;
  display: flex;
}

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

.section-hero-3 {
  background-image: linear-gradient(90deg, #771ee6, #421180);
  margin-top: 8.75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.section-hero-3.affiliate {
  background-image: url('../images/hero134.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  border-radius: 2rem;
  justify-content: center;
  align-items: center;
  margin: 7.5rem 1rem 1.5rem;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: hidden;
}

.flex-block-38 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  max-width: 90%;
  height: 100%;
  position: relative;
}

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

.padding-global-5 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.padding-global-5.padding-section-large {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

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

.padding-global-6 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.padding-global-6.padding-section-large {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.padding-global-6.hero-padding {
  width: 100%;
}

.image-102 {
  width: 1.7rem;
}

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

.container-large-6._2 {
  max-width: 105rem;
}

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

.text-block-1377 {
  text-align: right;
}

.text-16 {
  color: #019014;
  flex: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 19.6px;
  text-decoration: none;
}

.text-17 {
  color: #1a1a1a99;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.bold-black-2 {
  color: #111;
  font-weight: 600;
}

.frame-2147207833 {
  grid-row-gap: .6rem;
  background-color: #f9f9f9;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 1rem;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.frame-2147207833:hover {
  background-color: #e7e9ee;
}

.bold-text-11 {
  font-size: 1.2rem;
}

.heading-3-basic-4 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 43.2px;
  text-decoration: none;
}

.heading-3-basic-4._2 {
  line-height: 30px;
}

.frame-2147207834 {
  grid-column-gap: 4px;
  background-color: #0190141a;
  border-radius: 60px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: .2rem .7rem .3rem;
  text-decoration: none;
  display: flex;
}

.bold-text-12 {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3rem;
}

.bold-text-12.black {
  color: #111;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.frame-2147207835 {
  grid-row-gap: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.paragraph-13 {
  opacity: .6;
  font-size: 14px;
  line-height: 2;
}

.bold-text-13 {
  color: #808292;
  font-size: .875rem;
  font-weight: 400;
}

.frame-2147207836 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.bold-text-14 {
  font-weight: 600;
}

.nav-btn-2 {
  background-color: #1e9a80;
  border-radius: 100px;
  padding: .75rem 1rem;
  font-weight: 500;
}

.nav-btn-2._1 {
  text-align: center;
  border-radius: 1rem;
  width: 8rem;
  padding-top: .8125rem;
}

.nav_menu_link-3 {
  color: #1c1c1c;
  border-radius: 12px;
  padding: 8px 12px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.nav_menu_link-3:hover {
  background-color: #00000014;
}

.nav_menu_link-3.w--current {
  color: #1c1c1c;
}

.nav_menu_link-3.secondary {
  color: #1c1c1c;
  -webkit-text-stroke-color: #1c1c1c;
  cursor: pointer;
  background-color: #fff;
  font-weight: 500;
}

.nav_menu_link-3.hide {
  display: none;
}

.flex-horizontal-center-center-6 {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.footer-left-3 {
  grid-row-gap: 14px;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  margin-right: 20px;
  display: flex;
}

.footer-right-3 {
  grid-column-gap: 30px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: stretch;
  place-items: start;
  width: 100%;
  margin-top: 10px;
  display: grid;
}

.section_temp-hero {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/12hero1.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.section_temp-hero.hide {
  display: none;
}

.temp-hero-content {
  grid-column-gap: .9rem;
  grid-row-gap: .9rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.h1-style {
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.75rem;
  font-weight: 500;
}

.h1-style._2 {
  font-size: 2.75rem;
}

.green-wrap {
  color: #1e9a80;
}

.new-pill {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #f8f8f8;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .6rem .25rem .25rem;
  display: flex;
}

.new-wrapper {
  color: #fff;
  letter-spacing: 1px;
  background-color: #1e9a80;
  border-radius: 100px;
  padding: .25rem .5rem;
  font-size: .75rem;
  font-weight: 300;
}

.right-arrow-hero {
  width: 1rem;
}

.section_build {
  background-color: #fff;
  justify-content: center;
  align-items: center;
}

.build-content {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.top-build-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 50%;
  display: flex;
}

.top-build-content._2 {
  display: none;
}

.top-build-content._3 {
  width: 70%;
}

.feat-dot-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dot-6px {
  color: #8fb9ac;
  width: .375rem;
}

.h2-styled {
  letter-spacing: -.4px;
  text-transform: none;
}

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

.bottom-build-wraper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 2.5fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.left-build-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.right-build-wrapper {
  color: #fff;
  background-image: url('../images/feature-highlight-container.png');
  background-position: 50% 100%;
  background-size: cover;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1rem;
  display: flex;
}

.build-fit-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: left;
  border-top: 1px solid #e9e9e9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.build-fit-wrapper._2 {
  border-left: 1px solid #e9e9e9;
}

.build-fit-wrapper._3 {
  border-bottom: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
}

.build-fit-wrapper._4 {
  border-left: 1px solid #e9e9e9;
}

.build-svg {
  width: 2rem;
  font-size: 2rem;
}

.build-svg._2 {
  width: 1.5rem;
}

.bottom-buid-wrap {
  z-index: 4;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.abs-img {
  z-index: 1;
  opacity: 0;
  height: 12.9375rem;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.top-build-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  text-align: left;
  flex-flow: column;
  display: flex;
}

.text-size-36px {
  font-size: 2.25rem;
}

.text-size-36px.weight-medium {
  font-weight: 500;
  line-height: 1.3;
}

.bold-text-15 {
  font-weight: 500;
}

.text-span-67 {
  color: #4ade80;
}

.new-button {
  color: #1e9a80;
  background-color: #fff;
  border-radius: 8px;
  padding: .875rem 1.25rem;
  font-size: .875rem;
}

.new-button.primary {
  color: #fff;
  text-align: center;
  background-color: #1e9a80;
  border-radius: 14px;
  font-size: 1rem;
}

.new-button.primary._2 {
  border-radius: 8px;
}

.new-button.primary.hide {
  display: none;
}

.new-button.primary._5 {
  margin-top: 1rem;
}

.new-button.tet {
  color: #fff;
  background-color: #fff3;
  border-radius: 14px;
}

.new-button.tet._2 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.new-button.secondary.idea {
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.new-button.secondary.idea._3 {
  border: 1px solid #1e9a80;
}

.new-button.secondary.idea {
  border-radius: 14px;
}

.section_meet-the-advisor {
  background-color: #f5f8f8;
  justify-content: center;
  align-items: center;
}

.meet_advisor-content {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-color: #1b1b1b;
  border-radius: 1.5rem;
  flex-flow: column;
  padding: 3rem;
  display: flex;
}

.top_meet-advisor-content {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.advisor-content {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  flex-flow: column;
  display: flex;
}

.advisor-content._2 {
  background-color: #fff;
  border: .3px solid #fff;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.advisor-content.imahe {
  background-color: #fff;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
}

.advisor-content.imahe-copy {
  background-image: url('../images/background.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
}

.top-advisor-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #fff;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.double-btn-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.video-img {
  width: 2rem;
}

.bottom_meet-advisor-content {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  border-top: 1px solid #ffffff1a;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 2.5rem;
  padding-bottom: 0;
  display: grid;
}

.build-feat-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  flex-flow: column;
  display: flex;
}

.text-size-24px {
  font-size: 1.5rem;
}

.text-size-24px.medium {
  font-weight: 500;
}

.text-size-24px.medium._22px {
  font-size: 1.375rem;
}

.text-size-24px.medium._20px {
  font-size: 1.25rem;
}

.text-size-24px.medium._20px.hig {
  font-size: 1.1875rem;
}

.section_how {
  background-color: #fff;
  justify-content: center;
  align-items: center;
}

.how-content {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-flow: column;
  display: flex;
}

.top-how-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bottom-how-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.how-feat-wrapper {
  grid-column-gap: 2.875rem;
  grid-row-gap: 2.875rem;
  flex-flow: column;
  display: flex;
}

.top-how-wrapper {
  grid-column-gap: 1.8rem;
  grid-row-gap: 1.8rem;
  border-bottom: 1px solid #e8e5df;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 1.25rem;
  display: flex;
}

.numb-wrapper {
  background-color: #f0f0f0;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 3.125rem;
  min-width: 3.125rem;
  height: 3.125rem;
  min-height: 3.125rem;
  display: flex;
}

.howtext-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.section_watch {
  background-color: #fff;
  justify-content: center;
  align-items: center;
}

.watch-content {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.top-header-content {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

.video-image {
  background-image: url('../images/feature-row.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 1.5rem;
  width: 100%;
  overflow: hidden;
}

.section_featuress {
  background-color: #f5f8f8;
  justify-content: center;
  align-items: center;
}

.features-wrapper {
  background-image: url('../images/features.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 1.5rem;
  width: 100%;
  padding: .5rem;
}

.div-block-315 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-316 {
  border-radius: 1rem;
}

.feature-plus-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #fff;
  border-radius: 1rem;
  flex-flow: column;
  padding: 1.5rem;
  display: flex;
}

.top-feature-wrapper {
  border-bottom: 1px solid #e8e5df;
  justify-content: space-between;
  align-items: center;
  padding-bottom: .75rem;
  display: flex;
}

.feature-text-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: left;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.icon-wrapper {
  background-color: #f3f3ee;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 3.25rem;
  height: 3.25rem;
  display: flex;
}

.bottom-feature-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 0;
  display: flex;
}

.section_faq2 {
  background-color: #1b1b1b;
}

.faq-component {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  flex-flow: column;
  display: flex;
}

.top-faq-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #fff;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.bottom-faq-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: flex;
}

.contact-faq-wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  text-align: center;
  background-image: url('../images/contact-container.png');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 1.125rem;
  flex-flow: column;
  padding: 1.25rem 1.375rem;
  display: flex;
}

.contact-faq-wrapper.hide {
  display: none;
}

.top-contact {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.icon-container {
  width: 3rem;
  height: 3rem;
}

.faq2-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.faq2-main-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #fff;
  background-color: #222;
  border: 1px solid #3d3d3d;
  border-radius: .75rem;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1.5rem;
  display: flex;
}

.left-faq {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.main-faq-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.svg-close, .svg-open {
  width: 1.3rem;
}

.section_testimonial {
  background-color: #1b1b1b;
  overflow: hidden;
}

.top-testimonial-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #fff;
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.testimonial-component {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  flex-flow: column;
  display: flex;
}

.map-gradient {
  color: #454545;
  position: relative;
  overflow: hidden;
}

.map-svg {
  color: #111;
}

.defs {
  color: #454545;
  background-color: #454545;
}

.g {
  color: #454545;
}

.testimonial-content {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.testimonial-content._2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  overflow: visible;
}

.testimonial-content.hide {
  display: none;
}

.testimonial-div {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.test-img {
  border-radius: 11px;
  width: 7.5rem;
  height: 7.5rem;
}

.testifier-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

.testifier-wrapper-top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #fff;
  flex-flow: column;
  display: flex;
}

.quote-icon.green {
  width: 1rem;
}

.testifier-details {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testifier-details._2 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.dot-divider {
  color: #dcebe6;
  background-color: #dcebe6;
  width: 4px;
}

.cta-wrapper {
  background-image: url('../images/section-form.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  padding: 4.625rem 3rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta-detail {
  grid-column-gap: .65rem;
  grid-row-gap: .65rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  display: flex;
}

.h3-styled {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

.cta-img {
  height: 42.75rem;
  position: absolute;
  inset: auto -35% -89% auto;
}

.section_footer {
  background-image: url('../images/footer.jpg');
  background-position: 50%;
  background-size: cover;
}

.section_footer.hide {
  display: none;
}

.body-2 {
  padding-bottom: 0;
}

.footer-component {
  grid-column-gap: 4.375rem;
  grid-row-gap: 4.375rem;
  flex-flow: column;
  display: flex;
}

.shipper-logo-botm {
  color: #fff;
  max-width: 43.75rem;
}

.text-size-18px-hero {
  font-size: 1.125rem;
}

.text-size-18px-hero.weight-medium {
  font-weight: 500;
}

.text-size-18px-hero.weight-medium.opacity-50 {
  opacity: .5;
}

.text-size-18px-hero.grey-text {
  color: #525252;
  font-weight: 300;
}

.text-size-18px-hero._16 {
  font-size: 1rem;
}

.text-size-18px-hero.bold {
  font-weight: 600;
}

.text-size-18px-hero.opacity-60 {
  opacity: .6;
}

.text-size-12px-hero {
  letter-spacing: .2px;
  font-family: Inter, sans-serif;
  font-size: .875rem;
}

.text-size-12px-hero._60-opacity-text._2 {
  font-size: .875rem;
  font-weight: 300;
}

.text-size-12px-hero.main {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
}

.text-size-12px-hero.tight {
  letter-spacing: -.1px;
}

.text-size-12px-hero.tight.grey {
  color: #1e1e1e;
}

.map-pill-1 {
  object-fit: fill;
  width: 6.57125rem;
  position: absolute;
  top: 58%;
  left: 82%;
}

.map-pill-2 {
  object-fit: fill;
  width: 6.57125rem;
  position: absolute;
  top: 8%;
  left: 38%;
}

.map-pill-3 {
  object-fit: fill;
  width: 6.57125rem;
  position: absolute;
  top: 32%;
  left: 18%;
}

.map-pill-4 {
  object-fit: fill;
  width: 6.57125rem;
  position: absolute;
  top: 60%;
  left: 50%;
}

.map-pill-5 {
  object-fit: fill;
  width: 6.57125rem;
  position: absolute;
  top: 36%;
  left: 70%;
}

.map {
  width: 100%;
}

.section_price {
  background-color: #fff;
  justify-content: center;
  align-items: center;
}

.section_price.hide {
  display: none;
}

.pricing-main-wrapper {
  max-width: 100%;
}

.pricing-div {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(#cef0e0, #60ce9a 16%, #44926d 73%, #285741);
  border-radius: 1.7rem;
  flex-flow: column;
  width: 100%;
  padding: .5rem .375rem .375rem;
  display: flex;
  overflow: hidden;
}

.inner-pricing-wrapper2 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #fff;
  background-color: #1b1b1b;
  border-radius: 1.5rem;
  flex-flow: column;
  padding: .75rem;
  display: flex;
  overflow: hidden;
}

.inner-pricing-wrapper2._2 {
  color: #3d3d3d;
  background-color: #f5f8f8;
  border: 1px solid #d1d1d1;
  width: 100%;
}

.inner-pricing-wrapper2._2.hide {
  display: none;
}

.mono {
  color: #44926d;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  font-size: .875rem;
  font-weight: 400;
}

.inner-pricing-card {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  text-align: left;
  background-color: #292929;
  border-radius: 1rem;
  flex-flow: column;
  padding: 1rem;
  display: flex;
}

.inner-pricing-card._2 {
  color: #1e1e1e;
  background-color: #ecefef;
  padding: 1rem;
}

.pro-top {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.custom-select-wrap {
  position: relative;
}

.cs-toggle {
  cursor: pointer;
  background-color: #2e2e2e;
  border: 1px solid #ffffff4d;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: .875rem .75rem;
  display: flex;
}

.cs-value {
  font-size: 1rem;
}

.chevron-down, .cs-chevron {
  width: 1.5rem;
}

.cs-list {
  z-index: 100;
  background-color: #2e2e2e;
  border: 1px solid #ffffff1f;
  border-radius: 10px;
  max-height: 17.5rem;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
  box-shadow: 0 8px 24px #0006;
}

.cs-option {
  cursor: pointer;
  padding: .875rem .5625rem;
}

.cs-option.is-selected {
  color: #2fbf9f;
  background-color: #1e9a8026;
}

.main {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  display: flex;
}

.stats-wrapper {
  background-color: #ffffff14;
  border-radius: 1rem;
  margin-top: -24px;
  padding: 1rem 0;
  display: flex;
}

.main-stats {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #fff;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.ticker-track {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.test-main-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #fff;
  background-color: #ffffff14;
  border-radius: 1rem;
  flex-flow: column;
  flex: none;
  max-width: 29rem;
  padding: 1.5rem;
  display: flex;
}

.star-wrapper {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  display: flex;
}

.star-icon {
  color: #f90;
  max-width: 18px;
}

.star-icon._2 {
  color: #f90;
}

.avatar-name-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-top: .5rem;
  display: flex;
}

.test-omg {
  border-radius: 120px;
  max-width: 3rem;
}

.track-1, .track-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: none;
  display: flex;
}

.soon-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #ffd217;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.dot {
  background-color: #ffd217;
  border-radius: 100px;
  width: 5px;
  height: 5px;
}

.ist-layer-click {
  margin-left: .5rem;
}

._2nd-layer-click {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-left: 2px solid #003b30;
  flex-flow: column;
  padding-left: 1rem;
  display: flex;
}

.hero-component {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 100%;
  margin-top: 9rem;
  display: flex;
}

.section_template {
  background-color: #fff;
  justify-content: center;
  align-items: center;
}

._2nd-home {
  overflow: hidden;
}

.included-text-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.main-test-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  width: 100%;
  display: flex;
}

.test-wrapper {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  text-align: left;
  background-color: #fff;
  border: 1px solid #e1e4e8;
  border-radius: 1.5rem;
  flex-flow: column;
  width: 100%;
  padding: 1rem;
  display: flex;
}

.top-pfp-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  display: flex;
}

.name-div {
  grid-column-gap: .1rem;
  grid-row-gap: .1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.test-stat-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

._1st-stat {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: #e6f4f1;
  border-radius: .75rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 1rem;
  display: flex;
}

.bottom-stat-div {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

._2nd-stat {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: #f0f3ff;
  border-radius: .75rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 1rem;
  display: flex;
}

._3rd-stat {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: #f8f8f8;
  border-radius: .75rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 1rem;
  display: flex;
}

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

.verofoed-div {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hidden-sections {
  display: none;
}

.page-wrapper.hig {
  width: 100%;
}

.page-wrapper.normal, .main-wrapper.hide, .hide {
  display: none;
}

.new-home_hero-section {
  background-image: url('../images/hero-bg_1.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  min-height: 100svh;
  padding-top: 8vh;
  display: flex;
}

.padding-global-new {
  padding-left: 4%;
  padding-right: 4%;
}

.padding-global-new.padding-section-large {
  width: 100%;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.padding-global-new.padding-section-large.no-bottom-padding {
  padding-bottom: 0;
}

.padding-global-new.padding-section-large.no-bottom-padding._2 {
  padding: 0 2.5rem 2rem;
}

.padding-global-new.padding-section-large._2 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.padding-global-new.nav, .padding-global-new.hero-padding {
  width: 100%;
}

.padding-section-large {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.navigation-fixed {
  z-index: 100;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.navigation-fixed.hig {
  color: #fff;
}

.navigation-banner-wrap {
  z-index: 3;
  background-color: var(--black);
  color: var(--white);
  text-align: center;
  letter-spacing: -.02em;
  justify-content: center;
  align-items: center;
  padding: .75rem 4%;
  font-size: 1rem;
  line-height: 1.5;
  display: flex;
  position: relative;
}

.navigation-banner-wrap.hide {
  display: none;
}

.text-color-green {
  color: var(--ui-green-2);
}

.text-weight-semibold {
  font-weight: 600;
}

.text-color-red {
  color: var(--ui-red);
}

.navigation-bg {
  background-color: var(--white);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.new-home_hero-layout {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.new-home_hero-content {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  width: 100%;
  max-width: 36.75rem;
  display: flex;
}

.new-home_hero-text {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.new-home_hero-eyebrow {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--white);
  color: var(--grey-text);
  letter-spacing: 0;
  text-transform: uppercase;
  border: 1px solid #0000000d;
  border-radius: .75rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-bottom: -.5rem;
  padding: .75rem 1rem;
  font-size: .875rem;
  line-height: 1.3;
  display: flex;
}

.svg-icon-16px {
  aspect-ratio: 1;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1rem;
  display: flex;
}

.new-heading-1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.625rem;
  font-weight: 600;
  line-height: 1.1;
}

.text-size-regular-new {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
}

.max-width-464px {
  max-width: 29rem;
}

.new-home_button-group {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.new-home-button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--ui-green-2);
  color: var(--white);
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  padding: .75rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.new-home-button:hover {
  background-image: linear-gradient(#0963504d, #0963504d);
}

.new-home-button.is-secondary {
  background-color: var(--transparent);
  color: var(--ui-green-2);
  text-decoration: underline;
}

.new-home-button.is-secondary:hover {
  background-image: linear-gradient(#1e9a800f, #1e9a800f);
}

.new-home-button.is-secondary.hide {
  display: none;
}

.new-home-button.is-white {
  border: 1px solid var(--ui-green-2);
  background-color: var(--white);
  color: var(--ui-green-2);
}

.new-home-button.is-white:hover {
  background-image: none;
}

.new-home_list-wrap {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.new-home_list-dot {
  aspect-ratio: 1;
  background-color: var(--black);
  border-radius: 50%;
  flex: none;
  width: .3125rem;
}

.new-home_enterpreneurs {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 1.25rem;
  display: flex;
}

.new-home_enterpreneurs-inner {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--grey-text);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-size-medium {
  font-size: 1.25rem;
  line-height: 1.2;
}

.new-home_enterpreneurs-divider {
  background-color: #0000002e;
  width: .0625rem;
  height: 1.75rem;
}

.new-home_star-group {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  justify-content: flex-start;
  align-items: center;
  font-size: .875rem;
  display: flex;
}

.svg-icon-20px {
  aspect-ratio: 1;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  display: flex;
}

.new-home_avatars {
  justify-content: flex-start;
  align-items: center;
  margin-right: .5rem;
  display: flex;
}

.new-home_avatars-img {
  border: .109375rem solid var(--white);
  border-radius: 50%;
  width: 1.75rem;
  margin-right: -.5rem;
}

.new-home_hero-img {
  width: 42.5rem;
}

.new-home_hero-img-wrap {
  position: relative;
}

.payment-div {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #fff9;
  border: 1px solid #00000017;
  border-radius: .625rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 22.25rem;
  padding: .875rem;
  display: flex;
  position: absolute;
  bottom: -10%;
  left: 50%;
  transform: translate(-50%);
}

.payment-icon {
  aspect-ratio: 1;
  background-color: var(--white);
  border: 1px solid #00000005;
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  display: flex;
  box-shadow: 0 0 19px #00000026;
}

.text-size-small-new {
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
}

.transformations_section {
  background-color: var(--white);
  flex-flow: column;
  justify-content: center;
  overflow: hidden;
}

.transformations_layout {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.transformations_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: -2.5rem;
  display: grid;
}

.transformations_header {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.transformations_heading {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 28rem;
  display: flex;
}

.transformations_navigation {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.transformations_eyebrow {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px dashed var(--ui-green-2);
  background-color: #edfaf8;
  border-radius: 6.25rem;
  justify-content: center;
  align-items: center;
  padding: .25rem .75rem;
  font-size: .875rem;
  font-weight: 600;
  display: flex;
}

.transformations_eyebrow.is-ai-business {
  background-color: #07181c;
}

.transformations_eyebrow.is-full-color {
  color: var(--ui-green-2);
  border-width: 0;
}

.new-heading-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.1;
}

.transformations_navigation-button {
  aspect-ratio: 1;
  background-color: var(--white);
  width: 3rem;
  color: var(--black);
  border: 1px solid #ececed;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: all .32s;
  display: flex;
  box-shadow: 0 0 12px #0000000d;
}

.transformations_navigation-button:hover {
  background-color: var(--ui-green);
  color: var(--white);
}

.transformations_navigation-button.is-disabled {
  opacity: .7;
  pointer-events: none;
  cursor: not-allowed;
}

.transformations_grid-item {
  background-color: var(--white);
  border: 1px solid #f1f2f4;
  border-radius: .75rem;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.transformations_grid-item.hide {
  display: none;
}

.transformations_grid-item-imgwrap {
  width: 100%;
  height: 24rem;
  overflow: hidden;
}

.transformations_grid-item-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all .32s;
}

.transformations_grid-item-img:hover {
  transform: scale(1.1);
}

.transformations_grid-item-inner {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.25rem;
  font-size: 1.25rem;
  display: flex;
}

.text-weight-bold {
  font-weight: 700;
}

.transformations_nav-dot-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 4.75rem;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.transformations_nav-dot {
  background-color: #d9d9d9;
  border-radius: 6.25rem;
  width: .625rem;
  height: .625rem;
}

.transformations_nav-dot.is-active {
  background-color: var(--ui-green);
  width: 2.5rem;
}

.transformations_nav-dot.is-green {
  background-color: var(--ui-green-2);
  width: .5rem;
  height: .5rem;
}

.process_section {
  background-color: var(--white);
  flex-flow: column;
  justify-content: center;
}

.process_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-color-gray {
  color: var(--grey-text);
}

.process_cards {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.process-cards-item {
  border: 2px solid var(--ui-green-2);
  background-color: #eafaf6;
  border-radius: .75rem;
  flex-flow: column;
  max-width: 25rem;
  display: flex;
  overflow: hidden;
}

.process-cards-item-imgwrap {
  width: 100%;
  height: 14rem;
  overflow: hidden;
}

.process-cards-item-inner {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.5rem;
  font-size: 1.75rem;
  display: flex;
}

.svg-icon-40px {
  aspect-ratio: 1;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  display: flex;
}

.text-style-allcaps {
  text-transform: uppercase;
}

.ai-busines_section {
  background-color: var(--white);
  flex-flow: column;
  justify-content: center;
  padding: 4rem 4%;
}

.ai-busines_content {
  width: 100%;
  max-width: 80rem;
  color: var(--white);
  background-image: url('../images/ai-business.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1.5rem;
  margin-left: auto;
  margin-right: auto;
  padding: 3.75rem;
  position: relative;
  overflow: hidden;
}

.ai-business_layout {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

.ai-business_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 31.25rem;
  display: flex;
}

.ai-business_grid {
  z-index: 3;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 28rem;
  display: grid;
  position: relative;
}

.text-weight-medium {
  font-weight: 500;
}

.ai-business_list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 1.5rem;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.ai-business_list-item {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  font-size: .875rem;
  display: flex;
}

.shipper-dp {
  z-index: 0;
  height: 12.5rem;
  position: absolute;
  inset: auto -2% -5% auto;
}

.ai-business_grid-item {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #ffffff1a;
  border: 1px solid #21514c;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: .625rem .75rem;
  font-size: 1.125rem;
  display: flex;
}

.text-style-muted {
  opacity: .7;
}

.ai-business_grid-item-icon {
  aspect-ratio: 1;
  background-color: #ffffff1a;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.125rem;
  display: flex;
  box-shadow: inset 0 4px 4px #00000040;
}

.svg-icon-12px {
  aspect-ratio: 1;
  flex: none;
  justify-content: center;
  align-items: center;
  width: .75rem;
  display: flex;
}

.action_section {
  background-color: var(--white);
  flex-flow: column;
  justify-content: center;
}

.svg-icon-32px {
  aspect-ratio: 1;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  display: flex;
}

.action_layout {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.action_heading {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 26rem;
  display: flex;
}

.action_bg-video {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--white);
  border: 1px solid #ebebeb;
  border-radius: 1.5rem;
  flex-flow: column;
  width: 100%;
  padding: .5rem;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 20px #0000000d;
}

.cta_header {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 41.25rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cta_section {
  background-color: var(--white);
  flex-flow: column;
  justify-content: center;
  padding: 1.25rem;
}

.new-cta-img {
  height: 18rem;
}

.cta_layout {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.cta_bg-wrap {
  background-image: url('../images/cta-bg.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #e1e4e8;
  border-radius: 1.875rem;
  padding-top: 4%;
  padding-left: 4%;
  padding-right: 4%;
  position: relative;
  overflow: hidden;
}

.cta_bg-wrap.padding-section-large {
  width: 100%;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.cta_bg-wrap.padding-section-large.no-bottom-padding {
  padding-bottom: 0;
}

.cta_bg-wrap.padding-section-large.no-bottom-padding._2 {
  padding: 0 2.5rem 2rem;
}

.cta_bg-wrap.padding-section-large._2 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.cta_bg-wrap.nav, .cta_bg-wrap.hero-padding {
  width: 100%;
}

.cta_overlay {
  background-image: linear-gradient(#eefbf800, #eefbf8 38%);
  height: 12rem;
  position: absolute;
  inset: auto 0% -12%;
}

.new-shipper-logo {
  width: 43.75rem;
}

.process-cards_img {
  object-fit: cover;
  width: 100%;
  transition: all .32s;
}

.process-cards_img:hover {
  transform: scale(1.1);
}

.padding-section-medium {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.max-width-320px {
  max-width: 20rem;
}

.eyebrow-dot {
  aspect-ratio: 1;
  background-color: var(--ui-green-2);
  border-radius: 50%;
  flex: none;
  width: .5rem;
}

.action-timeline {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--white);
  border: 1px solid #e6e6e6;
  border-radius: 1rem;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 1.25rem .75rem;
  display: flex;
  box-shadow: 0 0 12px #0000000f;
}

.action-timeline_inner {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: center;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  max-width: 6rem;
  font-size: .75rem;
  display: flex;
}

.action-timeline_icon {
  aspect-ratio: 1;
  width: 2.5rem;
  color: var(--ui-green-2);
  background-color: #1e9a8033;
  border-radius: 3.125rem;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-size-24px {
  aspect-ratio: 1;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  display: flex;
}

.icon-size-20px {
  aspect-ratio: 1;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  display: flex;
}

.icon-size-20px.is-top-padding {
  margin-top: 1rem;
}

.icon-size-16px {
  aspect-ratio: 1;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1rem;
  display: flex;
}

.icon-size-16px.is-top-padding {
  margin-top: 1rem;
}

.action-headline {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.action_bg-video-header {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  padding-left: .75rem;
  padding-right: .75rem;
  display: flex;
}

.tab-dots {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tab-dot {
  aspect-ratio: 1;
  background-color: var(--ui-red);
  border-radius: 50%;
  flex: none;
  width: .75rem;
}

.tab-dot.is-yellow {
  background-color: #efb944;
}

.tab-dot.is-green {
  background-color: #05c01e;
}

.tab-space {
  height: 1.25rem;
}

.action_tab-link {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: var(--grey-text);
  background-color: #f1f1f1;
  border-radius: 6.25rem;
  justify-content: center;
  align-items: center;
  margin-left: -4rem;
  padding: .375rem 1rem;
  font-size: .75rem;
  display: flex;
  box-shadow: inset 0 -2px 12px #0000001a;
}

.icon-size-14px {
  aspect-ratio: 1;
  flex: none;
  justify-content: center;
  align-items: center;
  width: .875rem;
  display: flex;
}

.icon-size-14px.is-top-padding {
  margin-top: 1rem;
}

.action_bg-video-inner {
  border-radius: .75rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.body-3 {
  background-color: #0a0a0a;
  padding-bottom: 0;
}

.logo-nav-image {
  width: 2rem;
  height: 2rem;
}

.logo-nav-image.hig {
  width: 2.5rem;
  height: 2.5rem;
}

.logo-nav-image.hig._2 {
  width: 3rem;
  height: 3rem;
}

.nav-pill {
  color: #00f59c;
  background-color: #092219;
  border-radius: 4px;
  flex: none;
  padding: .2rem .5rem;
}

.nav-pill._2 {
  font-size: .875rem;
}

.secton-hig-hero {
  width: 100%;
  overflow: hidden;
}

.hig-hero-content {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

.top-hero-hig-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.top-hero-hig-wrapper.hide {
  display: none;
}

.hero-card-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #fff;
  flex-flow: column;
  flex: none;
  max-width: 32.625rem;
  display: flex;
}

.top-hero-hig-img {
  border-radius: 10px;
  width: 100%;
}

.bottom-hero-hig-card {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

.btm-hero-hig-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.left-btm-hero-hig {
  grid-column-gap: 3.375rem;
  grid-row-gap: 3.375rem;
  background-image: url('../images/frame-2147263087.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.first-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #fff;
  flex-flow: column;
  width: 70%;
  display: flex;
}

.top-promo-wrap {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  justify-content: flex-start;
  align-items: center;
  font-size: 1rem;
  display: flex;
}

.textsize34px {
  font-size: 2.125em;
  font-weight: 600;
  line-height: 1.2;
}

.bottom-wrap {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  display: flex;
}

.full-buttm {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #000;
  background-color: #00f59c;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: .7rem;
  display: flex;
}

.full-buttm.ghost {
  color: #fff;
  background-color: #2b2b2b;
}

.full-buttm.white-mgt {
  background-color: #fff;
  margin-top: 1.5rem;
}

.promo-abs-img {
  width: 14rem;
  position: absolute;
  inset: auto 2% 5% auto;
}

.right-btm-hero-hig {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.promo-cards {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  color: #fff;
  background-color: #1b1b1b;
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding: .7rem;
  display: flex;
}

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

.promo-svg {
  width: 1.9rem;
  height: 1.9rem;
}

.promo-svg.brain {
  width: 1.1rem;
  height: 1.1rem;
}

.promo-svg._2 {
  width: 2.2rem;
  height: 2.2rem;
}

.promo-svg._2._3 {
  width: 3rem;
  height: 3rem;
}

.promo-svg._2._3._4 {
  width: 2.7rem;
  height: 2.7rem;
}

.promo-pill {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  background-color: #494949;
  border: 1px solid #5b5b5b;
  border-radius: 100px;
  padding: .125rem .625rem;
  display: flex;
}

.bottom-promo {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.trending {
  height: 1.375rem;
}

.trending._2 {
  height: 1.2rem;
}

.trending._2._50 {
  object-fit: cover;
  width: 2.625rem;
  height: 1.375rem;
}

.trending._2.ai {
  height: 1.375rem;
}

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

.tv-content {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: auto;
  display: block;
  position: relative;
}

.tv-image {
  z-index: 1;
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  inset: 0%;
}

.tv-content-wrapper {
  z-index: 3;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.tv-text-image {
  max-width: 47.5925rem;
}

.bottom-tv-wrap {
  grid-column-gap: 3.875rem;
  grid-row-gap: 3.875rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 1.625rem;
  display: flex;
}

.text-size-26px {
  font-size: 1.625rem;
  font-weight: 600;
}

.text-size-26px.weight-bold {
  font-weight: 700;
}

.text-size-26px.green._2 {
  color: #00f59c;
}

.section-create {
  overflow: hidden;
}

.create-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-image: url('../images/frame-2147263169.avif');
  background-position: 0 0;
  background-size: cover;
  border-radius: 20px;
  padding: 2.5rem;
  display: flex;
  overflow: hidden;
}

.left-create-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 36%;
  display: flex;
}

.top-left-create {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

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

.create-2nd-div {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  display: flex;
}

.create-card {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #171717;
  border-radius: .875rem;
  flex-flow: column;
  flex: none;
  max-width: 18.1013rem;
  padding: .375rem .375rem .75rem;
  display: flex;
}

.create-img {
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: 13.7031rem;
}

.bottom-create-card {
  color: #fff;
  justify-content: space-between;
  align-items: center;
  padding-left: 4px;
  display: flex;
}

.text-size-34px {
  font-size: 2.125rem;
}

.new-green {
  color: #00f59c;
}

.section-images {
  overflow: hidden;
}

.image-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.image-grid-1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1.5fr;
  grid-auto-columns: 1fr;
  height: 458px;
  display: none;
}

.image-grid-1._2 {
  grid-template-columns: 1.5fr 1fr 1fr;
}

.grid-image-1 {
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.section-hig-cta {
  overflow: hidden;
}

.hig-cta-wrap {
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  height: 31.0625rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hig-cta-div {
  z-index: 9;
  text-align: center;
  position: relative;
}

.image-103 {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cta-hig-img {
  max-width: 28.0725rem;
}

._2nd-cta-div {
  color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-size-48px {
  font-size: 3rem;
}

.moving-arrow-right {
  z-index: 4;
  background-color: #fff;
  border-radius: 100px;
  padding: .25rem 1rem;
  position: absolute;
  inset: 8% -31% auto auto;
  transform: translate(0);
}

.image-104 {
  max-width: 1.25rem;
  position: absolute;
  inset: -52% auto auto -12%;
}

._3rd-cta-imgwrap {
  z-index: 4;
  max-width: 16.875rem;
  position: absolute;
  inset: auto 2% 5% auto;
}

.moving-arrow-bottom {
  z-index: 4;
  background-color: #00f59c;
  border-radius: 100px;
  padding: .25rem 1rem;
  position: absolute;
  inset: auto auto 13% -20%;
  transform: translate(0);
}

.arrow-img-right {
  max-width: 1.25rem;
  position: absolute;
  inset: -48% -10% auto auto;
}

._4th-cta-imgwrap {
  z-index: 4;
  max-width: 16.875rem;
  position: absolute;
  inset: 5% auto auto 3%;
}

.section-hig-footer {
  width: 100%;
  overflow: hidden;
}

.hig-footer-wrap {
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer-image {
  width: 100%;
  max-height: 19.4375rem;
}

.ae-img {
  max-width: 11.8219rem;
  position: absolute;
  inset: auto 2% 7% auto;
}

.ae-img.hide {
  bottom: -6%;
  right: -4%;
}

.nav_button-hig {
  padding: 1rem;
}

.building-text {
  font-size: 1rem;
  line-height: 150%;
}

.building-text.grey-text {
  color: #8b8b8b;
  font-weight: 400;
}

.building-text.grey-text.normal {
  font-weight: 400;
}

.building-text.grey-text.build {
  color: #d1d5dc;
}

.building-text.weight-light {
  font-weight: 300;
}

.building-text.weight-light._60-opacity-text {
  text-align: left;
}

.building-text.weight-light._50-opacity-text {
  opacity: .5;
}

.building-text.weight-light.grey-text {
  font-weight: 400;
}

.building-text.weight-light._14px {
  opacity: .7;
  font-size: .875rem;
}

.building-text.weight-medium {
  font-weight: 500;
}

.building-text.weight-medium._50-opacity-text {
  opacity: .5;
}

.building-text.weight-medium.faq {
  text-align: left;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
  font-size: 1.125rem;
}

.building-text.weight-semibold {
  font-weight: 500;
}

.building-text.weight-semibold.text-black {
  color: #1c1c1c;
}

.building-text.green {
  color: #4ade80;
}

.building-text._60-opacity-text._3, .building-text._60-opacity-text._14px {
  font-size: .875rem;
}

.building-text.italic-text {
  font-style: italic;
}

.building-text.hide {
  display: none;
}

.researching-text {
  font-size: 1rem;
  line-height: 150%;
}

.researching-text.grey-text {
  color: #8b8b8b;
  font-weight: 400;
}

.researching-text.grey-text.normal {
  font-weight: 400;
}

.researching-text.grey-text.build {
  color: #d1d5dc;
}

.researching-text.weight-light {
  font-weight: 300;
}

.researching-text.weight-light._60-opacity-text {
  text-align: left;
}

.researching-text.weight-light._50-opacity-text {
  opacity: .5;
}

.researching-text.weight-light.grey-text {
  font-weight: 400;
}

.researching-text.weight-light._14px {
  opacity: .7;
  font-size: .875rem;
}

.researching-text.weight-medium {
  font-weight: 500;
}

.researching-text.weight-medium._50-opacity-text {
  opacity: .5;
}

.researching-text.weight-medium.faq {
  text-align: left;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
  font-size: 1.125rem;
}

.researching-text.weight-semibold {
  font-weight: 500;
}

.researching-text.weight-semibold.text-black {
  color: #1c1c1c;
}

.researching-text.green {
  color: #4ade80;
}

.researching-text._60-opacity-text._3, .researching-text._60-opacity-text._14px {
  font-size: .875rem;
}

.researching-text.italic-text {
  font-style: italic;
}

.researching-text.hide {
  display: none;
}

.text-block-1378 {
  font-size: 12px;
}

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

.div-block-319 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.svg {
  color: #fff9;
  width: 1rem;
}

.svg._2 {
  color: #000;
}

.dropdown-bot {
  z-index: 8;
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: #1b1b1b;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15.3125rem;
  padding: .5rem;
  position: absolute;
  inset: 92% auto auto 0%;
  box-shadow: 0 8px 8px 4px #0003;
}

.dropdown-item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #fff;
  background-color: #34343400;
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: .375rem;
  display: flex;
}

.dropdown-icon-wrap {
  background-color: #494949;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: .375rem;
  display: flex;
}

.dropdown-img {
  max-width: 1.125rem;
}

.svg-24px {
  width: 1.5rem;
  display: none;
}

.code-embed-8 {
  width: 100%;
  max-height: 100%;
}

.code-embed-hig {
  width: 100%;
  max-width: 100%;
  min-height: 18.75rem;
  margin-bottom: 2.5rem;
  padding: 0;
  overflow: hidden;
}

.code-embed-hig.hide {
  display: none;
}

.floating-modal {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  color: #fff;
  background-color: #1b1b1b;
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 70%;
  padding: .7rem;
  display: none;
}

.floating-inner {
  text-align: center;
  background-color: #0000;
  background-image: url('../images/hero-1_1.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.floting-text-wrap {
  grid-column-gap: .9rem;
  grid-row-gap: .9rem;
  color: #000;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 7rem;
  padding-right: 7rem;
  display: flex;
}

.create-card-label {
  color: #fff;
  justify-content: space-between;
  align-items: center;
  padding-left: 4px;
  display: flex;
  position: relative;
}

.bottom-create-card-copy {
  color: #fff;
  justify-content: space-between;
  align-items: center;
  padding-left: 4px;
  display: flex;
}

.icon-24px {
  width: 1.5rem;
}

.nav_component-3 {
  background-color: #fff;
  border-radius: 1rem;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  inset: 0% 0% auto;
}

.shipper-logo-2 {
  max-height: 1.7rem;
}

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

.logo-link-2 {
  color: #080330;
  padding: 6px;
  font-family: Playfair Display, sans-serif;
  font-size: 30px;
  font-weight: 700;
}

.logo-link-2:hover {
  opacity: .6;
}

.logo-link-2.w--current {
  padding-top: 9px;
}

.logo-link-2.inverted {
  filter: invert();
}

.nav_fixed-3 {
  z-index: 12;
  background-color: #fff;
  border-radius: 1rem;
  margin: 1rem 1rem 0;
  padding: 0;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 0 4px 8px -1px #00000005;
}

.nav_menu_link-4 {
  color: #1c1c1c;
  border-radius: 12px;
  padding: 8px 12px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.nav_menu_link-4:hover {
  background-color: #00000014;
}

.nav_menu_link-4.w--current {
  color: #1c1c1c;
}

.nav_menu_link-4.secondary {
  color: #1c1c1c;
  -webkit-text-stroke-color: #1c1c1c;
  font-weight: 500;
}

.nav-btn-3 {
  background-color: #020617;
  border-radius: 100px;
  padding: .75rem 1rem;
  font-weight: 500;
}

.playfair-italics-2 {
  font-family: "Playfair Display V 40 Latin", Georgia, sans-serif;
}

.hero-content-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.code-embed-9 {
  width: 100%;
  max-width: 850px;
  min-height: 18.75rem;
  padding: 0;
}

.h1-text-2 {
  letter-spacing: -1.2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.2;
}

.top-hero-wrapper-2 {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.div-block-320 {
  color: #111;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 100%;
  display: flex;
  position: relative;
}

.playfair-italics-3 {
  font-family: "Playfair Display V 40 Latin", Georgia, sans-serif;
}

.code-embed-10 {
  width: 100%;
  max-width: 1110px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-321 {
  color: #111;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 100%;
  display: flex;
  position: relative;
}

.code-embed-7-copy {
  width: 100%;
  max-width: 1110px;
  margin-left: auto;
  margin-right: auto;
}

.text-size-20px-2 {
  font-size: 1.25rem;
}

.playfair-italics-4 {
  font-family: "Playfair Display V 40 Latin", Georgia, sans-serif;
}

.text-size-16px-2 {
  font-size: 1rem;
  line-height: 150%;
}

.text-size-16px-2.weight-light {
  font-weight: 300;
}

.text-size-16px-2.weight-light._60-opacity-text {
  text-align: left;
}

.text-size-16px-2.grey-text {
  font-weight: 300;
}

.div-block-323 {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  color: #f3ebff;
  background-image: url('../images/content.avif');
  background-position: 0 0;
  background-size: cover;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.steps-wrapper-bottom-2 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  position: relative;
}

.steps-wrapper-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #0000;
  border-radius: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center start;
  padding: 0;
  display: grid;
}

.use-h-i-w-2 {
  grid-column-gap: 5.5rem;
  grid-row-gap: 5.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 4rem;
  display: flex;
}

.choose-content-wrapper-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #fff;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.left-grid-content-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -webkit-backdrop-filter: drop-shadow(0 8px 10px #0000001a) drop-shadow(0 1px 3px #0000001a) blur(8px);
  backdrop-filter: drop-shadow(0 8px 10px #0000001a) drop-shadow(0 1px 3px #0000001a) blur(8px);
  color: #fff;
  background-color: #18181b4d;
  border: .4px solid #7a7a7a80;
  border-radius: 10px;
  flex-flow: column;
  padding: 1rem;
  display: flex;
}

.left-grid-content-2._2 {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #18181b00;
  border-width: 0;
  border-radius: 0;
  padding: 0;
}

.right-agent-grid-2 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  color: #fff;
  border-radius: .875rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: .2rem;
  display: flex;
}

.bottom-grid-btn-wrapper2-2 {
  z-index: 10;
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  justify-content: center;
  align-items: center;
  width: 40%;
  margin-top: -2rem;
  display: flex;
  position: relative;
}

.playfair-italics-5 {
  font-family: "Playfair Display V 40 Latin", Georgia, sans-serif;
}

.text-size-12px-2 {
  letter-spacing: .2px;
  font-size: .875rem;
}

.top-btn-div-2 {
  color: #fff;
  background-color: #211a44;
  width: 100%;
  padding: 1rem 1.5rem;
}

.text-size-16px-3 {
  font-size: 1rem;
  line-height: 150%;
}

.text-size-16px-3.grey-text, .text-size-16px-3.weight-light {
  font-weight: 300;
}

.text-size-16px-3.weight-medium, .text-size-16px-3.weight-semibold {
  font-weight: 500;
}

.text-size-16px-3.weight-semibold.text-black {
  color: #1c1c1c;
}

.text-size-20px-3 {
  font-size: 1.25rem;
}

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

.text-size-20px-3.weight-medium.purple {
  color: #5f57ff;
}

.text-size-20px-3.weight-medium.purple.playfair-italics-6 {
  color: #111;
}

.image-105 {
  width: 1.75rem;
}

.playfair-italics-6 {
  font-family: "Playfair Display V 40 Latin", Georgia, sans-serif;
}

.div-block-324 {
  filter: drop-shadow(0 4px 5.9px #00000014);
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: .6rem;
  padding: .75rem;
}

.playfair-italics-7 {
  font-family: "Playfair Display V 40 Latin", Georgia, sans-serif;
}

.text-size-18px-2 {
  font-size: 1.125rem;
}

.text-size-18px-2.grey-text {
  font-weight: 300;
}

.left-metric-grid-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #111;
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-106 {
  height: 3.625rem;
}

.text-span-68 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#1d396a, #0090ff);
  -webkit-background-clip: text;
  background-clip: text;
}

.use-case-grid-2 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pricing-h2-2 {
  margin-top: 0;
  margin-bottom: 0;
}

.pricing-h2-2.black-text {
  color: #1c1c1c;
}

.pricing-features-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

.pricing-features-2.header {
  grid-column-gap: .85rem;
  grid-row-gap: .85rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.form-block-12 {
  width: 100%;
  margin-bottom: 0;
}

.section_pricing-2 {
  background-color: #fff;
  border-radius: 1.75rem;
  flex-direction: column;
  justify-content: center;
  margin: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -1px #0000000d;
}

.pricing-grid-wrapper-2 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 80%;
  display: flex;
}

.pricing-grid-wrapper-2.hide {
  flex: 0 auto;
  display: none;
  overflow: visible;
}

.card-logos-wrapper-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.flex-horizontal-center-center-7 {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.footer-left-4 {
  grid-row-gap: 14px;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 33%;
  margin-right: 20px;
  display: flex;
}

.footer-right-4 {
  grid-column-gap: 30px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: stretch;
  place-items: start;
  width: 60%;
  margin-top: 10px;
  display: grid;
}

.section_cta-2 {
  color: #fff;
  background-color: #fff;
  background-image: url('../images/cta.avif');
  background-position: 50% 100%;
  background-size: cover;
  border-radius: 28px 28px 0 0;
  flex-direction: column;
  justify-content: center;
  margin: 1rem 1rem 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -1px #0000000d;
}

.cta-content-2 {
  grid-column-gap: 5.5rem;
  grid-row-gap: 5.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-size-20px-4 {
  max-width: 24rem;
  font-size: 1.25rem;
}

.text-size-16px-4 {
  font-size: 1rem;
  line-height: 150%;
}

.text-size-16px-4.weight-light {
  font-weight: 300;
}

.text-size-16px-4.weight-light._14px {
  opacity: .7;
  font-size: .875rem;
}

.text-size-16px-4.weight-light._60-opacity-text {
  text-align: left;
}

.form-block-13 {
  width: 100%;
  margin-bottom: 0;
}

.text-size-18px-3 {
  font-size: 1.125rem;
}

.text-size-18px-3.grey-text {
  color: #525252;
  font-weight: 300;
}

.code-embed-11 {
  width: 100%;
  max-width: 100%;
  min-height: 18.75rem;
  margin-bottom: 2.5rem;
  padding: 0;
  overflow: hidden;
}

.wol {
  background-color: #f9f9f9;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}

.wol.wol--dark {
  background-color: #0a0a0a;
}

.wol__inner {
  width: 100%;
  max-width: 100%;
  position: relative;
}

.wol__rows {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  flex-direction: column;
  display: flex;
}

.wol__track {
  grid-column-gap: 20px;
  flex-direction: row;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.wol__track.wol__track--offset {
  margin-left: -3rem;
}

.wol__list {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  flex-direction: row;
  flex-shrink: 0;
  align-items: stretch;
  display: flex;
}

.wol-card {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  background-color: #fff;
  border: 1px solid #0000000f;
  border-radius: 10px;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: flex-start;
  width: 17.5rem;
  height: 100%;
  min-height: 0;
  padding: .7rem;
  display: flex;
  box-shadow: 0 1px 2px #0000000a;
}

.wol-card__stars {
  grid-column-gap: 4px;
  color: #1e9a80;
  letter-spacing: .04em;
  font-size: .75rem;
  line-height: 1;
  display: flex;
}

.wol-card__quote {
  color: #141414;
  flex-grow: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.45;
}

.wol-card__rule {
  background-color: #00000014;
  width: 100%;
  height: 1px;
}

.wol-card__author {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.wol-avatar {
  color: #fff;
  letter-spacing: .02em;
  object-fit: cover;
  background-color: #0000;
  border-radius: 100px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 0;
  font-weight: 600;
  display: flex;
}

.wol-card__name {
  color: #141414;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.3;
}

.wol-item {
  flex: none;
  display: flex;
}

.wol__head {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: .6rem;
  width: 100%;
  max-width: 40rem;
  margin-bottom: 1.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.wol__title {
  color: #0a0a0a;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.15;
}

.wol__title.on-dark {
  color: #f5f5f5;
}

.wol__sub {
  color: #0a0a0a94;
  max-width: 32rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 1.5;
}

.wol__sub.on-dark {
  color: #f5f5f59e;
}

.dfy {
  grid-row-gap: 100px;
  color: #0a0a0a;
  background-color: #f0f0f0;
  flex-direction: column;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  display: flex;
  overflow: hidden;
}

.dfy-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.dfy-wrap.dfy-how._2 {
  justify-content: center;
  align-items: center;
}

.dfy-hero {
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  position: relative;
}

.dfy-hero-inner {
  z-index: 1;
  grid-row-gap: 0px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 850px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.dfy-badge {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #1f2933;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #fbfefc;
  border: 1px solid #1e9a8038;
  border-radius: 999px;
  align-items: center;
  margin-bottom: 20px;
  padding: 7px 14px 7px 10px;
  font-family: Inter, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280a, inset 0 1px #ffffffe6;
}

.dfy-dot {
  background-color: #12c94a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 #12c94a8c;
}

.dfy-h1 {
  color: #000;
  text-align: center;
  letter-spacing: -1.92px;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
  font-size: 3.375rem;
  font-weight: 500;
  line-height: 60px;
}

.dfy-lead {
  color: #6b6b6b;
  text-align: center;
  letter-spacing: -.4px;
  width: 648px;
  max-width: 100%;
  margin: 0 auto;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.dfy-ctas {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 42px;
  display: flex;
}

.dfy-btn {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 64px;
  align-items: center;
  padding: 6px 6px 6px 24px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 16px 16px -8px #33333308;
}

.dfy-btn-pri {
  color: #fff;
  background-color: #1e9a80;
}

.dfy-btn-ghost {
  color: #0a0a0a;
  background-color: #0000;
  padding-right: 24px;
}

.dfy-btn-dark {
  color: #fff;
  background-color: #0a0a0a;
}

.dfy-btn-ico {
  color: #1e9a80;
  background-color: #fff;
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.dfy-btn-ico-dark {
  color: #0a0a0a;
}

.dfy-sec {
  z-index: 1;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.dfy-sec-last {
  padding-bottom: 0;
}

.dfy-how {
  grid-column-gap: 72px;
  grid-row-gap: 48px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.dfy-how-copy {
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 550px;
  max-width: 50%;
  display: flex;
}

.dfy-h2 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 2.75rem;
  font-weight: 600;
  line-height: 1.15;
}

.dfy-h2._2 {
  width: 100%;
}

.dfy-sub {
  color: #5c5c5c;
  letter-spacing: -.01em;
  max-width: 490px;
  margin-top: 0;
  margin-bottom: 48px;
  font-family: Inter, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.55;
}

.dfy-sub._2 {
  margin-bottom: 0;
}

.dfy-steps {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: row;
  width: 100%;
  display: flex;
}

.dfy-step {
  background-color: #fafafa;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 210px;
  padding: 1.7rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dfy-step-num {
  color: #f0f0f0;
  letter-spacing: -4px;
  font-family: Space Grotesk;
  font-size: 160px;
  font-weight: 500;
  line-height: .7;
  position: absolute;
  bottom: 0;
  right: 16px;
}

.dfy-step-body {
  z-index: 1;
  max-width: 360px;
  position: relative;
}

.dfy-step-title {
  color: #000;
  letter-spacing: -.6px;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.dfy-step-text {
  color: #838383;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
}

.dfy-center {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.dfy-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 64px;
  display: grid;
}

.dfy-card {
  background-color: #fafafa;
  border-radius: 24px;
  flex-direction: column;
  align-items: flex-start;
  min-height: 247px;
  padding: 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 32px 32px -16px #33333308, 0 16px 16px -8px #33333305, 0 8px 8px -4px #33333305, 0 4px 4.667px -2px #33333303;
}

.dfy-ico {
  color: #0a0a0a;
  letter-spacing: -.2px;
  background-color: #0000;
  border-radius: 0;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 32px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.dfy-card-title {
  color: #000;
  letter-spacing: -.4px;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
}

.dfy-card-text {
  color: #6b6b6b;
  letter-spacing: -.28px;
  width: 100%;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.dfy-price-wrap {
  justify-content: center;
  width: 40%;
  margin-top: 42px;
  display: flex;
}

.dfy-price {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #fff;
  background-image: linear-gradient(#cef0e0, #60ce9a 16%, #44926d 73%, #285741);
  border-radius: 1.7rem;
  flex-flow: column;
  width: 100%;
  max-width: 100%;
  padding: .5rem .375rem .375rem;
  display: flex;
  overflow: hidden;
}

.dfy-zap {
  width: auto;
  height: auto;
  box-shadow: none;
  color: #285741;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-top: .25rem;
  padding-bottom: .25rem;
  font-family: Oswald, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  display: block;
}

.dfy-amt {
  color: #fff;
  letter-spacing: -.72px;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.1;
}

.dfy-amt-unit {
  color: #fffc;
  font-size: 22px;
  font-weight: 500;
}

.dfy-amt-note {
  color: #fffc;
  margin-top: 2px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.dfy-start {
  width: 100%;
  box-shadow: none;
  color: #fff;
  text-align: center;
  background-color: #1e9a80;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: .875rem 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
  display: flex;
}

.dfy-feats {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  flex-direction: column;
  margin-top: 1rem;
  display: flex;
}

.dfy-feat {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #ffffffd9;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  display: flex;
}

.dfy-tick {
  color: #1e9a80;
  background-color: #fff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.dfy-stats {
  grid-column-gap: 24px;
  grid-row-gap: 40px;
  text-align: center;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 80px;
  display: flex;
}

.dfy-stat {
  width: 100%;
  max-width: 285px;
}

.dfy-stat-n {
  color: #000;
  letter-spacing: -1.28px;
  margin-bottom: 12px;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.2;
}

.dfy-stat-t {
  color: #6b6b6b;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

.dfy-faq-box {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #e5e5e5;
  border-radius: 36px;
  flex-direction: column;
  width: 70%;
  margin-top: 48px;
  padding: 1rem;
  display: flex;
}

.dfy-acc {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  min-height: 80px;
  box-shadow: none;
  background-color: #0000;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  display: flex;
}

.dfy-acc-q {
  color: #282828;
  letter-spacing: -.4px;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

.dfy-acc-plus {
  color: #666;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  font-size: 28px;
  line-height: 1;
  transition: transform .32s;
  display: flex;
}

.dfy-banner {
  text-align: center;
  background-image: url('../images/image-3125.png');
  background-position: 100% 0;
  background-size: cover;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 370px;
  padding: 64px 24px;
  display: flex;
}

.dfy-banner-inner {
  flex-direction: column;
  align-items: center;
  max-width: 588px;
  display: flex;
}

.dfy-banner-h {
  color: #1d1d1d;
  letter-spacing: -3px;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.2;
}

.dfy-banner-p {
  color: #5c5c5c;
  margin-top: 0;
  margin-bottom: 48px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.dfy-ico-img {
  width: auto;
  max-width: 40px;
  height: auto;
  max-height: 40px;
  display: block;
}

.dfy-price-inner-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #fff;
  background-color: #1b1b1b;
  border-radius: 1.5rem;
  flex-flow: column;
  padding: .75rem;
  display: flex;
  overflow: hidden;
}

.dfy-price-card {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  text-align: left;
  background-color: #292929;
  border-radius: 1rem;
  flex-flow: column;
  padding: 1rem;
  display: flex;
}

.dfy-bg {
  z-index: 0;
  pointer-events: none;
  width: 1440px;
  height: 1498px;
  margin-left: -720px;
  position: absolute;
  top: -179.91px;
  left: 50%;
  overflow: visible;
}

.dfy-bg-streak {
  width: 1496px;
  max-width: none;
  height: 132px;
  position: absolute;
}

.dfy-bg-streak.is-1 {
  top: 968.58px;
  left: 784.24px;
  transform: rotate(35deg);
}

.dfy-bg-streak.is-2 {
  top: 302.91px;
  left: 281.72px;
  transform: rotate(-35deg);
}

.dfy-bg-streak.is-3 {
  top: 325.06px;
  left: -882px;
  transform: rotate(-35deg);
}

.dfy-bg-streak.is-4 {
  top: 741.31px;
  left: -775.23px;
  transform: rotate(35deg);
}

.dfy-acc-item {
  background-color: #fbfbfb;
  border-radius: 16px;
  display: block;
  overflow: hidden;
  box-shadow: 0 16px 16px -8px #33333305;
}

.dfy-acc-sum {
  cursor: pointer;
  display: block;
}

.dfy-acc-a {
  display: block;
}

.dfy-acc-a-in {
  display: block;
  overflow: hidden;
}

.dfy-acc-p {
  color: #6b6b6b;
  letter-spacing: -.32px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 42px 24px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

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

@media screen and (min-width: 1440px) {
  body {
    background-color: #f3f3ee;
  }

  .heading-2-style.affiliates-header {
    max-width: 1500px;
  }

  .footer-wrapper._2 {
    grid-column-gap: 11rem;
    grid-row-gap: 11rem;
    justify-content: space-between;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .vertical-divider-navbar.hig-opac {
    background-color: #fff3;
  }

  .section_hero {
    max-height: 130vh;
  }

  .section_hero.main-hero-margin {
    margin-top: 7.2rem;
  }

  .hero-content {
    width: 100%;
  }

  .padding-global._2, .padding-global.hug-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .nav_menu_link.streak-wrapper {
    color: #fff;
    background-image: linear-gradient(90deg, #ed7844, #eb913f);
    font-weight: 300;
  }

  .nav_menu_link.hig {
    flex: none;
  }

  .nav_menu_link.hig.pricing {
    background-color: #2a2a2a;
  }

  .nav_menu_link.hig-bot {
    flex: none;
  }

  .inner-pricing-wrapper.white._2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    min-width: 100%;
    display: grid;
  }

  .popular-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .popular-text-wrapper.weight-semibold._2, .popular-text-wrapper.weight-semibold-2._2 {
    border-radius: 40px;
  }

  .pricing-selector._3 {
    border-color: var(--black);
    color: #111;
    background-color: #fff;
    border-color: #111;
  }

  .nav_fixed-2 {
    box-shadow: 0 4px 8px -1px #0000000d;
  }

  .text-inside-cta-button-3 {
    color: #fff;
  }

  .div-block-304 {
    background-image: url('../images/content.avif');
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 24px;
    justify-content: center;
    align-items: flex-start;
  }

  .text-size-32px {
    font-size: 1.6rem;
  }

  .div-block-307 {
    color: var(--black);
    margin: 0;
  }

  .hero-layout {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .sky-bg {
    width: 100%;
    inset: 0% 0% auto;
  }

  .choose-image-2-0 {
    object-position: 0% 50%;
  }

  .animation-banner {
    background-image: linear-gradient(89deg, #fcf1c4, #fce1dc);
  }

  .badge-text {
    font-weight: 300;
  }

  .padding-global-2 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .padding-global-2.padding-section-large, .padding-global-2.padding-section-medium {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .affiliate-arrow-img {
    bottom: -14%;
  }

  .section-hero-2.affiliate {
    background-position: 50%;
    background-size: cover;
    border-radius: 2rem;
    justify-content: center;
    align-items: center;
    margin-left: 1rem;
    margin-right: 1rem;
    padding-left: 0;
    padding-right: 0;
  }

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

  .top-hero-text-wrapper.affiliate {
    max-width: 80%;
  }

  .affiliate-arrow-img-2 {
    bottom: -14%;
  }

  .nav_fixed_3 {
    box-shadow: 0 4px 8px -1px #0000000d;
  }

  .padding-global-4 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .padding-global-4.padding-section-large {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

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

  .section-hero-3.affiliate {
    background-position: 50%;
    background-size: cover;
    border-radius: 2rem;
    justify-content: center;
    align-items: center;
    margin-left: 1rem;
    margin-right: 1rem;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-left-3 {
    width: 50%;
    margin-right: 0;
  }

  .footer-right-3 {
    width: 100%;
  }

  .top-build-content._3 {
    width: 60%;
  }

  .text-size-24px.medium._22px, .text-size-24px.medium._20px {
    font-size: 1.375rem;
  }

  .pricing-main-wrapper {
    min-width: 100%;
  }

  .new-home_hero-img-wrap {
    position: relative;
  }

  .payment-div {
    transform: translate(-50%);
  }

  .process_cards {
    align-items: stretch;
  }

  .new-cta-img {
    height: 20rem;
  }

  .nav-pill {
    flex: none;
  }

  .secton-hig-hero {
    overflow: hidden;
  }

  .hig-hero-content {
    grid-column-gap: 2.625rem;
    grid-row-gap: 2.625rem;
    flex-flow: column;
    display: flex;
  }

  .top-hero-hig-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    display: flex;
  }

  .hero-card-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    color: #fff;
    flex-flow: column;
    flex: none;
    max-width: 32.625rem;
    display: flex;
  }

  .top-hero-hig-img {
    border-radius: 10px;
    width: 100%;
  }

  .bottom-hero-hig-card {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-flow: column;
    display: flex;
  }

  .btm-hero-hig-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: auto;
    grid-template-columns: .75fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .promo-svg.brain {
    width: 1.1rem;
  }

  .section-tvv {
    overflow: hidden;
  }

  .tv-content, .tv-image {
    width: 100%;
  }

  .tv-content-wrapper {
    z-index: 3;
    overflow: hidden;
  }

  .tv-text-image {
    z-index: 2;
    position: relative;
  }

  .section-create, .section-images, .image-grid-1, .grid-image-1, .section-hig-cta, .section-hig-footer {
    overflow: hidden;
  }

  .div-block-319 {
    width: 100%;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .hero-content-2 {
    width: 100%;
  }

  .div-block-320, .div-block-321 {
    color: #111;
    margin: 0;
  }

  .div-block-323 {
    background-image: url('../images/content.avif');
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 24px;
    justify-content: center;
    align-items: flex-start;
  }

  .dfy {
    justify-content: center;
    align-items: center;
  }

  .dfy-sec, .dfy-sec.dfy-sec-last {
    width: 100%;
  }

  .dfy-price-wrap {
    width: 60%;
  }

  .dfy-stats, .dfy-faq-box {
    width: 100%;
  }

  .dfy-bg {
    overflow: visible;
  }
}

@media screen and (min-width: 1920px) {
  .header-wrapper.compare, .header-wrapper.partnership {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 80%;
    margin-bottom: 0;
  }

  .container-large, .nav_container-2 {
    max-width: 90rem;
  }

  .text18px {
    font-size: 1.125rem;
  }

  .text18px.text-size-regular-3.text-is-grey {
    color: #fff9;
    font-weight: 200;
  }

  .text18px.text-size-regular-3.text-is-grey.compare {
    width: 90%;
  }

  .affiliate-text-hero-wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    color: #fff;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .padding-global-2 {
    padding-bottom: 0;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .padding-global-2.padding-section-large, .padding-global-2.padding-section-medium {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .hero-text-feature-wrapper {
    grid-column-gap: .875rem;
    grid-row-gap: .875rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .hero-text-feature-wrapper.affiliate {
    justify-content: space-between;
    align-items: center;
  }

  .affiliate-arrow-img {
    height: 90px;
    inset: auto 0% -6%;
  }

  .section-hero-2 {
    background-image: url('../images/hero.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .section-hero-2.affiliate {
    border-radius: 2rem;
    justify-content: center;
    align-items: center;
    margin-left: 1rem;
    margin-right: 1rem;
    padding-left: 0;
    padding-right: 0;
  }

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

  .partnership-content {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .top-hero-text-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .top-hero-text-wrapper.affiliate {
    width: 100%;
  }

  .hero-subtext-span {
    color: #fff;
    font-weight: 600;
  }

  .subheading-3.textislight {
    font-weight: 300;
  }

  .hero-feature-div {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .hero-feature {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    display: flex;
  }

  .comparison-content {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .hero-span {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(270deg, #f73952, #c481f2);
    -webkit-background-clip: text;
    background-clip: text;
  }

  .button-9._100-width.mt-40.affiliate {
    width: 50%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .check-image {
    flex: none;
    width: 1.25rem;
    height: 1.5625rem;
  }

  .affiliate-arrow-img-2 {
    height: 90px;
    inset: auto 0% -6%;
  }

  .padding-global-4 {
    padding-bottom: 0;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .padding-global-4.padding-section-large {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .hero-feature-2 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    display: flex;
  }

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

  .section-hero-3 {
    background-image: url('../images/hero.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .section-hero-3.affiliate {
    border-radius: 2rem;
    justify-content: center;
    align-items: center;
    margin-left: 1rem;
    margin-right: 1rem;
    padding-left: 0;
    padding-right: 0;
  }

  .new-home_hero-section {
    min-height: 95svh;
    padding-top: 0;
  }

  .navigation-banner-wrap {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    font-size: 1.125rem;
  }

  .new-home_hero-content {
    max-width: 40rem;
  }

  .new-home_hero-eyebrow {
    font-size: 1rem;
  }

  .new-heading-1 {
    font-size: 4.5rem;
  }

  .new-home-button {
    font-size: 1.25rem;
  }

  .new-home_list-wrap {
    font-size: 1rem;
  }

  .new-home_enterpreneurs {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .new-home_star-group {
    font-size: 1rem;
  }

  .new-home_avatars-img {
    width: 2.5rem;
  }

  .new-home_hero-img {
    width: 44rem;
  }

  .payment-div {
    bottom: -8%;
  }

  .transformations_heading {
    max-width: 32rem;
  }

  .transformations_eyebrow {
    font-size: 1rem;
  }

  .new-heading-2 {
    font-size: 3rem;
  }

  .process_cards {
    justify-content: space-between;
  }

  .ai-busines_content {
    justify-content: flex-start;
    align-items: center;
    max-width: 90rem;
    min-height: 40rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
    display: flex;
  }

  .ai-business_layout {
    margin-bottom: 0;
  }

  .ai-business_header {
    max-width: 40rem;
  }

  .ai-business_grid {
    grid-column-gap: 1.125rem;
    grid-row-gap: 1.125rem;
    max-width: 40rem;
  }

  .ai-business_list-item {
    font-size: 1.5rem;
  }

  .ai-business_grid-item {
    padding: 1.25rem;
  }

  .ai-business_grid-item-icon {
    width: 3.5rem;
  }

  .svg-icon-12px.is-icon-big {
    width: 1.5rem;
  }

  .action_heading {
    max-width: 32rem;
  }

  .new-cta-img {
    height: 24rem;
  }

  .cta_overlay {
    height: 15rem;
  }

  .max-width-320px {
    max-width: 24rem;
  }

  .create-content {
    justify-content: space-between;
    align-items: center;
  }

  .create-2nd-div {
    justify-content: center;
    align-items: center;
    width: auto;
  }

  .dfy-bg {
    overflow: visible;
  }
}

@media screen and (max-width: 991px) {
  .section {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .section.v2 {
    padding-top: 140px;
    padding-bottom: 0;
  }

  .section.padding.v2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.baked {
    padding-bottom: 90px;
  }

  .subheading {
    max-width: 700px;
  }

  .flex-vertical-left-top.list-of-benefits-yt-tc-vs-tt.baked {
    justify-content: center;
    align-items: center;
  }

  .flex-vertical-left-top.affiliate {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: center;
    align-items: center;
  }

  .html-embed-icon-main.html-menu-mobile-navbar {
    width: 24px;
    height: 24px;
  }

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

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

  .navbar-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .navlink {
    color: #000;
    text-align: left;
    background-color: #fff;
    border-bottom: 1px solid #ebf4f2;
    width: 100%;
    padding-left: 30px;
    font-size: 18px;
    overflow: auto;
  }

  .heading-4-style.h4-grey {
    font-size: 36px;
  }

  .dropdown-list {
    max-width: 100vw;
    overflow: scroll;
    box-shadow: 0 3px 5px #0000;
  }

  .dropdown-list.w--open {
    width: 100%;
    position: static;
    right: 0;
    overflow: auto;
  }

  .dropdown-list.mega-menu-wrawpper.w--open {
    width: auto;
    position: static;
  }

  .dropdown-3 {
    width: 100%;
  }

  .mega-menu-sectionsection {
    width: 100%;
    margin-left: 0;
  }

  .mega-menu-section {
    grid-column-gap: 20px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    display: grid;
  }

  .mega-menu-section.mega-menu-section-for-divider {
    display: flex;
  }

  .nav-menu {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 12px;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
    padding: 20px;
    position: absolute;
  }

  .blog-post-content {
    max-width: 100%;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

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

  .flex-horizontal-center-center-2 {
    justify-content: center;
  }

  .flex-horizontal-center-center-2.on-mobile-in-toc-dropdown {
    grid-column-gap: 8px;
    display: flex;
  }

  .flex-horizontal-center-left.bubble-heads-with-stars {
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    flex-direction: column;
  }

  .flex-horizontal-center-left.vertical-on-tablet {
    flex-direction: column;
    align-items: flex-start;
  }

  .flex-horizontal-center-left.footer-copyright-text._2 {
    padding-left: 0;
    padding-right: 0;
  }

  .field-label-2.show-just-on-tablet {
    display: block;
  }

  .form-6 {
    width: 100%;
  }

  .toc-wrapper, .toc-wrapper.active, .toc-wrapper.open {
    display: flex;
  }

  .container-for-3-columns {
    max-width: none;
    margin-left: 0%;
    margin-right: 0%;
  }

  .button-white-with-shadow.show-hide-toc-button {
    display: none;
  }

  .button-white-with-shadow.wrapped-inside-menu-filtering-grid {
    width: 100%;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }

  .button-white-with-shadow.wrapped-inside-menu-filtering-grid.show-hide-toc-button-mobile {
    max-width: 100%;
  }

  .sidebar-left {
    z-index: 9999;
    flex-flow: column;
    width: 100%;
    height: auto;
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: sticky;
    top: 0;
  }

  .sidebar-left.for-filtering {
    background-color: #fff;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: none;
    max-height: 90vh;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 13px 5px;
    display: none;
    position: sticky;
    top: 64px;
    left: 0;
    right: 0;
    overflow: auto;
  }

  .heading-2-style.affiliates-header {
    margin-top: 10px;
  }

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

  .mb-30.on-tablet-only {
    display: block;
  }

  .menu-bar-dash-smaller {
    width: 24px;
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .blog-post-content-wrapper-for-all-3-columns {
    flex-flow: column;
  }

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

  .button.button-form-in-sidebar-and-toc:hover {
    background-color: #8ed900;
  }

  .sidebar-right {
    width: 100%;
    height: auto;
    margin-left: 0;
    position: static;
  }

  .footer-wrapper._2 {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-right.new {
    width: 100%;
  }

  .download-button-footer {
    margin-bottom: 10px;
  }

  .footer-social {
    margin-bottom: 10px;
    padding: 4px;
  }

  .download-app-wrapper-new {
    flex-direction: column;
    margin-bottom: 20px;
  }

  .social-wrapper {
    flex-wrap: wrap;
    align-items: center;
    display: flex;
  }

  .collection-item-3 {
    width: 50%;
  }

  .wc-2 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .wc-2.but-for-navbar {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-post-link-wrap {
    min-height: 450px;
  }

  .post-item-image {
    height: 226px;
  }

  .collection-list-3 {
    grid-template-columns: 1fr 1fr;
  }

  .navlink-2 {
    color: #000;
    text-align: left;
    background-color: #fff;
    width: 100%;
    padding-left: 30px;
    font-size: 18px;
    overflow: visible;
  }

  .navlink-2.cta-navlink {
    text-align: center;
    justify-content: center;
    width: auto;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .navlink-2.nav-search-icon {
    width: auto;
    max-width: 300px;
  }

  .menu-button {
    border-radius: 1000px;
    padding: 12px;
    transition: all .2s;
  }

  .menu-button:hover {
    background-color: #00000014;
  }

  .menu-button.w--open {
    color: var(--black);
    background-color: #fff;
  }

  .navlink-2-notion {
    color: #000;
    text-align: left;
    background-color: #fff;
    width: 100%;
    min-height: 44px;
    padding-left: 12px;
    font-size: 18px;
    overflow: visible;
  }

  .navlink-2-notion.cta-navlink {
    width: auto;
    max-width: 300px;
  }

  .search-cube {
    width: 54px;
    height: 54px;
  }

  .subsearchbar {
    width: 100%;
    position: relative;
  }

  .navbar-wrap-of-buttons {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 8px;
  }

  .navbar-wrap-of-buttons.bubble-heads-with-stars {
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    flex-direction: column;
  }

  .navbar-wrap-of-buttons.vertical-on-tablet {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-homepage-flex {
    flex-direction: column;
    margin-top: 0;
  }

  .flex-hero-hh {
    text-align: center;
    align-items: center;
    max-width: none;
    margin-bottom: 80px;
  }

  .hero-image {
    max-width: 100%;
  }

  .tabs {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tabs-menu {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-direction: column;
  }

  .tabs-menu.baked {
    flex-flow: row;
    width: 100%;
  }

  .selector-block-subheading {
    display: none;
  }

  .header-wrapper {
    margin-bottom: 60px;
  }

  .headingg.compare {
    font-size: 2.625rem;
  }

  .wrapper-of-ticks.position-normal {
    grid-column-gap: 20px;
    flex-wrap: wrap;
  }

  .tooltip-2.w330, .tooltip-2.w310, .tooltip-2.pricing-cards-tooltips {
    right: 0;
  }

  .tooltip-2.auto-width {
    bottom: 130%;
    right: 20%;
  }

  .pricing-grid {
    grid-row-gap: 50px;
    flex-direction: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .card-mine {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grey-text.comparison-page-version.left {
    text-align: left;
  }

  .benefit-wrapper-copy {
    padding-right: 22px;
  }

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

  .pricing-card-wrapper-2 {
    flex-wrap: wrap;
    justify-content: center;
  }

  .red-badge-navbar-button {
    top: -7px;
    left: 60px;
    right: auto;
  }

  .red-badge-navbar-button.badge-soon, .red-badge-navbar-button.red-badge-for-pricing-card-2 {
    left: auto;
  }

  .pricing-card-2 {
    width: 31%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-card-2.horizontal-undercard {
    width: 100%;
  }

  .wrapper-of-verticals, .grid-of-quotes {
    grid-template-columns: 1fr 1fr;
  }

  .flex-horizontal-center-right.navbar-upper-right {
    flex-direction: column;
  }

  .vertical-divider-navbar {
    display: none;
  }

  .wrapper-for-pricing-plan-title-and-badge {
    flex-direction: column;
  }

  .hero-v2-left {
    align-items: flex-start;
    width: 100%;
    max-width: none;
    margin-bottom: 40px;
    margin-right: 0%;
  }

  .hero-v2-left.hero-left-on-tools {
    text-align: center;
    align-items: center;
    width: 100%;
  }

  .hero-homepage-flex-v2 {
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 140px;
    margin-bottom: 100px;
    padding-top: 0;
  }

  .hero-video-wrapper {
    width: 100%;
    max-width: none;
  }

  .hero-right-element, .hero-right-element.hero-right-on-tools {
    width: 100%;
  }

  .social-proof-under-video {
    margin-top: 30px;
  }

  .social-proof-under-video.v2.affiliate {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    margin-top: 8px;
  }

  .logo_component-slider {
    grid-column-gap: 3rem;
  }

  .hero-video-wrapper-white {
    width: 100%;
    max-width: none;
  }

  .hero-image-on-tools {
    margin-top: 0;
  }

  .grid-with-toc {
    grid-template-columns: 1.25fr;
  }

  .section-for-vertical-content {
    padding-left: 0%;
  }

  .navlink-type-2 {
    width: 100%;
  }

  .navlink-type-2.w--open {
    background-color: #00000026;
  }

  .vertical-content {
    width: 100%;
  }

  .toc-wrapper-2, .toc-wrapper-wrapper {
    display: none;
  }

  .hero-tools {
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 0;
    padding-bottom: 100px;
  }

  .step-by-step-pillbox {
    max-width: 93vw;
  }

  .social-proof-in-hero-pricing {
    margin-top: 30px;
  }

  .card-for-videos {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ribbon-at-top-of-page {
    display: none;
  }

  .tiktoks-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .dropdown-toggle-2-copy {
    color: #000;
    text-align: left;
    background-color: #fff;
    border-bottom: 1px solid #ebf4f2;
    width: 100%;
    padding-left: 30px;
    font-size: 18px;
    overflow: auto;
  }

  .dropdown-link {
    justify-content: center;
    align-items: flex-start;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 30px;
    font-size: 16px;
    display: flex;
  }

  .wrapper-for-gif-in-features-pages {
    max-width: 100vw;
    overflow: hidden;
  }

  .affiliates-big-block._2 {
    grid-template-columns: 1fr;
  }

  .affiliates-big-block.blog-cta {
    width: 100%;
  }

  .before-image, .after-image-inner, .image-66 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-fb.button-form-in-sidebar-and-toc:hover {
    background-color: #8ed900;
  }

  .dropdown-list-navbar-item {
    max-width: 100vw;
    overflow: scroll;
    box-shadow: 0 3px 5px #0000;
  }

  .dropdown-list-navbar-item.w--open {
    width: 100%;
    position: static;
    right: 0;
    overflow: auto;
  }

  .dropdown-list-navbar-item.mega-menu-wrawpper.w--open {
    width: auto;
    position: static;
  }

  .laurel {
    margin-left: auto;
    margin-right: auto;
  }

  .grid-of-3-vert-on-tablet {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .bubble-quote-wrapper {
    width: 31%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .bubble-quote-wrapper.horizontal-undercard {
    width: 100%;
  }

  .tcvstt {
    grid-template-columns: 1.25fr;
  }

  .pricing-card-2-service {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-card-2-service.horizontal-undercard {
    width: 100%;
  }

  .image-in-tab-video-upd {
    width: 100%;
    min-height: 0;
  }

  .image-in-tab-video-upd.all-features {
    height: 360px;
  }

  .wrapper-for-ss-video {
    aspect-ratio: auto;
  }

  .wrapper-for-ss-video.mt-mb-20.all-features {
    width: 100%;
    height: 100%;
  }

  .background-video {
    min-height: 0;
  }

  .background-video.all-features {
    aspect-ratio: auto;
    height: 300px;
  }

  .before-after-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
  }

  .before-after-block {
    width: 100%;
    padding-top: 30px;
  }

  .before-after-image {
    object-fit: cover;
    height: 250px;
  }

  .before-after-content-wrapper {
    margin-top: 15px;
  }

  .image-68 {
    margin-top: 1px;
  }

  .section-hero {
    margin-top: 0;
    padding-top: 5rem;
  }

  .hero_wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .hero-start-content, .div-block-275 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .testing_wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .feature_wrapper {
    flex-flow: column;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .card-feature {
    max-width: 50%;
  }

  .card-testing-title {
    display: none;
  }

  .paragraph-7.text-muted {
    display: block;
  }

  .icon {
    border: 0 #ad48fd;
    font-size: 20px;
  }

  .menu-mob-2 {
    color: #000;
    background-color: #ad48fd1a;
    border-radius: 100px;
    padding: 14px;
    font-size: 22px;
  }

  .menu-mob-2.w--open {
    background-color: #ad48fd;
  }

  .links {
    font-size: 14px;
  }

  .text-block-7 {
    font-size: 16px;
  }

  .text-block-6 {
    font-size: 70px;
  }

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

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

  .div-block {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    padding-bottom: 32px;
  }

  .mobile-nav-2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: #fff;
    border: 1px solid #e3e8ef;
    border-radius: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px 16px;
    display: flex;
    top: 80px;
    bottom: auto;
    box-shadow: 42px 42px 55px #20355a17;
  }

  .text-block-18 {
    font-size: 40px;
  }

  .div-block-28 {
    flex-flow: column;
  }

  .lottie-animation {
    width: 400px;
  }

  .text-block-1350 {
    font-size: 40px;
  }

  .image-13 {
    width: 700px;
    bottom: 0%;
    left: auto;
    right: -5%;
  }

  .text-block-1357 {
    font-size: 40px;
  }

  .div-block-56 {
    padding-bottom: 50px;
  }

  .bento-div-1.bento-div-2 {
    position: relative;
  }

  .div-card-testimonial-vertical {
    max-width: none;
  }

  .image-14 {
    left: -10%;
    right: -10%;
  }

  .div-card-testimonial-horizontal {
    max-width: none;
  }

  .div-block-58 {
    flex-flow: column;
  }

  .image-19 {
    width: 400px;
    position: relative;
    left: 0;
    right: 0;
  }

  .div-block-64 {
    flex-flow: column;
  }

  .testimonial {
    padding-top: 40px;
  }

  .text-block-1361 {
    font-size: 40px;
  }

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

  .image-16 {
    top: 78%;
    left: -2%;
  }

  .text-block-37 {
    font-size: 40px;
  }

  .text-block-32 {
    font-size: 54px;
  }

  .price-2 {
    padding-top: 48px;
  }

  .text-block-1363, .text-block-1365 {
    font-size: 40px;
  }

  .div-block-148 {
    max-width: none;
  }

  .div-block-156 {
    flex-flow: row;
  }

  .text-block-1366 {
    font-size: 16px;
  }

  .div-block-147 {
    flex-flow: column;
  }

  .sticky-sidebar-wrapper {
    background-color: #fff;
    padding-bottom: 24px;
    display: none;
    position: absolute;
    inset: 48px 0% auto;
  }

  .sticky-sidebar-wrapper.sticky-sidebar-wrapper--newsletter {
    display: block;
    position: static;
  }

  .blog-post__columns {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .blog-post__sidebar.blog-post__sidebar--sticky {
    z-index: 999;
    width: 100%;
    position: sticky;
    top: 0;
  }

  .blog-post__text {
    padding-top: 48px;
  }

  .blog-post__sidebar__wrapper.blog-post__sidebar__wrapper--sticky {
    z-index: 999;
    padding: 16px 0 0;
    position: absolute;
    top: 0;
  }

  .blog-post__sidebar__wrapper.blog-post__sidebar__wrapper--sticky.blog-post__sidebar__wrapper--static-mobile {
    position: static;
  }

  .blog-post__sidebar__content {
    display: none;
  }

  .main-faq {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    align-items: center;
  }

  .faq-right {
    width: auto;
  }

  .faq-left {
    align-items: center;
    width: auto;
    position: static;
  }

  .faq-more {
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .faq-more.hide-tablet {
    display: none;
  }

  .faq-more.show-tablet {
    display: flex;
  }

  .faq-more-image {
    height: 5rem;
  }

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

  .faq-wrapper {
    align-items: center;
  }

  .faq-title-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    text-align: center;
    align-items: center;
  }

  .thumbnail-list-grid {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .thumbnail-grid-item {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .youtube-vs-us-header {
    padding-top: 140px;
    padding-bottom: 0;
  }

  .div-block-291 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .flex-block-3 {
    justify-content: flex-start;
    align-items: center;
  }

  .flex-block-4 {
    flex-flow: row;
  }

  .paragraph-youtube.max-width {
    text-align: center;
  }

  .flex-block-5 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
    align-items: center;
  }

  .image-78, .div-block-292 {
    display: none;
  }

  .image-79 {
    display: block;
  }

  .text-block-1369 {
    color: var(--soft-lavender);
  }

  .frame-2147207790 {
    display: none;
  }

  .frame-2147207819 {
    border-left-width: 1px;
    border-bottom-left-radius: 12px;
    justify-content: flex-start;
    align-items: center;
  }

  .frame-2147207807 {
    justify-content: flex-start;
    align-items: center;
    max-width: none;
    margin-top: 32px;
    display: flex;
  }

  .frame-2147207815 {
    justify-content: center;
    align-items: flex-start;
  }

  .frame-2147207818 {
    border-left-width: 1px;
    justify-content: flex-start;
    align-items: center;
  }

  .frame-2147207816 {
    border-left-width: 1px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    justify-content: flex-start;
    align-items: center;
  }

  .frame-2147207817 {
    border-left-width: 1px;
    justify-content: flex-start;
    align-items: center;
  }

  .frame-2147207808 {
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
  }

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

  .div-block-295 {
    grid-template-columns: 1fr;
  }

  .double-column {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

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

  .image-87 {
    position: static;
  }

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

  .flex-block-21 {
    border-top-right-radius: 40px;
    border-bottom-left-radius: 20px;
  }

  .flex-block-21._3 {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 40px;
  }

  .div-block-300 {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .menu-drop-down__content-rows {
    box-shadow: none;
    background-color: #fff;
    background-image: none;
    padding: 0 12px;
  }

  .navlink-2-notion-2 {
    color: #000;
    text-align: left;
    width: 100%;
    min-height: 44px;
    padding-left: 12px;
    font-size: 18px;
    overflow: visible;
  }

  .menu-drop-down {
    width: 100%;
  }

  .html-embed-icon-main-2.html-menu-mobile-navbar {
    width: 24px;
    height: 24px;
  }

  .menu-button-2 {
    border-radius: 1000px;
    padding: 12px;
    transition: all .2s;
  }

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

  .menu-button-2.w--open {
    color: #000;
    background-color: #f7f7f7;
  }

  .wc-for-navbar-2 {
    background-color: #fff;
    max-width: 470px;
  }

  .flex-horizontal-center-right-3.navbar-right-side {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .flex-horizontal-center-right-3.navbar-upper-right {
    flex-direction: column;
  }

  .navbar-5 {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-drop-down__content-row.menu-drop-down__content-row--content {
    border-top-style: none;
    border-bottom-style: none;
    display: block;
  }

  .menu-drop-down__content-row.menu-drop-down__content-row--header {
    display: none;
  }

  .menu-drop-down__link-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    justify-items: stretch;
  }

  .menu-drop-down__content-wrapper.w--open {
    width: 100%;
    min-width: 0;
    position: static;
    transform: translate(0%);
  }

  .nav-menu-4 {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 24px;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 470px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    display: flex;
    position: absolute;
    box-shadow: 0 2px 7px #0000001a;
  }

  .menu-drop-down__footer-links {
    flex-flow: column;
  }

  .section_hero {
    background-size: cover;
    padding-top: 3rem;
  }

  .section_hero.main-hero-margin {
    padding-top: 1rem;
  }

  .hero-input-field {
    width: 90%;
  }

  .top-hero-wrapper {
    width: 100%;
  }

  .noise-image {
    height: 100%;
  }

  .text-field {
    padding-bottom: 5.5rem;
  }

  .hero-content {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    margin-top: 2rem;
  }

  .blur-image {
    height: 100%;
  }

  .padding-global.padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .padding-global.hero-padding {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .hero-paragraph, .h1-text {
    width: 100%;
  }

  .nav_component {
    border-radius: 1rem;
  }

  .nav-hide {
    flex-flow: column;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    display: flex;
  }

  .nav-hide.desktop-hide {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    display: flex;
  }

  .nav_menu {
    color: #000;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-bottom: 2rem;
    display: flex;
    overflow: visible;
  }

  .nav_menu._2nd {
    display: none;
  }

  .nav_menu._2nd.hide {
    display: inline-flex;
  }

  .nav_menu.tab-hide {
    height: 0;
    display: none;
  }

  .nav-btn {
    background-color: var(--black);
    border-radius: 400px;
    width: auto;
    margin-top: .1rem;
    margin-bottom: .1rem;
    padding: .85rem 1.5rem;
    font-size: 1rem;
  }

  .nav-btn.sec {
    width: 9rem;
  }

  .nav-btn._1 {
    background-color: #1e9a80;
    width: 9rem;
  }

  .nav_button {
    color: #1c1c1c;
  }

  .nav_fixed {
    overflow: visible;
  }

  .nav_menu_link {
    color: #1c1c1c;
    text-align: center;
    padding: .9rem 2.5rem;
    font-size: 1.125rem;
    font-weight: 400;
  }

  .nav_menu_link.secondary, .nav_menu_link.streak-wrapper {
    color: #1c1c1c;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    font-weight: 400;
  }

  .nav_hide-tab {
    background-color: #1c1c1c;
    justify-content: center;
    align-items: center;
    height: 0;
    display: none;
    overflow: hidden;
  }

  .nav_hide-tab._2nd {
    display: none;
  }

  .nav_hide-tab._2nd.hide {
    display: inline-flex;
  }

  .nav_hide-tab.tab-hide {
    height: 0;
    display: none;
  }

  .section_use-cases {
    padding-top: 0;
  }

  .section_use-cases.affiliate, .section_use-cases.testimonial-new {
    margin-bottom: 1.5rem;
  }

  .top-case-content {
    width: 100%;
  }

  .top-case-content.commission {
    width: 90%;
  }

  .use-case-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .section_pricing {
    padding-top: 0;
  }

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

  .inner-pricing-wrapper.white._2 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .pricing-btn {
    background-color: #434343;
    width: 100%;
  }

  .section_faq {
    padding-top: 0;
  }

  .faq-wrapper-3-2 {
    width: 100%;
  }

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

  .section_how-it-works, .use-h-i-w {
    padding-top: 0;
  }

  .steps-wrapper {
    grid-column-gap: 1.75rem;
    grid-row-gap: 1.75rem;
    grid-template-columns: 1fr 1fr;
  }

  .step-grid-wrapper {
    width: 100%;
  }

  .line-vector-image {
    display: none;
  }

  .nav_menu2 {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 1rem;
    flex-flow: column;
    margin-top: 1rem;
    padding: .75rem;
    display: flex;
    overflow: hidden;
    box-shadow: 0 1px 30px #00000014;
  }

  .nav_button-2 {
    color: #1c1c1c;
  }

  .nav_button-2.w--open {
    color: #1c1c1c;
    background-color: #fff;
  }

  .nav_container-2.hig {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-end-wrapper {
    display: none;
  }

  .nav-end-wrapper._2 {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
    flex-flow: column;
    display: flex;
  }

  .dropdown-link-3 {
    justify-content: center;
    align-items: flex-start;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 30px;
    font-size: 16px;
    display: flex;
  }

  .navlink-2-notion-3 {
    color: #000;
    text-align: left;
    background-color: #fff;
    width: 100%;
    min-height: 44px;
    padding-left: 12px;
    font-size: 18px;
    overflow: visible;
  }

  .navbar-7 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-menu-5 {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 12px;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
    padding: 20px;
    position: absolute;
  }

  .menu-button-3 {
    border-radius: 1000px;
    padding: 12px;
    transition: all .2s;
  }

  .menu-button-3:hover {
    background-color: #00000014;
  }

  .menu-button-3.w--open {
    color: #111;
    background-color: #fff;
  }

  .section_features {
    padding-top: 0;
  }

  .content-features {
    grid-column-gap: 2.8rem;
    grid-row-gap: 2.8rem;
  }

  .top-feature-content {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .top-feature-content._2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: space-between;
    align-items: flex-end;
  }

  .bottom-feature-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .first-feature-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  ._1st-feature-wrapper, ._2nd--feature-wrapper {
    width: 100%;
  }

  .content-watch, .bottom-watch-content {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .last-watch-content {
    grid-column-gap: 1.8rem;
    grid-row-gap: 1.8rem;
    justify-content: center;
    align-items: center;
    padding: 1.5rem;
  }

  .section_metrics {
    padding-top: 0;
  }

  .top-metric-content {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .top-metric-content._2 {
    justify-content: space-between;
    align-items: flex-end;
  }

  .metric-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

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

  .section_cta {
    padding-top: 0;
  }

  .top-cta-content {
    justify-content: flex-end;
    align-items: flex-start;
    width: 60%;
  }

  .cta-content {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .image-94 {
    right: -58%;
  }

  .youtube {
    height: 100%;
  }

  .youtube._2._3 {
    height: 27rem;
  }

  .code-embed-6 {
    margin-bottom: 5rem;
  }

  .illustration, .illustration-advisor, .illustration-advisor-copy {
    flex: none;
    max-width: 50rem;
  }

  .div-block-307 {
    margin-top: 0;
    overflow: visible;
  }

  .hero-layout {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .hero-layout._1 {
    margin-top: 2rem;
  }

  .section_agentic-ai {
    padding-top: 0;
  }

  .top-agent-content-text {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .top-agent-content-text._2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: space-between;
    align-items: flex-end;
  }

  .sky-bg {
    inset: 0% 0% auto;
  }

  .bottom-agent-content-text, .why-choice-grid {
    width: 100%;
  }

  .choose-image-2-0 {
    object-fit: cover;
    object-position: 0% 50%;
  }

  ._2nd-choice-grid {
    width: 100%;
  }

  .bottom-grid-btn-wrapper2 {
    width: 60%;
  }

  .faq-wrapper-3-copy, .faq-wrapper-3-1, .faq-wrapper-3-3, .faq-wrapper-3-4, .prompt-wrapper, .prompt-wrapper-text {
    width: 100%;
  }

  .build-faq-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 100%;
    max-width: 100%;
  }

  .question-wrapper-top {
    width: 100%;
  }

  .answer-wrapper-top {
    width: 100%;
    max-width: 100%;
  }

  .double-column-2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .flex-block-36 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .text18px.text-size-regular-3.text-is-grey.compare {
    width: 90%;
  }

  .affiliate-text-hero-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .padding-global-2.padding-section-large, .padding-global-2.padding-section-medium {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .hero-text-feature-wrapper.affiliate {
    justify-content: center;
    align-items: center;
  }

  .affiliate-arrow-img {
    position: static;
    transform: translate(192px);
  }

  .section-hero-2 {
    margin-top: 0;
    padding-top: 5rem;
  }

  .section-hero-2.affiliate {
    height: auto;
    margin: 5.5rem 1.2rem 1.2rem;
  }

  .top-hero-text-wrapper.affiliate {
    text-align: center;
    text-align: center;
    justify-content: center;
    align-items: center;
    max-width: 80%;
  }

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

  .subheading-3.textislight {
    font-size: 1.125rem;
  }

  .hero-feature-div {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .frame-2147207828 {
    flex-flow: column;
  }

  .button-9._100-width.mt-40.affiliate {
    width: 60%;
  }

  .heading-style-h2 {
    font-size: 4rem;
  }

  .btm-hero-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
    align-items: center;
  }

  .section_use-cases-copy, .section_commission {
    padding-top: 0;
  }

  .calculator-wrapper {
    width: 80%;
  }

  .flex-block-37 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    max-width: 100%;
  }

  .affiliate-arrow-img-2 {
    position: static;
    transform: translate(192px);
  }

  .padding-global-3.padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .top-cta-content-2 {
    justify-content: flex-end;
    align-items: flex-start;
    width: 60%;
  }

  .top-cta-content-2._2 {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .month-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    width: 100%;
  }

  .month1-wrapper, .every-month-after-wrapper {
    width: 80%;
  }

  .lower-price-card {
    height: 100%;
  }

  .language-switcher-wrapper.nav_menu_link {
    padding: .7rem;
  }

  .language-switcher-wrapper.nav_menu_link.hide-desktop {
    display: none;
  }

  .language-switcher-wrapper.nav_menu_link.hide-desktop._2 {
    display: flex;
  }

  .div-block-311 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .hero-btn-wrapper, .why-now-wrapper {
    width: 100%;
  }

  .stats-div {
    justify-content: center;
    align-items: center;
  }

  .avatar-test-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .image-div {
    flex: none;
  }

  .image-div.active {
    width: 6.25rem;
    height: 6.25rem;
  }

  .test-text-wrapper {
    width: 100%;
  }

  .affiliates-big-block-copy._2 {
    grid-template-columns: 1fr;
  }

  .affiliates-big-block-copy.blog-cta {
    width: 100%;
  }

  .padding-global-4.padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .section-hero-3 {
    margin-top: 0;
    padding-top: 5rem;
  }

  .section-hero-3.affiliate {
    height: auto;
    margin: 5.5rem 1.2rem 1.2rem;
  }

  .flex-block-38 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    max-width: 100%;
  }

  .padding-global-5.padding-section-large, .padding-global-6.padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .padding-global-6.hero-padding {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .frame-2147207836 {
    flex-flow: column;
  }

  .nav-btn-2 {
    background-color: #111;
    border-radius: 400px;
    width: auto;
    margin-top: .1rem;
    margin-bottom: .1rem;
    padding: .85rem 1.5rem;
    font-size: 1rem;
  }

  .nav-btn-2._1 {
    background-color: #1e9a80;
    width: 9rem;
  }

  .nav_menu_link-3 {
    color: #1c1c1c;
    text-align: center;
    padding: .9rem 2.5rem;
    font-size: 1.125rem;
    font-weight: 400;
  }

  .nav_menu_link-3.secondary {
    color: #1c1c1c;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    font-weight: 400;
  }

  .div-block-312 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .meet_advisor-content {
    padding: 1.5rem;
  }

  .video-image {
    background-position: 50%;
    height: 27rem;
  }

  .bottom-faq-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .top-contact {
    text-align: left;
  }

  .top-testimonial-content {
    width: 90%;
  }

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

  .cta-wrapper {
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 2rem;
  }

  .cta-detail {
    justify-content: center;
    align-items: center;
    width: 80%;
  }

  .cta-img.hide {
    display: none;
  }

  .map-pill-1, .map-pill-2, .map-pill-3, .map-pill-4, .map-pill-5 {
    width: 5.5rem;
  }

  .pricing-main-wrapper {
    min-width: 100%;
  }

  .main-stats {
    width: 90%;
  }

  .hidden-sections {
    display: none;
  }

  .padding-global-new.padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .padding-global-new.hero-padding {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .navigation-banner-wrap {
    font-size: .875rem;
  }

  .new-home_hero-layout {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .new-home_hero-content {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .new-home_hero-text {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .new-heading-1 {
    font-size: 2.75rem;
  }

  .text-size-regular-new, .new-home-button {
    font-size: .875rem;
  }

  .text-size-medium {
    font-size: 1.125rem;
  }

  .new-home_hero-img {
    width: 40rem;
  }

  .payment-div {
    bottom: -8%;
  }

  .transformations_grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }

  .new-heading-2 {
    font-size: 2.125rem;
  }

  .transformations_navigation-button {
    width: 3.5rem;
  }

  .transformations_grid-item {
    min-width: 20rem;
  }

  .transformations_grid-item-imgwrap {
    height: 20rem;
  }

  .transformations_grid-item-inner {
    padding: 1rem;
    font-size: 1.125rem;
  }

  .process_header {
    max-width: 32rem;
  }

  .process_cards {
    grid-column-gap: 1rem;
    grid-row-gap: 2rem;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .process-cards-item {
    max-width: 20rem;
  }

  .process-cards-item-imgwrap {
    height: 12rem;
  }

  .process-cards-item-inner {
    padding: 1rem;
    font-size: 1.5rem;
  }

  .ai-busines_content {
    padding: 2rem;
  }

  .shipper-dp {
    height: 8rem;
  }

  .ai-business_grid-item {
    font-size: 1rem;
  }

  .action_layout {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .action_heading {
    max-width: 70%;
  }

  .cta_header {
    max-width: 28rem;
  }

  .new-cta-img {
    height: 12rem;
  }

  .new-cta-img.hide {
    display: none;
  }

  .cta_layout {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .cta_bg-wrap.padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .cta_bg-wrap.hero-padding {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .cta_overlay {
    height: 8rem;
  }

  .new-shipper-logo {
    width: 36rem;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .max-width-320px {
    max-width: none;
  }

  .action-timeline {
    justify-content: space-between;
    align-items: center;
    max-width: 26rem;
  }

  .action-timeline_inner {
    flex: 0 auto;
  }

  .action_tab-link {
    margin-left: -2rem;
    font-size: .625rem;
  }

  .hero-card-wrapper {
    max-width: 27rem;
  }

  .btm-hero-hig-wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .right-btm-hero-hig {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .promo-cards {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    height: 8rem;
  }

  .create-content, .create-2nd-div {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .nav_button-hig {
    color: #fff;
  }

  .nav_button-hig.w--open {
    color: #1c1c1c;
    background-color: #fff;
  }

  .div-block-318, .div-block-319 {
    padding-left: 0;
    padding-right: 0;
  }

  .code-embed-hig {
    margin-bottom: 5rem;
  }

  .floating-modal {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    height: 8rem;
  }

  .nav_menu-2 {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 1rem;
    flex-flow: column;
    margin-top: 1rem;
    padding: .75rem;
    display: flex;
    overflow: hidden;
    box-shadow: 0 1px 30px #00000014;
  }

  .nav_menu_link-4 {
    color: #1c1c1c;
    text-align: center;
    padding: .9rem 2.5rem;
    font-size: 1.125rem;
    font-weight: 400;
  }

  .nav_menu_link-4.secondary {
    color: #1c1c1c;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    font-weight: 400;
  }

  .nav-btn-3 {
    background-color: #111;
    border-radius: 400px;
    width: auto;
    margin-top: .1rem;
    margin-bottom: .1rem;
    padding: .85rem 1.5rem;
    font-size: 1rem;
  }

  .top-hero-wrapper-2 {
    width: 90%;
  }

  .div-block-320, .div-block-321 {
    margin-top: 0;
    overflow: hidden;
  }

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

  .steps-wrapper-2 {
    grid-column-gap: 1.75rem;
    grid-row-gap: 1.75rem;
    grid-template-columns: 1fr 1fr;
  }

  .use-h-i-w-2 {
    padding-top: 16rem;
  }

  .use-case-grid-2 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .section_pricing-2 {
    padding-top: 0;
  }

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

  .section_cta-2 {
    padding-top: 0;
  }

  .code-embed-11 {
    margin-bottom: 5rem;
  }

  .dfy-wrap.dfy-hero-inner {
    width: 100%;
  }

  .dfy-hero {
    margin-top: 3rem;
  }

  .dfy-h1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 50px;
  }

  .dfy-ctas {
    margin-top: 30px;
  }

  .dfy-how {
    flex-direction: column;
  }

  .dfy-h2 {
    font-size: 40px;
  }

  .dfy-steps {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .dfy-center {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
  }

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

  .dfy-price-wrap {
    width: 60%;
  }

  .dfy-stats {
    flex-direction: column;
    align-items: center;
  }

  .dfy-stat-n {
    font-size: 48px;
  }

  .dfy-faq-box {
    width: 90%;
  }

  .dfy-acc {
    padding: 24px;
  }

  .dfy-acc-q {
    font-size: 16px;
  }

  .dfy-banner-h {
    font-size: 40px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 44px;
  }

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 30px;
  }

  h4 {
    font-size: 24px;
  }

  .flex-horizontal-center-center.platform-ratings {
    grid-column-gap: 0px;
    grid-row-gap: 30px;
    flex-direction: column;
  }

  .flex-vertical-left-top.left-of-undercard {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .flex-vertical-left-top.affiliate {
    justify-content: center;
    align-items: center;
  }

  .wc {
    padding-left: 20px;
    padding-right: 20px;
  }

  .html-embed-icon-main.hiw-icon-arrow {
    transform: rotate(90deg);
  }

  .menu-filtering-grid {
    position: relative;
  }

  .heading-4-style {
    font-size: 22px;
  }

  .nav-menu {
    position: absolute;
  }

  .blog-post-content {
    font-size: 18px;
  }

  .flex-horizontal-center-left.footer-copyright-text {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
  }

  .flex-horizontal-center-left.footer-copyright-text._2 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .flex-horizontal-center-left.footer-copyright-text-line-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .toc-wrapper.open {
    overflow: visible;
    display: flex !important;
  }

  .container-for-3-columns {
    margin-left: 0%;
    margin-right: 0%;
  }

  .button-white-with-shadow.wrapped-inside-menu-filtering-grid.show-hide-toc-button-mobile {
    display: flex;
  }

  .heading-2-style {
    font-size: 36px;
  }

  .heading-2-style.mt-0._2 {
    font-size: 1.9rem;
  }

  .form-block-9 {
    flex-direction: column;
    width: 100%;
  }

  .form-block-9.desktop-form-block-blog-post-email-collection {
    align-items: flex-start;
  }

  .breadcrumbs-div {
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .faq-answer-2 {
    font-size: 16px;
  }

  .button.hero-button, .button.on-hero-right, .button.in-navbar {
    width: 100%;
  }

  .footer-wrapper {
    flex-direction: column;
  }

  .brand-image-2 {
    display: none;
  }

  .footer-right {
    flex-direction: column;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    justify-items: start;
    width: 100%;
    margin-top: 30px;
    display: flex;
  }

  .footer-right.new {
    grid-column-gap: 20px;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .links-section-footer {
    margin-top: 10px;
  }

  .download-app-wrapper-new {
    flex-direction: row;
  }

  .footer-left {
    width: 100%;
  }

  .footer-left._2 {
    justify-content: center;
    align-items: center;
    width: auto;
  }

  .footer-column-of-links {
    text-align: left;
    margin-top: 20px;
  }

  .footer-item {
    text-align: left;
  }

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

  .collection-list-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .blog-post-link-wrap {
    min-height: 600px;
  }

  .post-item-image {
    height: 60%;
  }

  .blog-post-item-info-wrapper {
    height: 40%;
  }

  .rich-text-block-blog-post blockquote {
    padding-left: 30px;
  }

  .rich-text-block-blog-post img {
    width: 100%;
    display: block;
  }

  .rich-text-block-blog-post h3 {
    font-size: 22px;
  }

  .rich-text-block-blog-post h2 {
    font-size: 26px;
  }

  .rich-text-block-blog-post h4 {
    font-size: 19px;
    font-weight: 600;
  }

  .rich-text-block-blog-post p {
    font-size: 16px;
  }

  .rich-text-block-blog-post figure {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .search-cube {
    margin-left: 10px;
  }

  .subsearchbar {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
  }

  .rte-in-collection h2 {
    font-size: 25px;
  }

  .author-bio-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .author-bio-wrapper:hover {
    border-radius: 16px;
  }

  .tabs {
    padding-left: 0;
    padding-right: 0;
  }

  .tabs-menu.baked {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .image-in-tab-video {
    right: auto;
  }

  .image-in-tab-video.show-from-right {
    left: auto;
    right: 0;
  }

  .image-in-tab-video.show-from-middle {
    left: -120px;
    right: 0;
  }

  .header-wrapper {
    margin-bottom: 40px;
  }

  .header-wrapper.compare, .header-wrapper.partnership {
    width: 100%;
  }

  .headingg {
    font-size: 36px;
  }

  .tooltip-2.w330 {
    width: 350px;
    bottom: 130%;
    left: auto;
    right: 0;
  }

  .tooltip-2.w310 {
    width: 250px;
  }

  .tooltip-2.pricing-cards-tooltips {
    width: 350px;
    bottom: 130%;
    left: auto;
    right: 0;
  }

  .tooltip-2.cutoff-price-tooltip {
    display: none;
    bottom: 130%;
    left: auto;
    right: auto;
  }

  .card-mine.on-affiliate {
    padding: 1rem;
  }

  .grey-text.text-size-regular {
    font-size: 16px;
  }

  .button-white-with-shadow-2-alt.hero-button-secondary {
    width: 100%;
  }

  .pricing-card-wrapper-2 {
    flex-direction: column;
  }

  .hint.click-for-more-info-on-pricing-page-only-on-mobile {
    display: block;
  }

  .pricing-card-2 {
    width: 100%;
  }

  .pricing-card-2.horizontal-undercard {
    flex-flow: column;
  }

  .faq-item-3 {
    font-size: 18px;
  }

  .footer-right-column-content {
    align-items: flex-start;
  }

  .footer-right-2 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
    place-items: start;
    width: 100%;
  }

  .footer-left-2 {
    width: 100%;
  }

  .footer-2 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
  }

  .wc-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .image-8-blog-page {
    width: 100%;
    height: auto;
  }

  .h2-in-vertical-collection {
    font-size: 16px;
  }

  .wrapper-of-verticals {
    grid-template-columns: 1fr 1fr;
  }

  .title-in-horizontal-list-view {
    font-size: 16px;
  }

  .text-block-151 {
    display: none;
  }

  .grid-of-3-100, .grid-of-quotes {
    grid-template-columns: 1fr;
  }

  .quote-card {
    font-size: 14px;
  }

  .quote-card-section.higlighted {
    font-size: 14px;
    font-weight: 400;
  }

  .tab-pane {
    padding-left: 10px;
    padding-right: 10px;
  }

  .flex-buttons-hero {
    flex-direction: column;
    width: auto;
  }

  .modal-container, .modal-container-2 {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .lazy-yt-wrapper.maxh-video-homepage {
    max-height: 336px;
  }

  ._60-opacity-text.calculator-text {
    margin-top: 1.5rem;
  }

  .wrapper-for-pricing-plan-title-and-badge {
    flex-direction: row;
  }

  .social-proof-under-video.v2.affiliate {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .logo_component-slider {
    grid-row-gap: 2rem;
    flex-direction: row;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
  }

  .strip-of-logos-wrapper {
    padding-top: 40px;
  }

  .hero-gradient {
    background-image: radial-gradient(circle at 20% 60%, #000c 45%, #0000 87%), linear-gradient(#000000e0 15% 49%, #0009 95%, #000);
  }

  .image-62 {
    width: 319.5px;
    height: 148.5px;
  }

  .grid-of-3-testimonials, .grid-of-3-testimonials.with-video-in-center {
    grid-template-columns: 1fr;
  }

  .image-8-copy-222 {
    width: 100%;
    height: auto;
  }

  .list-of-ticks-prefooter-cta {
    justify-content: center;
  }

  .tick-prefooter-cta {
    margin-top: 5px;
    margin-right: 20px;
  }

  .modal-container-3 {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .step-by-step-pillbox {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
  }

  ._4-videos {
    grid-template-columns: 1fr;
  }

  .card-for-videos {
    width: 100%;
  }

  .box-pricing-message {
    grid-template-columns: 1fr;
  }

  .founder-text-message {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
  }

  .card-logos-wrapper {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .copyright-2 {
    font-size: 14px;
  }

  .card-image {
    max-width: 32px;
  }

  ._3-blocks-why {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .heading-3-style {
    font-size: 30px;
  }

  .video-embed-youtube.margin-bottom-0.margin-top-0.all-features {
    width: 100%;
    overflow: hidden;
  }

  .lr-element {
    flex-flow: column;
    margin-bottom: 200px;
  }

  .lr-element.reverted-rl {
    flex-flow: column;
  }

  .lr-text {
    width: 100%;
    max-width: none;
  }

  .image-65 {
    width: 100%;
  }

  .grid-with-links-to-all-features {
    grid-template-columns: 1fr 1fr;
  }

  .image-gif-on-features-page {
    right: 45%;
    overflow: hidden;
  }

  .image-gif-on-features-page.show-from-right {
    left: auto;
    right: 0;
  }

  .image-gif-on-features-page.show-from-middle {
    left: -120px;
    right: 0;
  }

  .grid-of-2-testimonials, .affiliates-big-block {
    grid-template-columns: 1fr;
  }

  .affiliates-big-block._2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .affiliates-big-block.blog-cta {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .wrapper-of-ba-block {
    cursor: col-resize;
  }

  .before-image, .after-image-inner, .image-66 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .button-fb.hero-button, .button-fb.on-hero-right {
    width: 100%;
  }

  .grid-of-3-earnings-block, .grid-of-3-earnings-block.with-video-in-center {
    grid-template-columns: 1fr;
  }

  .maxpotential-subh {
    font-size: 22px;
  }

  .grid-of-3-vert-on-tablet {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .affiliates-sub-block {
    grid-template-columns: 1fr;
  }

  .bubble-quote-wrapper {
    width: 100%;
  }

  .bubble-quote-wrapper.horizontal-undercard {
    flex-flow: column;
  }

  .pricing-card-2-service {
    width: 100%;
  }

  .pricing-card-2-service.horizontal-undercard {
    flex-flow: column;
  }

  .image-in-tab-video-upd {
    right: auto;
  }

  .image-in-tab-video-upd.show-from-right {
    left: auto;
    right: 0;
  }

  .image-in-tab-video-upd.show-from-middle {
    left: -120px;
    right: 0;
  }

  .image-in-tab-video-upd.all-features {
    height: 300px;
  }

  .before-after-wrapper {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .before-after-block {
    padding: 0 15px 30px;
  }

  .before-after-block.after-block {
    padding-top: 10px;
  }

  .before-after-image {
    object-fit: contain;
    height: 200px;
  }

  .before-after-content-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .before-after-heading {
    margin-bottom: 10px;
    font-size: 35px;
  }

  .before-after-text-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

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

  .before-after-text {
    font-size: 14px;
  }

  .hero_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .heading-5 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .testing-mid-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
  }

  .card-testing {
    max-width: none;
  }

  .card-testing.card-testing-actived {
    border: 3px solid #771ee6;
  }

  .card-testing.card-testing-default {
    border: 1px solid #771ee630;
    border-bottom-color: #aeaeae33;
    border-radius: .625rem;
  }

  .paragraph-7 {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .item-testing.item-testing-top {
    justify-content: center;
    align-items: center;
  }

  .compare-hero, .wc-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .faq-dropdown-toggle.full-width {
    padding: 12px;
  }

  .faq-title.large {
    font-size: 16px;
    line-height: 22px;
  }

  .nav-padding {
    padding-left: 16px;
    padding-right: 16px;
  }

  .buttons-hero {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-top: 16px;
  }

  .menu-mob-2 {
    background-color: #ffffff1a;
  }

  .menu-mob-2.w--open {
    background-color: #281666;
  }

  .links {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .text-block-7 {
    font-size: 15px;
  }

  .text-block-6 {
    font-size: 55px;
  }

  .navbar-border {
    display: none;
  }

  .navbar-border.phone, .navbar-border.radius-3 {
    display: flex;
  }

  .navbar-4 {
    display: none;
  }

  .navbar-4.navbar-phone {
    z-index: 2;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #1a0c3b;
    border-style: none;
    display: flex;
  }

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

  .mobile-nav-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    box-shadow: none;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #1a0c3be6;
    border-style: none;
    border-color: #ffffff1a;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
  }

  .div-block-13 {
    height: 300px;
  }

  .image-2 {
    width: 300px;
    top: 55px;
    left: 100px;
    right: 100px;
  }

  .image {
    width: 300px;
    inset: -10% 15% auto;
  }

  .div-block-14 {
    grid-template-columns: 1fr;
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-block-25 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-block-18 {
    font-size: 32px;
  }

  .image-3 {
    width: 400px;
  }

  .text-block-17 {
    font-size: 15px;
  }

  .lottie-animation {
    width: 300px;
  }

  .div-block-38 {
    flex-flow: column;
  }

  .text-block-1350 {
    font-size: 32px;
  }

  .text-block-1351.text-2 {
    text-align: center;
  }

  .div-block-54 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-51 {
    flex-flow: column;
  }

  .image-13 {
    width: 600px;
  }

  .div-block-46 {
    justify-content: center;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-45 {
    padding-bottom: 80px;
  }

  .text-block-1352 {
    font-size: 15px;
  }

  .text-block-24.tex-2 {
    text-align: center;
  }

  .div-block-49 {
    flex-flow: column;
    padding-left: 40px;
    padding-right: 40px;
  }

  .image-6 {
    width: 710px;
    left: -17%;
  }

  .div-block-36 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .image-73 {
    position: relative;
  }

  .div-block-50 {
    max-width: none;
  }

  .image-7 {
    width: 250px;
    position: static;
  }

  .text-block-1357 {
    font-size: 32px;
  }

  .div-block-56 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .bento-div-1 {
    width: 100%;
  }

  .image-14 {
    left: -25%;
    right: -25%;
  }

  .text-block-1358 {
    font-size: 15px;
  }

  .image-19 {
    width: 300px;
  }

  .text-block-1361 {
    font-size: 32px;
  }

  .div-block-67 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .image-16 {
    width: 110px;
    top: 102%;
  }

  .text-block-37 {
    font-size: 32px;
  }

  .text-block-1362 {
    font-size: 15px;
  }

  .cards-monthly {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .cards-yearly {
    grid-template-columns: 1fr;
  }

  .text-block-1363 {
    font-size: 32px;
  }

  .text-block-1364 {
    font-size: 15px;
  }

  .text-block-1365 {
    font-size: 32px;
  }

  .accordion-item-content {
    margin-right: 0;
  }

  .div-block-87 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .faq {
    padding-top: 110px;
  }

  .div-block-148 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    max-width: none;
  }

  .div-block-145 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-block-146 {
    padding-top: 80px;
    padding-bottom: 65px;
  }

  .div-block-147 {
    grid-column-gap: 54px;
    grid-row-gap: 54px;
    flex-flow: column;
    padding-left: 16px;
    padding-right: 16px;
  }

  .grid-pictures-ms {
    grid-template-columns: 1fr 1fr;
  }

  .main-faq {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding: 24px;
  }

  .faq-more-image {
    border-radius: 8px;
  }

  .text-block-1368 {
    font-size: 16px;
  }

  .faq-title-wrap {
    margin-bottom: 40px;
  }

  .compare-table-wrap {
    overflow-x: auto;
  }

  .thumbnail-list-grid {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .thumbnail-grid-item {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    display: flex;
  }

  .thumbnail-grid-item.swap {
    flex-flow: column-reverse wrap-reverse;
  }

  .thumbnail-grid-content {
    max-width: none;
  }

  .thumbnail-grid-content.text-left {
    align-self: flex-start;
  }

  .youtube-vs-us-header {
    padding-bottom: 0;
  }

  .frame-2147207808 {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-1-v2 {
    font-size: 48px;
    line-height: 56px;
  }

  .heading-14 {
    font-size: 40px;
    line-height: 48px;
  }

  .white-block-3 {
    overflow: hidden;
  }

  .button-5.in-navbar {
    width: 100%;
  }

  .nav-menu-4 {
    position: absolute;
  }

  .section_hero.advisor {
    justify-content: center;
    align-items: center;
  }

  .hero-input-field, .top-hero-wrapper {
    width: 100%;
  }

  .h1-wrapper {
    grid-column-gap: .7rem;
    grid-row-gap: .7rem;
  }

  .text-field {
    padding-bottom: 5rem;
    padding-left: .4rem;
    padding-right: .4rem;
  }

  .hero-content {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .hero-content.advisor {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 0;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-global.padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .h1-text {
    font-size: 2.5rem;
  }

  .nav-btn {
    background-color: #1c1c1c;
    border-radius: 7rem;
    width: auto;
    padding: .8rem 1.5rem;
    font-size: 1rem;
  }

  .nav_menu_link {
    color: #1c1c1c;
    padding-top: .95rem;
    padding-bottom: .95rem;
    font-size: 1rem;
  }

  .nav_menu_link.secondary, .nav_menu_link.streak-wrapper {
    color: #1c1c1c;
    padding-top: .85rem;
    padding-bottom: .85rem;
    font-weight: 400;
  }

  .use-cases-content {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
  }

  .use-cases-content.commission {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .top-case-content, .top-case-content.commission {
    width: 100%;
  }

  .grey-text.weight-light.commission._2 {
    font-size: .85rem;
  }

  .use-case-grid {
    grid-template-columns: 1fr;
  }

  .text-size-20px.semibold {
    font-size: 1.1rem;
  }

  .text-size-16px.weight-light._60-opacity-text {
    text-align: center;
  }

  .pricing-content {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .pricing-contentt {
    width: 100%;
  }

  .pricing-grid-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
  }

  .text-size-18px {
    font-size: 1rem;
  }

  .faq-content {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .footer-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-content.new {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-content._2 {
    padding-left: 0;
    padding-right: 0;
  }

  .use-h-i-w {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
  }

  .steps-wrapper {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .steps-wrapper._2 {
    grid-template-columns: 1fr 1fr;
  }

  .nav_menu2 {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 1rem;
    padding: .75rem;
    overflow: hidden;
  }

  .nav_component-2 {
    padding-top: .6rem;
    padding-bottom: .6rem;
  }

  .nav_component-2.hig {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .button-7.in-navbar {
    width: 100%;
  }

  .nav-menu-5 {
    position: absolute;
  }

  .content-features {
    grid-column-gap: 3.5rem;
    grid-row-gap: 3.5rem;
  }

  .top-feature-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .top-feature-content._2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .left-top-feature {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .right-top-feature {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .right-top-feature._2 {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .first-feature-wrapper {
    flex-flow: column;
  }

  ._1st-feature-wrapper {
    width: 100%;
  }

  ._1st-feature-image {
    height: 12rem;
  }

  ._2nd--feature-wrapper {
    width: 100%;
  }

  .content-watch {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .video-bg {
    height: 26.5rem;
  }

  .last-watch-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
  }

  .pic-wrapper._1 {
    height: 15rem;
  }

  .top-metric-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .top-metric-content._2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: space-between;
    align-items: center;
  }

  .left-top-metrics {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .right-top-metrics {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    justify-content: center;
    align-items: center;
  }

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

  .right-metric-grid {
    display: none;
  }

  .div-block-304 {
    padding: 20px;
  }

  .top-cta-content {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 90%;
  }

  .cta-content {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    justify-content: center;
    align-items: center;
  }

  .image-94 {
    display: none;
    right: -64%;
  }

  .weapon-image {
    width: 8rem;
    bottom: -16%;
  }

  .div-block-306 {
    text-align: left;
    max-width: 60%;
  }

  .illustration {
    max-width: 40rem;
  }

  .illustration-advisor {
    max-width: 40rem;
    max-height: 12rem;
  }

  .illustration-advisor-copy {
    max-width: 40rem;
  }

  .div-block-307 {
    margin-top: 0;
  }

  .agent-ai-content {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
  }

  .top-agent-content-text {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .top-agent-content-text._2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .right-top-feature-copy {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .right-top-feature-copy._2 {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .sky-bg {
    inset: 0% 0% auto;
  }

  .agent-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .why-choice-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .why-choose-container {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
    padding: 1rem;
  }

  ._2nd-choice-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .about-the-app-builder {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
    padding: 1rem;
  }

  .rte-in-collection-main.benefits-rte {
    column-count: 1;
  }

  .rte-in-collection-main.grey-text.faq {
    font-weight: 300;
  }

  .link-block-7 {
    justify-content: center;
    align-items: center;
  }

  .question-wrapper-top {
    justify-content: center;
    align-items: flex-start;
    padding: .85rem;
  }

  .answer-wrapper-top {
    padding: .85rem;
  }

  .image-95 {
    height: 3rem;
  }

  ._2nd-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  ._2nd-grid.row-2 {
    flex-flow: row;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  ._2nd-grid._3rd-row {
    margin-top: 0;
  }

  .how-it-works__grid {
    grid-template-columns: 1fr;
  }

  .double-column-2 {
    flex-flow: column;
  }

  .middle-grid-div.hide-mobile-landscape {
    display: none;
  }

  .affiliates-sub-block-2 {
    grid-template-columns: 1fr;
  }

  .text-size-large {
    font-size: 1.25rem;
  }

  .affiliate-text-hero-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

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

  .padding-global-2.padding-section-large, .padding-global-2.padding-section-medium {
    padding: 4rem 1.25rem;
  }

  .part-grid-div {
    grid-column-gap: 1.8rem;
    grid-row-gap: 1.8rem;
    padding: 1rem;
  }

  .hero-text-feature-wrapper {
    justify-content: center;
    align-items: center;
  }

  .affiliate-arrow-img {
    width: 8rem;
    font-size: 0;
  }

  .section-hero-2.affiliate {
    justify-content: center;
    align-items: flex-start;
    height: auto;
    margin-top: 5rem;
    padding-top: 1rem;
    display: flex;
  }

  .partnership-content {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .text-size-regular-2 {
    font-size: 1.1rem;
  }

  .top-hero-text-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .top-hero-text-wrapper.affiliate {
    text-align: center;
    text-align: center;
    justify-content: center;
    align-items: center;
    max-width: 100%;
  }

  .paragraph-12.affiliate {
    margin-bottom: 1rem;
  }

  .paragraph-12.affiliate._2 {
    margin-bottom: .5rem;
  }

  ._2nd-grid-text-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-top: 0;
  }

  ._2nd-grid-text-wrapper.row-2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: left;
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
  }

  .hero-feature {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .timeline-progess.hide-mobile-landscape {
    display: none;
  }

  .comparison-content {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .table-wrapper-2-tiers-2 {
    margin-top: 24px;
    padding: 1.125rem;
  }

  .button-9._100-width.mt-40.affiliate {
    width: 80%;
  }

  ._1st-grid-wrapper._3rd-row.hide-mobile-landscape, ._1st-grid-wrapper.hide-mobile-landscape, ._1st-grid-wrapper._2nd-row.hide-mobile-landscape {
    display: none;
  }

  .heading-style-h2 {
    order: -1;
    font-size: 2rem;
  }

  .calculator-wrapper {
    width: 100%;
    margin-bottom: 4rem;
  }

  .mover-text-changer {
    font-size: 1rem;
  }

  .flex-block-37 {
    flex-flow: column;
  }

  .affiliate-arrow-img-2 {
    width: 8rem;
    font-size: 0;
  }

  .padding-global-3 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-global-3.padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .top-cta-content-2 {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 90%;
  }

  .top-cta-content-2._2 {
    width: 100%;
  }

  .month-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .month1-wrapper, .every-month-after-wrapper {
    width: 100%;
  }

  .bold-text-4, .bold-text-5, .bold-text-6, .bold-text-7, .bold-text-8, .bold-text-9 {
    font-size: 1.2rem;
  }

  .why-now-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .left-why-wrapper {
    width: 100%;
  }

  .stats-div {
    justify-content: center;
    align-items: center;
  }

  .affiliates-big-block-copy {
    grid-template-columns: 1fr;
  }

  .affiliates-big-block-copy._2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .affiliates-big-block-copy.blog-cta {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .nav_component_affiliate {
    padding-top: .6rem;
    padding-bottom: .6rem;
  }

  .padding-global-4.padding-section-large {
    padding: 4rem 1.25rem;
  }

  .hero-feature-2 {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .section-hero-3.affiliate {
    justify-content: center;
    align-items: flex-start;
    height: auto;
    margin-top: 5rem;
    padding-top: 1rem;
    display: flex;
  }

  .flex-block-38 {
    flex-flow: column;
  }

  .padding-global-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-global-5.padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-global-6 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-global-6.padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .paragraph-13.affiliate {
    margin-bottom: 1rem;
  }

  .nav-btn-2 {
    background-color: #1c1c1c;
    border-radius: 7rem;
    width: auto;
    padding: .8rem 1.5rem;
    font-size: 1rem;
  }

  .nav_menu_link-3 {
    color: #1c1c1c;
    padding-top: .95rem;
    padding-bottom: .95rem;
    font-size: 1rem;
  }

  .nav_menu_link-3.secondary {
    color: #1c1c1c;
    padding-top: .85rem;
    padding-bottom: .85rem;
    font-weight: 400;
  }

  .footer-left-3 {
    width: 100%;
    min-width: 100%;
  }

  .footer-left-3._2 {
    margin-right: 0;
  }

  .footer-right-3 {
    flex-direction: column;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    justify-items: start;
    width: 100%;
    margin-top: 30px;
    display: flex;
  }

  .temp-hero-content {
    width: 90%;
  }

  .top-build-content {
    width: 100%;
  }

  .bottom-build-wraper {
    grid-template-rows: auto auto;
    grid-template-columns: 2.5fr;
  }

  .right-build-wrapper {
    background-position: 50%;
    width: 100%;
    height: 19rem;
  }

  .bottom-buid-wrap {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .text-size-36px.weight-medium {
    font-size: 2rem;
  }

  .top_meet-advisor-content {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .advisor-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .advisor-content.imahe-copy {
    height: 25.4rem;
  }

  .bottom_meet-advisor-content {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .text-size-24px {
    font-size: 1.2rem;
  }

  .top-how-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .bottom-how-content {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .top-how-wrapper {
    padding-bottom: 1rem;
  }

  .numb-wrapper {
    min-width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
  }

  .watch-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .video-image {
    height: 22rem;
  }

  .features-wrapper {
    padding: 1rem;
  }

  .div-block-315 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .bottom-faq-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: .5fr;
    place-items: start stretch;
    width: 100%;
    display: flex;
  }

  .contact-faq-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    width: 100%;
  }

  .faq2-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    width: 100%;
  }

  .faq2-main-wrapper {
    padding: 1rem;
  }

  .cta-detail {
    width: 100%;
  }

  .main {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
  }

  .stats-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .test-main-content {
    max-width: 24rem;
  }

  .main-test-wrapper {
    flex-flow: column;
  }

  .new-home_hero-section {
    padding-top: 20vh;
  }

  .padding-global-new {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-global-new.padding-section-large, .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .new-home_hero-layout {
    text-align: center;
    justify-content: space-between;
    align-items: center;
  }

  .new-home_hero-text, .new-home_enterpreneurs {
    justify-content: flex-start;
    align-items: center;
  }

  .new-home_hero-img {
    width: 36rem;
  }

  .payment-div {
    bottom: -4%;
  }

  .transformations_navigation-button {
    width: 3rem;
  }

  .transformations_grid-item {
    min-width: 18rem;
  }

  .transformations_grid-item-imgwrap {
    height: 18rem;
  }

  .process_cards {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .process-cards-item {
    max-width: 18rem;
  }

  .process-cards-item-inner {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    font-size: 1.25rem;
  }

  .ai-business_layout {
    flex-flow: column;
  }

  .ai-business_header, .ai-business_grid {
    max-width: 100%;
  }

  .shipper-dp {
    height: 9rem;
  }

  .action_layout {
    text-align: center;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .action_heading {
    justify-content: flex-start;
    align-items: center;
    max-width: 28rem;
  }

  .new-cta-img {
    height: 10rem;
  }

  .cta_bg-wrap {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .cta_bg-wrap.padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .new-shipper-logo {
    width: 28rem;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .action_tab-link {
    font-size: .75rem;
  }

  .tv-content {
    height: 33rem;
  }

  .tv-content-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .tv-text-image {
    max-width: 25rem;
  }

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

  .left-create-wrap {
    text-align: center;
    justify-content: center;
    align-items: center;
    max-width: 100%;
  }

  .image-grid-1 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    height: auto;
  }

  .image-grid-1._2 {
    grid-template-columns: 1.5fr;
  }

  .hig-cta-wrap {
    height: 24rem;
  }

  .cta-hig-img {
    max-width: 24rem;
  }

  .text-size-48px {
    font-size: 2.5rem;
  }

  ._3rd-cta-imgwrap.hide, ._4th-cta-imgwrap.hide {
    display: none;
  }

  .footer-image {
    margin-top: 8px;
  }

  .ae-img.hide {
    max-width: 9rem;
  }

  .building-text.weight-light._60-opacity-text, .researching-text.weight-light._60-opacity-text {
    text-align: center;
  }

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

  .floting-text-wrap {
    width: 90%;
  }

  .nav_component-3 {
    padding-top: .6rem;
    padding-bottom: .6rem;
  }

  .nav_menu-2 {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 1rem;
    padding: .75rem;
    overflow: hidden;
  }

  .nav_menu_link-4 {
    color: #1c1c1c;
    padding-top: .95rem;
    padding-bottom: .95rem;
    font-size: 1rem;
  }

  .nav_menu_link-4.secondary {
    color: #1c1c1c;
    padding-top: .85rem;
    padding-bottom: .85rem;
    font-weight: 400;
  }

  .nav-btn-3 {
    background-color: #1c1c1c;
    border-radius: 7rem;
    width: auto;
    padding: .8rem 1.5rem;
    font-size: 1rem;
  }

  .hero-content-2 {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .h1-text-2 {
    font-size: 2.5rem;
  }

  .top-hero-wrapper-2 {
    width: 100%;
  }

  .div-block-320, .div-block-321 {
    margin-top: 0;
  }

  .div-block-322 {
    text-align: left;
    max-width: 60%;
  }

  .div-block-323 {
    padding: 20px;
  }

  .steps-wrapper-2 {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .use-h-i-w-2 {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
  }

  .use-case-grid-2 {
    grid-template-columns: 1fr;
  }

  .pricing-grid-wrapper-2 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
  }

  .card-logos-wrapper-2 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .footer-left-4 {
    width: 100%;
  }

  .footer-right-4 {
    flex-direction: column;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    justify-items: start;
    width: 100%;
    margin-top: 30px;
    display: flex;
  }

  .cta-content-2 {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    justify-content: center;
    align-items: center;
  }

  .text-size-16px-4.weight-light._60-opacity-text {
    text-align: center;
  }

  .text-size-18px-3 {
    font-size: 1rem;
  }

  .dfy-lead {
    font-size: 16px;
  }

  .dfy-step-num {
    font-size: 120px;
  }

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

@media screen and (max-width: 479px) {
  h1 {
    font-size: 32px;
  }

  h2 {
    font-size: 1.6rem;
  }

  .section, .section.section-navy-bg {
    overflow: hidden;
  }

  .section.mobile {
    padding-top: 100px;
    padding-bottom: 60px;
  }

  .section.mobile-2 {
    padding-top: 60px;
  }

  .section.mobile-2.less-margin {
    padding-bottom: 60px;
  }

  .section.v2 {
    padding-top: 110px;
  }

  .section.padding, .section.padding.v2 {
    padding-top: 80px;
  }

  .link-in-breadcrumbs {
    flex: 0 auto;
  }

  .subheading.grey-text, .subheading.grey-text.mw-660 {
    font-size: 18px;
  }

  .subheading.white-and-smaller {
    font-size: 16px;
    line-height: 24px;
  }

  .flex-horizontal-center-center {
    flex-wrap: wrap;
  }

  .flex-horizontal-center-center.platform-ratings {
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    flex-direction: column;
  }

  .flex-vertical-left-top.aligned-mid-on-mobile {
    align-items: center;
  }

  .flex-vertical-left-top.author-name-div {
    text-align: left;
    align-items: flex-start;
  }

  .flex-vertical-left-top.benefits-wrapper-right-side-of-affiliates-block {
    padding: .3rem;
  }

  .flex-vertical-left-top.list-of-benefits-yt-tc-vs-tt {
    font-size: 18px;
  }

  .flex-vertical-left-top.left-side-of-aff-block {
    width: 100%;
    padding: .5rem;
  }

  .navbar-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .brand-button {
    flex: none;
    align-items: center;
    display: flex;
  }

  .brand-image {
    height: 24px;
  }

  .navlink {
    padding-left: 10px;
  }

  .heading-4-style.h4-grey {
    font-size: 28px;
  }

  .dropdown-list {
    max-width: 100vw;
  }

  .dropdown-list.w--open {
    border-color: #e5e5e500;
    min-width: auto;
  }

  .mega-menu-section {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .blog-post-content {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
  }

  .blog-post-page-author-box {
    bottom: 20px;
  }

  .flex-horizontal-center-left.author-person-wrapper {
    text-align: center;
  }

  .field-label-2 {
    font-size: 13px;
  }

  .heading-2-style.mt-0 {
    font-size: 1.6rem;
  }

  .heading-2-style.mt-0._2 {
    font-size: 1.2rem;
  }

  .heading-2-style.affiliates-header {
    margin-top: 10px;
    font-size: 2rem;
  }

  .button-white-with-shadow-2-alt-3.got-questions-button.ml-10.mt-10-on-mobile {
    margin-top: 10px;
    margin-left: 0;
  }

  .faq-answer-2 {
    width: 100%;
  }

  .button.button-form-in-sidebar-and-toc {
    font-size: 14px;
  }

  .footer._2nd {
    border-radius: 0 0 1.5rem 1.5rem;
    margin: 0 .5rem .5rem;
  }

  .footer-wrapper._2 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .brand-image-2.brand-image-footer {
    display: block;
  }

  .footer-right.new {
    grid-column-gap: 20px;
    grid-row-gap: .5rem;
    color: #fff;
    flex-flow: row-reverse wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .download-button-footer {
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer-item.new {
    color: #fffc;
  }

  .footer-text-explanatory._2 {
    width: 100%;
  }

  .wc-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-post-link-wrap {
    min-height: 430px;
  }

  .blog-post-item-info-wrapper {
    height: 52%;
  }

  .blog-post-title {
    margin-top: 10px;
  }

  .blog-post-item-author-box {
    bottom: 20px;
  }

  .pagination-button {
    min-width: 140px;
    height: auto;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 14px;
  }

  .collection-list-3 {
    grid-template-columns: 1fr;
  }

  .blog-post-item-author-box-2 {
    bottom: 20px;
  }

  .navlink-2, .navlink-2-notion {
    padding-left: 10px;
  }

  .search-cube {
    width: 46px;
    height: 46px;
    margin-left: 5px;
    display: none;
  }

  .search-icon.search-icon-in-navbar {
    width: 14px;
    height: 14px;
  }

  .text-block-26 {
    padding-left: 10px;
  }

  .subsearchbar {
    text-align: left;
    padding-left: 18px;
    padding-right: 18px;
    display: none;
  }

  .search-input-2 {
    padding-left: 0;
  }

  .wrapper-for-author-block {
    padding: 20px;
  }

  .tabs-menu {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }

  .tabs-content {
    padding-left: 10px;
  }

  .tab-link-2 {
    text-align: center;
  }

  .header-wrapper.compare, .header-wrapper.partnership {
    width: 100%;
  }

  .headingg.v2 {
    text-align: left;
    font-size: 32px;
  }

  .headingg.compare {
    font-size: 2rem;
  }

  .wrapper-of-ticks {
    flex-direction: column;
    bottom: -50px;
  }

  .wrapper-of-ticks.position-normal {
    grid-row-gap: 5px;
  }

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

  .tooltip-2.w330, .tooltip-2.pricing-cards-tooltips {
    width: 260px;
  }

  .tooltip-2.cutoff-price-tooltip {
    font-size: 14px;
  }

  .flex-horizontal-center-center-3.mb-10-pricing-wrapper {
    flex-wrap: wrap;
  }

  .flex-horizontal-center-center-3.vertical-on-mobile {
    flex-direction: column;
  }

  .card-mine.on-affiliate {
    border-radius: 22px;
    padding: 8px;
  }

  .grey-text.comparison-page-version.left {
    font-size: 16px;
    line-height: 24px;
  }

  .benefit-wrapper-copy {
    padding-right: 0;
  }

  .button-white-with-shadow-2-alt.contact-us-aff-subbanner {
    margin-left: 0;
  }

  .button-white-with-shadow-2-alt.contact-us-aff-subbanner.v2 {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .most-popular-badge {
    font-size: 14px;
  }

  .faq-item-3 {
    font-size: 16px;
  }

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

  .copyright-text.new {
    text-align: left;
  }

  .list-view-entry {
    margin-top: 10px;
  }

  .wrapper-of-verticals {
    grid-template-columns: 1fr;
  }

  .h1-homepage.capitalize {
    font-size: 40px;
    line-height: 48px;
  }

  .button-in-form-field-entry.settings-button-next-to-cta {
    margin-right: 6px;
  }

  .button-2 {
    width: 100%;
    display: block;
  }

  .tooltip-wrapper-2.on-quick-recap {
    margin-top: 5px;
    margin-bottom: 10px;
    padding-left: 0;
  }

  .pre-header-on-homepage {
    font-size: 23px;
  }

  .hero-h1-text {
    font-size: 35px;
  }

  .social-proof-under-video {
    flex-direction: column;
  }

  .social-proof-under-video.v2 {
    flex-flow: row;
    margin-top: 0;
  }

  .image-head-sp.displaynone {
    display: none;
  }

  .ribbon-entry-icon-3.star-icon.red-star {
    color: #fff;
  }

  .logo_component-slider {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    overflow: hidden;
  }

  .badge-for-rating-2.red-star {
    border-color: #fff;
  }

  .grid-of-3-testimonials.with-video-in-center.margin-top {
    place-items: start center;
    margin-top: 40px;
  }

  .how-to-grid-left {
    margin-right: 0;
  }

  .dotted-line-pic {
    display: none;
  }

  .tick-prefooter-cta {
    margin-left: 5px;
    margin-right: 5px;
  }

  .grid-how-to {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 40px;
  }

  .social-proof-in-hero-pricing {
    flex-direction: column;
  }

  .social-proof-in-hero-pricing.margin-top {
    margin-top: 10px;
  }

  ._4-videos {
    grid-template-columns: 1fr;
  }

  .box-pricing-message {
    padding: 20px;
  }

  .founder-text-message {
    font-size: 16px;
  }

  .tiktoks-wrapper {
    grid-template-columns: 1fr;
  }

  .grid-with-links-to-all-features {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .dropdown-toggle-2-copy {
    padding-left: 10px;
  }

  .dropdown-link {
    padding-left: 20px;
    padding-right: 10px;
  }

  .affiliates-big-block._2 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .affiliates-big-block.blog-cta {
    padding: 1.5rem;
  }

  .before-image, .after-image-inner, .image-66 {
    padding-left: 0;
    padding-right: 0;
  }

  .before-after-badge {
    width: 50px;
    font-size: 13px;
  }

  .before-after-badge.before-badge {
    left: -60px;
  }

  .button-fb.button-form-in-sidebar-and-toc {
    font-size: 14px;
  }

  .text-inside-cta-button.rounded {
    padding: 15px;
    font-size: 14px;
  }

  .dropdown-list-navbar-item {
    max-width: 100vw;
  }

  .dropdown-list-navbar-item.w--open {
    border-color: #e5e5e500;
    min-width: auto;
  }

  .image-in-earnings-block {
    height: 32px;
  }

  .lbh-block {
    padding: 20px;
  }

  .lbh-text {
    font-size: 28px;
  }

  .maxpotential-subh {
    margin-bottom: 30px;
  }

  .affiliates-sub-block {
    flex-flow: column;
    padding-right: 20px;
  }

  .affiliates-sub-block.sticky {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    padding: 12px;
  }

  .text-block-subbanner-aff.v2 {
    font-size: 13px;
  }

  .image-100-br {
    display: block;
  }

  .image-100-br.mobile-90 {
    width: 90%;
  }

  .image-in-tab-video-upd {
    height: 230px;
  }

  .image-in-tab-video-upd.all-features {
    aspect-ratio: 16 / 9;
    height: auto;
  }

  .background-video {
    aspect-ratio: 16 / 9;
    height: 230px;
  }

  .background-video.all-features {
    aspect-ratio: 16 / 9;
    object-fit: contain;
    height: auto;
  }

  .comparison-card_content {
    width: 100%;
    padding: 2rem 1rem;
  }

  .comparison-card_content.after {
    padding: 2rem 1rem;
  }

  .comparison-card_wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .before-after-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .before-after-block {
    padding-top: 15px;
  }

  .before-after-block.after-block {
    padding-top: 20px;
  }

  .before-after-image {
    height: 100px;
  }

  .before-after-content-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 10px;
  }

  .before-after-heading {
    font-size: 30px;
  }

  .image-68 {
    width: 15px;
    margin-top: 3px;
  }

  .before-after-text {
    font-size: 14px;
  }

  .card-feature {
    max-width: none;
  }

  .thumbnails-slider {
    padding-left: 0;
    padding-right: 0;
  }

  .slider-item {
    min-width: 0;
  }

  .sheet-box-text, .sheet-box-text.rounded-left-up {
    justify-content: center;
    align-items: center;
  }

  .compare-spreadsheet {
    flex-flow: column;
  }

  .modal-heading {
    padding-right: 4.5rem;
  }

  .support-member-wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    padding-right: 0;
  }

  .faq-dropdown.faq-dropdown-toggle.full-width.modal-close {
    font-weight: 500;
  }

  .faq-icon-block {
    margin-left: 16px;
  }

  .div-block-7 {
    flex-flow: column;
  }

  .div-block-10 {
    width: 100%;
    height: 0;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 0;
  }

  .button-start-2 {
    max-width: none;
  }

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

  .text-block-6 {
    font-size: 45px;
  }

  .mobile-nav-2 {
    padding-top: 20px;
  }

  .div-block-13 {
    height: 250px;
  }

  .div-block-11 {
    justify-content: center;
    align-items: center;
  }

  .div-block-9 {
    width: 100%;
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .image-2 {
    width: 250px;
    left: 25px;
    right: 25px;
  }

  .image {
    width: 250px;
    left: 8%;
    right: 8px;
  }

  .div-block-14 {
    grid-template-columns: 1fr;
  }

  .steps {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .text-block-1348 {
    font-size: 15px;
  }

  .div-block-21 {
    flex-flow: column;
  }

  .text-block-15 {
    font-size: 14px;
  }

  .text-block-16 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    font-size: 16px;
  }

  .text-block-18 {
    font-size: 26px;
  }

  .text-block-20 {
    text-align: center;
    font-size: 22px;
  }

  .start-test-banner {
    flex-flow: column;
  }

  .text-block-21 {
    text-align: center;
    font-size: 14px;
  }

  .lottie-animation {
    width: 200px;
  }

  .text-block-1350 {
    font-size: 26px;
  }

  .text-block-1351 {
    text-align: center;
    font-size: 14px;
  }

  .bento {
    padding-top: 52px;
  }

  .div-block-54 {
    min-height: 450px;
  }

  .image-13 {
    bottom: 1%;
    right: -10%;
  }

  .div-block-46 {
    justify-content: flex-start;
    align-items: center;
    min-height: 350px;
  }

  .div-block-45 {
    padding-bottom: 0;
  }

  .text-block-24 {
    text-align: center;
    font-size: 22px;
    line-height: 1.2em;
  }

  .div-block-49 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .image-6 {
    width: 510px;
  }

  .text-block-1354 {
    text-align: center;
    font-size: 22px;
  }

  .image-73 {
    top: 0%;
    bottom: 0;
  }

  .image-7 {
    width: 350px;
    max-width: none;
    position: absolute;
    inset: auto 349.203% -20% -11%;
  }

  .text-block-1355 {
    text-align: center;
    font-size: 22px;
  }

  .text-block-27 {
    text-align: center;
    font-size: 14px;
  }

  .text-block-1356 {
    font-size: 15px;
  }

  .text-block-28, .text-block-1357 {
    font-size: 26px;
  }

  .card-testimonial-1 {
    padding-bottom: 32px;
  }

  .card-testimonial-1.card-testimonial-2 {
    flex-flow: column;
  }

  .bento-div-1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .image-14 {
    left: -90%;
    right: -90%;
  }

  .text-block-29, .text-block-1359 {
    font-size: 14px;
  }

  .text-block-1360 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    font-size: 16px;
  }

  .image-19 {
    width: 200px;
  }

  .div-block-64 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .text-block-1361 {
    font-size: 26px;
  }

  .div-block-67 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .image-16 {
    width: 90px;
    top: 80%;
  }

  .text-block-37 {
    font-size: 26px;
  }

  .price-component {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

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

  .div-block-78.phone {
    display: flex;
  }

  .text-block-1363, .text-block-1365 {
    font-size: 26px;
  }

  .paragraph-8 {
    line-height: 18px;
  }

  .accordion-item.open {
    padding: 8px;
  }

  .bold-text {
    font-size: 16px;
    line-height: 1rem;
  }

  .div-block-156 {
    flex-flow: column;
  }

  .div-block-145 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: center;
  }

  .div-block-147 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .faq-more-image {
    height: 4rem;
  }

  .text-block-1368 {
    font-size: 14px;
  }

  .youtube-vs-us-header {
    padding-top: 120px;
    padding-bottom: 0;
  }

  .image-76 {
    height: 80px;
  }

  .heading-11 {
    text-align: center;
  }

  .flex-block-4 {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .button-3 {
    text-align: center;
    width: 100%;
  }

  .image-77 {
    max-width: 52px;
  }

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

  .text-9 {
    text-align: left;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
  }

  .tt-logo-svg-fill {
    max-width: none;
    height: auto;
  }

  .tt-logo-svg-5 {
    overflow: hidden;
  }

  .frame-2147207815 {
    justify-content: center;
    align-items: flex-start;
  }

  .text-10 {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
  }

  .tt-logo-svg-4 {
    width: 100%;
    max-width: none;
    height: auto;
  }

  .code-embed-3 {
    height: 69.5938px;
  }

  .flex-block-10 {
    z-index: 1;
  }

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

  .h3-youtube {
    font-size: 32px;
    line-height: 36px;
  }

  .image-82, .image-83 {
    display: none;
  }

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

  .heading-1-v2 {
    font-size: 38px;
    line-height: 44px;
  }

  .flex-block-14 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .paragraph-v2 {
    font-size: 16px;
  }

  .flex-block-18 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .image-85 {
    width: 100px;
    position: static;
    top: 0%;
  }

  .image-86 {
    border-width: 6px;
    border-radius: 10px;
  }

  .image-87 {
    width: 110px;
  }

  .grid---3 {
    margin-top: 20px;
  }

  .flex-block-21 {
    border-radius: 30px 30px 10px 10px;
  }

  .flex-block-21._2 {
    border-radius: 10px;
  }

  .flex-block-21._3 {
    border-radius: 10px 10px 30px 30px;
  }

  .div-block-297 {
    padding: 14px;
  }

  .heading-14 {
    font-size: 32px;
    line-height: 40px;
  }

  .flex-block-22 {
    flex-flow: row;
    position: relative;
  }

  .image-88 {
    width: 50px;
  }

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

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

  .flex-block-25 {
    justify-content: center;
    align-items: flex-start;
  }

  .frame-2147207823, .frame-2147207824 {
    padding: 24px;
  }

  .heading-3-basic-2 {
    font-size: 1.1rem;
    line-height: 32px;
  }

  .text-12 {
    font-size: 15px;
  }

  .text-13 {
    font-size: 18px;
    line-height: 20px;
  }

  .heading-3-basic {
    font-size: 24px;
    line-height: 32px;
  }

  .frame-2147207821 {
    padding: 24px;
  }

  .frame-289215 {
    padding: 7px 20px;
  }

  .frame-2147207820 {
    justify-content: flex-start;
    align-items: flex-start;
    max-width: none;
  }

  .flex-block-27 {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-flow: column;
    width: 95%;
  }

  .image-89, .image-90, .image-91 {
    height: 24px;
  }

  .code-embed-4 {
    display: block;
    top: 5%;
    right: 5px;
  }

  .white-block-3 {
    overflow: hidden;
  }

  .div-testimonial {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .navlink-2-notion-2 {
    padding-left: 10px;
  }

  .navlink-2-notion-2.w--open {
    background-color: #fff3;
  }

  .menu-drop-down__feature-block {
    flex-flow: row;
  }

  .navbar-5 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .nav-menu-4 {
    width: auto;
    left: 10px;
    right: 10px;
  }

  .section_hero {
    border-radius: 1.5rem;
    margin: .5rem;
    overflow: visible;
  }

  .section_hero.main-hero-margin {
    padding-top: 0;
  }

  .hero-input-field {
    padding: .7rem;
    font-size: .875rem;
  }

  .top-h1-text-wrpper.advisor {
    width: 100%;
  }

  .h1-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .second-h1-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: center;
    align-items: center;
  }

  .text-field {
    padding-bottom: 4rem;
  }

  .text-field::placeholder {
    font-size: 1rem;
  }

  .hero-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    margin-top: 0;
  }

  .blur-image {
    width: 240%;
    max-width: none;
    height: 120%;
    left: -65%;
  }

  .padding-global.padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-global.hero-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .padding-global.service {
    width: 100%;
  }

  .logo-color-image {
    width: 2.8em;
  }

  .hero-paragraph {
    font-size: 1rem;
  }

  .h1-text {
    font-size: 2.1rem;
  }

  .nav_logo {
    width: 2.3rem;
  }

  .nav-btn {
    padding-top: .7rem;
    padding-bottom: .7rem;
    font-size: 1rem;
    font-weight: 400;
  }

  .nav-btn.sec, .nav-btn._1 {
    width: 8.5rem;
  }

  .nav_fixed {
    margin-top: .5rem;
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .nav_menu_link {
    font-size: 1rem;
  }

  .nav_menu_link.secondary, .nav_menu_link.streak-wrapper {
    font-size: 1rem;
    font-weight: 400;
  }

  .section_use-cases {
    border-radius: 1.5rem;
    margin-left: .5rem;
    margin-right: .5rem;
    padding-top: 0;
    overflow: hidden;
  }

  .section_use-cases.affiliate {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .section_use-cases.affiliate._2 {
    margin-bottom: .5rem;
  }

  .section_use-cases.testimonial-new {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .section_use-cases.testimonial-new._2 {
    margin-bottom: .5rem;
  }

  .use-cases-content {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .use-cases-content.commission {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .grey-text.weight-light {
    font-size: 1rem;
  }

  .text-size-14px.all-caps, .text-size-14px.all-caps._2 {
    font-size: .7rem;
  }

  .use-case-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .use-case-content.affiliate {
    padding: 1rem;
  }

  .text-size-20px {
    font-size: 1rem;
  }

  .text-size-20px.weight-medium.purple {
    font-size: 1.15rem;
  }

  .text-size-16px, .text-size-16px.grey-text._2, .text-size-16px.weight-light {
    font-size: .9rem;
  }

  .text-size-16px.weight-light._60-opacity-text.mob {
    text-align: center;
  }

  .text-size-16px._60-opacity-text._2 {
    font-size: .9rem;
  }

  .text-size-16px.mobile {
    font-size: .875rem;
  }

  .text-size-16px._3 {
    font-size: .8rem;
  }

  .section_pricing {
    border-radius: 1.5rem;
    margin: 4rem .5rem .5rem;
    padding-top: 0;
    overflow: hidden;
  }

  .pricing-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .inner-pricing-wrapper.white {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 1.5rem;
  }

  .text-size-18px.jade-green {
    font-size: 1.3rem;
  }

  .pricing-h2 {
    font-size: 1.55556rem;
  }

  .pricing-features._2 {
    padding-left: .6rem;
    padding-right: .6rem;
  }

  .pricing-btn.black.mt-10.affiliate {
    text-align: center;
  }

  .pricing-btn.purple.margin.white.aff2 {
    margin-bottom: .2rem;
  }

  .pricing-btn.black.mt--30._2 {
    margin-top: -30px;
  }

  .section_faq {
    border-radius: 1.5rem;
    margin-left: .5rem;
    margin-right: .5rem;
    padding-top: 0;
    overflow: hidden;
  }

  .faq-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .faq-wrapper-3-2 {
    padding: 1rem;
  }

  .top-faq-wrapper {
    justify-content: space-between;
    align-items: center;
  }

  .footer-content.new {
    text-align: left;
    padding-left: 8px;
    padding-right: 8px;
  }

  .div-block-303 {
    margin: .5rem;
  }

  .text-block-1373 {
    font-size: 26px;
  }

  .section_how-it-works {
    border-radius: 1.5rem;
    margin-left: .5rem;
    margin-right: .5rem;
    padding-top: 0;
    overflow: hidden;
  }

  .use-h-i-w {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding-top: 0;
  }

  .steps-wrapper._2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .nav_menu2 {
    margin-top: .65rem;
    padding: .65rem;
  }

  .nav_fixed-2 {
    margin-top: .5rem;
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .nav_component-2.hig {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .dropdown-link-3 {
    padding-left: 20px;
    padding-right: 10px;
  }

  .navlink-2-notion-3 {
    padding-left: 10px;
  }

  .navbar-7 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .flex-horizontal-center-center-5 {
    flex-wrap: wrap;
  }

  .nav_not_fixed {
    margin-top: .5rem;
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .section_features {
    border-radius: 1.5rem;
    margin-left: .5rem;
    margin-right: .5rem;
    padding-top: 0;
    overflow: hidden;
  }

  .content-features {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  ._1st-feature-wrapper {
    padding: .85rem;
  }

  .feature-top-wrapper {
    padding: .1rem;
  }

  .content-watch {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .last-watch-content {
    grid-column-gap: 1.1rem;
    grid-row-gap: 1.1rem;
    flex-flow: column;
  }

  .divider-img {
    display: none;
  }

  .section_metrics {
    border-radius: 1.5rem;
    margin-left: .5rem;
    margin-right: .5rem;
    padding-top: 0;
    overflow: hidden;
  }

  .text-size-30px.weight-bold {
    font-size: 1.4rem;
  }

  .text-size-30px._2 {
    font-size: 1.3rem;
  }

  .heading-15 {
    font-size: 1.6rem;
  }

  .div-block-304 {
    justify-content: center;
    align-items: center;
  }

  .section_cta {
    border-radius: 1.5rem 1.5rem 0 0;
    margin-left: .5rem;
    margin-right: .5rem;
    padding-top: 0;
    overflow: hidden;
  }

  .top-cta-content {
    width: 100%;
  }

  .cta-content {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .youtube._2._3 {
    height: 100%;
  }

  .text-size-32px, .text-size-32px.weight-medium.purple {
    font-size: 1.15rem;
  }

  .text-size-32px._2rem.green-wrap {
    font-size: 1.4rem;
  }

  .weapon-image {
    display: none;
  }

  .div-block-306 {
    text-align: center;
    max-width: 100%;
  }

  .code-embed-6 {
    margin-bottom: 4rem;
  }

  .illustration, .illustration-advisor, .illustration-advisor-copy {
    display: none;
  }

  .hero-layout {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-top: 2rem;
  }

  .hero-layout._1 {
    margin-top: 3.5rem;
  }

  .section_agentic-ai {
    border-radius: 1.5rem;
    margin-left: .5rem;
    margin-right: .5rem;
    padding-top: 0;
    overflow: hidden;
  }

  .top-agent-wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .sky-bg {
    width: 100%;
    max-width: 150%;
    inset: -14% 0% auto;
  }

  .bottom-agent-content-text._2 {
    padding: 1rem;
  }

  .left-agent-grid {
    padding: .5rem;
  }

  .left-grid-content {
    padding: .85rem;
  }

  .text-size-22px.weight-bold, .text-size-22px.medium {
    font-size: 1.1rem;
  }

  .choose-image-2-0 {
    object-position: 0% 50%;
  }

  .top-btn-div {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .bottom-animate-div {
    padding: 1rem;
  }

  .rte-in-collection-main.grey-text {
    font-size: .5rem;
  }

  .faq-wrapper-3-copy, .faq-wrapper-3-1, .faq-wrapper-3-3, .faq-wrapper-3-4, .prompt-wrapper-text, .question-wrapper-top, .answer-wrapper-top {
    padding: 1rem;
  }

  .image-95 {
    height: 2.5rem;
  }

  .nav_fixed-animate {
    margin-top: .5rem;
    margin-left: .5rem;
    margin-right: .5rem;
  }

  ._2nd-grid {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  ._2nd-grid.row-2 {
    flex-flow: column;
  }

  ._2nd-grid._3rd-row {
    margin-top: 0;
    margin-bottom: 0;
  }

  .how-it-works__grid {
    align-items: center;
  }

  .middle-grid-div.hide-mobile-landscape {
    display: none;
  }

  .image-96 {
    border-width: 6px;
    border-radius: 10px;
  }

  .text-14 {
    text-align: left;
    font-size: 15px;
  }

  .affiliates-sub-block-2 {
    flex-flow: column;
    padding: 10px;
  }

  .image-97, .image-97._2 {
    height: 5rem;
  }

  .affiliate-blocks {
    width: 100%;
  }

  .text18px.text-size-regular-3.text-is-grey {
    font-size: 1rem;
  }

  .text18px.text-size-regular-3.text-is-grey.compare {
    width: 100%;
    font-size: 1rem;
  }

  .frame-2147207825 {
    justify-content: center;
    align-items: center;
    padding: 24px;
  }

  .affiliate-text-hero-wrapper {
    margin-top: 4.5rem;
  }

  .heading-3-basic-3 {
    font-size: 24px;
    line-height: 32px;
  }

  .frame-2147207826 {
    text-align: left;
    justify-content: center;
    align-items: flex-start;
    padding: 1rem;
  }

  .hero-text-feature-wrapper.affiliate {
    flex-flow: column;
  }

  .affiliate-arrow-img {
    width: 80px;
    transform: translate(92px);
  }

  .section-hero-2.affiliate {
    border-radius: 1.5rem;
    margin: .5rem .5rem 0;
  }

  .button-white-with-shadow-2-alt-4.contact-us-aff-subbanner {
    margin-left: 0;
  }

  .top-hero-text-wrapper.affiliate {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .hero-subtext-span {
    font-size: 1rem;
  }

  .frame-2147207827 {
    padding: 5px 1rem 7px;
  }

  .subheading-3.textislight {
    font-size: 1rem;
  }

  .text-15 {
    font-size: 18px;
    line-height: 20px;
  }

  .frame-2147207828 {
    justify-content: flex-start;
    align-items: flex-start;
    max-width: none;
  }

  ._2nd-grid-text-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  ._2nd-grid-text-wrapper.row-2 {
    grid-column-gap: .6rem;
    grid-row-gap: .6rem;
    text-align: center;
    order: 1;
    justify-content: center;
    align-items: center;
  }

  .hero-feature {
    justify-content: center;
    align-items: center;
  }

  .timeline-progess.hide-mobile-landscape {
    display: none;
  }

  .table-wrapper-2-tiers-2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1rem;
  }

  .frame-2147207830 {
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 24px;
  }

  .text-size-regular-3.light.opacitiy-80 {
    font-size: 1rem;
  }

  .timeline-div {
    display: none;
  }

  ._1st-grid-wrapper._3rd-row.hide-mobile-landscape {
    margin-top: 1rem;
    display: flex;
  }

  ._1st-grid-wrapper.hide-mobile-landscape {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 1rem;
    display: flex;
  }

  ._1st-grid-wrapper._2nd-row.hide-mobile-landscape {
    margin-top: 1rem;
    display: none;
  }

  ._1st-grid-wrapper._2nd-row.hide-mobile-landscape.mobile {
    order: -1;
    display: flex;
  }

  .part-image {
    max-width: 3rem;
  }

  .heading-style-h2 {
    text-align: center;
    order: 0;
  }

  .affiliate-image.hero-img {
    padding: .5rem;
  }

  .image-98 {
    width: 1.5rem;
  }

  .text-block-1376 {
    text-align: left;
  }

  .section_use-cases-copy {
    border-radius: 1.5rem;
    margin-left: .5rem;
    margin-right: .5rem;
    padding-top: 0;
    overflow: hidden;
  }

  .section_commission {
    border-radius: 1.5rem;
    margin-top: .5rem;
    margin-left: .5rem;
    margin-right: .5rem;
    padding-top: 0;
    overflow: hidden;
  }

  .image-99 {
    border-width: 6px;
    border-radius: 10px;
  }

  .affiliate-arrow-img-2 {
    width: 110px;
    transform: translate(92px);
  }

  .image-98-copy {
    width: 1.7rem;
  }

  .bold-text-2 {
    font-size: 1.1rem;
  }

  .padding-global-3.padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .top-cta-content-2, .top-cta-content-2._2 {
    width: 100%;
  }

  .month-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .month1-wrapper {
    border-radius: 1.2rem;
    padding: .8rem;
  }

  .month1-text-wrapper {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
  }

  .text-size-28px.weight-bold.green.month-1, .text-size-28px.weight-bold.purple.ema {
    font-size: 1.5rem;
  }

  .every-month-after-wrapper {
    border-radius: 1.2rem;
    padding: .8rem;
  }

  .div-block-311 {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
  }

  .testimonial-hero-wrapper {
    margin-top: 9px;
  }

  .why-now-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1rem;
  }

  .left-why-wrapper {
    width: 100%;
  }

  .bottom-stats-wrapper {
    flex-flow: column;
  }

  .testimonial-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .test-text-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 1.5rem;
  }

  .right-arrow-wrapper, .left-arrow-wrapper {
    width: 2.5rem;
    height: 2.5rem;
  }

  .affiliates-big-block-copy._2 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .affiliates-big-block-copy.blog-cta {
    padding: 1.5rem;
  }

  .nav_fixed_3 {
    margin-top: .5rem;
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .hero-feature-2 {
    justify-content: center;
    align-items: center;
  }

  .section-hero-3.affiliate {
    border-radius: 1.5rem;
    margin: .5rem .5rem 0;
  }

  .padding-global-5.padding-section-large, .padding-global-6.padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-global-6.hero-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .image-102 {
    width: 1.5rem;
  }

  .text-block-1377 {
    text-align: left;
  }

  .text-16 {
    font-size: 18px;
    line-height: 20px;
  }

  .text-17 {
    text-align: left;
    font-size: 15px;
  }

  .frame-2147207833 {
    text-align: left;
    justify-content: center;
    align-items: flex-start;
    padding: 1rem;
  }

  .bold-text-11 {
    font-size: 1.1rem;
  }

  .heading-3-basic-4 {
    font-size: 24px;
    line-height: 32px;
  }

  .frame-2147207834 {
    padding: 5px 1rem 7px;
  }

  .bold-text-12 {
    font-size: 16px;
    line-height: 1rem;
  }

  .frame-2147207836 {
    justify-content: flex-start;
    align-items: flex-start;
    max-width: none;
  }

  .nav-btn-2 {
    padding-top: .7rem;
    padding-bottom: .7rem;
    font-size: 1rem;
    font-weight: 400;
  }

  .nav-btn-2._1 {
    width: 8.5rem;
  }

  .nav_menu_link-3 {
    font-size: 1rem;
  }

  .nav_menu_link-3.secondary {
    font-size: 1rem;
    font-weight: 400;
  }

  .div-block-312 {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
  }

  .div-block-313 {
    margin: .5rem;
  }

  .footer-left-3 {
    justify-content: center;
    align-items: flex-start;
  }

  .temp-hero-content {
    justify-content: center;
    align-items: center;
  }

  .h1-style {
    font-size: 2.5rem;
  }

  .build-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .top-build-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .left-build-wrapper {
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .right-build-wrapper {
    height: 15rem;
  }

  .build-fit-wrapper {
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    padding: 1rem;
  }

  .build-fit-wrapper._2, .build-fit-wrapper._3, .build-fit-wrapper._4 {
    border-right: 1px solid #e9e9e9;
  }

  .text-size-36px.weight-medium {
    font-size: 1.5rem;
  }

  .new-button.primary._3, .new-button.secondary.idea, .new-button.secondary.idea {
    width: 100%;
  }

  .meet_advisor-content {
    padding: 1.5rem 1.2rem;
  }

  .advisor-content.imahe-copy {
    height: 16.3rem;
  }

  .double-btn-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .text-size-24px.medium {
    font-size: 1.1rem;
  }

  .how-content {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .how-feat-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .video-image {
    height: auto;
  }

  .features-wrapper {
    background-position: 50% 0;
    background-size: auto 105rem;
  }

  .feature-plus-wrapper {
    padding: 1rem;
  }

  .top-feature-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .icon-wrapper {
    order: -9999;
    width: 2.8rem;
    height: 2.8rem;
  }

  .faq-component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .contact-faq-wrapper {
    padding: 1rem;
  }

  .faq2-main-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .left-faq {
    flex-flow: column;
  }

  .testimonial-component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

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

  .test-img {
    width: 4rem;
    height: 4rem;
  }

  .cta-wrapper {
    padding: 1rem;
  }

  .h3-styled {
    font-size: 26px;
  }

  .section_footer {
    background-image: linear-gradient(#00000080, #00000080), url('../images/footer.jpg');
    background-position: 0 0, 100%;
    background-size: auto, cover;
  }

  .footer-component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .text-size-18px-hero {
    font-size: 1.1rem;
  }

  .map-pill-1, .map-pill-2, .map-pill-3, .map-pill-4, .map-pill-5 {
    width: 4rem;
  }

  .inner-pricing-wrapper2 {
    overflow: hidden;
  }

  .inner-pricing-card, .inner-pricing-card._2 {
    padding: .6rem;
  }

  .stats-wrapper {
    grid-template-columns: 1fr 1fr;
    margin-top: -12px;
  }

  .test-main-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1rem;
  }

  ._1st-stat, ._2nd-stat {
    padding: .6rem;
  }

  .padding-global-new.padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-global-new.hero-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .navigation-banner-wrap {
    font-size: .75rem;
  }

  .new-heading-1 {
    font-size: 2.25rem;
  }

  .new-home_button-group {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
  }

  .new-home-button {
    border-radius: .75rem;
    width: 100%;
    min-height: 3rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .new-home_list-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: .5rem;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    padding-left: 2%;
    padding-right: 2%;
  }

  .new-home_enterpreneurs {
    font-size: 1.125rem;
  }

  .payment-div {
    text-align: left;
    max-width: 18rem;
    bottom: -13%;
  }

  .text-size-small-new {
    font-size: .75rem;
  }

  .transformations_layout {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .transformations_grid {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    grid-template-columns: 1fr;
  }

  .transformations_header {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .new-heading-2 {
    font-size: 2rem;
  }

  .transformations_grid-item-inner {
    font-size: 1rem;
  }

  .process_cards {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .process-cards-item {
    max-width: 100%;
  }

  .process-cards-item-imgwrap {
    height: 14rem;
  }

  .ai-busines_content {
    border-radius: .75rem;
    padding: 3rem 1rem;
  }

  .ai-business_layout {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .ai-business_grid {
    grid-template-columns: 1fr;
  }

  .ai-business_list {
    margin-bottom: .5rem;
  }

  .action_bg-video {
    border-radius: .75rem;
  }

  .cta_section {
    padding: 1rem;
  }

  .new-cta-img {
    height: 6rem;
  }

  .cta_layout {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .cta_bg-wrap {
    border-radius: 1rem;
  }

  .cta_bg-wrap.padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .cta_bg-wrap.hero-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .cta_overlay {
    background-image: linear-gradient(#eefbf800, #eefbf8 33%);
    height: 6rem;
  }

  .new-shipper-logo {
    width: 20rem;
  }

  .action_tab-link {
    font-size: .625rem;
  }

  .hero-card-wrapper {
    max-width: 20rem;
  }

  .left-btm-hero-hig {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .first-wrap {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .top-promo-wrap {
    font-size: .8rem;
  }

  .textsize34px {
    font-size: 1.5em;
  }

  .bottom-wrap {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .full-buttm._3 {
    padding: .4rem;
  }

  .right-btm-hero-hig {
    flex-flow: column;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    display: flex;
  }

  .tv-content {
    height: 21.3rem;
  }

  .tv-image {
    height: 100%;
  }

  .tv-content-wrapper {
    display: flex;
  }

  .tv-text-image {
    max-width: 16.3rem;
  }

  .bottom-tv-wrap {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    margin-top: 1rem;
  }

  .text-size-26px.weight-bold.green.month-1, .text-size-26px.weight-bold.purple.ema {
    font-size: 1.5rem;
  }

  .text-size-26px.green._2 {
    font-size: 1rem;
  }

  .create-content {
    background-size: auto 100%;
    padding: 1.5rem 1rem;
  }

  .create-2nd-div {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
  }

  .create-card {
    width: 100%;
    max-width: none;
  }

  .create-img {
    height: 17rem;
  }

  .text-size-34px {
    font-size: 1.5rem;
    font-weight: 500;
  }

  .hig-cta-wrap {
    height: 20rem;
  }

  .cta-hig-img {
    max-width: 16rem;
  }

  .text-size-48px {
    font-size: 1.8rem;
  }

  .ae-img.hide {
    display: none;
  }

  .building-text, .building-text.grey-text._2, .building-text.weight-light {
    font-size: .9rem;
  }

  .building-text.weight-light._60-opacity-text.mob {
    text-align: center;
  }

  .building-text._60-opacity-text._2 {
    font-size: .9rem;
  }

  .building-text.mobile {
    font-size: .875rem;
  }

  .building-text._3 {
    font-size: .8rem;
  }

  .researching-text, .researching-text.grey-text._2, .researching-text.weight-light {
    font-size: .9rem;
  }

  .researching-text.weight-light._60-opacity-text.mob {
    text-align: center;
  }

  .researching-text._60-opacity-text._2 {
    font-size: .9rem;
  }

  .researching-text.mobile {
    font-size: .875rem;
  }

  .researching-text._3 {
    font-size: .8rem;
  }

  .code-embed-hig {
    margin-bottom: 4rem;
  }

  .floting-text-wrap {
    justify-content: center;
    align-items: center;
  }

  .text-block-1379 {
    font-size: 12px;
  }

  .nav_menu-2 {
    margin-top: .65rem;
    padding: .65rem;
  }

  .nav_fixed-3 {
    margin-top: .5rem;
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .nav_menu_link-4 {
    font-size: 1rem;
  }

  .nav_menu_link-4.secondary {
    font-size: 1rem;
    font-weight: 400;
  }

  .nav-btn-3 {
    padding-top: .7rem;
    padding-bottom: .7rem;
    font-size: 1rem;
    font-weight: 400;
  }

  .hero-content-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .h1-text-2 {
    font-size: 2.2rem;
  }

  .text-size-20px-2 {
    font-size: 1.15rem;
  }

  .div-block-322 {
    text-align: center;
    max-width: 100%;
  }

  .text-size-16px-2.weight-light._60-opacity-text.mob {
    text-align: center;
  }

  .div-block-323 {
    justify-content: center;
    align-items: center;
  }

  .use-h-i-w-2 {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding-top: 0;
  }

  .left-grid-content-2 {
    padding: .85rem;
  }

  .top-btn-div-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-size-20px-3, .text-size-20px-3.weight-medium.purple {
    font-size: 1.15rem;
  }

  .heading-16 {
    font-size: 1.6rem;
  }

  .section_pricing-2 {
    border-radius: 1.5rem;
    margin: .5rem;
    padding-top: 0;
    overflow: hidden;
  }

  .card-logos-wrapper-2 {
    justify-content: center;
    align-items: center;
  }

  .div-block-325 {
    margin: .5rem;
  }

  .section_cta-2 {
    border-radius: 1.5rem 1.5rem 0 0;
    margin-left: .5rem;
    margin-right: .5rem;
    padding-top: 0;
    overflow: hidden;
  }

  .cta-content-2 {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .text-size-20px-4 {
    font-size: 1rem;
  }

  .text-size-16px-4, .text-size-16px-4.weight-light {
    font-size: .9rem;
  }

  .code-embed-11 {
    margin-bottom: 4rem;
  }

  .dfy-how-copy {
    width: 100%;
    max-width: 100%;
  }

  .dfy-h2 {
    font-size: 2.125rem;
    line-height: 40px;
  }

  .dfy-h2._2 {
    font-size: 2.125rem;
    line-height: 44px;
  }

  .dfy-steps {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .dfy-center {
    width: 100%;
  }

  .dfy-card {
    min-height: 0;
    padding: 1.2rem;
  }

  .dfy-ico {
    width: 2rem;
    height: 2rem;
  }

  .dfy-price-wrap {
    width: 100%;
  }

  .dfy-stat-n {
    font-size: 2.125rem;
  }

  .dfy-faq-box {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    border-radius: 20px;
    width: 100%;
    padding: .625rem;
  }

  .dfy-banner {
    background-position: 80% 100%;
    background-size: cover;
  }

  .dfy-ico-img {
    max-width: 2rem;
    max-height: 2rem;
  }
}

#w-node-b151c240-05c8-4ede-997d-1dfec901d498-77c41951 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-affcfce1-6c2e-1cad-d2c0-d373fd02c9ce-e1d1c9e8 {
  justify-self: end;
}

#w-node-affcfce1-6c2e-1cad-d2c0-d373fd02c9e6-e1d1c9e8 {
  place-self: start;
}

#w-node-affcfce1-6c2e-1cad-d2c0-d373fd02c9e8-e1d1c9e8 {
  place-self: start end;
}

#w-node-dc6ea9b3-27dd-2861-2175-82d5f10f38d3-1bae9a5f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-affcfce1-6c2e-1cad-d2c0-d373fd02c9ce-60a28160 {
  justify-self: end;
}

#w-node-affcfce1-6c2e-1cad-d2c0-d373fd02c9e6-60a28160 {
  place-self: start;
}

#w-node-affcfce1-6c2e-1cad-d2c0-d373fd02c9e8-60a28160 {
  place-self: start end;
}

#w-node-_661fecb0-6933-30ec-6013-3bead08d8b90-83766640 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_229a6773-beed-3508-23fc-51c41ec6d7ae-00190404 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c077b75a-9ddf-5d62-3b7f-5d84a5e6a5cf-7acd166c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-b2fcb732-5ffd-e995-6143-fd423eaae821-77c419c4, #w-node-_3edb8545-474e-76e3-7bfd-389b1a0f4ac6-77c419c4, #w-node-e13e4d02-fa40-1f93-5b05-c9aa1b06c7ac-77c419c4, #w-node-dece9b41-0c8e-bc5a-d271-be31e1608e76-77c419c4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-fc7bc2f1-ff57-4d54-e55f-b23cc5d9ae55-77c419c5, #w-node-fc7bc2f1-ff57-4d54-e55f-b23cc5d9ae85-77c419c5, #w-node-fc7bc2f1-ff57-4d54-e55f-b23cc5d9ae87-77c419c5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-dd5114b5-38c0-59ac-71aa-467fa7f67399-e1d1c9e8, #w-node-_8f14d95e-0d6b-25e6-9f42-ba3b0340ce8a-e1d1c9e8, #w-node-dd5114b5-38c0-59ac-71aa-467fa7f67399-60a28160 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_1e824fc6-b011-133a-7925-de296bc9ccf5-83766640, #w-node-c077b75a-9ddf-5d62-3b7f-5d84a5e6a7ac-7acd166c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-affcfce1-6c2e-1cad-d2c0-d373fd02c9ce-e1d1c9e8, #w-node-affcfce1-6c2e-1cad-d2c0-d373fd02c9ce-60a28160 {
    justify-self: center;
  }
}


@font-face {
  font-family: 'Playfair Display V 40 Latin';
  src: url('../fonts/playfair-display-v40-latin-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../images/.') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}