:root {
  --primary-white: #f9f9f9;
  --paragraph-text-dark: #212121;
  --deep-purple: #1c153e;
  --secondary-white: #f2f4f4;
  --transparent: rgba(255, 255, 255, 0);
  --light-border: #ebeded;
  --secondary-darkprimary: #262b30;
  --dark-paragraph-color: #3e4147;
  --normal-card-border: 15px;
/* official colors */
  --secondary: #424242;
  --darkprimary: #3F35BD;
  --primary: #9178F5;
  --lightprimary: #E4E7FA;
  --primaryshadow: #E5E7EE;
  --lightest: #C6C4F9;
  --accent: #6F9DF5;
  --darkblue: #01004A;
  --lightaccent: #F0F2FA;
  --whiteshadow: #F5F5F5;
}

body {
  background-color: var(--primary-white);
  color: var(--paragraph-text-dark);
  font-family: Figtree, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}

h1 {
  color: var(--deep-purple);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 70px;
  font-weight: 400;
  line-height: 1.2;
}

h2 {
  color: var(--deep-purple);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 1.2;
}

h3 {
  color: var(--deep-purple);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 42px;
  font-weight: 400;
  line-height: 1.2;
}

h6 {
  color: var(--secondary);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.4;
}

p {
  color: var(--paragraph-text-dark);
  margin-bottom: 10px;
  font-size: 16px;
}

a {
  color: var(--deep-purple);
  font-size: 14px;
  text-decoration: none;
  display: block;
}

img {
  border-radius: 5px;
  max-width: 100%;
  display: inline-block;
}

.section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section.footer-gradient {
  background-color: var(--lightprimary);
  background-image: none;
  overflow: hidden;
}

.section.testimonial {
  flex-flow: row;
}

.section.sticky-section {
  overflow: visible;
}

.section.visible-overflow {
  overflow: visible;
}

.container {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  padding: 2em;
  position: relative;
}

.container.navbar-container {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 950px;
  height: 100%;
  padding: 1em 0 0;
  display: flex;
}

.container.hero-container {
  padding: 10em 0 0;
}

.navbar {
  z-index: 999999999;
  background-color: var(--transparent);
  width: 100%;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.nav-menu-container {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, .98);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 1em;
  padding-right: 5px;
  display: flex;
}

.nav-links-holder {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-active-link-holder {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-link {
  color: black;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  font-size: 14px;
  font-weight: 300;
  transition: color .35s;
  display: flex;
}

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

.nav-link.w--current {
  color: var(--primary);
}

.nav-link.dark:hover, .nav-link.dark.w--current {
  color: var(--primary);
}

.brand-logo {
  width: 100%;
}

.brand {
  width: 120px;
  max-width: 120px;
  overflow: visible;
}

.brand.w--current {
  width: 120px;
  max-width: 120px;
}

.nav-menu {
  background-color: var(--transparent);
  align-items: center;
  display: flex;
  position: static;
}

.nav-button-holder {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button {
  background-color: var(--primary);
  color: white;
  text-align: center;
  border-radius: 4vw;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding-left: 3vw;
  padding-right: 5vw;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  position: relative;
}

.button:hover {
  color: white;
}

.button.secondary-button {
  border: 1px solid var(--light-border);
  background-color: var(--light-border);
  color: var(--secondary-darkprimary);
}

.button.small-button {
  color: #fff;
  height: 40px;
  padding: 5px 14px;
}

.button.small-button.w--current {
  width: 100%;
}

.menu-button {
  justify-content: center;
  align-items: center;
  display: none;
}

.center-box {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.hero-dashboard {
  z-index: 1;
  border: 1px rgba(0, 0, 0, .07);
  border-radius: 6px;
  width: 100%;
  position: relative;
}

.hero-buttons-holder {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  display: flex;
  position: relative;
}

.subtitle-text {
  color: var(--paragraph-text-dark);
  font-size: 20px;
  font-weight: 400;
}

.subtitle-text.dark-sub-text {
  color: var(--dark-paragraph-color);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .21);
}

.subtitle-text.black {
  color: var(--deep-purple);
}

.experience-grid-holder {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

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

.card-background {
  z-index: 1;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.card-container {
  border: 1px solid var(--light-border);
  background-color: var(--secondary-white);
  border-radius: 8px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  justify-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.card-container.with-border {
  border-width: 1px;
  border-color: var(--light-border);
}

.card-container.black {
  background-color: var(--whiteshadow);
}

.card-image-holder {
  z-index: 1;
  perspective: 1500px;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.card-image-holder._02 {
  height: auto;
}

.card-content-holder {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: left;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 30px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-content-holder.no-bottom-padding {
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 0;
}

.card-content-holder.no-top-padding {
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
}

.card-image {
  z-index: 1;
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  position: relative;
}

.card-title {
  color: var(--deep-purple);
  font-family: Poppins, sans-serif;
  font-size: 28px;
  font-weight: 500;
  margin-top: 10px;
}

.card-title.dark-sub-text {
  color: var(--primary-white);
  font-size: 21px;
}

.card-title.small {
  text-transform: none;
  font-size: 21px;
}

.hero-section-holder {
  width: 100%;
  padding-top: 10em;
  position: relative;
  overflow: hidden;
}

.hero-section-holder.with-bottom-padding {
  padding-bottom: 10em;
}

.fade-in-move-on-scroll {
  justify-content: center;
  align-items: center;
}

.subtitle-text-holder {
  max-width: 600px;
}

.small-logo {
  width: 100%;
  height: 100%;
}

.review-container-holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-indent: 0%;
  column-count: 2;
  column-rule-style: none;
  flex-direction: row;
  flex-grow: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  column-gap: 15px;
}

.review {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--light-border);
  background-color: var(--lightaccent);
  border-radius: 8px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  font-size: 14px;
  display: flex;
  position: relative;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
  overflow: hidden;
}

/* certain reviews */
.review.blue {
  background-color: var(--whiteshadow);
}

.footer-brand-content {
  grid-column-gap: 2em;
  grid-row-gap: 1em;
  flex-direction: column;
  align-items: flex-start;
  max-width: 450px;
  padding-right: 100px;
  display: flex;
}

.footer-logo-link {
  width: 120px;
}

.footer-brand-image {
  width: 100%;
}

.footer-link {
  color: var(--paragraph-text-dark);
  font-size: 14px;
  display: flex;
}

.footer-link.w--current {
  color: var(--lightprimary);
}

.footer-link-holder {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.social-media-link-holder {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  display: flex;
}

.social-media-icon {
  width: 20px;
  transition: opacity .35s;
}

.social-media-icon:hover {
  opacity: .7;
}

.made-by-section {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  color: var(--paragraph-text-dark);
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 2em;
  padding-top: 30px;
  font-size: 14px;
  display: flex;
}

.copyright-link {
  color: var(--secondary-white);
  font-size: 18px;
  transition: opacity .35s;
  display: inline;
}

.copyright-link:hover {
  opacity: .75;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 90px;
}

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

.animate-on-load-01 {
  flex-flow: column;
  align-items: flex-start;
}

.hero-content-wrapper {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 140px;
  display: flex;
  position: relative;
}

.hero-content-wrapper._02 {
  border: 1px solid var(--light-border);
  background-color: var(--secondary-white);
  border-radius: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px;
}

.link {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  transition-property: opacity;
  transition-duration: .35s;
  display: flex;
}

.link:hover {
  opacity: .65;
  color: var(--deep-purple);
}

.title-align-left {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 750px;
  display: flex;
}

.title-align-left.testimonial-title {
  max-width: 350px;
  height: 100vh;
}

.title-align-left.sticky-content {
  padding-bottom: 40px;
  padding-left: 40px;
}

.feature-icon-holder {
  color: var(--secondary-darkprimary);
  width: 60px;
  display: flex;
}

.feature-icon-holder.small {
  width: 24px;
  min-width: 24px;
}

.icon {
  border-radius: 0;
  width: 100%;
}

.sign-up-section {
  z-index: 999;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
}

.feature-icon-box {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--light-border);
  background-color: var(--primary-white);
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 10px;
  display: flex;
}

.feature-icon-box.no-padding {
  padding: 0;
}

.feature-icon-box.mega-menu-content {
  background-color: var(--transparent);
  border-width: 0;
  padding: 0;
}

.icon-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.icon-box.vertically-aligned {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.icon-box.contact-info-holder {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.copyright-text-holder {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: row;
  display: flex;
}

.about-image-holder {
  z-index: 1;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.about-image {
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  height: 100%;
}

.cms-grid {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cms-grid-item-wrappers {
  width: 100%;
}

.cms-content-link {
  border: 1px solid var(--lightprimary);
  background-color: var(--secondary-white);
  perspective: 1500px;
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 10px;
  display: flex;
  overflow: hidden;
}

.cms-content-link.megamenu-content {
  background-color: var(--primary-white);
  border-width: 0;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 20px;
  transition: background-color .3s;
}

.cms-content-link:hover {
  background-color: var(--primaryshadow);
}

.cms-content-link.integration-content {
  background-color: var(--transparent);
  border-width: 0;
  padding: 20px;
  transition: background-color .35s;
}

.cms-content-link.integration-content:hover {
  background-color: var(--secondary-white);
}

.cms-image-holder {
  border-radius: 6px;
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.cms-image {
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  height: 100%;
}

.cms-image.no-border-radius {
  border-radius: 0;
}

.cms-content-holder {
  color: var(--primary);
  border-radius: 25px;
  flex-direction: column;
  width: 100%;
  padding: 20px;
  display: flex;
}

.blog-grid-title {
  color: var(--deep-purple);
  font-size: 18px;
  font-weight: 400;
}

.blog-grid-holder {
  width: 100%;
}

.blog-details-holder {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 140px;
  display: flex;
}

.faq-grid-holder {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  width: 100%;
}

.faq-items-holder {
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 0;
  display: flex;
}

.faq-items-holder.on-mobile {
  display: none;
}

.faq-item {
  border-bottom: 1px solid var(--light-border);
  border-radius: 0;
  width: 100%;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.faq {
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 10px;
  display: flex;
}

.faq-icon-holder {
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  margin-left: 20px;
  display: flex;
}

.faq-icon {
  width: 100%;
}

.tab-answer {
  color: var(--paragraph-text-dark);
  padding-right: 25px;
  font-weight: 400;
  font-size: 16px;
  overflow: hidden;
}

.faq-section {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 160px;
  padding-bottom: 160px;
  display: flex;
}

.blog-grid-wrapper {
  display: flex;
}

.template-desc {
  color: var(--secondary);
  font-size: 15px;
  line-height: 1.4;
}

.title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-weight: 500;
}

.title.hero-title {
  font-family: Poppins, sans-serif;
  font-size: 75px;
  font-weight: 500;
}

.title.dark-sub-text {
  color: var(--primary-white);
  text-shadow: 0 1px 5px rgba(0, 0, 0, .2);
  font-family: Poppins, sans-serif;
}

.title-holder {
  z-index: 999;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 800px;
  display: flex;
  position: relative;
}

.post-meta-content {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  font-size: 15px;
  display: flex;
}

.other-pages-link {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.large-title {
  color: var(--deep-purple);
  font-size: 60px;
  font-weight: 400;
  line-height: 1;
}

.tab-button {
  background-color: var(--transparent);
  color: var(--deep-purple);
  border-radius: 100px;
  font-size: 16px;
  font-weight: 400;
  transition: opacity .2s;
}

.tab-button:hover {
  opacity: .75;
}

.tab-button.w--current {
  border-color: var(--secondary-white);
  background-color: var(--primary);
  color: var(--primary-white);
}

.faq-tab-button-holder {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  display: flex;
}

.faq-tab {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .25fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.mega-menu-dropdown {
  font-size: 14px;
  position: static;
}

.dropdown-list {
  padding-left: 2em;
  padding-right: 2em;
  left: 2em;
  right: 2em;
}

.dropdown-list.w--open {
  background-color: var(--transparent);
  padding-left: 0;
  padding-right: 0;
  left: 0;
  right: 0;
}

.dropdown-list._02 {
  position: absolute;
  left: auto;
  right: auto;
}

.mega-menu-wrapper {
  background-color: var(--primary-white);
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 10px;
  padding: 2em;
  display: flex;
  box-shadow: 0 7px 30px rgba(92, 98, 126, .16);
}

.mega-menu-wrapper.smaller {
  width: 450px;
  max-height: 100vh;
  padding: 1em;
  overflow: auto;
}

.grey-text {
  color: var(--paragraph-text-dark);
  font-size: 14px;
}

.dropdown-toggle {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: black;
  justify-content: center;
  align-items: center;
  padding: 14px 10px;
  font-weight: 300;
  transition: color .35s;
  display: flex;
}

.dropdown-toggle:hover {
  color: var(--primary);

  .dropdown-arrow {
    opacity: 1;
    width: 100%;
  }
}

.dropdown-arrow {
  width: 100%;
  opacity: 0.5;
}

.megamenu-arrow-holder {
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
}

.menu-integration-logo {
  border-radius: 3px;
}

.inline-link {
  display: inline-block;
}

.featured-blog-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

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

.client-info {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.x-logo {
  width: 24px;
}

.review-overlay {
  z-index: 1;
  /* background-image: linear-gradient(180deg, var(--primary-white), rgba(255, 255, 255, 0) 2%, #f9f9f9); */
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.blog-post-section {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 2.75fr 1.5fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.post-meta-holder {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  justify-content: space-between;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.feature-cards-holder {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  margin-top: 0;
  display: flex;
}

.faq-mobile-version {
  display: none;
}

.center-layout {
  z-index: 1;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.badge-text {
  color: var(--accent);
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 14px;
  display: inline-block;
}

.badge-text.primary {
  border-color: var(--transparent);
  color: var(--primary);
}

.global-padding {
  justify-content: center;
  align-items: flex-start;
  padding-top: 160px;
  padding-bottom: 160px;
}

.global-padding.no-bottom-padding {
  padding-bottom: 0;
}

.global-padding.no-top-padding {
  padding-top: 0;
}

.card-holder {
  border: 1px solid var(--light-border);
  background-color: var(--secondary-white);
  border-radius: 25px;
  flex-flow: column;
  justify-content: space-between;
  width: 500px;
  min-width: 500px;
  height: 700px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-holder.dashboard-card {
  z-index: 1;
  border-color: var(--transparent);
  background-color: var(--transparent);
  justify-content: flex-end;
  width: 100%;
  min-width: 100%;
  height: 600px;
}

.card-dashboard-holder {
  z-index: 1;
  width: 500px;
  position: absolute;
  bottom: 22%;
  overflow: hidden;
}

.sticky-content-holder {
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 10%;
}

.sticky-holder {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.feature {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 20vh;
  display: flex;
}

.line {
  background-color: var(--light-border);
  width: 1px;
  height: 110em;
  position: absolute;
}

.dark-sub-text {
  color: var(--dark-paragraph-color);
}

/* ellipsis means the story keeps going */
.gradient-card-holder {
  border-radius: 8px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

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

.icon-grid._02 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.25fr 1.75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.check-icon {
  width: 100%;
}

.button-arrow-holder {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  right: 5px;
}

.button-arrow {
  background-color: var(--darkblue);
  border-radius: 3vw;
  justify-content: flex-end;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-left: 10px;
  padding-right: 15px;
  display: flex;
}

.button-arrow.white {
  background-color: #fff;
}

.svg-icon {
  width: 24px;
  margin-top:15px;
}

.svg2-icon {
  width: 38px;
}

.button-icon {
  width: 18px;
}

.button-icon.inverted {
  filter: invert();
}

.button-text {
  z-index: 1;
  color: var(--dark-paragraph-color);
  position: relative;
}

.hero-ui-bg {
  justify-content: center;
  align-items: center;
  width: 15vw;
  display: flex;
  overflow: hidden;
}

.hero-ui-bg.feature {
  width: 20vw;
  padding-bottom: 0;
}

.hero-ui {
  z-index: 2;
  width: 100%;
  max-width: 100%;
  position: relative;
}

.hero-ui-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 35%;
  left: auto;
  right: 0%;
}

.hero-ui-wrapper.feature-page {
  padding-left: 0;
  padding-right: 0;
  bottom: -1%;
}

/* hero image background */
.padded-background {
  background-color: var(--lightest);
  border-radius: 8px;
  width: 100%;
  max-width: 1350px;
  margin-left: 2em;
  margin-right: 2em;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}

.hero-background-element-holder {
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.hero-ui-column {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.left-title-content-holder {
  flex-flow: row;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.neutral-button-holder {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cta-large-text {
  background-color: var(--lightprimary);
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(var(--lightprimary), rgba(255, 255, 255, 0));
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 18vw;
  font-weight: 600;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.cta-large-text-holder {
  background-image: linear-gradient(180deg, var(--transparent) 73%, rgba(0, 0, 0, .03) 97%);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.background-glow {
  background-color: var(--primary-white);
  filter: blur(150px);
  border-radius: 100%;
  width: 100%;
  height: 25vw;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: auto;
}

.hero-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
}

.hero-wrapper.utility-page {
  height: 100vh;
}

.background-container {
  background-color: var(--transparent);
  background-image: none;
  width: 100%;
  max-width: 1250px;
}

.background-container.with-border {
  border-right: 1px solid var(--light-border);
  border-left: 1px solid var(--light-border);
  background-color: var(--transparent);
  background-image: none;
  position: relative;
}

.background-container.dark-border {
  background-color: var(--transparent);
  background-image: none;
  position: relative;
}

.background-container.overflow-hidden {
  overflow: hidden;
}

.feature-tab {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 15px;
  display: flex;
}

.feature-icon {
  width: 25px;
  max-width: 25px;
}

.icon-box-2 {
  grid-column-gap: 10px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.review-section {
  width: 55vw;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.hero-icon-bg {
  background-color: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
  overflow: hidden;
}

.hero-icon {
  z-index: 2;
  width: 50px;
  max-width: 50px;
  position: relative;
}

.hero-icon.blurred {
  z-index: 1;
  filter: blur(10px);
  width: 65px;
  max-width: 65px;
  position: absolute;
}

.about-grid-image {
  width: 350px;
  height: 400px;
  display: inline-block;
}

.about-grid-image.small {
  width: 280px;
  min-width: 280px;
}

.text-span {
  color: var(--primaryshadow);
}

.text-span-2 {
  color: #fff;
}

.text-block, .text-block-2, .text-block-3 {
  color: #1d1a38;
}

@media screen and (min-width: 1440px) {
  h2, h3, h4 {
    line-height: 1.2;
  }

  label {
    color: var(--paragraph-text-dark);
    font-weight: 400;
  }

  blockquote {
    border-left-width: 2px;
  }

  .container.hero-container {
    display: flex;
  }

  .button.secondary-button:hover {
    color: var(--deep-purple);
  }

  .card-image-holder {
    perspective: 1500px;
    border-radius: 10px;
  }

  .social-media-link-image {
    width: 100%;
  }

  .link:hover {
    color: var(--deep-purple);
  }

  .about-images-grid {
    margin-bottom: 4em;
  }

  .card-holder {
    width: 650px;
    min-width: 650px;
  }

  .feature {
    padding-bottom: 0;
  }

  .hero-ui-bg {
    width: 12vw;
  }

  .hero-ui-wrapper {
    width: 100%;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .padded-background {
    max-width: 90%;
  }

  .loop-line-containers._02 {
    width: 100%;
    max-width: 1250px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 55px;
  }

  h2 {
    font-size: 45px;
  }

  h3 {
    font-size: 35px;
  }

  .section.testimonial {
    flex-flow: column;
  }

  .container {
    max-width: 100%;
  }

  .container.navbar-container {
    padding-left: 2em;
    padding-right: 2em;
  }

  .navbar {
    margin-left: auto;
    margin-right: auto;
  }

  .nav-menu-container {
    justify-content: space-between;
    padding-right: 1em;
  }

  .nav-links-holder {
    flex-direction: column;
    justify-content: space-between;
  }

  .nav-menu {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: var(--primaryshadow);
    border-radius: 8px;
    justify-content: center;
    width: 100%;
    height: auto;
    padding: 15px 10px;
    position: relative;
    box-shadow: 0 0 35px 6px rgba(118, 118, 118, 0.53);
  }

  .nav-button-holder {
    justify-content: center;
    align-items: center;
  }

  .button {
    padding-right: 10vw;
  }

  .button.small-button {
    display: none;
  }

  .menu-button {
    border-radius: 50px;
    flex-direction: row;
    width: 40px;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px;
    transition: background-color .35s;
  }

  .menu-button:hover, .menu-button:focus {
    background-color: var(--primaryshadow);
  }

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

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

  .cards-grid {
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .card-container {
    grid-template-columns: 1fr;
  }

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

  .card-title.small {
    font-size: 18px;
  }

  .tab-answer {
    font-size: 16px;
  }

  .hero-section-holder {
    padding-top: 8em;
  }

  .hero-section-holder.with-bottom-padding {
    padding-bottom: 6em;
  }

  .hero-content-wrapper {
    flex-flow: column;
    margin-bottom: 100px;
  }

  .title-align-left {
    max-width: 650px;
    margin-bottom: 40px;
  }

  .title-align-left.testimonial-title {
    max-width: 650px;
    height: auto;
    margin-bottom: 0;
    padding-top: 100px;
  }

  .title-align-left.sticky-content {
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .about-image-holder {
    height: 550px;
  }

  .cms-grid {
    grid-template-columns: 1fr 1fr;
  }

  .blog-details-holder {
    padding-bottom: 100px;
  }

  .tab-answer {
    color: var(--paragraph-text-dark);
    padding-right: 25px;
    font-weight: 400;
    font-size: 16px;
    overflow: hidden;
  }

  .faq-section {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .title.hero-title {
    font-size: 60px;
  }

  .about-images-grid {
    column-count: 2;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .faq-tab {
    grid-template-columns: .25fr 1fr;
  }

  .collection-item {
    padding-bottom: 15px;
  }

  .mega-menu-dropdown {
    justify-content: center;
    align-items: center;
  }

  .dropdown-list._02 {
    position: relative;
    left: auto;
    right: auto;
  }

  .dropdown-list._02.w--open {
    top: 0;
    left: auto;
    right: auto;
  }

  .mega-menu-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .mega-menu-wrapper.smaller {
    width: auto;
  }

  .page-wrapper {
    padding-left: 2em;
    padding-right: 2em;
  }

  .featured-blog-section {
    padding-bottom: 100px;
  }

  .feature-grid {
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .feature-grid._03 {
    flex-flow: column;
  }

  .review-overlay {
    background-image: linear-gradient(180deg, var(--transparent), rgba(255, 255, 255, 0) 50%, #f9f9f9);
  }

  .integration-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .blog-post-section {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    padding-bottom: 80px;
  }

  .global-padding {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .card-holder {
    width: 48vw;
    min-width: 48vw;
  }

  .card-dashboard-holder {
    width: 800px;
    bottom: -4%;
  }

  .feature {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .line {
    height: 110em;
  }

  .gradient-card-holder {
    width: 100%;
  }

  .icon-grid {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }
  
  .button-arrow {
    border-radius: 10vw;
  }

  .hero-ui-bg {
    width: 80px;
    height: 80px;
  }

  .hero-ui {
    width: 50px;
    max-width: 50px;
  }

  .hero-ui-wrapper {
    display: none;
  }

  .padded-background {
    border-radius: 0;
  }

  .left-title-content-holder {
    flex-flow: column;
  }

  .cta-large-text {
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .hero-dashboard-background {
    width: 100%;
    max-width: 100%;
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .feature-tab {
    flex-flow: column;
    padding-top: 0;
  }

  .review-section {
    width: 100%;
    max-height: 100vh;
    padding-left: 2em;
    padding-right: 2em;
    position: relative;
    overflow: hidden;
  }

  .about-grid-image {
    width: 250px;
    min-width: 250px;
    height: 350px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 42px;
  }

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 30px;
  }

  h4 {
    font-size: 26px;
  }

  h5 {
    font-size: 22px;
  }

  h6 {
    font-size: 18px;
  }

  p {
    font-size: 14px;
  }

  blockquote {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .brand {
    width: 100px;
    max-width: 100px;
    padding-left: 0;
  }

  .nav-menu {
    max-height: 100vh;
    overflow: auto;
  }

  .nav-menu:focus {
    background-color: var(--primary-white);
  }

  .button {
    border-radius: 10vw;
    padding-right: 13vw;
  }

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

  .hero-buttons-holder {
    padding-top: 20px;
  }

  .cards-grid {
    flex-flow: column;
    display: flex;
  }

  .card-background {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .card-container.with-border {
    border-radius: 8px;
  }

  .card-image-holder {
    border-radius: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
  }

  .card-title {
    font-size: 21px;
  }

  .hero-section-holder {
    padding-top: 6em;
  }

  .review-container-holder {
    column-count: 1;
  }

  .made-by-section {
    flex-flow: column;
    margin-top: 4em;
  }

  .content {
    margin-bottom: 20px;
  }

  .border-box {
    align-items: center;
    padding: 2px;
  }

  .hero-content-wrapper {
    border-radius: 30px;
    margin-bottom: 60px;
  }

  .hero-content-wrapper._02 {
    padding: 20px;
  }

  .title-align-left {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }

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

  .icon-box {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .about-image-holder {
    height: auto;
  }

  .cms-grid {
    grid-template-columns: 1fr;
  }

  .cms-content-link {
    border-radius: 15px;
  }

  .cms-content-link.megamenu-content {
    border-radius: 8px;
  }

  .cms-image-holder {
    height: 320px;
  }

  .blog-details-holder {
    padding-bottom: 80px;
  }

  .faq-grid-holder {
    grid-template-columns: 1fr;
  }

  .faq-items-holder.on-mobile {
    grid-row-gap: 0px;
    display: block;
  }

  .faq-item {
    margin-bottom: 15px;
    padding-left: 0;
  }

  .tab-answer {
    padding-right: 0;
  }

  .faq-section {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .title.hero-title {
    font-size: 45px;
  }

  .about-images-grid {
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .top-row-first-content {
    display: none;
  }

  .compare-feature-header {
    padding-left: 10px;
    padding-right: 10px;
  }

  .top-row-plan-holder {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding: 10px;
  }

  .large-title {
    font-size: 50px;
  }

  .tab-button {
    border-bottom: 1px solid var(--light-border);
    cursor: pointer;
    border-radius: 0;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-right: 10px;
    font-size: 18px;
    display: flex;
  }

  .faq-tab-button-holder {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
  }

  .faq-tab {
    display: none;
  }

  .mega-menu-wrapper {
    border-radius: 8px;
    margin-left: 0;
    margin-right: 0;
  }

  .mega-menu-wrapper.smaller {
    width: auto;
  }

  .detail-integration-image {
    border-radius: 10px;
    width: 80px;
    max-width: 80%;
    height: 80px;
  }

  .page-wrapper {
    padding-top: 4em;
  }

  .featured-blog-section {
    padding-bottom: 100px;
  }

  .mega-menu-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .menu-grid-links-holder {
    border-right-width: 0;
  }

  .feature-grid {
    flex-flow: column;
  }

  .integration-container {
    margin-bottom: 60px;
  }

  .blog-post-section {
    padding-bottom: 40px;
  }

  .faq-mobile-version {
    flex-flow: column;
    display: flex;
  }

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

  .card-holder {
    border-radius: 15px;
    width: 80vw;
    min-width: 80vw;
    height: 600px;
  }

  .card-holder.dashboard-card {
    height: 350px;
  }

  .card-dashboard-holder {
    width: 600px;
    bottom: -27%;
  }

  .feature {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-bottom: 0;
  }

  .line {
    height: 70em;
  }

  .icon-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
  }

  .icon-grid._02 {
    display: flex;
  }

  .contact-info-holder {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .hero-ui-bg {
    border-radius: 10px;
    width: 50px;
    height: 50px;
  }

  .hero-ui {
    width: 25px;
    max-width: 25px;
  }

  .hero-ui-wrapper {
    display: none;
  }

  .padded-background {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .neutral-button-holder {
    width: 100%;
  }

  .cta-large-text {
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
  }

  .hero-dashboard-background {
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .feature-tab {
    padding-top: 20px;
  }

  .hero-icon-bg {
    border-radius: 10px;
    width: 50px;
    height: 50px;
  }

  .hero-icon {
    width: 25px;
    max-width: 25px;
  }

  .hero-icon.blurred {
    width: 30px;
    max-width: 30px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 38px;
  }

  h2 {
    font-size: 30px;
  }

  h3 {
    font-size: 28px;
  }

  h6 {
    font-size: 16px;
  }

  ul, ol {
    font-size: 14px;
  }

  li {
    font-size: 16px;
  }

  blockquote {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 0;
    font-size: 18px;
  }

  figure {
    width: 100%;
    min-width: 100%;
  }

  .container {
    padding: 1em;
  }

  .container.navbar-container {
    padding-left: 1em;
    padding-right: 1em;
  }

  .container.hero-container {
    padding: 8em 1em 2em;
  }

  .nav-menu {
    width: 100%;
  }

  .button {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-buttons-holder {
    flex-flow: column;
    align-content: space-between;
    align-items: stretch;
    width: 100%;
  }

  .subtitle-text {
    font-size: 16px;
  }

  .experience-grid-holder {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .card-background {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 10px;
  }

  .card-content-holder {
    padding: 20px;
  }

  .review {
    padding: 20px;
  }

  .sign-up-form {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    display: flex;
  }

  .footer-logo-link {
    width: 150px;
  }

  .made-by-section {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .licence-image-holder {
    margin-top: 10px;
  }

  .feature-icon-holder {
    width: 40px;
  }

  .feature-icon-box {
    padding: 30px 20px;
  }

  .icon-box.contact-info-holder {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .about-image-holder {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-radius: 10px;
  }

  .blog-grid-title {
    font-size: 18px;
  }

  .blog-details-holder {
    padding-bottom: 60px;
  }

  .faq-item {
    border-radius: 10px;
  }

  .title.hero-title {
    font-size: 35px;
  }

  .about-images-grid {
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .collection-item {
    padding-left: 0;
    padding-right: 0;
  }

  .mega-menu-wrapper {
    padding: 1em;
  }

  .form {
    grid-template-columns: 1fr 1fr;
  }

  .mega-menu-grid {
    flex-flow: column;
    display: flex;
  }

  .feature-cards-holder, .center-layout {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .card-holder {
    justify-content: space-between;
    align-items: stretch;
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    height: 550px;
  }

  .card-holder.dashboard-card {
    height: 500px;
  }

  .card-dashboard-holder {
    width: 800px;
    bottom: -18%;
    left: 5%;
  }

  .sticky-holder {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .feature {
    display: none;
  }

  .line {
    left: 35px;
  }

  .icon-grid {
    display: flex;
  }

  .check-list-holder {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  
  .hero-ui-wrapper {
    top: 55%;
  }

  .padded-background {
    margin-left: 1em;
    margin-right: 1em;
  }

  .hero-ui-column {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .hero-dashboard-background {
    background-color: rgba(70, 75, 73, 0);
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero-wrapper {
    padding-left: 1em;
    padding-right: 1em;
  }

  .review-section {
    padding-left: 1em;
    padding-right: 1em;
  }

  .about-grid-image {
    border-radius: 10px;
  }
}

#w-node-_3b1b103d-fa5b-8a63-d23a-3145648d15ec-b30810ea, #w-node-a25c4721-dfbd-3ce4-8c65-d31832b620ae-b30810ea, #w-node-b7d18471-c1f8-3f1f-b838-4539c580d931-b30810ea, #w-node-_6bd0e995-972a-0600-5fd5-924d0b0b7dc7-b30810ea, #w-node-_56fd49a8-4265-ce65-7c80-0258e12f2f6c-e12f2f69, #w-node-_56fd49a8-4265-ce65-7c80-0258e12f2f79-e12f2f69, #w-node-_56fd49a8-4265-ce65-7c80-0258e12f2f89-e12f2f69, #w-node-_56fd49a8-4265-ce65-7c80-0258e12f2f96-e12f2f69 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f690edb6-12c0-cdc4-c5a7-42a5165bfedb-b30810f6 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-f690edb6-12c0-cdc4-c5a7-42a5165bfedd-b30810f6, #w-node-f690edb6-12c0-cdc4-c5a7-42a5165bfedf-b30810f6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8998f03b-e3e4-dfbd-3a88-10060082b98e-b30810f6 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_8998f03b-e3e4-dfbd-3a88-10060082b992-b30810f6 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_8998f03b-e3e4-dfbd-3a88-10060082b996-b30810f6 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-edb9281f-06e4-537b-2dec-c9532649570c-b30810f6, #w-node-edb9281f-06e4-537b-2dec-c9532649570e-b30810f6, #w-node-edb9281f-06e4-537b-2dec-c95326495710-b30810f6, #w-node-_253df724-2d5a-a5c4-e012-5ecc75d69316-b30810f8, #w-node-_6865321c-0486-7bda-7c5f-29e21fb11f8e-b30810f8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_58befff8-2945-99c6-b6d4-503d23452ab7-b30810fa {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-_58befff8-2945-99c6-b6d4-503d23452abb-b30810fa {
  grid-area: 4 / 1 / 5 / 3;
}

#w-node-_3620e234-abf6-b467-0dfe-c6fdd8478bad-d8478b9d {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_28eea0b0-9818-3f61-6538-6657c19749b6-b30810fd {
  grid-area: 1 / 1 / 2 / 1;
}

#w-node-_68fe55e0-ecc5-578e-a993-8b8fc5d1cbdc-b30810fd {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f3738da2-4090-e501-1e72-f67aeca7823f-b30810fd {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_01072e2e-39fe-66d5-3029-92556f24cf47-b3081101, #w-node-_92276520-dc21-615d-5a0f-c2e666ed2da7-b3081101, #w-node-_1cafd2c7-25d7-e4ce-e188-1eae55ce471a-b3081101, #w-node-d645ba90-749e-1ffd-f7e0-5c365502922b-b3081101, #w-node-_64c98c85-efd4-6534-988f-09c5c07895fc-b3081101, #w-node-_1576a68e-76dc-52c2-c869-8ff5e12b15fa-b3081101, #w-node-_253df724-2d5a-a5c4-e012-5ecc75d69316-b3081103, #w-node-_6865321c-0486-7bda-7c5f-29e21fb11f8e-b3081103, #w-node-_253df724-2d5a-a5c4-e012-5ecc75d69316-b3081104, #w-node-_6865321c-0486-7bda-7c5f-29e21fb11f8e-b3081104, #w-node-cd10c76f-c19a-e45a-95f5-bd8b9cd0581b-b3081108, #w-node-_854489d5-f1ed-7a81-ed49-c61a03838ae5-b3081108, #w-node-f3df6089-99f8-14ea-8971-2b807b836e42-b3081108, #w-node-b0443eb5-4ff4-715c-e021-9cbc5ecb683b-b3081108, #w-node-b15e8abf-ee77-bfb6-2f1c-5f674e645dbf-b3081108, #w-node-b15e8abf-ee77-bfb6-2f1c-5f674e645dc2-b3081108, #w-node-b15e8abf-ee77-bfb6-2f1c-5f674e645dc5-b3081108, #w-node-b15e8abf-ee77-bfb6-2f1c-5f674e645dc8-b3081108, #w-node-_582fa1c9-dd45-51f3-62da-f32ff2d166ba-b3081108, #w-node-_01ee6b53-0397-d48b-85bc-8ac00dd99e70-b3081108, #w-node-_24b38a05-97af-fca0-cb61-98753f862d45-b3081108, #w-node-bbdf0b21-789f-ab8e-8bcf-83902686ed21-b3081108, #w-node-_8319ad1d-ec46-2920-8d8b-a8a3b5bef445-b3081108, #w-node-_8319ad1d-ec46-2920-8d8b-a8a3b5bef448-b3081108, #w-node-_8319ad1d-ec46-2920-8d8b-a8a3b5bef44a-b3081108, #w-node-_8319ad1d-ec46-2920-8d8b-a8a3b5bef44c-b3081108, #w-node-eb7995f1-4865-99d9-a79a-aa6a7d899168-b3081108, #w-node-eb7995f1-4865-99d9-a79a-aa6a7d89916b-b3081108, #w-node-eb7995f1-4865-99d9-a79a-aa6a7d89916d-b3081108, #w-node-eb7995f1-4865-99d9-a79a-aa6a7d89916f-b3081108, #w-node-_3a1f7d2f-3ac3-4403-a429-34ddbfc32fd8-b3081108, #w-node-_3a1f7d2f-3ac3-4403-a429-34ddbfc32fdb-b3081108, #w-node-_3a1f7d2f-3ac3-4403-a429-34ddbfc32fdd-b3081108, #w-node-_3a1f7d2f-3ac3-4403-a429-34ddbfc32fdf-b3081108, #w-node-_4582f3e9-f40f-767e-b9e9-60493fcfdc11-b3081108, #w-node-_4582f3e9-f40f-767e-b9e9-60493fcfdc14-b3081108, #w-node-_4582f3e9-f40f-767e-b9e9-60493fcfdc16-b3081108, #w-node-_4582f3e9-f40f-767e-b9e9-60493fcfdc18-b3081108, #w-node-adfa639f-8ea1-0e92-048d-6d19b805d9a2-b3081108, #w-node-adfa639f-8ea1-0e92-048d-6d19b805d9a5-b3081108, #w-node-adfa639f-8ea1-0e92-048d-6d19b805d9a7-b3081108, #w-node-adfa639f-8ea1-0e92-048d-6d19b805d9a9-b3081108, #w-node-adfa639f-8ea1-0e92-048d-6d19b805d9ac-b3081108, #w-node-adfa639f-8ea1-0e92-048d-6d19b805d9af-b3081108, #w-node-adfa639f-8ea1-0e92-048d-6d19b805d9b1-b3081108, #w-node-adfa639f-8ea1-0e92-048d-6d19b805d9b3-b3081108, #w-node-adfa639f-8ea1-0e92-048d-6d19b805d9b6-b3081108, #w-node-adfa639f-8ea1-0e92-048d-6d19b805d9b9-b3081108, #w-node-adfa639f-8ea1-0e92-048d-6d19b805d9bb-b3081108, #w-node-adfa639f-8ea1-0e92-048d-6d19b805d9bd-b3081108, #w-node-adfa639f-8ea1-0e92-048d-6d19b805d9c0-b3081108, #w-node-adfa639f-8ea1-0e92-048d-6d19b805d9c3-b3081108, #w-node-adfa639f-8ea1-0e92-048d-6d19b805d9c4-b3081108, #w-node-adfa639f-8ea1-0e92-048d-6d19b805d9c6-b3081108, #w-node-adfa639f-8ea1-0e92-048d-6d19b805d9c9-b3081108, #w-node-adfa639f-8ea1-0e92-048d-6d19b805d9cc-b3081108, #w-node-adfa639f-8ea1-0e92-048d-6d19b805d9cd-b3081108, #w-node-adfa639f-8ea1-0e92-048d-6d19b805d9ce-b3081108, #w-node-_96a7b419-4be7-bf76-1fa8-c241ec431567-b3081108, #w-node-_96a7b419-4be7-bf76-1fa8-c241ec43156a-b3081108, #w-node-_96a7b419-4be7-bf76-1fa8-c241ec43156c-b3081108, #w-node-_96a7b419-4be7-bf76-1fa8-c241ec43156e-b3081108, #w-node-_96a7b419-4be7-bf76-1fa8-c241ec431571-b3081108, #w-node-_96a7b419-4be7-bf76-1fa8-c241ec431574-b3081108, #w-node-_96a7b419-4be7-bf76-1fa8-c241ec431576-b3081108, #w-node-_96a7b419-4be7-bf76-1fa8-c241ec431578-b3081108, #w-node-_96a7b419-4be7-bf76-1fa8-c241ec43157b-b3081108, #w-node-_96a7b419-4be7-bf76-1fa8-c241ec43157e-b3081108, #w-node-_96a7b419-4be7-bf76-1fa8-c241ec431580-b3081108, #w-node-_96a7b419-4be7-bf76-1fa8-c241ec431582-b3081108, #w-node-_96a7b419-4be7-bf76-1fa8-c241ec431585-b3081108, #w-node-_96a7b419-4be7-bf76-1fa8-c241ec431588-b3081108, #w-node-_96a7b419-4be7-bf76-1fa8-c241ec431589-b3081108, #w-node-_96a7b419-4be7-bf76-1fa8-c241ec43158b-b3081108, #w-node-_96a7b419-4be7-bf76-1fa8-c241ec43158e-b3081108, #w-node-_96a7b419-4be7-bf76-1fa8-c241ec431591-b3081108, #w-node-_96a7b419-4be7-bf76-1fa8-c241ec431592-b3081108, #w-node-_96a7b419-4be7-bf76-1fa8-c241ec431593-b3081108, #w-node-_253df724-2d5a-a5c4-e012-5ecc75d69316-b308110c, #w-node-_6865321c-0486-7bda-7c5f-29e21fb11f8e-b308110c, #w-node-ab17bd8e-ce22-e34e-c31f-56d24d906bd3-b308110c, #w-node-_92d1e015-dc0e-4c4f-18ee-1464403875cf-b308110c, #w-node-_95e6c695-6ea3-de2e-a1f7-f45b9c067c92-b308110c, #w-node-cfddd18c-caf0-da0a-5116-5ebbc1b42d2d-b308110c, #w-node-_5ad9c13a-f49b-cf1b-79b3-ec3fb3dd902f-b308110c, #w-node-_2798f7a6-5e9f-ba59-cacb-5abb911e6ba3-b308110c, #w-node-_1f240182-f018-47c3-f85d-00aa74182369-b308110c, #w-node-b2e4db2e-e3d4-43a8-22ec-adc35dad7dee-b308110c, #w-node-_475d3279-ed24-9182-381d-21dee5f47bc1-b308110c, #w-node-b8ea1e63-7b37-daaa-c7a9-e04c6334d230-b308110c, #w-node-b8ea1e63-7b37-daaa-c7a9-e04c6334d233-b308110c, #w-node-b8ea1e63-7b37-daaa-c7a9-e04c6334d236-b308110c, #w-node-b8ea1e63-7b37-daaa-c7a9-e04c6334d239-b308110c, #w-node-b8ea1e63-7b37-daaa-c7a9-e04c6334d23c-b308110c, #w-node-b8ea1e63-7b37-daaa-c7a9-e04c6334d23f-b308110c, #w-node-_544cabcf-8700-f4bc-8c4c-a2881cef3d4c-b308110c, #w-node-_544cabcf-8700-f4bc-8c4c-a2881cef3d4f-b308110c, #w-node-_544cabcf-8700-f4bc-8c4c-a2881cef3d52-b308110c, #w-node-_544cabcf-8700-f4bc-8c4c-a2881cef3d55-b308110c, #w-node-_9f318977-25e3-6985-ca15-6e78f8875fb0-b308110c, #w-node-_9f318977-25e3-6985-ca15-6e78f8875fb3-b308110c, #w-node-_59f357a1-1e81-1dde-3e1b-02dbe1965a01-b3081153, #w-node-_59f357a1-1e81-1dde-3e1b-02dbe1965a0c-b3081153, #w-node-_59f357a1-1e81-1dde-3e1b-02dbe1965a17-b3081153, #w-node-_537aa843-4209-b4bc-facc-1c02ff8f3471-b3081153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1440px) {
  #w-node-_6bd0e995-972a-0600-5fd5-924d0b0b7dc7-b30810ea {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_3b1b103d-fa5b-8a63-d23a-3145648d15ec-b30810ea, #w-node-a25c4721-dfbd-3ce4-8c65-d31832b620ae-b30810ea, #w-node-b7d18471-c1f8-3f1f-b838-4539c580d931-b30810ea {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_92276520-dc21-615d-5a0f-c2e666ed2da7-b3081101, #w-node-_86a6708b-7464-f318-8041-20d55974ebfe-b3081102 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_59f357a1-1e81-1dde-3e1b-02dbe1965a01-b3081153, #w-node-_59f357a1-1e81-1dde-3e1b-02dbe1965a0c-b3081153, #w-node-_59f357a1-1e81-1dde-3e1b-02dbe1965a17-b3081153 {
    grid-area: 1 / 1 / 2 / 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_3b1b103d-fa5b-8a63-d23a-3145648d15ec-b30810ea, #w-node-a25c4721-dfbd-3ce4-8c65-d31832b620ae-b30810ea, #w-node-b7d18471-c1f8-3f1f-b838-4539c580d931-b30810ea {
    grid-column: span 4 / span 4;
  }

  #w-node-_3c402d93-5fb9-9f03-67f9-c2fc891cddb2-b30810ea {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3c402d93-5fb9-9f03-67f9-c2fc891cddc1-b30810ea {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_58befff8-2945-99c6-b6d4-503d23452aa7-b30810fa {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_58befff8-2945-99c6-b6d4-503d23452aab-b30810fa {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_58befff8-2945-99c6-b6d4-503d23452aaf-b30810fa {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-_58befff8-2945-99c6-b6d4-503d23452ab3-b30810fa {
    grid-area: 5 / 1 / 6 / 3;
  }

  #w-node-_58befff8-2945-99c6-b6d4-503d23452abb-b30810fa {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3620e234-abf6-b467-0dfe-c6fdd8478bad-d8478b9d {
    grid-column-end: 3;
  }

  #w-node-_3620e234-abf6-b467-0dfe-c6fdd8478bba-d8478b9d {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-b15e8abf-ee77-bfb6-2f1c-5f674e645dbf-b3081108, #w-node-_582fa1c9-dd45-51f3-62da-f32ff2d166ba-b3081108, #w-node-_8319ad1d-ec46-2920-8d8b-a8a3b5bef445-b3081108, #w-node-eb7995f1-4865-99d9-a79a-aa6a7d899168-b3081108, #w-node-_3a1f7d2f-3ac3-4403-a429-34ddbfc32fd8-b3081108, #w-node-_4582f3e9-f40f-767e-b9e9-60493fcfdc11-b3081108, #w-node-adfa639f-8ea1-0e92-048d-6d19b805d9a2-b3081108, #w-node-adfa639f-8ea1-0e92-048d-6d19b805d9ac-b3081108, #w-node-adfa639f-8ea1-0e92-048d-6d19b805d9b6-b3081108, #w-node-adfa639f-8ea1-0e92-048d-6d19b805d9c0-b3081108, #w-node-adfa639f-8ea1-0e92-048d-6d19b805d9c9-b3081108, #w-node-_96a7b419-4be7-bf76-1fa8-c241ec431567-b3081108, #w-node-_96a7b419-4be7-bf76-1fa8-c241ec431571-b3081108, #w-node-_96a7b419-4be7-bf76-1fa8-c241ec43157b-b3081108, #w-node-_96a7b419-4be7-bf76-1fa8-c241ec431585-b3081108, #w-node-_96a7b419-4be7-bf76-1fa8-c241ec43158e-b3081108 {
    grid-column: span 3 / span 3;
  }

  #w-node-_85a80fb9-2f62-424f-4e70-b665894aab05-b3081153 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_85a80fb9-2f62-424f-4e70-b665894aab14-b3081153 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_980ce388-bba3-1a2a-f89a-497243dcd050-b3081153 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_59f357a1-1e81-1dde-3e1b-02dbe1965a01-b3081153, #w-node-_59f357a1-1e81-1dde-3e1b-02dbe1965a0c-b3081153, #w-node-_59f357a1-1e81-1dde-3e1b-02dbe1965a17-b3081153 {
    grid-column: span 4 / span 4;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_3c402d93-5fb9-9f03-67f9-c2fc891cddb2-b30810ea {
    grid-column-end: 5;
  }

  #w-node-_3c402d93-5fb9-9f03-67f9-c2fc891cddc1-b30810ea {
    grid-row: 1 / 2;
    grid-column-end: 5;
  }

  #w-node-f690edb6-12c0-cdc4-c5a7-42a5165bfedb-b30810f6 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-f690edb6-12c0-cdc4-c5a7-42a5165bfedd-b30810f6, #w-node-f690edb6-12c0-cdc4-c5a7-42a5165bfedf-b30810f6 {
    grid-column: span 2 / span 2;
  }

  #w-node-_8998f03b-e3e4-dfbd-3a88-10060082b98e-b30810f6 {
    grid-column-end: 4;
  }

  #w-node-_8998f03b-e3e4-dfbd-3a88-10060082b992-b30810f6 {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_8998f03b-e3e4-dfbd-3a88-10060082b996-b30810f6 {
    grid-row: 3 / 4;
    grid-column-start: 1;
  }

  #w-node-_58befff8-2945-99c6-b6d4-503d23452aa7-b30810fa {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_58befff8-2945-99c6-b6d4-503d23452abb-b30810fa {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_28eea0b0-9818-3f61-6538-6657c19749b6-b30810fd {
    grid-column-end: 4;
  }

  #w-node-_68fe55e0-ecc5-578e-a993-8b8fc5d1cbdc-b30810fd {
    grid-column: 1 / 4;
    grid-row-start: 2;
  }

  #w-node-f3738da2-4090-e501-1e72-f67aeca7823f-b30810fd {
    grid-row: 3 / 4;
    grid-column-start: 1;
  }

  #w-node-_85a80fb9-2f62-424f-4e70-b665894aab05-b3081153 {
    grid-column-end: 5;
  }

  #w-node-_85a80fb9-2f62-424f-4e70-b665894aab14-b3081153 {
    grid-row: 1 / 2;
    grid-column-end: 5;
  }
}