@font-face {
  font-family: Eudoxussans;
  src: url('../fonts/EudoxusSans-ExtraBold.woff') format("woff"), url('../fonts/EudoxusSans-Bold.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Eudoxussans;
  src: url('../fonts/EudoxusSans-Medium.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Eudoxussans;
  src: url('../fonts/EudoxusSans-Regular.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Eudoxussans;
  src: url('../fonts/EudoxusSans-Light.woff') format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter-Bold.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter-Regular.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter-Medium.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter-SemiBold.woff') format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Eudoxussans Display;
  src: url('../fonts/EudoxusSans-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --neutral-800: #141125;
  --neutral-900: #0a071b;
  --neutral-500: #5b5675;
  --royal-blue: #5138ee;
  --neutral-600: #3c3754;
  --royal-blue-lighter: #f5f3fe;
  --royal-blue-dark: #3521b5;
  --neutral-400: #8c87a6;
  --royal-blue-darker: #1c0b83;
  --royal-blue-light: #9fa9ff;
  --neutral-100: #f8f7fc;
  --neutral-200: #e1dfec;
  --turquoise-normal: #5ec6e8;
  --turquoise-dark: #1c8ab9;
  --turquoise-darker: #066188;
  --turquoise-light: #ace6f9;
  --turquoise-lighter: #f2fbfd;
  --yellow-darker: #a96b0f;
  --yellow-dark: #db942a;
  --yellow-normal: #f9bd64;
  --yellow-light: #feddac;
  --yellow-lighter: #f9bd6414;
  --orange-darker: #823328;
  --orange-dark: #bf4c3d;
  --orange-normal: #f97664;
  --orange-light: #ffbeb6;
  --orange-lighter: #f9766414;
  --neutral-700: #2a263f;
  --neutral-300: #bcb8d0;
  --mainiq-blue: #5138ee;
  --white: white;
  --khaki: #ffeea2;
}

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

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.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-form-formrecaptcha {
  margin-bottom: 8px;
}

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

@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: #333;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: var(--neutral-800);
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 64px;
}

h2 {
  color: var(--neutral-800);
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
}

h3 {
  color: var(--neutral-800);
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
}

h4 {
  color: var(--neutral-900);
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}

h5 {
  color: var(--neutral-900);
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

h6 {
  color: var(--neutral-900);
  letter-spacing: -.03em;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
}

p {
  color: var(--neutral-500);
  letter-spacing: -.02em;
  margin-bottom: 15px;
  font-size: 17px;
  line-height: 30px;
}

a {
  color: var(--royal-blue);
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
}

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

li {
  color: var(--neutral-600);
  letter-spacing: -.02em;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

blockquote {
  border: 2px dashed var(--royal-blue);
  background-color: var(--royal-blue-lighter);
  color: var(--royal-blue-dark);
  letter-spacing: -.02em;
  margin-bottom: 10px;
  padding: 24px 32px;
  font-size: 18px;
  line-height: 32px;
}

.content-section {
  padding: 96px 3%;
}

.content-section.a-feature-section {
  margin-bottom: 32px;
  padding-top: 46px;
}

.content-section.a-feature-section.qsgsection {
  margin-bottom: 44px;
  padding-left: 3%;
}

.content-section.contentsingle {
  display: block;
}

.content-section.contentlegal {
  padding-left: 0%;
  padding-right: 0%;
}

.content-section.homequestions {
  padding-bottom: 192px;
}

.content-section.quicktips, .content-section.quicktips.showme {
  display: block;
}

.content-section.mid {
  padding-top: 225px;
  padding-bottom: 170px;
}

.content-section.mid.invsfsectiion2 {
  margin-top: 0;
}

.content-section.lkpro {
  padding-top: 154px;
  padding-bottom: 155px;
}

.style-guide-block {
  background-color: var(--royal-blue);
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 32px;
  padding: 60px 42px;
  display: flex;
}

.paragraph-style-wrap {
  max-width: 560px;
}

.style-title {
  color: var(--neutral-500);
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.font-size {
  color: var(--neutral-400);
  font-size: 16px;
}

.title {
  color: var(--royal-blue-dark);
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  display: block;
}

.title.donthide {
  display: block;
}

.typography-block {
  border-bottom: 1px solid #ececec;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 16px;
  padding-bottom: 32px;
  display: flex;
}

.style-grid {
  grid-row-gap: 42px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  margin-bottom: 100px;
}

.text-wrap {
  width: 100%;
  margin-bottom: 32px;
}

.container-large {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.style-full-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr;
}

.color-wrapper {
  margin-bottom: 60px;
}

.detail-block {
  color: #110b54;
  background-color: #fff9f0;
  border: 1px solid #ffb13e;
  margin-top: 32px;
  margin-bottom: 32px;
  padding: 30px 20px;
  font-size: 16px;
}

.sidebar-menu {
  white-space: normal;
  min-height: 240px;
  padding: 18px 18px 24px;
  position: sticky;
  top: 32px;
  box-shadow: 65px 65px 114px -56px #2b1d6714;
}

.style-guide-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.style-guide-short-link {
  color: var(--neutral-600);
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.text-block {
  color: #8c87a6;
  font-weight: 600;
}

.line-break {
  background-color: #f4f5fd;
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.style-guide-icon {
  width: 52px;
  margin-right: 24px;
}

.color-base {
  z-index: -1;
  height: 120px;
  position: relative;
}

.color-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-content: start;
  justify-items: start;
  width: 100%;
  margin-top: 40px;
}

.colour-text {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 12px 12px 16px;
  display: flex;
}

.royal-blue-darker {
  background-color: var(--royal-blue-darker);
}

.royal-blue-dark {
  background-color: var(--royal-blue-dark);
}

.royal-blue-lighter {
  background-color: var(--royal-blue-lighter);
}

.colour {
  background-color: #fff;
  align-items: center;
  width: 100%;
  max-width: 170px;
  display: block;
  overflow: hidden;
  box-shadow: 34px 34px 74px -12px #38327c14;
}

.royal-blue-light {
  background-color: var(--royal-blue-light);
}

.style-detail {
  color: #6a768a;
  letter-spacing: .02em;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
}

.royal-blue-normal {
  background-color: var(--royal-blue);
}

.template-detail-block {
  background-color: #fff;
  padding: 30px;
  box-shadow: 88px 88px 144px #2b1d670a;
}

.body-large {
  color: #4d5256;
  letter-spacing: -.03em;
  max-width: 90%;
  padding-top: 10px;
  font-size: 1.6rem;
  line-height: 130%;
}

.body-large.max-width {
  max-width: 440px;
}

.body-large.max-width.hp1.white {
  color: var(--neutral-100);
  margin-bottom: 30px;
}

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

.body-large.featuresdescrip {
  border-bottom: 1px none var(--neutral-200);
  padding-bottom: 20px;
}

.body-large.features {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}

.body-large.ftr {
  line-height: 38px;
}

.body-large.v3 {
  text-align: left;
}

.body-large.cta.boxed.white {
  color: #ebebeb;
}

.body-large.cta.boxed.v2 {
  max-width: 80%;
  font-size: 1.5rem;
}

.turquoise-normal {
  background-color: var(--turquoise-normal);
}

.turquoise-dark {
  background-color: var(--turquoise-dark);
}

.turquoise-darker {
  background-color: var(--turquoise-darker);
}

.turquoise-light {
  background-color: var(--turquoise-light);
}

.turquoise-lighter {
  background-color: var(--turquoise-lighter);
}

.yellow-darker {
  background-color: var(--yellow-darker);
}

.yellow-dark {
  background-color: var(--yellow-dark);
}

.yellow-normal {
  background-color: var(--yellow-normal);
}

.yellow-light {
  background-color: var(--yellow-light);
}

.yellow-lighter {
  background-color: var(--yellow-lighter);
}

.orange-darker {
  background-color: var(--orange-darker);
}

.orange-dark {
  background-color: var(--orange-dark);
}

.orange-normal {
  background-color: var(--orange-normal);
}

.orange-light {
  background-color: var(--orange-light);
}

.orange-lighter {
  background-color: var(--orange-lighter);
}

.neutral-900 {
  background-color: var(--neutral-900);
}

.neutral-800 {
  background-color: var(--neutral-800);
}

.neutral-700 {
  background-color: var(--neutral-700);
}

.neutral-600 {
  background-color: var(--neutral-600);
}

.neutral-500 {
  background-color: var(--neutral-500);
}

.neutral-400 {
  background-color: var(--neutral-400);
}

.neutral-300 {
  background-color: var(--neutral-300);
}

.neutral-200 {
  background-color: var(--neutral-200);
}

.neutral-100 {
  background-color: var(--neutral-100);
}

.banner {
  background-color: var(--royal-blue);
  color: #fff;
  background-image: url('../images/Banner-Pattern.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  min-height: 64px;
  padding: 16px 3%;
  display: flex;
}

.banner.iqbanner {
  display: none;
}

.banner-wrap {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1000px;
  display: flex;
}

.logo {
  min-width: 100px;
}

.logo.logoiq {
  min-width: 200px;
  height: 44px;
  overflow: clip;
}

.logo.g2 {
  height: 50px;
}

.logo.lp.pp_logo {
  height: 34px;
}

.logo.lp.pp_logo.cpt {
  height: 29px;
}

.nav-link {
  color: var(--neutral-500);
  letter-spacing: -.01em;
  border-radius: 50px;
  margin-left: 0;
  margin-right: 0;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transition: all .35s;
}

.nav-link:hover {
  background-color: var(--royal-blue-lighter);
  color: var(--royal-blue);
}

.nav-link.w--current {
  color: #774ef0;
}

.button {
  border: 2px solid var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
  text-align: center;
  letter-spacing: -.01em;
  white-space: nowrap;
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: border-color .3s, background-color .3s;
  display: flex;
  position: relative;
}

.button:hover {
  background-color: #6d6af8;
  border-color: #6d6af8;
}

.button:active {
  border-color: var(--royal-blue-dark);
  background-color: var(--royal-blue-dark);
}

.button:focus {
  border: 2px solid var(--royal-blue-light);
}

.button.margin-right-16 {
  margin-right: 16px;
}

.button.margin-top-32 {
  margin-top: 32px;
}

.button.button-space {
  margin-left: 8px;
  margin-right: 8px;
}

.button.margin-bottom-16 {
  background-color: var(--mainiq-blue);
  border-radius: 10px;
  margin-right: 16px;
}

.button.margin-bottom-16:hover {
  background-color: #263ba8;
}

.button.margin-bottom-16.hp1.cta {
  aspect-ratio: auto;
  object-fit: fill;
  border-radius: 10px;
  width: auto;
  max-width: none;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 700;
  line-height: 200%;
  display: inline-block;
  overflow: visible;
}

.button.margin-bottom-16.hp1.cta.tight {
  margin-top: 10px;
}

.button.margin-bottom-16.hp1.cta.tight.tif {
  margin-top: 30px;
}

.button.margin-bottom-16.hp1.cta.pp {
  margin-top: 0;
  margin-bottom: 40px;
}

.button.margin-bottom-16.hp1.cta.pp.introsec {
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 1.3rem;
  line-height: 24px;
}

.button.margin-bottom-16.hp1.cta.pp.introsec:hover {
  border-color: #253ca8;
}

.button.margin-bottom-16.hp1.cta.pp.introsec.feats {
  margin-top: 0;
  transition: border-color .3s, background-color .3s;
}

.button.margin-bottom-16.hp1.cta.pp.boxed {
  aspect-ratio: auto;
  text-align: left;
  justify-content: flex-start;
  align-self: flex-start;
  margin-top: 30px;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 1.3rem;
  line-height: 24px;
  display: flex;
  position: static;
}

.button.margin-bottom-16.v2 {
  letter-spacing: -.04em;
  border-style: none;
  min-height: 48px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 1.3rem;
  font-weight: 600;
}

.button.margin-bottom-16.v2.cta {
  width: 100%;
  padding-left: 24px;
}

.button.margin-bottom-16.v2.cta.full {
  width: 100%;
}

.button.margin-bottom-16.v2.cta.cta2 {
  background-color: var(--white);
  color: #3c51be;
  transition: border-color .3s;
}

.button.button-landing-mix {
  margin-right: 16px;
}

.button.btncustwidth {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.nav-menu {
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

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

.navigation-default {
  background-color: #fff;
  align-items: center;
  width: 100%;
  min-height: 96px;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
}

.navigation-right {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  min-height: 50px;
  display: flex;
}

.navigation-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  height: 100%;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.header-section {
  background-image: url('../images/InvoiceQuick2-2.jpg');
  background-position: 100% 100%;
  background-size: cover;
  background-attachment: scroll;
  min-height: 730px;
  max-height: none;
  padding: 60px 3% 72px;
}

.container {
  width: 100%;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  position: static;
}

.container.containerheader {
  max-width: 1400px;
}

.container.containerheader.v2 {
  margin-top: 0;
}

.container.f-container {
  max-width: 1300px;
}

.container.f-container.v2 {
  padding-top: 30px;
}

.container.hf-container {
  max-width: 1300px;
  padding-left: 20px;
}

.container.featuremobilecontainer {
  display: none;
}

.container.qsgtbbox {
  border-top: 1px solid var(--neutral-300);
  border-bottom: 1px solid var(--neutral-300);
  margin-top: 60px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.container.footer {
  text-align: left;
  max-width: 1280px;
}

.container._1140 {
  max-width: 1140px;
}

.header-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.hero-heading {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 64px;
  line-height: 72px;
}

.hero-heading.custom, .hero-heading.custom-copy {
  padding-right: 0;
}

.hero-heading.custom-copy.hp1.white {
  color: var(--neutral-100);
}

.hero-image {
  width: 100%;
  max-width: 1400px;
}

.hero-image.hideme {
  display: block;
}

.hero-image.hide {
  display: none;
}

.header-image {
  justify-content: center;
  align-items: flex-end;
  padding: 0;
  display: flex;
  position: relative;
}

.section-header {
  border-top: 1px solid var(--neutral-200);
  border-bottom: 1px solid var(--neutral-200);
  background-color: var(--neutral-100);
  align-items: center;
  min-height: 240px;
  padding: 80px 3%;
  display: flex;
}

.header {
  background-color: var(--royal-blue);
  background-image: url('../images/Header-Pattern-Post.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  min-height: 150px;
  padding: 70px 3%;
  display: block;
}

.header.headersinglep {
  display: none;
}

.header.header-generator {
  min-height: 100px;
  padding-top: 69px;
  padding-bottom: 69px;
}

.h1-title-white {
  color: #fff;
}

.navigation {
  border-bottom: 1px solid #eee;
}

.form {
  border: 1px solid var(--neutral-200);
  background-color: #fff;
  border-radius: 500px;
  align-items: center;
  max-height: 56px;
  padding: 4px;
  display: flex;
  overflow: hidden;
}

.text-field {
  border: 1px solid var(--neutral-200);
  color: var(--neutral-400);
  letter-spacing: -.02em;
  background-color: #fff;
  border-radius: 8px;
  min-height: 48px;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 24px;
}

.text-field::placeholder {
  color: var(--neutral-400);
}

.text-field.margin-bottom-16 {
  margin-bottom: 16px;
}

.submit-button {
  background-color: var(--royal-blue);
  border-radius: 500px;
  height: 100%;
  padding: 12px 24px;
  transition: background-color .2s;
}

.submit-button:hover {
  background-color: #6d6af8;
}

.form-block {
  width: 100%;
  max-width: 400px;
  margin-top: 32px;
  margin-bottom: 24px;
}

.button-wrapper {
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.button-wrapper.cta-button-wrapper {
  margin-bottom: 15px;
}

.button-wrapper.v2 {
  margin-top: 0;
}

.button-wrapper.v2.hp1 {
  margin-top: 20px;
}

.button-light {
  border: 2px solid var(--royal-blue-lighter);
  background-color: var(--royal-blue-lighter);
  color: var(--royal-blue);
  text-align: center;
  letter-spacing: -.01px;
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.button-light:hover, .button-light:focus {
  border-color: #b197ff;
}

.button-light.btn-light-white {
  border-color: var(--royal-blue);
  background-color: #fff;
  border-radius: 10px;
  display: block;
}

.button-light.btn-light-white.v2 {
  color: #1d2e3b;
  letter-spacing: -.04px;
  -webkit-text-stroke-color: #3131c9;
  background-color: #f6f6f7;
  border-style: none;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 1.3rem;
}

.button-light.btn-light-white.v2.hide {
  min-width: 180px;
}

.button-light.btn-light-white.v2.hide.full {
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
}

.button-light.btn-light-white.v2.hide.full.cta2 {
  color: #fff;
  background-color: #f6f6f74d;
}

.header-section-dark {
  background-color: var(--neutral-900);
  align-items: center;
  min-height: 800px;
  padding-top: 120px;
  padding-bottom: 160px;
  display: flex;
  position: relative;
}

.hero-centre-wrapper {
  z-index: 5;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.hero-heading-white {
  color: #1a1a1a;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 64px;
  line-height: 72px;
}

.hero-heading-white.v2 {
  color: var(--royal-blue-darker);
}

.button-wrapper-centre {
  justify-content: center;
  align-items: center;
  margin: 32px auto;
  display: flex;
}

.button-text {
  border: 1px solid var(--neutral-800);
  color: #fff;
  text-align: center;
  letter-spacing: -.01px;
  white-space: nowrap;
  background-color: #0000;
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.button-text:hover, .button-text:focus {
  border-color: #b197ff;
}

.button-text.button-space {
  margin-left: 8px;
  margin-right: 8px;
}

.button-text.button-space:hover {
  border-color: #f5f3fe33;
}

.title-blue {
  color: var(--turquoise-normal);
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.button-grid {
  grid-template-columns: 1fr 1fr;
  margin-bottom: 100px;
}

.button-cell {
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
}

.button-small {
  border: 2px solid var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
  text-align: center;
  letter-spacing: -.01em;
  white-space: nowrap;
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: all .3s;
  display: flex;
  position: relative;
  box-shadow: 2px 2px 2px #7281a70a;
}

.button-small:hover {
  background-color: #6d6af8;
  border-color: #6d6af8;
}

.button-small:active {
  border-color: var(--royal-blue-dark);
  background-color: var(--royal-blue-dark);
}

.button-small:focus {
  border: 2px solid var(--royal-blue-light);
}

.button-secondary {
  border: 2px solid var(--royal-blue-lighter);
  background-color: var(--royal-blue-lighter);
  color: var(--royal-blue);
  text-align: center;
  letter-spacing: -.01em;
  white-space: nowrap;
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: all .3s;
  display: flex;
  position: relative;
  box-shadow: 2px 2px 2px #7281a70a;
}

.button-secondary:hover {
  color: #fff;
  background-color: #6d6af8;
  border-color: #6d6af8;
}

.button-secondary:active {
  border-color: var(--royal-blue-dark);
  background-color: var(--royal-blue-dark);
}

.button-secondary:focus {
  border: 2px solid var(--royal-blue-light);
}

.button-secondary.margin-top-32 {
  margin-top: 32px;
}

.button-secondary.margin-right-16 {
  margin-right: 16px;
}

.button-secondary.cta-button-large {
  margin-top: 32px;
  margin-bottom: 32px;
}

.button-secondary.btn-feature {
  background-color: var(--royal-blue);
  color: #fff;
  margin-top: 10px;
  display: inline-block;
}

.button-secondary-small {
  border: 2px solid var(--royal-blue-lighter);
  background-color: var(--royal-blue-lighter);
  color: var(--royal-blue);
  text-align: center;
  letter-spacing: -.01em;
  white-space: nowrap;
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.button-secondary-small:hover {
  color: #fff;
  background-color: #6d6af8;
  border-color: #6d6af8;
}

.button-secondary-small:active {
  border-color: var(--royal-blue-dark);
  background-color: var(--royal-blue-dark);
}

.button-secondary-small:focus {
  border: 2px solid var(--royal-blue-light);
}

.menu-button {
  color: var(--neutral-500);
  text-align: center;
  letter-spacing: -.01em;
  white-space: nowrap;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.menu-button:hover {
  color: #fff;
  background-color: #6d6af8;
  border-color: #6d6af8;
}

.menu-button:active {
  border-color: var(--royal-blue-dark);
  background-color: var(--royal-blue-dark);
}

.menu-button:focus {
  border: 2px solid var(--royal-blue-light);
}

.customer-section {
  padding: 64px 3%;
}

.customer-section.joincustom {
  padding-top: 30px;
}

.title-wrap-left {
  align-items: center;
  margin-bottom: 22px;
  display: flex;
}

.logo-grid {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: 840px;
}

.title-wrap-centre {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 750px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.title-wrap-centre.titlew-pricing {
  display: none;
}

.title-wrap-centre.wrapperlong {
  max-width: 100%;
  margin-bottom: 10px;
}

.logo-centre {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.logo-centre.margin-below-32 {
  margin-bottom: 32px;
}

.logo-centre.logoscenterfeatures {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  max-width: 80%;
  margin-top: 0;
  padding-top: 10px;
}

.logo-centre.lp {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-content: center;
  max-width: 1100px;
}

.logo-centre.lp.v2 {
  grid-column-gap: 40px;
  align-content: center;
  max-width: 1110px;
  margin-top: 40px;
  margin-bottom: 50px;
  display: flex;
}

.logo-centre.lp.v2.pricing_block {
  max-width: 830px;
}

.logo-centre.lp.v2.price_grid {
  grid-column-gap: 25px;
}

.logo-centre.lp.v2.gen {
  justify-content: center;
  align-items: center;
}

.logo-centre.lp.v2.pricepagemet {
  grid-column-gap: 60px;
  max-width: 840px;
}

.customer-section-dark {
  background-color: var(--neutral-900);
  background-image: url('../images/Triangles-Dark.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding: 60px 3%;
}

.h4-title-white {
  color: #fff;
  margin-bottom: 16px;
}

.feature-section {
  padding: 100px 3%;
}

.customer-block {
  background-color: var(--neutral-900);
  background-image: url('../images/Customer-Pattern.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 420px;
  padding: 92px 32px;
  display: flex;
}

.navigation-left {
  align-items: center;
  width: 50%;
  min-height: 50px;
  display: flex;
}

.button-link {
  color: var(--royal-blue);
  letter-spacing: -.02em;
  align-items: center;
  padding-top: 21px;
  padding-bottom: 4px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.button-link.margin-top-32 {
  margin-top: 32px;
  display: none;
}

.button-link.contact-link {
  color: #fff;
  margin-top: 32px;
}

.button-link.btnherolearnmore {
  display: none;
}

.button-link-blue {
  color: var(--turquoise-normal);
  letter-spacing: -.02em;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.chevron {
  margin-left: 8px;
}

.footer-section {
  padding: 72px 3% 40px;
}

.button-link-small {
  color: var(--royal-blue);
  letter-spacing: -.02em;
  justify-content: flex-start;
  align-items: center;
  margin-left: 42px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.feature-grid-small {
  z-index: 5;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container-small {
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
}

.container-small.v2 {
  padding-top: 72px;
}

.feature-card {
  text-align: center;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  padding: 32px;
  display: flex;
  box-shadow: 53px 76px 114px -56px #004c6c14;
}

.icon-large {
  width: 80px;
  margin-bottom: 24px;
}

.body-medium {
  color: var(--neutral-500);
  text-align: left;
  letter-spacing: -.03em;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.body-medium.center, .body-medium.savetext {
  text-align: center;
}

.body-medium.textpro {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.body-medium.textpro.pricing {
  margin-top: 0;
  padding: 10px 30px;
}

.body-medium.textpro.pricing.lp {
  background-color: #fff;
  padding-left: 28px;
  padding-right: 28px;
  font-size: 1.125rem;
  line-height: 150%;
}

.body-medium.textpro.pricing.lp._2 {
  padding-left: 25px;
  padding-right: 25px;
}

.body-medium.textpro.pricing.main {
  background-color: #3c51be00;
}

.body-medium.subfooterlink {
  padding-right: 57px;
}

.body-medium.subfootertext.hideondesktop {
  display: block;
}

.body-medium.short {
  max-width: 600px;
  line-height: 28px;
}

.body-medium.dd {
  margin-top: 10px;
  padding-right: 50px;
  font-size: 18px;
  line-height: 28px;
}

.background-blue {
  z-index: -1;
  background-color: var(--turquoise-lighter);
  background-image: url('../images/Feature-Pattern.svg');
  background-position: -560% -60%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  padding-top: 0;
  position: absolute;
  inset: 0 0% 0%;
}

.feature-grid-large {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-left: auto;
  margin-right: auto;
}

.feature-grid-large.cv {
  grid-template-rows: auto;
}

.feature-grid {
  grid-column-gap: 72px;
  grid-row-gap: 92px;
  grid-template-rows: auto;
  grid-template-columns: 351px 1.5fr;
}

.feature-link {
  color: var(--royal-blue);
  letter-spacing: -.02em;
  justify-content: flex-start;
  align-items: center;
  margin-top: 32px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.feature-link.hidethis {
  display: none;
}

.feature-card-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  align-items: center;
  margin-top: 76px;
  position: relative;
  top: -40px;
}

.value-background {
  z-index: -1;
  background-color: #9fa9ff17;
  background-image: url('../images/Values-Pattern.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.feature-wrapper {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3%;
  padding-right: 3%;
  position: relative;
}

.feature-section-dark {
  background-color: var(--neutral-900);
  background-image: url('../images/Feature-Set-Pattern.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 3%;
}

.h3-title-white {
  color: #fff;
  margin-bottom: 16px;
}

.h3-title-white.margin-bottom-24 {
  margin-bottom: 24px;
}

.feature-block-dark {
  background-color: var(--neutral-800);
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 24px 32px 32px;
  display: flex;
}

.feature-number {
  color: var(--neutral-700);
  letter-spacing: -.03em;
  margin-bottom: 32px;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.2;
}

.h5-title-white {
  color: #fff;
  margin-top: 0;
}

.video-section {
  padding: 96px 3%;
}

.content-grid {
  grid-column-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1.25fr;
  align-items: center;
}

.content-grid.growgrid {
  grid-column-gap: 50px;
  grid-template-columns: 1.25fr 1.25fr;
}

.bullet-list-grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  margin-top: 32px;
}

.bullet-list-grid.hide {
  display: none;
}

.bullet-point-purple {
  width: 24px;
  margin-right: 12px;
}

.bullet-point {
  align-items: center;
  display: flex;
}

.container-extra-small {
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.mainhero {
  background-image: linear-gradient(#ffffffb3, #ffffffb3), url('../images/IQ-Video.svg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 80px 3%;
  position: relative;
}

.mainhero.fp {
  background-image: url('../images/IQ-Video.svg');
  background-attachment: scroll;
  padding-top: 60px;
  padding-bottom: 60px;
}

.mainhero.fp.pp {
  text-align: center;
  background-image: url('../images/IQ-Video.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  padding-bottom: 90px;
  position: relative;
}

.mainhero.fp.pp.test {
  background-color: #1e2937;
  border: 0 #000;
}

.mainhero.fp.pp.v2 {
  padding-top: 60px;
  padding-bottom: 0;
}

.mainhero.fp.pp.v2.invoicetemplates {
  background-color: #fff;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  border-bottom: 1px solid #eee;
  padding-top: 120px;
  padding-bottom: 100px;
}

.mainhero.fp.pp.v2.invoicetemplates.invoice-cats {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
}

.mainhero.fp.pp.v2.invoicetemplates.purple {
  background-color: #5138ee;
  border-bottom-style: none;
  padding-bottom: 0;
}

.video-section-dark {
  background-color: var(--neutral-900);
  background-image: url('../images/Feature-Set-Pattern.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 72px 3% 120px;
}

.cta3 {
  text-align: left;
  background-color: #0000;
  padding: 20px 0% 0;
}

.title-wrap-large-centre {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 620px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.title-wrap-large-centre.trustedcenter {
  max-width: 800px;
}

.title-wrap-large-centre.trustedcenter.v3 {
  align-items: flex-start;
  margin-bottom: 0;
}

.company-grid {
  z-index: 5;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  position: relative;
}

.content-card {
  text-align: left;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 32px;
  display: flex;
  box-shadow: 53px 76px 114px -56px #004c6c30;
}

.content-card.margin-bottom-32 {
  margin-bottom: 32px;
}

.content-card.custom {
  box-shadow: 0 15px 40px -5px #bcb8d080;
}

.number-large {
  color: var(--mainiq-blue);
  letter-spacing: -.04em;
  margin-bottom: 10px;
  font-size: 56px;
  font-weight: 700;
  line-height: 64px;
}

.content-section-dark {
  background-color: var(--neutral-900);
  padding: 72px 3%;
}

.content-card-dark {
  border: 1px solid var(--neutral-700);
  background-color: var(--neutral-800);
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 32px;
  display: flex;
  box-shadow: 53px 76px 114px -56px #004c6c14;
}

.number-blue-large {
  color: var(--turquoise-normal);
  letter-spacing: -.04em;
  margin-bottom: 16px;
  font-size: 56px;
  font-weight: 700;
  line-height: 64px;
}

.body-dark-medium {
  color: var(--neutral-900);
  letter-spacing: -.03em;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}

.content-grid-feature {
  grid-column-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 450px 1fr;
  grid-auto-columns: 2fr;
  align-items: center;
}

.feature-grid-saas {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
}

.saas-feature-column {
  padding-top: 100px;
}

.header-content {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 63px;
  display: flex;
}

.header-content.hp2 {
  margin-top: 130px;
}

.header-grid-phone {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.content-message-card {
  position: absolute;
  inset: auto 10% 25% auto;
  box-shadow: 66px 66px 114px -56px #2b1d6714;
}

.content-image-wrapper {
  background-image: url('../images/Background-Shape.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  position: relative;
}

.avatar-large {
  width: 104px;
  margin-right: 32px;
}

.body-quote {
  color: var(--neutral-900);
  letter-spacing: -.03em;
  margin-bottom: 16px;
  font-size: 18px;
  font-style: italic;
  line-height: 32px;
}

.author-wrapper {
  align-items: center;
  margin-top: 50px;
  display: flex;
}

.testimonial-author {
  color: var(--neutral-900);
  text-transform: uppercase;
  font-weight: 700;
  line-height: 24px;
}

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

.content-block-modern {
  perspective: 1000px;
  position: relative;
}

.footer-grid {
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr 1fr 1fr;
  margin-bottom: 32px;
}

.footer-grid.footer-grid-iq {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: left;
  grid-template-columns: 3.5fr 1fr 1fr 1fr;
  margin-bottom: 0;
}

.footer-grid.footer-grid-iq.subf {
  float: right;
  border-top: 1px none var(--royal-blue-lighter);
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center;
  max-width: 400px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

.footer-grid.footer-grid-iq.subf.left {
  float: left;
  grid-template-columns: 1fr;
  max-width: 510px;
}

.footer-column {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  padding-top: 0;
  display: block;
}

.footer-column.hideondesktop {
  display: none;
}

.footer-contact-detail {
  grid-row-gap: 32px;
  grid-template-columns: 1fr;
  margin-top: 18px;
}

.title-grey-500 {
  color: var(--neutral-500);
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.title-grey-500.margin-bottom-24 {
  margin-bottom: 24px;
}

.h5-title-blue {
  color: var(--royal-blue);
  margin-top: 0;
  margin-bottom: 0;
}

.footer-link {
  color: var(--neutral-900);
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  min-height: 32px;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.footer-link:hover {
  color: var(--royal-blue);
}

.footer-link.subfooterlink {
  min-height: auto;
  margin-left: 0;
  font-weight: 400;
  display: block;
}

.footer-line {
  background-color: var(--neutral-200);
  height: 1px;
  margin-top: 40px;
  margin-bottom: 32px;
}

.footer-legal-bar {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-socials {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.footer-legal-link {
  color: var(--neutral-400);
  font-size: 16px;
  line-height: 32px;
  text-decoration: none;
}

.footer-grid-large {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 3fr;
  margin-bottom: 32px;
}

.footer-logo-large {
  margin-bottom: 48px;
}

.footer-grid-horizontal {
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  margin-top: 32px;
  margin-bottom: 52px;
}

.form-block-footer {
  width: 100%;
  max-width: 400px;
  margin-bottom: 24px;
}

.footer-section-dark {
  background-color: var(--neutral-900);
  padding: 72px 3% 40px;
}

.footer-link-white {
  color: var(--white);
  justify-content: flex-start;
  align-items: center;
  min-height: 32px;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.h5-title-turquoise {
  color: var(--turquoise-normal);
  margin-top: 0;
  margin-bottom: 0;
}

.footer-line-dark {
  background-color: var(--neutral-700);
  height: 1px;
  margin-top: 40px;
  margin-bottom: 32px;
}

.testimonial-card {
  text-align: left;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 32px;
  display: flex;
  box-shadow: 53px 76px 114px -56px #004c6c14;
}

.body-large-900 {
  color: var(--neutral-900);
  letter-spacing: -.03em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
}

.body-large-900.hideme {
  display: none;
}

.star-rating {
  margin-bottom: 24px;
}

.avatar-medium {
  background-color: #dcdfff;
  border-radius: 100px;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  margin-right: 24px;
  overflow: hidden;
}

.testimonial-section {
  padding: 64px 3%;
  overflow: hidden;
}

.testimonial-tab-section {
  flex-direction: column-reverse;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.testimonial-content {
  flex-direction: column;
  align-items: flex-start;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.avatar-tab {
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  display: flex;
  position: relative;
}

.testimonial-paragraph {
  color: #161c27;
  letter-spacing: -.02em;
  margin-bottom: 40px;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
  text-decoration: none;
}

.testimonial-avatar-link {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 105px;
  height: 105px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 0;
  display: flex;
}

.testimonial-avatar-link.w--current {
  border: 3px solid var(--royal-blue);
  background-color: #0000;
  border-radius: 100%;
}

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

.star-rating-large {
  width: 192px;
  margin-bottom: 24px;
}

.testimonial-section-dark {
  background-color: var(--neutral-900);
  padding: 100px 3% 120px;
}

.background-dark-800 {
  background-color: var(--neutral-800);
  height: 100%;
  position: absolute;
  bottom: -40px;
  left: 0%;
  right: 0%;
}

.gallery-section {
  padding: 64px 3%;
}

.gallery-row {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
}

.gallery-image-block {
  height: 300px;
}

.gallery-row-reversed {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  margin-top: 40px;
}

.gallery-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.company-section-blue {
  background-color: var(--turquoise-lighter);
  background-image: url('../images/Company-Blue-Pattern.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 92px 3% 100px;
}

.company-card {
  text-align: center;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 210px;
  padding: 32px;
  display: flex;
  box-shadow: 53px 76px 114px -56px #004c6c14;
}

.title-light-grey {
  color: var(--neutral-300);
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.company-pattern-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.pattern {
  position: absolute;
  top: auto;
  bottom: -15%;
}

.company-card-dark {
  border: 1px solid var(--neutral-700);
  background-color: var(--neutral-800);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 210px;
  padding: 32px;
  display: flex;
  box-shadow: 53px 76px 114px -56px #004c6c14;
}

.body-medium-300 {
  color: var(--neutral-300);
  letter-spacing: -.03em;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}

.navigation-wrapper {
  align-items: center;
  display: flex;
}

.navigation-button-wrapper {
  justify-content: flex-end;
  align-items: center;
  width: auto;
  display: flex;
}

.brand-large {
  justify-content: flex-start;
  align-items: center;
  margin-right: 0;
  display: flex;
}

.navigation-dark {
  background-color: var(--neutral-900);
  align-items: center;
  width: 100%;
  min-height: 96px;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
}

.nav-link-light {
  color: var(--neutral-300);
  letter-spacing: -.01em;
  border-radius: 50px;
  margin-left: 0;
  margin-right: 0;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transition: all .35s;
}

.nav-link-light:hover {
  background-color: var(--royal-blue-lighter);
  color: var(--royal-blue);
}

.nav-link-light.w--current {
  color: #774ef0;
}

.footer-section-template {
  background-color: var(--white);
  background-image: url('../images/Company-Blue-Pattern.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 72px 3% 40px;
  overflow: hidden;
}

.flowbase-badge {
  width: 220px;
}

.cta-section {
  padding: 60px 3%;
}

.cta-section.cta-handmobile {
  -webkit-text-fill-color: inherit;
  background-color: #f5f5f7;
  background-image: linear-gradient(#f5f5f7, #fff);
  background-clip: border-box;
}

.cta-section.cta-handmobile.new {
  background-color: #f5f5f700;
  background-image: none;
  padding: 20px 0% 80px;
  position: relative;
}

.cta-block {
  text-align: center;
  background-color: #0c014f;
  background-image: url('../images/CTA-Pattern.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  padding: 64px 3%;
  display: flex;
}

.title-light-blue {
  color: var(--royal-blue-light);
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.body-large-white {
  color: var(--white);
  letter-spacing: -.03em;
  font-size: 18px;
  line-height: 32px;
}

.body-large-white.max-width {
  color: var(--white);
  max-width: 470px;
  display: none;
}

.form-block-large {
  width: 100%;
  max-width: 440px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.bullet-wrapper-left {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.bullet-wrapper-left.hide {
  display: none;
}

.body-small {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
}

.body-light-small {
  color: var(--white);
  letter-spacing: -.01em;
  margin-bottom: 0;
  line-height: 24px;
}

.bullet-point-large {
  align-items: center;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.button-light-text {
  border: 1px solid var(--white);
  color: #fff;
  text-align: center;
  letter-spacing: -.01px;
  white-space: nowrap;
  background-color: #0000;
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.button-light-text:hover, .button-light-text:focus {
  border-color: #b197ff;
}

.cta-block-light {
  text-align: left;
  background-color: #fff;
  border-radius: 30px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-height: 420px;
  padding: 64px 5%;
  display: flex;
  position: relative;
  box-shadow: 0 0 15px -5px #0003;
}

.cta-block-light.blockctamargin.v2 {
  max-width: 1100px;
  min-height: 400px;
  margin: 40px auto 60px;
  padding-top: 50px;
  padding-bottom: 50px;
  display: block;
  box-shadow: 4px 4px 50px #0000001a;
}

.cta-block-light.blockctamargin.v2.lastcta {
  display: none;
}

.cta-block-light.blockctamargin.v2.v2cta {
  border-radius: 20px;
  margin-top: 80px;
}

.cta-block-light.blockctamargin.v2.dark {
  background-color: #1e2937;
  margin-top: 80px;
}

.cta-block-light.blockctamargin.v3 {
  max-width: 1100px;
  min-height: 380px;
  margin: 40px auto 60px;
  padding-top: 50px;
  padding-bottom: 50px;
  display: block;
  box-shadow: 4px 4px 50px #0000001a;
}

.cta-block-light.blockctamargin.v3.lastcta {
  display: none;
}

.cta-block-light.blockctamargin.v3.v2cta {
  border-radius: 20px;
  margin-top: 80px;
}

.cta-block-light.blockctamargin.v3.dark {
  background-color: #1e2937;
  margin-top: 80px;
}

.cta-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 60%;
  height: 100%;
  min-height: 260px;
  display: flex;
}

.cta-wrapper.cta {
  margin-top: 30px;
}

.phone-hand-wrapper {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 46%;
  margin-right: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.phone-hand {
  width: 100%;
}

.phone-hand.phonehandiq {
  max-width: 86%;
  margin-left: 54px;
}

.phone-hand.phonehandiq.ppl {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.phone-hand.phonehandiq.ppl.hide {
  width: 100%;
}

.form-white {
  background-color: #fff;
  border: 1px solid #0000;
  border-radius: 500px;
  align-items: center;
  min-height: 56px;
  padding: 4px;
  display: flex;
  overflow: hidden;
}

.cta-block-yellow {
  text-align: center;
  background-color: #fffaf3;
  background-image: url('../images/CTA-Pattern-Yellow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 420px;
  padding: 64px 5%;
  display: flex;
  position: relative;
}

.bullet-wrapper-centre {
  justify-content: center;
  align-items: center;
  margin-top: 14px;
  margin-bottom: 40px;
  display: flex;
}

.cta-centre-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.value-section {
  padding: 100px 3% 120px;
}

.title-grid {
  grid-column-gap: 52px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 305px 2fr;
  margin-bottom: 60px;
}

.value-card {
  border: 1px solid var(--neutral-200);
  box-shadow: none;
  text-align: center;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 32px;
  transition: box-shadow .2s;
  display: flex;
}

.value-card:hover {
  box-shadow: 71px 102px 144px -56px #2b1d670f;
}

.value-card.small {
  height: auto;
  display: inline;
}

.body-large-300 {
  color: var(--neutral-300);
  letter-spacing: -.03em;
  font-size: 18px;
  line-height: 32px;
}

.value-card-dark {
  border: 1px solid var(--neutral-700);
  background-color: var(--neutral-800);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  display: flex;
}

.value-section-dark {
  background-color: var(--neutral-900);
  background-image: url('../images/Feature-Set-Pattern.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 3% 120px;
}

.blog-section {
  padding: 48px 3% 0;
  position: relative;
}

.blog-feature {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 510px 1fr;
}

.category-badge {
  letter-spacing: -.03em;
  border-radius: 4px;
  flex: 0 auto;
  order: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding: 4px 16px;
  font-weight: 500;
  display: inline-block;
}

.category-badge.w--current {
  margin-bottom: 20px;
  padding-left: 0;
}

.blog-content {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 5px;
  margin-left: 0;
  display: block;
}

.horizontal-detail-wrapper {
  float: left;
  align-items: center;
  margin-top: 0;
  margin-right: 0;
  display: block;
}

.horizontal-detail-wrapper.v2 {
  margin-top: 0;
  display: flex;
}

.blog-detail {
  float: none;
  color: #7f8385;
  letter-spacing: 0;
  text-transform: capitalize;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: inline-block;
}

.blog-detail.margin-left-right {
  margin-left: 6px;
  margin-right: 6px;
  font-size: 18px;
  font-weight: 700;
}

.blog-detail.removetx {
  display: none;
}

.blog-detail.catname {
  color: var(--mainiq-blue);
}

.blog-section-dark {
  background-color: var(--neutral-900);
  padding: 62px 3%;
}

.blog-feature-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(840px, 1fr));
}

.image-cover {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.image-cover.singlevcover {
  object-fit: cover;
}

.image-cover.bpost {
  object-fit: cover;
  height: auto;
  overflow: clip;
}

.blog-image-large {
  height: 372px;
  margin-bottom: 24px;
}

.form-block-sidebar {
  width: 100%;
  max-width: 400px;
  margin-bottom: 40px;
}

.blog-sidebar {
  padding: 16px 24px;
  position: sticky;
}

.social-link-grid {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  margin-bottom: 40px;
}

.social-icon-grey {
  width: 24px;
  margin-right: 12px;
}

.social-link-bar {
  border: 1px solid var(--neutral-100);
  background-color: var(--neutral-100);
  color: var(--neutral-900);
  border-radius: 100px;
  align-items: center;
  padding: 12px 24px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.social-link-bar:hover {
  border-color: var(--neutral-200);
}

.title-dark {
  color: var(--neutral-900);
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.blog-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.blog-image-thumbnail {
  height: 257px;
  margin-bottom: 10px;
  overflow: hidden;
}

.blog-title {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.grid-list-small {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.blog-title-white {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.feature-section-blue {
  background-color: var(--turquoise-lighter);
  background-image: url('../images/Feature-Overview-Pattern.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 100px 3% 120px;
}

.feature-block-white {
  background-color: var(--white);
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 24px 32px 32px;
  display: flex;
  box-shadow: 66px 66px 114px -56px #004c6c14;
}

.feature-number-blue {
  color: var(--royal-blue);
  letter-spacing: -.03em;
  margin-bottom: 22px;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.2;
}

.home-feature-grid {
  grid-column-gap: 92px;
  grid-row-gap: 92px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 300px;
}

.culture-section {
  padding: 72px 3%;
}

.culture-section.section-grey {
  background-color: var(--neutral-100);
  padding-top: 100px;
  padding-bottom: 100px;
}

.faq-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  margin-top: 60px;
}

.faq-column.padding-top-32 {
  margin-top: 0;
}

.faq-block {
  height: auto;
  margin-bottom: 64px;
}

.faq-block.generator {
  min-height: 200px;
  margin-bottom: 0;
}

.faq-block.dd {
  height: auto;
  margin-bottom: 40px;
}

.h4-title {
  margin-bottom: 24px;
}

.h4-title.generrator {
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 30px;
}

.h4-title.dd {
  margin-bottom: 0;
  line-height: 50px;
  display: inline-block;
}

.home-feature-grid-right {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  grid-template-columns: 1fr;
  margin-bottom: 42px;
}

.feature-number-dark {
  color: var(--neutral-900);
  letter-spacing: -.03em;
  margin-bottom: 12px;
  font-size: 64px;
  font-weight: 700;
  line-height: 72px;
}

.overview-column {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.title-wrap-split {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 72px;
  display: flex;
}

.flowbase-hero-badge {
  width: 220px;
  margin-top: 24px;
}

.nav-link-dropdown {
  color: var(--neutral-500);
  letter-spacing: -.01em;
  border-radius: 50px;
  margin-left: 0;
  margin-right: 0;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transition: all .35s;
}

.nav-link-dropdown:hover {
  background-color: var(--royal-blue-lighter);
  color: var(--royal-blue);
}

.nav-link-dropdown.w--current {
  color: #774ef0;
}

.dropdown-link {
  color: var(--neutral-500);
  letter-spacing: -.01em;
  border-radius: 50px;
  margin-left: 0;
  margin-right: 0;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transition: all .35s;
}

.dropdown-link:hover {
  color: var(--royal-blue);
}

.dropdown-link.w--current {
  color: #774ef0;
}

.dropdown-list {
  background-color: #0000;
}

.dropdown-list.w--open {
  padding-top: 24px;
  box-shadow: 30px 30px 62px -30px #004c6c1a;
}

.dropdown-base {
  border-top: 4px solid var(--royal-blue);
  background-color: var(--white);
  min-width: 220px;
  padding: 16px;
}

.header-accent-block {
  z-index: -1;
  background-color: var(--neutral-100);
  height: 70%;
  position: absolute;
  inset: auto 0% 0%;
}

.header-content-home {
  flex-direction: column;
  align-items: flex-start;
  max-width: 500px;
  display: flex;
}

.header-grid-home {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.job-wrapper {
  background-color: var(--turquoise-lighter);
  background-image: url('../images/Job-List-Pattern.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 72px 3%;
}

.job-card {
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 32px;
  display: flex;
}

.job-item {
  margin-bottom: 24px;
}

.job-collection-wrapper {
  width: 100%;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}

.title-dark-blue {
  color: var(--turquoise-dark);
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.job-type-wrapper {
  margin-bottom: 48px;
}

.detail-wrapper {
  display: flex;
}

.job-detail {
  color: var(--neutral-400);
  letter-spacing: -.02em;
  margin-right: 16px;
  font-weight: 500;
}

.job-section {
  padding: 92px 3%;
}

.changelog-grid {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.update-badge {
  background-color: var(--royal-blue-lighter);
  color: var(--royal-blue);
  letter-spacing: -.03em;
  border-radius: 100px;
  margin-bottom: 8px;
  padding: 4px 16px;
  font-weight: 500;
}

.changelog-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.content-section-small {
  padding: 72px 3%;
}

.job-section-dark {
  background-color: var(--neutral-900);
  padding: 92px 3%;
}

.job-wrapper-dark {
  background-color: var(--neutral-800);
  background-image: url('../images/Job-List-Pattern-Dark.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 72px 3%;
}

.job-card-dark {
  border: 1px solid var(--neutral-700);
  background-color: var(--neutral-800);
  justify-content: space-between;
  align-items: center;
  padding: 32px;
  display: flex;
}

.button-blue {
  color: var(--turquoise-normal);
  text-align: center;
  letter-spacing: -.01em;
  white-space: nowrap;
  background-color: #5ec6e814;
  border: 2px solid #0000;
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: all .3s;
  display: flex;
  position: relative;
  box-shadow: 2px 2px 2px #7281a70a;
}

.button-blue:hover {
  color: #fff;
  background-color: #6d6af8;
  border-color: #6d6af8;
}

.button-blue:active {
  border-color: var(--royal-blue-dark);
  background-color: var(--royal-blue-dark);
}

.button-blue:focus {
  border: 2px solid var(--royal-blue-light);
}

.navigation-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  min-width: 480px;
}

.interaction-grid {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  grid-template-columns: 1fr;
}

.interaction-block {
  border: 1px solid var(--neutral-200);
  background-color: var(--white);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 55px;
  display: flex;
  box-shadow: 88px 88px 144px -52px #2b1d670f;
}

.interaction-image {
  width: 100%;
  max-width: 540px;
  height: 320px;
  margin-top: 32px;
  margin-bottom: 32px;
  overflow: hidden;
}

.overview-title {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  margin-bottom: 72px;
}

.h5-title-grey {
  color: var(--neutral-300);
}

.page-grid-small {
  grid-column-gap: 62px;
  grid-row-gap: 62px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.overview-wrapper {
  margin-bottom: 140px;
}

.page-title {
  text-align: center;
  background-color: #f8f7fc8f;
  border-radius: 100px;
  margin-top: 32px;
  padding: 6px 14px;
  font-size: 14px;
  font-weight: 600;
}

.page-grid {
  grid-column-gap: 62px;
  grid-row-gap: 62px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.job-grid-header {
  grid-column-gap: 92px;
  grid-row-gap: 42px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 400px;
}

.job-information-card {
  background-color: #fff;
  padding: 36px;
  position: sticky;
  top: 32px;
  box-shadow: -71px 102px 144px -66px #2b1d6714;
}

.title-grey-400 {
  color: var(--neutral-400);
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.title-grey-400.followusfootertext {
  display: none;
}

.job-detail-grid {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  grid-template-columns: 1fr;
  margin-bottom: 32px;
}

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

.required-span {
  color: var(--royal-blue);
  margin-left: 4px;
}

.grid-top {
  margin-bottom: 64px;
}

.form-title-wrapper {
  margin-bottom: 32px;
}

.button-full {
  border: 2px solid var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
  text-align: center;
  letter-spacing: -.01em;
  white-space: nowrap;
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.button-full:hover {
  background-color: #6d6af8;
  border-color: #6d6af8;
}

.button-full:active {
  border-color: var(--royal-blue-dark);
  background-color: var(--royal-blue-dark);
}

.button-full:focus {
  border: 2px solid var(--royal-blue-light);
}

.button-full.pricebtn {
  text-align: left;
  border-radius: 12px;
  width: auto;
  margin-top: 30px;
  margin-left: 0;
  margin-right: auto;
  font-size: 18px;
}

.button-full.pricebtn.monthly {
  margin-top: 56px;
}

.text-field-large {
  border: 1px solid var(--neutral-200);
  color: var(--neutral-400);
  background-color: #fff;
  border-radius: 16px;
  min-height: 144px;
  margin-bottom: 0;
  padding-top: 16px;
  padding-left: 24px;
  padding-right: 24px;
}

.text-field-large::placeholder {
  color: var(--neutral-400);
}

.faq-section {
  padding: 72px 3%;
}

.faq-section.custom {
  padding-top: 96px;
  padding-bottom: 96px;
}

.faq-section.v2 {
  background-color: #f5f5f7;
}

.faq-section-dark {
  background-color: var(--neutral-900);
  padding: 72px 3%;
}

.faq-wrapper-dark {
  background-color: var(--neutral-800);
  background-image: url('../images/Job-List-Pattern-Dark.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 72px 3%;
}

.header-large {
  background-color: var(--royal-blue);
  background-image: url('../images/Header-Pattern-Post.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  padding: 64px 3%;
  display: flex;
}

.header-large.v2 {
  background-color: #f5f5f7;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.header-centre {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.header-centre.featurescustom {
  max-width: 700px;
}

.heading-white {
  color: var(--white);
}

.heading-white.hstartguide {
  text-align: center;
}

.text-field-plain {
  border: 1px none var(--neutral-200);
  color: var(--neutral-400);
  letter-spacing: -.02em;
  background-color: #fff;
  border-radius: 500px;
  min-height: 48px;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 24px;
}

.text-field-plain::placeholder {
  color: var(--neutral-400);
}

.centre-content {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.blog-category-bar {
  border-style: solid none;
  border-width: 1px;
  border-color: var(--neutral-100) black;
  padding: 28px 3%;
  display: none;
}

.collection-list {
  display: flex;
}

.category {
  border: 2px solid var(--white);
  color: var(--neutral-500);
  border-radius: 8px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 8px 16px;
  font-weight: 500;
  line-height: 24px;
  transition: all .2s;
}

.category:hover {
  background-color: var(--royal-blue-lighter);
  color: var(--royal-blue);
}

.category.w--current {
  color: var(--royal-blue);
  border: 2px solid #5138ee29;
  border-radius: 8px;
}

.category-wrapper {
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: auto;
}

.blog-section-large {
  height: auto;
  padding: 40px 3%;
  position: relative;
}

.header-wrapper-phone {
  background-image: url('../images/Hero-Mobile-Pattern.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.text-neutral-400 {
  color: var(--neutral-400);
}

.footer-logo {
  min-width: 105px;
}

.footer-logo.iqfooterlogo {
  min-width: 100%;
}

.footer-logo.iqfooterlogo.main {
  height: 40px;
}

.header-section-inner {
  padding: 96px 3% 64px;
}

.header-section-dark-inner {
  background-color: var(--neutral-900);
  padding: 112px 3% 92px;
}

.header-grid-inner {
  grid-column-gap: 72px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.title-grid-standard {
  grid-column-gap: 52px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  margin-bottom: 40px;
}

.title-button-wrap {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.team-collection {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-member {
  height: 280px;
  overflow: hidden;
}

.social-grid {
  grid-template-rows: auto;
  margin-top: 12px;
}

.social-icon {
  width: 24px;
}

.team-content {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 8px;
  display: flex;
}

.team-section-dark {
  background-color: var(--neutral-900);
  padding: 100px 3%;
}

.team-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.team-card {
  border: 1px solid var(--neutral-100);
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.team-avatar-wrapper {
  align-items: center;
  display: flex;
}

.avatar-team {
  border-radius: 100px;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  margin-right: 16px;
}

.team-name {
  color: var(--neutral-900);
  letter-spacing: -.03em;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
}

.team-job-type {
  color: var(--royal-blue);
  font-weight: 500;
}

.line-break-team {
  background-color: var(--neutral-200);
  width: 100%;
  height: 1px;
  margin-top: 24px;
  margin-bottom: 16px;
}

.team-section-grey {
  background-color: var(--white);
  padding: 72px 3%;
}

.blog-header-wrapper {
  height: auto;
  max-height: 410px;
  margin-bottom: 32px;
  overflow: hidden;
}

.article {
  padding-top: 30px;
  font-size: 14px;
}

.article h4 {
  color: #1d2e3b;
  margin-top: 20px;
  margin-bottom: 5px;
  padding-right: 40px;
  font-size: 20px;
  line-height: 35px;
}

.article h3 {
  color: #1d2e3b;
  margin-top: 30px;
  margin-bottom: 20px;
  padding-right: 40px;
  font-size: 26px;
  line-height: 36px;
}

.article h1 {
  color: #1d2e3b;
  margin-top: 30px;
  margin-bottom: 5px;
  padding-right: 40px;
  font-size: 46px;
  line-height: 60px;
}

.article h2 {
  margin-top: 30px;
  margin-bottom: 20px;
  padding-right: 40px;
  font-size: 36px;
  line-height: 48px;
}

.article p {
  color: #45494d;
  margin-top: 3px;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-size: 18px;
  line-height: 28px;
}

.article li {
  color: #4d5256;
  margin-bottom: 15px;
  font-size: 17px;
  font-weight: 500;
}

.article blockquote {
  color: #000;
  background-color: #fff;
  border: 1px solid #f9f9fa;
  border-radius: 8px;
  margin-top: 20px;
  margin-bottom: 30px;
  padding-top: 35px;
  padding-bottom: 35px;
  font-size: 18px;
  font-weight: 600;
  line-height: 38px;
  box-shadow: 0 -1px 20px #6e6e731a;
}

.article h5 {
  margin-bottom: 5px;
  padding-right: 40px;
  font-size: 18px;
}

.article h6 {
  margin-bottom: 5px;
  font-size: 14px;
}

.article strong {
  color: #000;
}

.article em {
  color: #1d2e3b;
  background-color: #ffedbe;
  border-radius: 4px;
  padding: 8px 18px;
  font-size: 16px;
  line-height: 28px;
  display: block;
  transform: skew(0deg);
}

.article ul {
  font-size: 14px;
}

.article ol {
  list-style-type: decimal;
}

.page-link {
  color: var(--neutral-400);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.page-link:hover {
  color: var(--royal-blue);
  transform: translate(0, -4px);
}

.utility-page-wrap {
  background-image: url('../images/Pattern-404.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  max-height: 100%;
  padding-top: 220px;
  padding-bottom: 220px;
  display: block;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.brand-span {
  color: var(--royal-blue);
}

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

.register-account {
  color: var(--neutral-900);
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
}

.account-link-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.success-message {
  background-color: var(--royal-blue);
  color: var(--white);
  background-image: url('../images/Account-Pattern.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 20px;
  padding-bottom: 20px;
}

.form-information {
  background-color: var(--royal-blue);
  background-image: url('../images/Account-Pattern.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 55%;
  padding: 48px;
  display: flex;
}

.form-account {
  justify-content: center;
  align-items: center;
  width: 45%;
  padding: 48px;
  display: flex;
}

.label-wrap {
  margin-bottom: 24px;
}

.form-block-register {
  width: 100%;
}

.register-form-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 430px;
  display: flex;
}

.account-wrapper {
  min-height: 100vh;
  display: flex;
}

.header-section-blog {
  padding: 64px 3% 48px;
}

.header-section-dark-blog {
  background-color: var(--neutral-900);
  padding: 64px 3% 48px;
}

.culture-section-dark {
  background-color: var(--neutral-800);
  background-image: url('../images/Feature-Set-Pattern.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 3% 120px;
}

.culture-grid {
  grid-column-gap: 82px;
  grid-row-gap: 48px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 620px;
}

.culture-number-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
}

.video-wrapper {
  justify-content: center;
  align-items: center;
  height: 382px;
  display: flex;
  position: relative;
}

.video-wrapper.vw-singlef {
  aspect-ratio: auto;
  object-fit: fill;
  border-radius: 0;
  flex: 0 auto;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 4px 4px 50px #00000045;
}

.video-wrapper.vw-singlef.hide {
  display: none;
}

.video-wrapper.vw-singlef.sfbox {
  margin-top: -34px;
}

.video-wrapper.vw-singlef.sfbox.sfboxrecurring {
  margin-top: -67px;
}

.video-wrapper.vw-singlef.sfbox.sfcustom {
  margin-top: -14px;
}

.video-wrapper.vw-singlef.sfbox.sfcustom.notificationsfcustom, .video-wrapper.vw-singlef.sfbox.dashfimg {
  box-shadow: none;
}

.video-wrapper.vw-singlef.sfbox.clientportalhead {
  box-shadow: none;
  margin-top: 0;
}

.video-wrapper.vw-singlef.sfbox.hideboxshadow {
  box-shadow: none;
}

.video-lightbox {
  z-index: 50;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 96px;
  transition: all .25s;
  display: flex;
  position: absolute;
  inset: auto;
}

.video-lightbox:hover {
  transform: scale(.9);
}

.video-lightbox.hide {
  display: none;
}

.video-lightbox.vlest {
  top: 121px;
}

.culture-number-grid-large {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.culture-grid-large {
  grid-column-gap: 82px;
  grid-row-gap: 42px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 620px;
}

.h3-title {
  margin-bottom: 24px;
}

.h3-title.max-width {
  max-width: 420px;
}

.h3-title.featuretitle {
  font-family: Inter, sans-serif;
}

.h3-title.f-title {
  line-height: 70px;
}

.h3-title.fp {
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 3rem;
  font-weight: 900;
  line-height: 120%;
}

.blog-line-break {
  background-color: #e0e0e0;
  height: 1px;
  margin-top: 60px;
  margin-bottom: 0;
}

.blog-grid-small {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.header-author {
  background-color: var(--royal-blue);
  background-image: url('../images/Header-Pattern-Post.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  min-height: 380px;
  padding: 100px 3%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.content-image-modern {
  position: relative;
  top: 33px;
  bottom: auto;
  left: auto;
}

.content-image-modern.reminderimg {
  max-width: 700px;
}

.content-grid-modern {
  grid-column-gap: 92px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 479px 1fr;
  grid-auto-flow: row dense;
}

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

.content-block.invconb1 {
  margin-top: 0;
}

.content-block.invconb1.pp {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.content-block.invconb1.pp.hub {
  text-align: center;
  max-width: 710px;
  margin-top: 0;
}

.content-block.invconb1.pricingtight {
  max-width: 630px;
  margin-left: auto;
  margin-right: auto;
}

.analytics-wrapper {
  justify-content: center;
  align-items: center;
  height: 540px;
  padding: 40px 40px 20px;
  display: flex;
  position: relative;
}

.analytics-wrapper.reportsbox {
  height: 100%;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-top: 0;
}

.analytics-wrapper.estw {
  height: 100%;
  margin-top: 40px;
  margin-bottom: 0;
  padding-top: 0;
}

.analytics-wrapper.recubox {
  height: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
}

.analytics-wrapper.recubox.sfrecurring {
  margin-top: 18px;
}

.analytics-wrapper.accoutingholder {
  margin-bottom: 29px;
}

.analytics-wrapper.accoutingholder.accsf {
  margin-top: -12px;
  padding-top: 0;
}

.analytics-wrapper.templatewrapper {
  margin-top: 40px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.analytics-wrapper.dashwrapper {
  margin-bottom: 23px;
}

.analytics-wrapper.fp {
  object-fit: fill;
  border-radius: 10px;
  height: auto;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 2px 30px 9px #0000001a;
}

.analytics-wrapper.fp.hide {
  display: none;
}

.analytics-wrapper.paymentswrapper {
  margin-top: 0;
  margin-bottom: 30px;
  padding-top: 0;
}

.analytics-wrapper.customerbox {
  padding-top: 0;
  padding-bottom: 0;
}

.analytics-wrapper.customerbox.sfcustomer {
  margin-top: -37px;
  padding-top: 0;
}

.analytics-wrapper.customerbox.sfreminder {
  height: 450px;
  margin-top: -33px;
  padding-top: 0;
  padding-bottom: 0;
}

.analytics-wrapper.customerbox.sfdashboard {
  height: 500px;
  margin-top: -7px;
  padding: 0;
}

.analytics-wrapper.customerwrapper, .analytics-wrapper.customizationwrapper {
  height: 100%;
}

.content-section-large-dark {
  background-color: var(--neutral-900);
  padding: 92px 3% 100px;
}

.video-grid {
  grid-column-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 400px;
  align-items: center;
}

.video-grid.cust-grid {
  grid-column-gap: 60px;
  grid-template-columns: 1fr 586px;
}

.bullet-point-space {
  align-items: center;
  margin-left: 8px;
  margin-right: 8px;
  display: flex;
}

.bullet-point-space.margin-right-16 {
  margin-right: 16px;
}

.title-wrap-small-centre {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 400px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.title-wrap-small-centre.featuretitlebig {
  max-width: 940px;
}

.title-wrap-small-centre.featuretitlebig.qsgtitle {
  text-align: left;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.title-wrap-small-centre.featuretitlebig.ic_tp {
  max-width: 840px;
  margin-bottom: 12px;
  display: block;
}

.body-white-medium {
  color: var(--white);
  letter-spacing: -.03em;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}

.company-section-dark {
  background-color: var(--neutral-800);
  padding: 72px 3%;
}

.gallery-row-centre {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  margin-top: 40px;
  margin-bottom: 40px;
}

.gallery-section-dark {
  background-color: var(--neutral-900);
  padding: 72px 3%;
}

.title-wrap {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.blog-author-wrapper {
  align-items: flex-start;
  margin-top: 24px;
  display: flex;
}

.author-name {
  color: var(--neutral-900);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 24px;
}

.blog-section-related {
  padding: 72px 3% 100px;
}

.blog-author-centre {
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.link-white {
  color: #fffc;
}

.licence-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 40px;
}

.licence-card {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 16px 32px;
  transition: all .25s;
  display: flex;
  box-shadow: 51px 51px 84px #878cbd14;
}

.licence-graphic {
  background-color: #f9f9fc;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 160px;
  margin-bottom: 32px;
  display: flex;
  overflow: hidden;
}

.licence-asset {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
}

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

.type-example-01 {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Eudoxussans, sans-serif;
}

.type-detail-span {
  color: #121f3e80;
  font-size: 24px;
}

.register-header-wrap {
  margin-bottom: 32px;
}

.account-external-login {
  border: 1px solid var(--neutral-200);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 48px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.account-detail-wrapper {
  color: var(--neutral-300);
  align-items: center;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 24px;
  display: flex;
}

.account-line {
  background-color: var(--neutral-200);
  width: 100%;
  height: 1px;
}

.detail-text {
  white-space: nowrap;
  margin-left: 24px;
  margin-right: 24px;
}

.account-info-wrapper {
  text-align: center;
  max-width: 420px;
  margin-top: 40px;
}

.body-button {
  color: var(--neutral-900);
  font-weight: 500;
  line-height: 24px;
}

.google-mark {
  margin-right: 12px;
}

.form-button {
  border: 2px solid var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
  text-align: center;
  letter-spacing: -.01em;
  white-space: nowrap;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 48px;
  margin-top: 32px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.form-button:hover {
  background-color: #6d6af8;
  border-color: #6d6af8;
}

.form-button:active {
  border-color: var(--royal-blue-dark);
  background-color: var(--royal-blue-dark);
}

.form-button:focus {
  border: 2px solid var(--royal-blue-light);
}

.button-return {
  color: var(--royal-blue);
  letter-spacing: -.02em;
  align-items: center;
  max-width: 180px;
  margin-bottom: 24px;
  margin-left: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.chevron-return {
  margin-right: 8px;
}

.testimoinal-card-dark {
  border: 1px solid var(--neutral-700);
  background-color: var(--neutral-800);
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 32px;
  display: flex;
}

.testimonial-author-white {
  color: var(--white);
  text-transform: uppercase;
  font-weight: 700;
  line-height: 24px;
}

.dark-pattern {
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.author-block {
  background-color: var(--white);
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 620px;
  margin-bottom: 96px;
  margin-left: auto;
  margin-right: auto;
  padding: 48px 70px;
  display: flex;
  position: relative;
  box-shadow: 66px 66px 114px -56px #2b1d6714;
}

.avatar-extra-large {
  border-radius: 100px;
  width: 180px;
  min-width: 180px;
  height: 180px;
  min-height: 180px;
  margin-bottom: 24px;
  overflow: hidden;
}

.explore {
  color: #0f171d;
  text-align: center;
  letter-spacing: -.01px;
  white-space: nowrap;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  margin-right: 12px;
  padding: 8px 16px;
  font-size: .975rem;
  font-weight: 500;
  line-height: 24px;
  display: flex;
  position: relative;
}

.explore:hover {
  background-color: var(--white);
  color: var(--mainiq-blue);
}

.explore:focus {
  border-color: #b197ff;
}

.explore.w--current {
  color: var(--mainiq-blue);
  font-weight: 600;
}

.explore.w--current:hover {
  color: var(--mainiq-blue);
  border-radius: 10px;
}

.explore.w--current:active {
  color: var(--mainiq-blue);
}

.explore.mobilesignup {
  display: block;
}

.sidebar-grid-blog {
  color: var(--neutral-900);
  grid-template-rows: auto;
  grid-template-columns: 132px;
  align-items: center;
  display: block;
}

.sidebar-thumbnail {
  width: 100%;
  min-width: 132px;
  height: 180px;
  min-height: 132px;
}

.blog-title-side {
  letter-spacing: -.02em;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.sidebar-content-blog {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.text-category {
  color: var(--royal-blue);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 4px;
  font-weight: 700;
  line-height: 24px;
}

.company-section-globe {
  background-image: url('../images/Who-we-are-Pattern.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 40px 3% 240px;
}

.company-section-globe.v2 {
  padding-top: 0;
}

.price-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.pricing-detail {
  margin-top: 20px;
}

.pricing-detail.pdyearly {
  justify-content: center;
  align-items: center;
  display: flex;
}

.price-header {
  width: 100%;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
}

.list {
  color: var(--neutral-900);
  margin-top: 24px;
  padding-left: 32px;
  line-height: 32px;
}

.list.hideme {
  display: none;
}

.pricing-card {
  padding: 0 40px 40px;
}

.pricing-section {
  margin-bottom: 24px;
  padding-left: 3%;
  padding-right: 3%;
}

.price-capital {
  color: var(--yellow-dark);
  text-transform: uppercase;
  font-weight: 700;
}

.pricing-number {
  text-align: center;
  margin-bottom: 0;
  font-size: 50px;
}

.pricing-number.oldprice {
  color: var(--neutral-400);
  margin-bottom: 0;
  padding-right: 15px;
  font-size: 25px;
  font-weight: 600;
  text-decoration: line-through;
}

.pricing-number.oldprice.v2lp {
  color: var(--neutral-300);
  font-size: 40px;
  font-weight: 400;
}

.pricing-number.oldprice.hide {
  font-size: 40px;
  display: block;
}

.pricing-number.lp {
  margin-bottom: 20px;
  font-size: 4rem;
  font-weight: 900;
}

.date-span {
  color: var(--neutral-300);
}

.popular-badge {
  color: var(--yellow-dark);
  text-align: center;
  background-color: #f5c545;
  border-radius: 0 0 10px 10px;
  width: 40%;
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 16px;
  font-weight: 600;
}

.popular-badge.lp {
  background-color: #ff8201;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 70%;
  padding-top: 14px;
  padding-bottom: 14px;
}

.popular-badge.hide {
  display: none;
}

.pricing-card-feature {
  background-color: var(--white);
  padding: 40px;
  position: relative;
  top: -120px;
  box-shadow: 81px 81px 144px -46px #2b1d670f;
}

.pricing-card-feature.pro-pricing-card {
  text-align: center;
  box-shadow: 0 12px 50px 1px #3c51be29;
}

.pricing-card-feature.pro-pricing-card.one-pricing-card {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

.pricing-card-feature.pro-pricing-card.one-pricing-card.monthlycard {
  padding-top: 40px;
  padding-bottom: 20px;
}

.pricing-card-feature.pro-pricing-card.one-pricing-card.mcard {
  border-radius: 20px;
  width: 35%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 30px;
  padding: 70px 30px 40px;
}

.pricing-card-feature.pro-pricing-card.one-pricing-card.mcard.lp {
  border: 2px solid #c4c4c4;
  border-radius: 10px;
  padding-top: 95px;
  top: 0;
}

.pricing-card-feature.pro-pricing-card.one-pricing-card.mcard.lp._2 {
  border-style: none;
  padding-top: 60px;
}

.pricing-card-feature.pro-pricing-card.one-pricing-card.mcard.left {
  text-align: left;
  width: 100%;
  min-height: auto;
  max-height: none;
  margin-right: 0;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.pricing-card-feature.pro-pricing-card.one-pricing-card.ycard {
  border-radius: 20px;
  width: 35%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 70px;
  padding-left: 10px;
  padding-right: 10px;
}

.pricing-card-feature.pro-pricing-card.one-pricing-card.ycard.lp {
  border-radius: 10px;
  padding-top: 60px;
  padding-bottom: 60px;
  top: 0;
  box-shadow: 0 12px 50px 1px #3c51be29;
}

.pricing-card-feature.pro-pricing-card.one-pricing-card.ycard.left {
  padding-left: 30px;
}

.list-item {
  color: var(--neutral-900);
  margin-bottom: 16px;
}

.heading-medium {
  color: var(--neutral-400);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

.heading-medium.heading-pro-title {
  color: var(--mainiq-blue);
  font-weight: 700;
}

.pricing-cell-lead {
  border-bottom: 1px solid #f4f5fd;
  align-items: center;
  min-height: 60px;
  padding-left: 30px;
  display: flex;
}

.pricing-cell-lead.last-cell {
  border: 1px #000;
}

.pricing-cell-lead.v2 {
  min-height: 70px;
}

.pricing-cell-lead.v3 {
  border-bottom-style: none;
}

.pricing-banner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--neutral-100);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  min-height: 82px;
  display: grid;
}

.pricing-feature {
  color: #110b54;
  font-size: 15px;
  font-weight: 400;
}

.pricing-feature.v2 {
  color: #333;
  font-size: 1.185rem;
  font-weight: 500;
}

.price-grid-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 2.25fr .25fr 1fr 1fr;
}

.price-grid-row.first {
  margin-bottom: 10px;
}

.pricing-cell {
  border-bottom: 1px solid #f4f5fd;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  display: flex;
}

.pricing-cell.last-cell {
  border: 1px #000;
}

.pricing-grid-wrap {
  margin-bottom: 32px;
}

.pricing-grid-wrap.v2 {
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.pricing-grid-wrap.v2.lp {
  max-width: 100%;
}

.pricing-table-section {
  text-align: center;
  padding: 0 0%;
  position: relative;
}

.pricing-grid-text-dark {
  color: var(--neutral-900);
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}

.pricing-grid-text {
  color: var(--royal-blue);
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}

.pricing-grid-text.others {
  color: #bcb8d0;
  font-weight: 400;
}

.pricing-grid-text.baseline {
  color: var(--neutral-900);
  font-weight: 400;
}

.header-saas {
  padding: 48px 3% 72px;
}

.value-section-saas {
  padding: 96px 3%;
}

.value-section-saas.v2 {
  background-color: #fff;
  background-image: linear-gradient(#f6f6f7, #fff);
  padding: 40px 30px 120px;
}

.value-section-saas.v2.v2cta {
  padding-bottom: 60px;
}

.value-section-saas.v3 {
  text-align: center;
  background-color: #fff;
  background-image: linear-gradient(#f9f9fa, #fff);
  padding: 40px 30px 120px;
}

.value-section-saas.v3.v2cta {
  padding-bottom: 60px;
}

.team-section-small {
  padding: 72px 3% 64px;
}

.body-medium-grey {
  color: var(--neutral-400);
  letter-spacing: -.03em;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}

.blog-feature-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.blog-category-bar-dark {
  background-color: var(--neutral-800);
  border: 1px #000;
  padding: 28px 3%;
}

.category-dark {
  color: var(--neutral-500);
  border: 2px solid #0000;
  border-radius: 100px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 8px 16px;
  font-weight: 500;
  line-height: 24px;
  transition: all .2s;
}

.category-dark:hover {
  background-color: var(--royal-blue-lighter);
  color: var(--royal-blue);
}

.category-dark.w--current {
  background-color: var(--royal-blue);
  color: #fff;
  border: 2px solid #5138ee29;
}

.cta-block-dark {
  background-color: var(--royal-blue);
  text-align: center;
  background-image: url('../images/CTA-Pattern-Dark.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 420px;
  padding: 64px 5%;
  display: flex;
  position: relative;
}

.body-dark {
  background-color: var(--neutral-900);
}

.faq-wrapper {
  background-color: var(--neutral-100);
  padding: 72px 3%;
}

.faq-wrapper.custom {
  background-color: #fff;
  padding-top: 0;
}

.faq-paragraph {
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
}

.faq-paragraph.v2 {
  font-size: 16px;
  line-height: 26px;
}

.faq-question-wrap {
  cursor: pointer;
  background-color: #fff;
  margin-bottom: 24px;
  padding: 32px;
}

.faq-question-wrap.custom {
  border: 1px solid var(--neutral-200);
}

.faq-question {
  color: #0d0e10;
  letter-spacing: -.03em;
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  text-decoration: none;
  display: flex;
}

.faq-wrapper-plain {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}

.faq-content {
  color: #b1bac8;
  overflow: hidden;
}

.faq-circle {
  background-color: var(--neutral-100);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.question-title {
  font-family: Eudoxussans Display, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}

.question-title.v2 {
  font-size: 18px;
}

.faq-question-wrap-dark {
  border: 1px solid var(--neutral-700);
  background-color: var(--neutral-800);
  cursor: pointer;
  margin-bottom: 24px;
  padding: 32px;
}

.question-title-white {
  color: var(--white);
  font-family: Eudoxussans Display, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.faq-circle-dark {
  background-color: var(--neutral-700);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.faq-paragraph-white {
  color: var(--neutral-300);
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
}

.content-grid-large {
  z-index: 5;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  position: relative;
}

.contact-section {
  background-image: url('../images/Contact-Pattern.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 96px 3%;
}

.contact-form {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 440px;
  margin: 60px auto;
  display: flex;
}

.contact-header {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.testimonial-full-wrapper {
  align-items: center;
  max-width: 620px;
  margin-top: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.quote-mark-left {
  width: 70px;
  padding: 10px;
  position: absolute;
  inset: 10% auto auto -20%;
}

.quote-mark-right {
  width: 70px;
  padding: 10px;
  position: absolute;
  inset: auto 0% auto auto;
}

.tabs-content {
  margin-bottom: 44px;
}

.header-content-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.company-section {
  padding: 124px 3%;
}

.company-value-card {
  border: 1px solid var(--neutral-100);
  text-align: center;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  display: flex;
}

.featured-blog {
  overflow: hidden;
}

.button-navigation {
  border: 2px none var(--royal-blue-lighter);
  background-color: var(--mainiq-blue);
  color: var(--white);
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 24px;
  font-size: .975rem;
  font-weight: 600;
  line-height: 24px;
  display: flex;
  position: relative;
}

.button-navigation:hover {
  background-color: var(--mainiq-blue);
  color: #fff;
  letter-spacing: 0;
  border-color: #6d6af8;
}

.button-navigation:active {
  border-style: solid;
  border-color: var(--mainiq-blue);
  background-color: var(--mainiq-blue);
}

.button-navigation:focus {
  border: 2px none var(--royal-blue-light);
}

.button-navigation.hide {
  display: block;
}

.globe-wrapper {
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
  position: relative;
}

.link-arrow {
  margin-left: 8px;
}

.link-arrow.mobile {
  margin-left: 0;
}

.content-feature-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.content-pattern {
  position: absolute;
  inset: auto auto -10%;
}

.content-pattern.hide {
  display: none;
}

.testimonial-wrapper {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 3%;
  position: relative;
}

.header-block-phone {
  margin-bottom: 40px;
}

.globe-avatars {
  z-index: 99;
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 78px;
  position: absolute;
  inset: auto 0% auto 2%;
}

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

.home-feature-image {
  background-image: url('../images/UI-Sections.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  min-height: 600px;
}

.header-home {
  padding: 80px 3% 110px;
}

.social-grid-author {
  grid-column-gap: 16px;
  grid-template-rows: auto;
  margin-top: 20px;
  margin-bottom: 32px;
}

.author-job-title {
  color: var(--neutral-400);
  letter-spacing: -.03em;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}

.form-block-full {
  width: 100%;
  margin-top: 32px;
  margin-bottom: 24px;
}

.form-block-full.signupnewsblog {
  display: none;
}

.social-icon-large {
  width: 32px;
}

.company-value-card-dark {
  border: 1px solid var(--neutral-700);
  background-color: var(--neutral-800);
  color: #fff;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 32px;
  display: flex;
}

.culture-text-section {
  padding: 72px 3%;
}

.avatar-author-medium {
  background-color: #dcdfff;
  border-radius: 100px;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  margin-right: 24px;
  overflow: hidden;
}

.blog-section-category {
  height: auto;
  padding: 60px 3% 72px;
  position: relative;
}

.header-contact {
  background-color: var(--royal-blue);
  background-image: url('../images/Header-Pattern-Post.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  padding: 72px 3%;
  display: flex;
}

.contact-grid-header {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  grid-template-rows: auto;
  grid-template-columns: 400px 510px;
  justify-content: space-between;
  align-items: start;
}

.content-column {
  z-index: 9;
  background-color: #fff;
  width: 100%;
  padding: 40px;
  position: absolute;
  top: -420px;
  box-shadow: 81px 81px 144px -46px #2b1d670f;
}

.header-contact-large {
  background-color: var(--royal-blue);
  background-image: url('../images/Header-Pattern-Post.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  min-height: 472px;
  padding: 92px 3%;
  display: flex;
}

.contact-section-details {
  padding: 64px 3% 140px;
}

.content-grid-saas {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  grid-template-rows: auto;
  grid-template-columns: 340px 510px;
  justify-content: space-between;
}

.content-link-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-columns: 1fr;
  width: 100%;
  margin-top: 40px;
}

.content-link-card {
  background-color: var(--royal-blue);
  color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 104px;
  padding: 32px;
  display: none;
}

.contact-title-wrapper {
  margin-bottom: 40px;
}

.text-field-very-large {
  border: 1px solid var(--neutral-200);
  background-color: #fff;
  border-radius: 16px;
  min-height: 208px;
  margin-bottom: 0;
  padding-top: 16px;
  padding-left: 24px;
  padding-right: 24px;
}

.text-field-very-large::placeholder {
  color: var(--neutral-400);
}

.content-column-wrapper {
  position: relative;
}

.logo-link {
  margin-bottom: 32px;
}

.pricing-section-large {
  padding: 64px 3%;
}

.pricing-grid-saas {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.pricing-top-block {
  border: 1px solid var(--neutral-100);
  margin-bottom: 24px;
  padding: 32px 40px 40px;
}

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

.check-mark {
  width: 32px;
  margin-right: 12px;
}

.check-point {
  align-items: center;
  display: flex;
}

.tabs-menu {
  background-color: var(--neutral-100);
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  margin-bottom: 52px;
  padding: 4px;
  display: flex;
}

.tabs {
  z-index: 5;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.price-tab {
  width: 70%;
  overflow: visible;
}

.tab-link {
  color: var(--neutral-200);
  background-color: #0000;
  border-radius: 500px;
  padding: 12px 42px;
}

.tab-link.w--current {
  color: var(--royal-blue);
  background-color: #fff;
  box-shadow: 2px 2px 3px #8c87a61f, 6px 6px 12px #8c87a614, 10px 10px 24px #8c87a614;
}

.header-pricing {
  background-color: #f5f5f7;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  padding: 64px 3% 220px;
  display: flex;
}

.tabs-menu-dark {
  z-index: 5;
  background-color: var(--royal-blue-dark);
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
  top: -170px;
}

.pricing-badge {
  color: var(--white);
  letter-spacing: -.03em;
  background-color: #ffffff1f;
  border-radius: 100px;
  margin-top: 6px;
  margin-bottom: 8px;
  padding: 8px 16px;
  font-weight: 500;
}

.pricing-badge.pricing-provided {
  padding: 11px 37px;
  display: none;
}

.h5-title {
  margin-bottom: 16px;
}

.content-block-saas {
  background-image: url('../images/Content-Shapes.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 32px;
  padding-left: 32px;
  position: relative;
}

.content-block-saas.dashimg {
  max-width: 900px;
  padding-bottom: 0;
  padding-left: 0;
}

.content-block-saas.dashimg.dashimgmobile, .content-block-saas.showmobile {
  display: none;
}

.content-block-saas.hidedesktop {
  background-image: none;
}

.title-grid-dark {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 520px;
  align-items: end;
  margin-bottom: 64px;
}

.browser-bar {
  background-color: var(--neutral-700);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  align-items: center;
  min-height: 32px;
  padding-left: 8px;
  padding-right: 12px;
  display: flex;
}

.browser-dots {
  background-color: var(--neutral-400);
  border-radius: 100px;
  width: 8px;
  height: 8px;
  margin-left: 4px;
  margin-right: 4px;
}

.browser-window {
  background-color: var(--neutral-800);
  flex-direction: column;
  display: flex;
}

.browser-video {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.content-grid-dark {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
}

.content-graph {
  width: 100%;
  margin-top: 24px;
}

.browser-content {
  padding: 32px 40px 40px;
}

.h4-title-grey-300 {
  color: var(--neutral-300);
  margin-bottom: 16px;
}

.cta-section-dark {
  background-color: var(--neutral-900);
  padding: 60px 3%;
}

.icon-medium {
  width: 64px;
  margin-bottom: 24px;
}

.author-section {
  height: auto;
  padding: 72px 3%;
  position: relative;
}

.body-large-400 {
  color: var(--neutral-400);
  letter-spacing: -.03em;
  font-size: 18px;
  line-height: 32px;
}

.body-large-400.max-width {
  max-width: 400px;
}

.tabs-saas {
  z-index: 5;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.analytics-dashboard {
  width: 80%;
  max-width: 720px;
  box-shadow: 7px 7px 50px -10px #0000001a;
}

.analytics-dashboard.classicinvpic {
  max-width: 720px;
  height: auto;
  box-shadow: 0 0 50px -10px #0000001a;
}

.analytics-dashboard.classicinvpic.invmainimg {
  width: 100%;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

.analytics-dashboard.recurringimg {
  max-width: 650px;
}

.analytics-dashboard.afeatureimg {
  max-width: 670px;
  box-shadow: 0 0 50px -10px #0000001a;
}

.analytics-dashboard.afeatureimg.galleryimg {
  background-color: #721919;
  max-width: 800px;
}

.analytics-dashboard.afeatureimg.custinvimg {
  max-width: 100%;
}

.analytics-dashboard.afeatureimg.customerview {
  max-width: 800px;
}

.analytics-dashboard.afeatureimg.featureds {
  box-shadow: 10px 0 50px -10px #0000001a;
}

.analytics-dashboard.afeatureimg.featureds.custfe {
  max-width: 750px;
}

.analytics-dashboard.afeatureimg.featureds.custfe.customermaiinimg {
  width: 100%;
}

.analytics-dashboard.afeatureimg.featureds.templtesf {
  box-shadow: none;
  max-width: 820px;
}

.analytics-dashboard.afeatureimg.featureds.reminderssf {
  max-width: 1000px;
}

.analytics-dashboard.afeatureimg.featureds.reminderssf.remindermainimg {
  width: 100%;
}

.analytics-dashboard.afeatureimg.featureds.dashboardsf {
  max-width: 850px;
}

.analytics-dashboard.afeatureimg.featureds.dashboardsf.sfdashboard {
  box-shadow: none;
  width: 95%;
  margin-top: 93px;
}

.analytics-dashboard.wide {
  max-width: 860px;
}

.analytics-dashboard.templateslist {
  box-shadow: none;
}

.analytics-dashboard.templateslist.telimobile {
  display: none;
}

.analytics-dashboard.customemailsimg {
  max-width: 750px;
  box-shadow: -7px 8px 60px 6px #0000001a;
}

.analytics-dashboard.accountingholder {
  box-shadow: 2px 10px 50px -10px #0000001a;
}

.analytics-dashboard.dashboardstatsimg {
  box-shadow: none;
}

.analytics-dashboard.dashboardstatsimg.hidedesktop {
  display: none;
}

.analytics-dashboard.estimatesimg {
  max-width: 650px;
}

.analytics-dashboard.recurringana {
  transform: rotate(0);
}

.analytics-dashboard.clientviewana {
  background-color: #0000;
  width: 100%;
}

.analytics-dashboard.clientviewana.clientportalhead {
  box-shadow: none;
}

.analytics-dashboard.customiinv {
  width: 100%;
}

.analytics-dashboard.customiinv.notifccustomhead, .analytics-dashboard.custdash, .analytics-dashboard.reportsmain {
  box-shadow: none;
}

.analytics-faces {
  max-width: 90%;
  position: absolute;
  inset: auto;
}

.analytics-faces.classicinvfaces {
  max-width: 110%;
  left: -6%;
}

.analytics-faces.faceswarpper {
  display: none;
}

.title-grid-saas {
  grid-column-gap: 40px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 494px;
  margin-bottom: 56px;
}

.title-grid-saas.featuretitle {
  margin-bottom: 11px;
}

.analytics-wrapper-home {
  background-image: url('../images/Anayltics-Base.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  padding: 40px;
  display: flex;
  position: relative;
}

.support-badge {
  color: var(--white);
  letter-spacing: -.03em;
  background-color: #ffffff1f;
  border-radius: 100px;
  margin-top: 16px;
  padding: 8px 16px;
  font-weight: 500;
}

.contact-link-block {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.pricing-section-dark {
  background-color: var(--neutral-900);
  padding: 64px 3%;
}

.tabs-menu-grey {
  background-color: var(--neutral-700);
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  margin-bottom: 52px;
  padding: 4px;
  display: flex;
}

.pricing-top-block-dark {
  border: 1px solid var(--neutral-700);
  margin-bottom: 24px;
  padding: 32px 40px 40px;
}

.pricing-top-block-dark.featured-price-block {
  background-color: var(--neutral-800);
}

.button-dark {
  color: var(--turquoise-normal);
  text-align: center;
  letter-spacing: -.01em;
  white-space: nowrap;
  background-color: #5ec6e814;
  border: 2px solid #0000;
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: all .3s;
  display: flex;
  position: relative;
  box-shadow: 2px 2px 2px #7281a70a;
}

.button-dark:hover {
  border-color: var(--turquoise-normal);
  background-color: var(--turquoise-normal);
  color: #fff;
}

.button-dark:active {
  border-color: var(--royal-blue-dark);
  background-color: var(--royal-blue-dark);
}

.button-dark:focus {
  border: 2px solid var(--royal-blue-light);
}

.account-buttons {
  display: flex;
}

.account-asset {
  width: 100%;
  max-width: 530px;
}

.account-asset-large {
  width: 100%;
  max-width: 648px;
}

.loader {
  z-index: 9999;
  background-color: var(--royal-blue);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.page-loader-animation {
  width: 80px;
  display: none;
}

.cta-block-home {
  background-color: var(--royal-blue);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 64px 3%;
  display: flex;
}

.bullet-wrapper-cta {
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-section-inner-dark {
  background-color: var(--neutral-900);
  padding: 96px 3% 64px;
}

.content-block-modern-dark {
  background-image: url('../images/Dark-Shape.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}

.tab-link-light {
  color: var(--neutral-400);
  background-color: #0000;
  border-radius: 500px;
  padding: 12px 42px;
}

.tab-link-light.w--current {
  color: var(--royal-blue);
  background-color: #fff;
  box-shadow: 2px 2px 3px #8c87a61f, 6px 6px 12px #8c87a614, 10px 10px 24px #8c87a614;
}

.company-perk-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-left: auto;
  margin-right: auto;
}

.form-block-contact {
  width: 100%;
}

.header-section-dark-contact {
  background-color: var(--neutral-900);
  background-image: url('../images/Contact-Header-Pattern.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 96px 3% 64px;
}

.contact-section-dark {
  background-color: var(--neutral-900);
  background-image: url('../images/Contact-Pattern.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 96px 3%;
}

.text-field-dark {
  border: 1px solid var(--neutral-700);
  background-color: var(--neutral-900);
  color: var(--neutral-500);
  letter-spacing: -.02em;
  border-radius: 500px;
  min-height: 48px;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 24px;
  transition: all .2s;
}

.text-field-dark:hover, .text-field-dark:active {
  border-color: var(--neutral-400);
}

.text-field-dark:focus {
  border-color: var(--neutral-400);
  color: var(--neutral-200);
}

.text-field-dark::placeholder {
  color: var(--neutral-500);
}

.text-field-dark-large {
  border: 1px solid var(--neutral-700);
  background-color: var(--neutral-900);
  border-radius: 16px;
  min-height: 144px;
  margin-bottom: 0;
  padding-top: 16px;
  padding-left: 24px;
  padding-right: 24px;
  transition: all .2s;
}

.text-field-dark-large:hover {
  border-color: var(--neutral-400);
}

.text-field-dark-large::placeholder {
  color: var(--neutral-500);
}

.field-label-white {
  color: #fff;
}

.contact-cta-title {
  color: var(--royal-blue-light);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 4px;
  font-weight: 700;
}

.contact-text {
  color: var(--white);
  margin-bottom: 0;
}

.content-link-card-light {
  background-color: var(--royal-blue-lighter);
  color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 104px;
  padding: 32px;
  display: flex;
}

.contact-text-primary {
  color: var(--royal-blue);
  margin-bottom: 0;
}

.submit-button-dark {
  background-color: var(--royal-blue);
  border-radius: 500px;
  height: 100%;
  padding: 12px 24px;
}

.body-medium-500 {
  color: var(--neutral-500);
  letter-spacing: -.03em;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}

.author-name-white {
  color: var(--white);
  margin-bottom: 4px;
}

.home-header-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
}

.home-header-grid.v2 {
  grid-column-gap: 10px;
}

.required-span-blue {
  color: var(--turquoise-normal);
  margin-left: 4px;
}

.category-badge-dark {
  letter-spacing: -.03em;
  background-color: #ffffff14;
  border-radius: 100px;
  margin-bottom: 16px;
  padding: 4px 16px;
  font-weight: 500;
}

.title-button-wrap-left {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.cta-button {
  color: var(--turquoise-normal);
  letter-spacing: -.02em;
  justify-content: center;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.cta-button-blue {
  color: var(--royal-blue);
  letter-spacing: -.02em;
  justify-content: center;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.cta-button-white {
  color: #fff;
  letter-spacing: -.02em;
  justify-content: center;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.navigation-button-large {
  border: 2px solid var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
  text-align: center;
  letter-spacing: -.01em;
  white-space: nowrap;
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: border-color .3s, background-color .3s;
  display: flex;
  position: relative;
}

.navigation-button-large:hover {
  background-color: #6d6af8;
  border-color: #6d6af8;
}

.navigation-button-large:active {
  border-color: var(--royal-blue-dark);
  background-color: var(--royal-blue-dark);
}

.navigation-button-large:focus {
  border: 2px solid var(--royal-blue-light);
}

.navigation-button-small {
  border: 2px solid var(--royal-blue-lighter);
  background-color: var(--royal-blue-lighter);
  color: var(--royal-blue);
  text-align: center;
  letter-spacing: -.01em;
  white-space: nowrap;
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.navigation-button-small:hover {
  color: #fff;
  background-color: #6d6af8;
  border-color: #6d6af8;
}

.navigation-button-small:active {
  border-color: var(--royal-blue-dark);
  background-color: var(--royal-blue-dark);
}

.navigation-button-small:focus {
  border: 2px solid var(--royal-blue-light);
}

.navigation-block-left {
  align-items: center;
  width: 50%;
  min-height: 50px;
  display: flex;
}

.navigation-block-right {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  min-height: 50px;
  display: flex;
}

.navigation-link-login {
  color: var(--neutral-500);
  letter-spacing: -.01em;
  border-radius: 50px;
  margin-left: 0;
  margin-right: 0;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transition: all .35s;
}

.navigation-link-login:hover {
  background-color: var(--royal-blue-lighter);
  color: var(--royal-blue);
}

.navigation-link-login.w--current {
  color: #774ef0;
}

.navigation-link-signup {
  border: 2px solid var(--royal-blue-lighter);
  background-color: var(--royal-blue-lighter);
  color: var(--royal-blue);
  text-align: center;
  letter-spacing: -.01em;
  white-space: nowrap;
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.navigation-link-signup:hover {
  color: #fff;
  background-color: #6d6af8;
  border-color: #6d6af8;
}

.navigation-link-signup:active {
  border-color: var(--royal-blue-dark);
  background-color: var(--royal-blue-dark);
}

.navigation-link-signup:focus {
  border: 2px solid var(--royal-blue-light);
}

.navigation-link-dark-login {
  color: var(--neutral-300);
  letter-spacing: -.01em;
  border-radius: 50px;
  margin-left: 0;
  margin-right: 0;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transition: all .35s;
}

.navigation-link-dark-login:hover {
  background-color: var(--royal-blue-lighter);
  color: var(--royal-blue);
}

.navigation-link-dark-login.w--current {
  color: #774ef0;
}

.navigation-link-dark-signup {
  border: 2px solid var(--royal-blue);
  background-color: var(--royal-blue);
  color: #fff;
  text-align: center;
  letter-spacing: -.01em;
  white-space: nowrap;
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: all .3s;
  display: flex;
  position: relative;
  box-shadow: 2px 2px 2px #7281a70a;
}

.navigation-link-dark-signup:hover {
  background-color: #6d6af8;
  border-color: #6d6af8;
}

.navigation-link-dark-signup:active {
  border-color: var(--royal-blue-dark);
  background-color: var(--royal-blue-dark);
}

.navigation-link-dark-signup:focus {
  border: 2px solid var(--royal-blue-light);
}

.title-wrap-centre-small {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 620px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image {
  max-width: 150%;
  height: 382px;
}

.text-span-2 {
  color: #4c51bf;
}

.iq-footer {
  color: #333;
  text-align: left;
  border: 1px solid #f5f5f5;
}

.footer-text-underlogo {
  max-width: 410px;
  margin-top: 19px;
  padding-right: 30px;
  font-size: 15px;
  line-height: 24px;
}

.dashboardimg {
  max-width: 800px;
  margin-left: -56px;
  padding-top: 46px;
}

.icon-2 {
  color: #3c51be;
  inset: 0% 0% auto;
}

.linetestimonial {
  z-index: -1;
  background-color: #f3f4f5;
  width: 100%;
  height: 4px;
  margin-top: -224px;
  margin-bottom: 0;
  position: absolute;
  inset: 41% 0% auto;
}

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

.text-span-3 {
  color: #2b3fa8;
  font-size: 45px;
  font-weight: 600;
}

.text-block-3 {
  text-align: center;
  background-color: #fff;
  font-weight: 500;
}

.slider {
  background-color: #0000;
  height: 100%;
}

.slider.slidermobilehome, .slide-nav {
  display: none;
}

.socialmedialinks {
  margin-top: 10px;
  padding-top: 12px;
}

.socialmedialogo {
  height: 32px;
  padding-right: 18px;
}

.pricing-time-text {
  font-weight: 600;
}

.paymentblock {
  color: var(--neutral-900);
  text-align: center;
  margin-top: 20px;
  padding-bottom: 0;
}

.cardimg {
  max-width: 100%;
  max-height: 38px;
  padding-top: 9px;
  padding-right: 19px;
}

.dropdown {
  display: none;
}

.video-single-feature.vsf2 {
  display: block;
}

.header-single-typetwo {
  display: none;
}

.content-sf-rightimg.lastcontetsf {
  margin-bottom: 75px;
}

.content-sf-rightimg.lastcontetsf.sfc3.invsfsection3 {
  margin-bottom: 80px;
}

.content-sf-leftimg.sfimg {
  max-width: 120%;
}

.text-block-4 {
  color: var(--neutral-700);
  font-size: 18px;
  line-height: 32px;
}

.text-block-4.subprice {
  font-size: 20px;
}

.cust-pricing.old {
  display: block;
}

.headerjusttext {
  display: none;
}

.headerjusttext.header-text-left-right {
  display: block;
}

.details-hero-img {
  position: absolute;
  top: 349.891px;
  left: -14.359px;
}

.iconfloating {
  position: absolute;
  top: 101px;
  bottom: 0;
  left: -98px;
}

.iconfloating.if2 {
  display: none;
  top: auto;
  bottom: -33px;
  left: -20px;
}

.iconfloating.icchart1 {
  max-width: 25%;
  top: 286px;
  left: 54px;
}

.iconfloating.if3 {
  max-width: 25%;
  top: 290px;
  left: 229px;
}

.iconfloating.hide {
  display: none;
}

.container-2 {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  position: static;
}

.container-2.containergenerator {
  height: 100%;
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
}

.generator-box-2 {
  background-color: #ccc;
  width: 100%;
  margin-top: 0;
  margin-right: 0;
}

.controlsbox {
  width: 20%;
  display: none;
}

.whitecardcontrols {
  z-index: auto;
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  height: 320px;
  padding: 15px;
  position: relative;
  box-shadow: 0 4px 12px #0000001c;
}

.smalltitle {
  font-weight: 500;
}

.smalltitle.bottomunderline {
  border-bottom: 1.2px solid #e0e3e7;
  padding-bottom: 15px;
}

.link {
  color: #5b5675;
}

.link.subfooterlink {
  padding-right: 20px;
}

.features-box {
  width: 100%;
}

.features-box.v2 {
  padding-left: 100px;
}

.f-container {
  width: 100%;
  height: 100%;
  display: flex;
}

.f-menu-symbol {
  z-index: 10;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15vw;
  height: 120vh;
  padding-top: 50px;
  padding-bottom: 26px;
  display: flex;
  position: sticky;
  top: 0;
}

.f-menu-symbol.fmsqsg {
  width: 13vw;
}

.f-menu-title {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 28px;
  display: none;
}

.f-menu-link {
  color: var(--neutral-900);
  margin-bottom: 1.5rem;
  font-size: 16px;
}

.f-menu-link.w--current {
  font-weight: 600;
}

.f-menu-link-box {
  color: #647185;
  width: 100%;
  margin-top: .5rem;
  margin-bottom: .5rem;
  padding: 10px 10px 10px 25px;
  font-size: 16px;
  display: flex;
}

.f-menu-link-box.w--current {
  border: 0px none var(--mainiq-blue);
  color: var(--mainiq-blue);
  background-color: #fff;
  border-radius: 5px;
  width: 100%;
  font-weight: 700;
  box-shadow: 0 1px 6px 1px #3c51be24;
}

.f-menu-link-box.f-firstm {
  margin-top: 0;
}

.f-menu-link-box.f-firstm.fmlqsg.w--current {
  width: 92%;
}

.f-linktext {
  padding-top: 2px;
  padding-left: 10px;
  font-weight: 500;
}

.html-embed {
  width: 23px;
}

.html-embed.cust-icon {
  padding-left: 2px;
}

.featuremenubox {
  border-bottom: 1px solid #e0e3e7;
  align-items: center;
  display: flex;
}

.featuremenubox.fmb1 {
  border-bottom-style: solid;
  justify-content: space-between;
}

.featuremenubox.fmb2 {
  border-bottom-style: none;
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 15px;
}

.f-menu-icon {
  padding-right: 8px;
}

.f-menu-icon.cmicon {
  padding-left: 2px;
}

.fm-textmenu {
  display: flex;
}

.fm-textmenu.f-menu-item {
  padding-top: 20px;
  padding-bottom: 20px;
  text-decoration: none;
  display: none;
}

.fm-lb {
  display: flex;
}

.fm-lb.f-menu-item {
  padding-top: 20px;
  padding-bottom: 20px;
  text-decoration: none;
}

.fm-lb.f-menu-item.w--current {
  border-bottom: 3px solid #2b3fa8;
}

.fm-lb.f-menu-item.fminner {
  width: 500px;
  padding-left: 10px;
  padding-right: 10px;
}

.fm-lb.f-menu-item.fminner.hidefm {
  opacity: 0;
}

.featuresmenu-hamburger {
  cursor: pointer;
}

.featuresmenucard {
  z-index: auto;
  cursor: pointer;
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  height: auto;
  margin-top: -62px;
  padding-top: 0;
  padding-bottom: 10px;
  display: none;
  position: relative;
  box-shadow: 0 4px 12px #0000001c;
}

.image-10 {
  padding-right: 30px;
}

.heading {
  text-align: center;
}

.heading.qsgtitle {
  text-align: left;
}

.body-large-2 {
  color: var(--neutral-500);
  text-align: center;
  letter-spacing: -.03em;
  padding-top: 10px;
  font-size: 18px;
  line-height: 32px;
}

.body-large-2.max-width {
  max-width: 400px;
}

.body-large-2.center {
  text-align: center;
}

.body-large-2.featstext {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.body-large-2.qsgpara {
  text-align: left;
  margin-bottom: 110px;
  padding-top: 0;
}

.div-block {
  min-width: 0;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.grid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 30px;
}

.grid.dotsreminders {
  padding-top: 15px;
}

.div-block-2 {
  background-color: #feddac;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.cir-inner {
  background-color: #db942a;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 8px;
  height: 8px;
  display: flex;
}

.text-block-5 {
  color: var(--neutral-500);
  letter-spacing: -.2px;
  padding-left: 10px;
  font-size: 18px;
  line-height: 20px;
  display: inline-block;
}

.div-block-3 {
  line-height: 20px;
  display: inline-block;
}

.div-block-4 {
  text-align: center;
  padding-top: 0;
}

.div-block-4.invtempldots {
  padding-top: 0;
}

.div-block-4.dotsinvcust {
  padding-top: 40px;
}

.div-block-4.dotsesti {
  padding-top: 20px;
}

.ptitle {
  text-align: center;
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
}

.ptitle.v2 {
  max-width: 790px;
  margin-left: auto;
  margin-right: auto;
}

.ptitle.v2.invoicegen {
  max-width: 840px;
  margin-bottom: 10px;
}

.ptitle.v2.invoicetemplate {
  text-align: left;
}

.ptitle.v2-1 {
  max-width: 650px;
  margin: 0 auto 10px;
}

.pf-title {
  letter-spacing: -.01em;
  margin-bottom: 0;
  padding-left: 15px;
  line-height: 48px;
  display: inline-block;
}

.pf-title.small {
  color: #1d2e3b;
  text-align: left;
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 140%;
}

.div-block-5 {
  flex-wrap: nowrap;
  flex: 0 auto;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  padding-bottom: 30px;
  display: flex;
}

.div-block-5.small {
  padding-bottom: 0;
}

.div-block-5.small.v2 {
  width: 100%;
}

.pf-icons {
  width: 64px;
  margin-bottom: 0;
}

.pf-button {
  color: var(--royal-blue);
  letter-spacing: -.02em;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 4px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.pf-button.margin-top-32 {
  margin-top: 32px;
  display: none;
}

.pf-button.contact-link {
  color: #fff;
  margin-top: 32px;
}

.pf-button.btnherolearnmore, .pf-button.hide {
  display: none;
}

.pf-button.small {
  justify-content: space-between;
  padding-top: 0;
  padding-bottom: 0;
}

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

.questionimage.singlevcover {
  object-fit: cover;
}

.subtitle {
  font-size: 32px;
}

.subtitle.explainers {
  color: var(--mainiq-blue);
}

.linkbutton-1 {
  font-size: 18px;
  font-weight: 400;
}

.grid-2 {
  z-index: 600;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f8f7fc33;
  border: 2px solid #ffffff1a;
  border-radius: 16px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  align-items: center;
  height: 490px;
  margin-top: 13%;
  margin-left: 10px;
  padding: 14px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.notification-1 {
  object-fit: fill;
  background-color: #fff;
  border-radius: 10px;
  width: 290px;
  height: 60px;
  margin-left: 40px;
  padding-top: 10px;
  padding-left: 16px;
  overflow: visible;
  box-shadow: 0 4px 20px -1px #0a071b26;
}

.notification-1.custom {
  border: 2px solid #fabd3f;
  width: 300px;
  height: 80px;
  margin-left: 0;
  position: relative;
}

.image-11 {
  float: left;
  border-radius: 100px;
  height: 40px;
  display: inline-block;
}

.image-11.fade {
  opacity: .4;
}

.image-11.custom {
  height: 55px;
}

.image-11.fade2 {
  opacity: .2;
}

.div-block-6 {
  padding-top: 0;
  padding-left: 16px;
  line-height: 20px;
  display: inline-block;
}

.div-block-6.left {
  padding-top: 3px;
  padding-left: 0;
}

.div-block-6.custom {
  padding-top: 10px;
}

.text-block-6 {
  font-size: 15px;
  font-weight: 600;
  display: inline;
}

.text-block-6.fade {
  opacity: .4;
}

.text-block-6.custom {
  font-size: 16px;
}

.text-block-6.fade2 {
  opacity: .2;
}

.text-block-7 {
  display: inline;
}

.text-block-8 {
  color: #b1b1b1;
}

.text-block-8.fade {
  opacity: .4;
}

.text-block-8.custo {
  font-size: 14px;
}

.text-block-8.fade2 {
  opacity: .2;
}

.div-block-7 {
  float: left;
  align-items: center;
  display: flex;
}

.div-block-7.right {
  float: right;
  clear: none;
  padding-right: 16px;
  display: inline-block;
}

.notification-2 {
  background-color: #fff;
  border-radius: 10px;
  width: 290px;
  height: 64px;
  margin-left: 40px;
  padding-top: 10px;
  padding-left: 16px;
  box-shadow: 0 4px 20px -1px #0a071b26;
}

.image-12 {
  height: 100px;
  position: absolute;
  inset: 50px 30px auto auto;
}

.image-12.fp {
  right: -60px;
}

.image-12.dashavatar {
  inset: auto auto -6px 220px;
}

.image-13 {
  height: 100px;
  position: absolute;
  inset: 50px auto auto 30px;
}

.image-13.fp {
  left: -60px;
}

.image-14 {
  max-width: 100%;
  height: auto;
  position: absolute;
  inset: 5px -5px 0% auto;
  box-shadow: 0 0 20px -9px #a5a5a5;
}

.image-14.estact {
  top: 33px;
  right: -120px;
}

.image-14.estact.invbox {
  top: 56px;
  right: 45px;
}

.image-14.popupinvoop {
  top: 163px;
  right: 49px;
  box-shadow: 0 0 20px -9px #0003;
}

.image-14.popupinvoop.fp {
  right: -50px;
}

.heading-2 {
  text-align: center;
  letter-spacing: -.01em;
  padding-bottom: 60px;
  font-family: Inter, sans-serif;
}

.heading-3 {
  font-size: 36px;
}

.heading-3.ftr {
  color: var(--mainiq-blue);
  font-family: Inter, sans-serif;
  font-size: 28px;
  font-weight: 500;
}

.wuick-tips-grid {
  grid-column-gap: 52px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 311px 2fr;
  margin-bottom: 0;
}

.text-block-9 {
  font-size: 15px;
}

.partnerlogobox {
  justify-content: center;
  width: 200px;
  max-width: 250px;
  display: flex;
}

.partnerlogobox.plb {
  opacity: .66;
  width: 150px;
  max-width: 150px;
}

.partnerlogobox.reviews {
  opacity: 1;
  width: 170px;
  max-width: 170px;
}

.image-15 {
  display: block;
  position: absolute;
  inset: 36% -34px 50% auto;
}

.div-block-8 {
  position: absolute;
}

.image-16 {
  opacity: .4;
  height: 20px;
  padding-left: 10px;
}

.image-17 {
  border-radius: 10px;
  position: absolute;
  box-shadow: 0 12px 30px -12px #000000c7;
}

.div-block-9 {
  background-color: #fff9;
  width: 80%;
  height: 80%;
  position: absolute;
}

.image-18 {
  z-index: 5;
  min-width: auto;
  max-width: 210px;
  height: auto;
  position: absolute;
  inset: 17% 20px 0% auto;
}

.image-18.moreoptions {
  top: 5%;
}

.image-18.custdashimgleft {
  max-width: 300px;
  top: 54%;
  left: auto;
  right: 95px;
}

.image-18.reportimgright {
  top: auto;
  bottom: 37%;
  right: 94px;
}

.div-block-10 {
  background-color: #0000;
  background-image: linear-gradient(to right, #fff0, #fff 73%);
  width: auto;
  height: 60%;
  position: absolute;
  inset: 22% 0% 0%;
}

.div-block-10.whitespaceincustom {
  height: 90%;
  top: 5%;
}

.image-19 {
  min-width: auto;
  max-width: 260px;
  position: absolute;
  inset: auto 14% 0% auto;
}

.image-20 {
  max-width: 90%;
  position: absolute;
  box-shadow: 0 0 50px -10px #00000026;
}

.anactivity {
  z-index: 10;
  position: absolute;
  top: 339px;
  left: 732.578px;
}

.anactivity.act1 {
  max-width: 80%;
  top: 16px;
  left: 10px;
}

.anactivity.act1.iv1 {
  left: auto;
  right: 29px;
}

.anactivity.act2 {
  max-width: 80%;
  top: 82px;
  left: 10px;
}

.anactivity.act2.ia2 {
  top: 170px;
  left: auto;
  right: 40px;
}

.anactivity.ac3 {
  top: 247px;
  left: 732px;
}

.anactivity.ac3.ia3 {
  top: 253px;
  left: auto;
  right: 63px;
}

.anactivity.ac4 {
  top: 336px;
  left: 732px;
}

.anactivity.ac5 {
  top: 425px;
}

.anactivity.act3 {
  max-width: 80%;
  top: 149px;
  left: 10px;
}

.anactivity.act5 {
  max-width: 80%;
  top: 216px;
  left: 10px;
}

.activtiybox {
  width: 100%;
  height: 100%;
  position: absolute;
}

.activtiybox.notfbox {
  top: 57px;
}

.recuinvelemen {
  width: 100%;
  max-width: 250px;
  position: absolute;
  top: 28.0469px;
  right: 81px;
}

.recuinvelemen.rsf {
  perspective: 1500px;
  top: 70.0469px;
  right: 29px;
  transform: perspective(1500px);
}

.image-21 {
  box-shadow: 10px 0 50px -10px #0000001a;
}

.image-21.actcardre {
  margin-bottom: 18px;
  display: none;
  box-shadow: -2px 10px 50px -10px #0000001a;
}

.image-21.accimg {
  display: block;
  position: absolute;
  top: 314px;
  left: 100px;
  right: auto;
}

.image-22 {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(15deg)rotateZ(0)perspective(1500px);
  box-shadow: -2px 10px 50px -10px #0000001a;
}

.image-22.acceptedpayments {
  margin-top: 10px;
}

.tempimabox {
  justify-content: center;
  display: flex;
}

.te1 {
  z-index: 50;
  position: absolute;
  top: 5px;
}

.te2 {
  z-index: 40;
  height: 380px;
  margin-left: 0;
  position: absolute;
  top: 37px;
  left: 197.141px;
}

.te3 {
  z-index: 40;
  height: 380px;
  position: absolute;
  top: 38px;
  right: 197.141px;
}

.te4 {
  z-index: 30;
  height: 280px;
  position: absolute;
  top: 101px;
  left: 136.078px;
}

.te5 {
  z-index: 30;
  height: 280px;
  position: absolute;
  top: 101px;
  right: 136.078px;
}

.te6 {
  z-index: 20;
  height: 160px;
  position: absolute;
  top: 167px;
  left: 95.578px;
}

.te7 {
  z-index: 20;
  height: 160px;
  position: absolute;
  top: 167px;
  right: 95.578px;
}

.dashboardmainbg {
  box-shadow: 0 10px 50px -10px #0000001a;
}

.dashperiodimg {
  position: absolute;
  top: 54.5312px;
  left: 452.078px;
  box-shadow: 1px 5px 50px -16px #0000001a;
}

.dashuserstatimg {
  display: none;
  position: absolute;
  top: 206.531px;
  left: 613.078px;
  box-shadow: 0 10px 50px 3px #0000001a;
}

.image-24 {
  position: absolute;
  inset: 205px auto auto 60px;
  box-shadow: 1px 1px 3px #000;
}

.image-25 {
  position: absolute;
  inset: 54% auto auto 0%;
}

.image-26 {
  position: absolute;
  inset: 0% 0% auto auto;
}

.image-27 {
  position: absolute;
  inset: 20% 0% auto auto;
}

.image-28 {
  position: absolute;
  inset: 38% 0% auto auto;
}

.image-29 {
  position: absolute;
  inset: 69% auto auto 0%;
}

.est-activity {
  border-radius: 10px;
  width: 260px;
  position: absolute;
  inset: 205px auto auto 60px;
  box-shadow: 0 0 20px -9px #0003;
}

.est-activity._5c {
  z-index: 1;
  top: 310px;
  left: 87px;
}

.est-activity._6s {
  z-index: 1;
  top: 400px;
  left: 87px;
}

.est-activity._2c {
  z-index: 1;
  inset: 220px 87px auto auto;
}

.est-activity._1c {
  z-index: 1;
  top: 220px;
  left: 87px;
}

.est-activity._3c {
  z-index: 1;
  inset: 310px 87px auto auto;
}

.est-activity._4c {
  z-index: 1;
  inset: 400px 87px auto auto;
}

.div-block-11 {
  position: relative;
}

.div-block-12 {
  background-image: linear-gradient(to top, #fff 7%, #fff0 84%);
  position: absolute;
  inset: 0%;
}

.div-block-12.fadeblock {
  background-image: linear-gradient(263deg, #fff 7%, #fff0 84%);
}

.div-block-13 {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-14, .faqs {
  padding-bottom: 20px;
}

.grid-3 {
  grid-template-rows: auto auto auto auto;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
}

.grid-3.cp, .grid-3.notifications {
  grid-template-rows: auto auto;
}

.featureheading {
  color: #1d2e3b;
  letter-spacing: 0;
  font-size: 4.2rem;
  line-height: 110%;
}

.featureheading.left {
  text-transform: capitalize;
  max-width: 860px;
}

.featureheading.left.hub.ic_tp {
  margin-left: 0;
  display: inline-block;
}

.featureheading.left.hub.ic_tp.blocl {
  margin-left: 0;
}

.featureheading.left.freegen {
  max-width: 850px;
  font-weight: 900;
}

.featureheading.left-copy {
  max-width: 860px;
}

.featureodd {
  grid-column-gap: 4rem;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  place-items: center;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 50px;
}

.featureeven {
  grid-column-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 450px;
  align-items: center;
}

.featureeven.growgrid {
  grid-column-gap: 50px;
  grid-template-columns: 1.25fr 1.25fr;
}

.featureeven._3d {
  grid-column-gap: 60px;
  grid-template-columns: 1.25fr 510px;
}

.text-block-10 {
  color: #5b5675;
}

.list-2 {
  padding-left: 40px;
}

.featureslist {
  background-color: #f5f3fe4f;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 40px;
}

.iqfeatures {
  grid-column-gap: 52px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 261px 2fr;
  margin-bottom: 0;
}

.heading-5 {
  letter-spacing: 0;
}

.subhead-text {
  color: var(--mainiq-blue);
  text-transform: capitalize;
  font-family: Caveat, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 120%;
}

.subhead-text.ver2 {
  margin-top: 30px;
}

.line-separator {
  background-color: var(--mainiq-blue);
  border-radius: 20px;
  width: 100px;
  height: 6px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.div-block-16 {
  position: relative;
}

.image-30 {
  max-width: 130%;
  height: auto;
  position: absolute;
  top: 25px;
  left: -21px;
}

.vt-fpdb, .vt-rel {
  position: relative;
}

.image-31 {
  max-width: 100%;
  position: absolute;
  top: -12px;
  right: -39px;
}

.image-32 {
  max-width: 96%;
  position: absolute;
}

.div-block-17 {
  z-index: 1;
  perspective: 1000px;
  width: 100%;
  height: 100%;
  position: relative;
}

.image-33 {
  position: absolute;
  top: -102px;
}

.image-33.invsfimg1 {
  top: 0;
}

.image-33.invsfimg1.showmobile {
  display: none;
}

.headingcustom {
  color: var(--neutral-300);
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
}

.dotstriangle {
  z-index: -5;
  max-width: 100%;
  position: absolute;
  left: -9px;
}

.dotscontainer {
  width: 100%;
  height: 150px;
  padding-top: 0;
  position: relative;
  top: -71px;
}

.linebox {
  border: 1px solid #cecfe078;
  max-width: 50%;
  margin-top: -69px;
  margin-left: auto;
  margin-right: auto;
}

.estpopup {
  width: 250px;
  margin-top: 9px;
  position: absolute;
  top: 0;
  right: -50px;
  box-shadow: 0 0 50px -10px #0000001a;
}

.estpopup.estp2 {
  top: 67px;
  right: -81px;
}

.estpopup.estp3 {
  top: 137px;
  right: -81px;
}

.estpopup.estp4 {
  top: 207px;
  right: -81px;
}

.estpopup.estp5 {
  top: 277px;
}

.chromebarimg {
  width: 100%;
  max-width: 860px;
  position: absolute;
  top: 57px;
}

.chromebarimg.chromebarremi {
  display: none;
}

.customemailtextimg {
  position: absolute;
  top: 195.5px;
}

.curvebox {
  width: 480px;
  position: relative;
  top: -17px;
}

.acurve.c1, .acurve.c2, .acurve.c3 {
  position: absolute;
  inset: auto auto 0% 0%;
}

.curvecontainer {
  position: absolute;
  top: 250px;
  left: auto;
}

.accountingmobileimg {
  display: none;
}

.addpaymentimg {
  position: absolute;
  bottom: 37px;
  left: 0;
  box-shadow: 7px 7px 50px -10px #0000001a;
}

.addpaymentimg.acesspinimg {
  box-shadow: none;
  bottom: 98px;
  left: 54px;
}

.expensescardimg {
  position: absolute;
  right: 0;
  box-shadow: 7px 7px 50px -10px #0000001a;
}

.notificboxcustom {
  float: right;
  width: 350px;
  height: 350px;
  margin-top: 100px;
  position: relative;
}

.notificboxcustom.nsmaller {
  width: 300px;
  margin-top: 89px;
  margin-right: 28px;
}

.mockupss {
  align-self: flex-end;
  max-width: 110%;
  margin-left: 82px;
}

.mockupss.mockleftimg {
  max-width: 140%;
  margin-left: -198px;
}

.mockupss.mockleftimg.template2sf {
  float: right;
  max-width: 120%;
}

.mockupss.mockleftimg.reminders2sf {
  max-width: 180%;
  margin-left: -107px;
}

.mockupss.mockleftimg.reminders2sf.moveleftmore {
  margin-left: -100px;
}

.mockupss.mockleftimg.dashboard2sf.dashcusto2sf {
  max-width: 100%;
  margin-left: 0;
}

.mockupss.mockleftimg.recurring2sf {
  max-width: 140%;
}

.mockupss.mockleftimg.emailtem2sf {
  max-width: 100%;
  margin-left: auto;
}

.mockupss.mockleftimg.trans2sf {
  max-width: 130%;
  margin-left: -125px;
}

.mockupss.mockleftimg.trans2sf.transfcustom2f {
  max-width: 120%;
  margin-left: -88px;
}

.mockupss.mockleftimg.custo2sf {
  max-width: 100%;
  margin-left: auto;
}

.mockupss.mockleftimg.custo2sf.customizat2sf {
  max-width: 110%;
  margin-left: -86px;
}

.mockupss.mockleftimg.custview2sf {
  max-width: 130%;
  margin-left: -86px;
}

.mockupss.mockupcustomer1 {
  float: right;
}

.mockupss.mocktemplates1 {
  max-width: 150%;
  margin-left: -91px;
}

.mockupss.mockreminder1 {
  max-width: 100%;
  margin-left: 33px;
}

.mockupss.mockdashboard1 {
  max-width: 140%;
  margin-left: 21px;
}

.mockupss.mockrecurring1 {
  max-width: 120%;
}

.mockupss.mockemailt1 {
  max-width: 150%;
  margin-left: -61px;
}

.mockupss.taxessf1 {
  margin-left: auto;
}

.mockupss.transsf1 {
  margin-left: -51px;
}

.mockupss.custosf1 {
  margin-top: 18px;
}

.mockupss.custosf1.customizationmainimg {
  max-width: 100%;
  margin-left: -44px;
}

.mockupss.custviewsf1 {
  max-width: 130%;
  margin-left: -97px;
}

.mockupss.dashthirdmock {
  margin-left: -52px;
}

.mockupss.mock3dash {
  max-width: 150%;
  margin-left: 51px;
}

.mockupss.custo3mi {
  max-width: 100%;
  margin-left: 0;
}

.mockupss.clientview3mi {
  max-width: 130%;
  margin-left: -72px;
}

.image-34 {
  margin-top: -117px;
}

.changelog {
  margin-top: 120px;
  margin-bottom: 120px;
}

.container-3 {
  max-width: 1270px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-left: 16px;
  padding-right: 16px;
}

.container-3.changelog {
  text-align: center;
  max-width: 660px;
}

.collection-list-wrapper-2 {
  text-align: left;
}

.collection-item-2 {
  margin-bottom: 40px;
}

.div-block-18 {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 120px;
}

.changelogcontainer {
  max-width: 660px;
  margin: 60px auto 120px;
  padding-top: 20px;
  padding-left: 16px;
  padding-right: 16px;
}

.text-block-11 {
  font-weight: 600;
  line-height: 30px;
  display: inline-block;
}

.text-block-12 {
  background-color: var(--khaki);
  border-radius: 4px;
  padding: 5px 8px;
  display: inline-block;
}

.f-type {
  float: right;
  background-color: var(--khaki);
  border-radius: 4px;
  padding: 5px 8px;
  display: inline-block;
}

.f-cat {
  float: right;
  clear: none;
  background-color: #ebebeb;
  border-radius: 4px;
  margin-left: 10px;
  padding: 5px 8px;
  display: inline-block;
}

.heading-6 {
  padding-top: 16px;
}

.collection-item-3 {
  margin-bottom: 40px;
  padding-bottom: 0;
}

.div-block-19 {
  border-bottom: 1px solid #c7c7c7;
  margin-top: 40px;
}

.text-block-13 {
  min-width: 140px;
  display: inline-block;
}

.text-block-14 {
  padding-left: 6px;
  font-weight: 600;
  display: inline-block;
}

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

.subd {
  color: var(--neutral-500);
  text-align: center;
  padding-top: 10px;
  font-size: 18px;
}

.grid-4 {
  grid-column-gap: 40px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto;
}

.text-block-16 {
  padding-top: 9px;
  font-size: 16px;
}

.text-block-16.body-medium-500 {
  padding-top: 5px;
  font-weight: 400;
}

.text-block-16.body-medium-500.price_2 {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  line-height: 22px;
}

.text-block-16.body-medium-500.price_2.new {
  color: var(--neutral-300);
}

.standardtitle {
  text-align: center;
}

.grid-footer-final {
  grid-template-rows: auto;
  grid-template-columns: .95fr 1fr;
  margin-top: 28px;
}

.footerboxpolicy {
  justify-content: flex-start;
  display: flex;
}

.request-feature-form {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.text-block-17 {
  display: inline-block;
}

.hideme {
  display: none;
}

.div-block-20 {
  text-align: center;
  width: auto;
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}

.heading-7 {
  text-align: center;
  margin-bottom: 30px;
}

.section {
  background-color: var(--royal-blue-lighter);
  padding-top: 60px;
  padding-bottom: 60px;
}

.html-embed-2 {
  text-align: center;
}

.invoicegen-intro {
  background-color: #f9f9fa;
  background-image: url('../images/IQ-Video.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 60px;
  padding-bottom: 30px;
}

.grid-5 {
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.text-block-18 {
  width: auto;
  font-size: 60px;
  font-weight: 700;
  line-height: 40px;
  display: inline-block;
}

.section-2 {
  margin-bottom: 0;
  padding-top: 70px;
  padding-bottom: 0;
}

.div-block-21 {
  display: inline;
}

.text-block-19 {
  color: #4d5256;
  width: auto;
  font-size: 24px;
  font-weight: 400;
  line-height: 26px;
  display: inline-block;
}

.div-block-22 {
  width: 77%;
  padding-left: 10px;
  display: inline-block;
}

.div-block-23 {
  width: 14%;
  display: inline;
}

.section-3 {
  text-align: center;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.heading-8 {
  padding-top: 0;
  padding-bottom: 40px;
}

.heading-8.invoicegeneratore {
  color: #1d2e3b;
  font-size: 1.8rem;
}

.grid-6 {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.text-block-20 {
  color: #4d5256;
  text-align: left;
  padding-left: 0;
  font-size: 1rem;
  line-height: 150%;
}

.text-block-20.bold {
  color: var(--neutral-700);
  text-transform: capitalize;
  font-size: 1.2rem;
  font-weight: 600;
}

.div-block-24 {
  padding-top: 40px;
  padding-bottom: 40px;
}

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

.div-block-25 {
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
}

.grid3-gen {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid2-gen {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-26, .div-block-27, .div-block-28, .div-block-29 {
  padding-bottom: 20px;
}

.grid9-gen {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.div-block-30 {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}

.text-block-21 {
  color: var(--neutral-500);
  font-size: 1.25rem;
  line-height: 24px;
}

.text-block-21.invoicerem {
  color: #4d5256;
  margin-bottom: 30px;
  font-size: 1.5rem;
  line-height: 140%;
}

.heading-9 {
  padding-bottom: 20px;
}

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

.div-block-31 {
  min-height: 180px;
}

.heading-10 {
  padding-top: 20px;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 400;
}

.grid-8 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 60px;
}

.link-block {
  border: 1px solid var(--royal-blue-lighter);
  cursor: pointer;
  mix-blend-mode: normal;
  background-color: #0000;
  padding: 20px 32px;
  transition: background-color .3s;
}

.link-block:hover {
  background-color: #ffeea240;
}

.link-block.v2 {
  background-color: #ffffffb3;
  border-radius: 10px;
  width: 100%;
  padding-right: 10px;
  box-shadow: 0 0 14px #00000005;
}

.div-block-32 {
  text-align: center;
  max-width: 800px;
  margin-top: 120px;
  margin-left: auto;
  margin-right: auto;
}

.heading-11, .heading-12 {
  font-family: Inter, sans-serif;
}

.heading-12.center.cta.boxed {
  font-size: 2.5rem;
  font-weight: 900;
}

.heading-12.center.cta.boxed.white {
  color: var(--white);
}

.heading-13 {
  font-family: Inter, sans-serif;
}

.image-35 {
  perspective: none;
  transform-style: preserve-3d;
  transform: perspective(1500px)rotateX(15deg)rotateY(0)rotateZ(0);
  box-shadow: 1px 1px 3px #000;
}

.image-36 {
  transform-style: preserve-3d;
  transform: perspective(1500px)rotateX(0)rotateY(-20deg)rotateZ(0)perspective(1000px);
  box-shadow: 10px 0 50px -20px #0000001a;
}

.twofeatimg1 {
  z-index: 0;
  opacity: .8;
  transform-style: preserve-3d;
  border-radius: 10px;
  position: absolute;
  inset: -245px 0% 0% 23px;
  overflow: visible;
  transform: rotateX(0)rotateY(15deg)rotateZ(0);
  box-shadow: 10px 0 50px -10px #0000001a;
}

.twofeatimg2 {
  z-index: 60;
  opacity: 1;
  transform-style: preserve-3d;
  border-radius: 10px;
  position: absolute;
  inset: -191px 0% 0% 310px;
  transform: rotateX(0)rotateY(15deg)rotateZ(0);
  box-shadow: 10px 0 50px -10px #00000012;
}

.image-39 {
  z-index: 70;
  transform-style: preserve-3d;
  border-radius: 10px;
  position: absolute;
  inset: 20px 0% 0% 384px;
  transform: rotateX(0)rotateY(15deg)rotateZ(0);
  box-shadow: 10px 0 50px -10px #00000012;
}

.div-block-33 {
  perspective: 1000px;
  position: relative;
}

.div-block-34 {
  opacity: .8;
  text-align: right;
  mix-blend-mode: normal;
  transform-style: preserve-3d;
  background-color: #ffeea2;
  border-radius: 10px;
  width: 240px;
  height: 400px;
  position: absolute;
  inset: -206px 0% 0% 295px;
  transform: rotateX(0)rotateY(15deg)rotateZ(0);
}

.image-40 {
  transform-style: preserve-3d;
  position: absolute;
  transform: rotateX(0)rotateY(-15deg)rotateZ(0);
  box-shadow: 10px 0 50px -10px #0000001a;
}

.image-40._2 {
  border-radius: 10px;
  top: 188px;
  left: 33px;
}

.image-40._1 {
  border-radius: 10px;
  top: -60px;
  left: 62px;
}

.div-block-34-1 {
  opacity: 1;
  text-align: right;
  mix-blend-mode: multiply;
  transform-style: preserve-3d;
  background-color: #ffeea2;
  border-radius: 10px;
  width: 380px;
  height: 150px;
  position: absolute;
  inset: 178px 0% 0% 246px;
  transform: rotateX(0)rotateY(-15deg)rotateZ(0);
}

.vt-rel-copy {
  position: relative;
}

.div-block-35 {
  perspective: 1000px;
  position: relative;
}

.image-41 {
  transform-style: preserve-3d;
  position: absolute;
  top: -50px;
  transform: rotateX(0)rotateY(15deg)rotateZ(0);
}

.threefeatimg1 {
  z-index: -1;
  opacity: .6;
  transform-style: preserve-3d;
  border-radius: 10px;
  max-width: 300px;
  position: absolute;
  top: -37px;
  left: 43px;
  transform: rotateX(0)rotateY(-15deg)rotateZ(0);
  box-shadow: 10px 0 50px -10px #0000001a;
}

.threefeatimg5 {
  z-index: 2;
  transform-style: preserve-3d;
  border-radius: 10px;
  max-width: 300px;
  position: absolute;
  top: -20px;
  left: 388px;
  transform: rotateX(0)rotateY(-15deg)rotateZ(0);
  box-shadow: 10px 0 50px -10px #0000001a;
}

.threefeatimg4 {
  z-index: 6;
  transform-style: preserve-3d;
  border-radius: 10px;
  max-width: 300px;
  position: absolute;
  top: -73px;
  left: 387px;
  transform: rotateX(0)rotateY(-15deg)rotateZ(0);
  box-shadow: 10px 0 50px -10px #0000001a;
}

.threefeatimg6 {
  z-index: 6;
  transform-style: preserve-3d;
  border-radius: 10px;
  max-width: 300px;
  position: absolute;
  top: 166px;
  left: 388px;
  transform: rotateX(0)rotateY(-15deg)rotateZ(0);
  box-shadow: 10px 0 50px -10px #0000001a;
}

.threefeatimg2 {
  z-index: 0;
  opacity: .8;
  transform-style: preserve-3d;
  border-radius: 10px;
  min-width: auto;
  max-width: 300px;
  position: absolute;
  top: -76px;
  left: 178px;
  transform: rotateX(0)rotateY(-15deg)rotateZ(0);
  box-shadow: 10px 0 50px -10px #0000001a;
}

.div-block-35-copy {
  perspective: 1000px;
  position: relative;
}

.div-block-34-3 {
  z-index: 1;
  opacity: .8;
  text-align: right;
  mix-blend-mode: normal;
  transform-style: preserve-3d;
  background-color: #ffeea2;
  border-radius: 10px;
  width: 270px;
  height: 450px;
  position: absolute;
  inset: -86px 0% 0% 373px;
  transform: rotateX(0)rotateY(-15deg)rotateZ(0);
}

.div-block-34-4 {
  z-index: -1;
  opacity: 1;
  text-align: right;
  mix-blend-mode: multiply;
  transform-style: preserve-3d;
  background-color: #ffeea2;
  border-radius: 10px;
  width: 270px;
  height: 380px;
  position: absolute;
  inset: -86px 0% 0% 138px;
  transform: rotateX(0)rotateY(-15deg)rotateZ(0);
}

.feature1-1 {
  padding-top: 160px;
  padding-bottom: 160px;
}

.feature1-1.lastcontetsf {
  margin-bottom: 75px;
}

.feature1-1.lastcontetsf.sfc3.invsfsection3 {
  margin-bottom: 80px;
}

.vt-fpdb-1-2 {
  perspective: 1000px;
  position: relative;
}

.feaimg1 {
  z-index: 5;
  transform-style: preserve-3d;
  border-radius: 10px;
  position: absolute;
  top: -66px;
  left: 40px;
  transform: rotateX(0)rotateY(-15deg)rotateZ(0);
  box-shadow: 10px 0 50px -10px #0000001a;
}

.feaimg2 {
  z-index: 1;
  transform-style: preserve-3d;
  border-radius: 6px;
  max-width: 140px;
  position: absolute;
  top: -77px;
  left: 460px;
  transform: rotateX(0)rotateY(-15deg)rotateZ(0);
  box-shadow: 10px 0 30px -10px #0000001a;
}

.feaimg4 {
  z-index: 2;
  transform-style: preserve-3d;
  border-radius: 6px;
  max-width: 140px;
  position: absolute;
  top: 37px;
  left: 522px;
  transform: rotateX(0)rotateY(-15deg)rotateZ(0);
  box-shadow: 10px 0 30px -10px #0000001a;
}

.feaimg3 {
  z-index: 3;
  transform-style: preserve-3d;
  border-radius: 6px;
  max-width: 140px;
  position: absolute;
  top: 142px;
  left: 458px;
  transform: rotateX(0)rotateY(-15deg)rotateZ(0);
  box-shadow: 10px 0 30px -10px #0000001a;
}

.feaimg5 {
  z-index: 4;
  transform-style: preserve-3d;
  border-radius: 6px;
  max-width: 140px;
  position: absolute;
  top: 270px;
  left: 525px;
  transform: rotateX(0)rotateY(-15deg)rotateZ(0);
  box-shadow: 10px 0 30px -10px #0000001a;
}

.image-48-4 {
  z-index: 1;
  transform-style: preserve-3d;
  border-radius: 6px;
  max-width: 140px;
  position: absolute;
  top: 234px;
  left: 514px;
  transform: rotateX(0)rotateY(-15deg)rotateZ(0);
  box-shadow: 10px 0 30px -10px #0000001a;
}

.image-48-5 {
  z-index: -1;
  transform-style: preserve-3d;
  border-radius: 6px;
  max-width: 140px;
  position: absolute;
  top: 15px;
  left: 520px;
  transform: rotateX(0)rotateY(-15deg)rotateZ(0);
  box-shadow: 10px 0 30px -10px #0000001a;
}

.inv-s1 {
  background-image: linear-gradient(#f5f5f799, #fff0);
  padding-top: 60px;
  padding-bottom: 40px;
}

.inv-s1.v2 {
  padding-bottom: 60px;
  position: relative;
}

.inv-s1.v2._1 {
  padding-bottom: 10px;
}

.inv-s1.v2._2 {
  background-image: none;
  padding-top: 80px;
  padding-bottom: 80px;
}

.inv-s1.featire-section {
  background-image: none;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.inv-s1.featire-section.invtemplate {
  background-color: #f9f9fa;
  padding-top: 100px;
  padding-bottom: 160px;
}

.image-42 {
  min-height: 54px;
}

.grid-9 {
  grid-template-rows: auto;
  align-items: center;
  margin-top: 30px;
}

.ios-download {
  margin-top: 20px;
  margin-bottom: 20px;
  display: none;
}

.image-42-copy {
  min-height: 60px;
}

.text-block-22 {
  color: #b9c7d3;
  font-size: 14px;
  line-height: 20px;
}

.div-block-36 {
  text-align: center;
  padding-top: 20px;
}

.link-block-2 {
  display: none;
}

.homecheckmarktext {
  align-items: center;
  display: flex;
}

.checkmarktext {
  color: var(--neutral-500);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-size: 18px;
  line-height: 22px;
}

.text-block-23 {
  color: var(--neutral-900);
}

.text-block-23.lp {
  font-family: Caveat, sans-serif;
  font-size: 33px;
  font-weight: 700;
  line-height: 36px;
}

.text-span-4 {
  color: var(--royal-blue);
}

.text-span-4.price {
  color: #1d2e3b;
}

.linepricing {
  background-color: var(--neutral-300);
  color: var(--neutral-300);
  width: 80%;
  height: 2px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.newpricingiq {
  justify-content: center;
  margin-top: -31px;
  display: flex;
}

.newpricingiq.lp {
  margin-top: 60px;
}

.newpricingiq.orig {
  display: block;
}

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

.heading-15.lp {
  color: #333;
  font-weight: 900;
}

.startguidebg {
  margin-top: 100px;
  margin-bottom: 100px;
  padding-left: 3%;
  padding-right: 3%;
}

.qsg_box {
  margin: 60px 140px 121px;
  display: flex;
}

.twoboxesrow {
  display: none;
}

.qsg_divider {
  border-bottom: 1px solid #5138ee;
  margin-top: 59px;
  margin-left: 220px;
  margin-right: 220px;
}

.oldversion {
  display: none;
}

.qsgtwobtns {
  justify-content: center;
  padding-top: 27px;
  display: flex;
}

.qsgboxbtns {
  padding-top: 21px;
}

.rich-text-block {
  font-weight: 400;
}

.div-block-37 {
  display: inline-block;
}

.div-block-38 {
  margin-top: 123px;
}

.down-arrow {
  float: right;
  clear: none;
  text-align: left;
  order: 1;
  align-self: center;
  height: 50px;
  display: inline-block;
  position: static;
}

.div-block-39 {
  align-items: center;
  display: block;
  position: static;
}

.div-block-40, .div-block-41 {
  align-self: center;
}

.link-2 {
  color: var(--neutral-500);
  font-weight: 500;
}

.code-embed {
  display: none;
}

.paragraph {
  text-align: center;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.image-43 {
  max-width: none;
  max-height: 33px;
}

.heading-16 {
  color: #1d2e3b;
  letter-spacing: -.05rem;
  font-size: 6rem;
  font-weight: 900;
  line-height: 110%;
}

.div-block-42 {
  text-align: center;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  line-height: 20;
}

.welcome {
  text-align: center;
  padding-top: 70px;
}

.paragraph-2 {
  color: #1d2e3b;
  margin-bottom: 0;
  font-family: Caveat, sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 140%;
}

.paragraph-2.left.priceheader {
  color: var(--royal-blue);
}

.paragraph-2.left.white {
  color: #b4bfc9;
}

.paragraph-3 {
  color: #1d2e3b;
  letter-spacing: -.05rem;
  max-width: 920px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 2rem;
  font-weight: 600;
  line-height: 140%;
}

.paragraph-3.hdr {
  max-width: 900px;
}

.paragraph-4 {
  color: #1d2e3b;
  margin-bottom: 0;
  margin-left: 10px;
  font-size: 1.1875rem;
  font-weight: 600;
  line-height: 140%;
  display: inline-block;
}

.div-block-43 {
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-right: 15px;
  display: inline-flex;
}

.div-block-43.benefits {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}

.cell {
  justify-content: flex-start;
}

.image-44 {
  vertical-align: text-bottom;
  max-width: 19px;
}

.youtube {
  max-width: 1100px;
}

.div-block-44 {
  background-color: #fff0;
  width: 1100px;
  max-width: 1100px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.quick-stack {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-45 {
  position: relative;
}

.div-block-46 {
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.section-5 {
  text-align: center;
  margin-top: 0;
}

.videosec {
  margin-top: 60px;
}

.button-2 {
  display: block;
}

.div-block-47 {
  text-align: center;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.star {
  padding-right: 5px;
}

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

.section-6.tight {
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
}

.section-6.tight.invoicegenerator {
  padding-top: 6.5rem;
  padding-bottom: 6.5rem;
}

.section-6.tight.pricingpage {
  padding-bottom: 90px;
}

._2rem {
  letter-spacing: -.03rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  font-size: 2rem;
  font-weight: 900;
  line-height: 120%;
}

._2rem.center {
  color: #1d2e3b;
  text-align: center;
  margin-bottom: 40px;
}

._2rem.center.reviews {
  color: #1d2e3b;
}

._2rem.center.tight {
  margin-bottom: 0;
}

.quick-stack-2 {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.quick-stack-2.v2 {
  margin-top: 80px;
  margin-bottom: 20px;
}

.text-block-25 {
  color: #7d7d8b;
  margin-top: 8px;
  font-size: .875rem;
  font-weight: 500;
  line-height: 140%;
}

.text-block-25.white {
  color: #cdd6df;
}

.text-block-25.first {
  margin-top: 2px;
  font-size: .9rem;
}

.bold-text-2 {
  color: #333;
  font-weight: 600;
}

.bold-text-2.v2 {
  line-height: 140%;
}

.pricing {
  background-color: #3c51be1a;
  margin-top: 40px;
  padding-top: 0;
  padding-bottom: 110px;
}

.quick-stack-3 {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.text-block-26 {
  color: #4f5458;
  padding-top: 0;
  padding-bottom: 10px;
  font-size: 1.125rem;
  line-height: 150%;
}

.text-block-26.faq {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.text-block-26.testa {
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-style: italic;
  font-weight: 400;
}

.text-block-26.name {
  padding-bottom: 0;
}

.text-block-26.date {
  font-size: 1rem;
}

.text-block-27 {
  color: #1d2e3b;
  letter-spacing: -.05rem;
  padding-top: 10px;
  padding-bottom: 20px;
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 120%;
}

.text-block-27.v2 {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.text-block-27.v2.tight {
  max-width: 910px;
}

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

.section-8 {
  padding-bottom: 80px;
}

.div-block-48 {
  text-align: center;
  padding-top: 90px;
  padding-bottom: 15px;
}

.div-block-48.v2 {
  padding-top: 80px;
}

.div-block-48.v2.pricing {
  background-color: #ffffff1a;
  margin-top: 50px;
  padding-top: 40px;
}

.text-block-28 {
  color: #1d2e3b;
  letter-spacing: -.05rem;
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
  font-size: 3rem;
  font-weight: 900;
  line-height: 120%;
}

.text-block-28.lpprice {
  max-width: 580px;
}

.div-block-49 {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.bold-text-3 {
  font-weight: 400;
}

.quick-stack-4 {
  grid-column-gap: 1.875em;
  grid-row-gap: 1.875em;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-left: 0;
  padding-right: 0;
}

.div-block-50 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  padding: 30px;
  box-shadow: 0 2px 12px 10px #00000008;
}

.text-block-29 {
  letter-spacing: -.05px;
  padding-bottom: 25px;
  font-size: 1.75rem;
  font-weight: 900;
  line-height: 120%;
}

.bold-text-4 {
  color: #6b7074;
  font-weight: 600;
}

.bold-text-5, .bold-text-6, .bold-text-7 {
  color: #6b7074;
}

.div-block-51 {
  max-width: 1160px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-51.v2 {
  background-color: #fff;
  border-radius: 10px;
  max-width: 920px;
  margin-top: 0;
  padding: 60px 40px 50px;
  box-shadow: 0 12px 50px 1px #3c51be29;
}

.div-block-52 {
  display: inline-block;
}

.div-block-52.v2 {
  margin-top: 30px;
}

.div-block-52.v2.mid, .div-block-52.feat, .div-block-52.feat.mid {
  margin-top: 0;
}

.bold-text-8, .bold-text-9, .bold-text-10, .bold-text-11, .bold-text-12 {
  color: #1c2e3c;
}

.cell-2, .cell-3 {
  justify-content: center;
  align-items: flex-start;
}

.text-block-30 {
  letter-spacing: -.05px;
  font-size: 1.125rem;
  font-weight: 900;
  line-height: 140%;
}

.text-block-31 {
  font-size: 1rem;
  line-height: 150%;
}

.image-45 {
  margin-bottom: 10px;
}

.quick-stack-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding-left: 0;
  padding-right: 0;
}

.div-block-53 {
  padding: 40px 15px;
}

.comparison {
  background-color: #3c51be00;
  background-image: none;
  padding-top: 60px;
  padding-bottom: 90px;
}

.second {
  background-color: #3c51be00;
  background-image: linear-gradient(#3c51be1a, #3c51be1a 0%, #fff0);
  padding-top: 110px;
  padding-bottom: 90px;
}

.comp {
  margin-top: 40px;
}

.div-block-54 {
  text-align: center;
  max-width: 940px;
  margin-top: 150px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-55 {
  border-bottom: 1px #3c51be;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}

.section-9 {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 20px;
}

.image-46 {
  margin-left: auto;
  margin-right: auto;
}

.div-block-56 {
  border-radius: 10px;
  min-height: 350px;
  padding: 80px 30px 30px;
  position: relative;
  box-shadow: 0 0 17px -3px #3c51be26;
}

.div-block-56.white {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #e4e6e9;
  height: 100%;
  min-height: auto;
  margin-top: 50px;
  padding-top: 50px;
}

.div-block-56.white.first {
  box-shadow: none;
  border: 1px solid #e4e6e9;
  margin-top: 0;
}

.div-block-57 {
  position: absolute;
  inset: -41px 0% auto 0;
}

.image-47 {
  border-radius: 100px;
}

.image-47.testa {
  border: 5px solid var(--neutral-100);
  width: 80px;
}

.bold-text-13 {
  color: #1c2e3c;
}

.div-block-58 {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-58.feature_hub_cell {
  text-align: center;
}

.div-block-58.jobspage {
  text-align: center;
  max-width: 810px;
  margin-bottom: 0;
}

.text-block-32 {
  text-align: center;
  background-color: #ff8200;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  font-size: 31px;
  font-weight: 900;
  line-height: 25px;
  display: flex;
  position: absolute;
  inset: 202px auto auto -20px;
}

.text-block-33 {
  color: #000;
  font-size: 40px;
  font-weight: 900;
  line-height: 30px;
}

.section-10 {
  text-align: center;
  background-color: #ff8200;
  padding-top: 15px;
  padding-bottom: 10px;
  position: fixed;
  inset: auto 0% 0%;
  box-shadow: 0 2px 50px 4px #0003;
}

.text-block-34 {
  color: #242424;
  text-align: center;
  margin-bottom: 7px;
  margin-left: auto;
  margin-right: 10px;
  font-size: 24px;
  font-weight: 600;
  line-height: 33px;
  display: inline-block;
}

.body {
  padding-top: 0;
}

.div-block-59 {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.button-3 {
  color: #ff8200;
  vertical-align: top;
  background-color: #1f1f1f;
  border-radius: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 14px;
  font-weight: 600;
}

.image-49 {
  vertical-align: baseline;
  margin-left: 10px;
  display: block;
}

.div-block-60 {
  margin-top: 50px;
}

.div-block-60.fp {
  text-align: center;
}

.div-block-60.fp.v2cta {
  margin-top: 20px;
  margin-bottom: 140px;
}

.image-50 {
  border-radius: 10px;
  box-shadow: 0 2px 60px 9px #3c51be33;
}

.bold-text-16 {
  color: #1d2e3b;
  font-weight: 900;
  line-height: 120%;
}

.bold-text-16.white {
  color: #fff;
}

.bold-text-17 {
  font-weight: 800;
}

.subtitle1 {
  color: #1d2e3b;
  letter-spacing: -.03em;
  max-width: 90%;
  padding-top: 10px;
  font-size: 1.25rem;
  line-height: 150%;
}

.subtitle1.max-width {
  max-width: 440px;
}

.subtitle1.max-width.hp1.white {
  color: var(--neutral-100);
  margin-bottom: 30px;
}

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

.subtitle1.featuresdescrip {
  border-bottom: 1px none var(--neutral-200);
  padding-bottom: 20px;
}

.subtitle1.features {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}

.subtitle1.ftr {
  line-height: 38px;
}

.subtitle1.v3 {
  text-align: left;
}

.subtitle1.v2 {
  color: #4d5256;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 2rem;
  font-weight: 400;
  line-height: 120%;
}

.subtitle1.v2.pp {
  max-width: 570px;
  font-size: 1.5rem;
  line-height: 140%;
}

.subtitle1.v2.pp.white {
  color: #cdd6df;
}

.subtitle1.v2.pp.company {
  max-width: 660px;
}

.subtitle1.v2.pp.invoicegenerator {
  max-width: 640px;
}

.subtitle1.v2.pp.invtemp {
  max-width: 710px;
}

.subtitle1.v2.pp.invtemp.hub {
  max-width: 750px;
}

.subtitle1.sectional {
  color: #4d5256;
  max-width: 570px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.5rem;
}

.subexplainer {
  color: #4d5256;
  letter-spacing: -.03em;
  max-width: 100%;
  padding-top: 10px;
  font-size: 1.125rem;
  line-height: 150%;
}

.subexplainer.max-width {
  max-width: 440px;
}

.subexplainer.max-width.hp1.white {
  color: var(--neutral-100);
  margin-bottom: 30px;
}

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

.subexplainer.featuresdescrip {
  border-bottom: 1px none var(--neutral-200);
  padding-bottom: 20px;
}

.subexplainer.features {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}

.subexplainer.ftr {
  line-height: 38px;
}

.subexplainer.v3 {
  text-align: left;
}

.subexplainer.descrip {
  color: #1d2e3b;
}

.subexplainer.left {
  font-size: 1.3rem;
  line-height: 150%;
}

.subexplainer.left.feature {
  color: #1d2e3b;
  margin-bottom: 0;
  padding-bottom: 0;
}

.subexplainer.left.ver2 {
  margin-bottom: 9px;
  font-size: 1.3rem;
}

.subexplainer.left.ver2._1-2 {
  font-size: 1.2rem;
}

.h2 {
  color: #1d2e3b;
  letter-spacing: -.01em;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 2rem;
  font-weight: 900;
  line-height: 120%;
}

.h2.light {
  color: #4d5256;
  font-weight: 700;
}

.h2.invoicegen {
  letter-spacing: -.01em;
  margin-bottom: 40px;
  font-size: 2.3rem;
}

.h2.invoicegen.section2 {
  margin-bottom: 10px;
}

.h2.hub {
  text-align: center;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  font-size: 2.5rem;
  font-weight: 900;
}

.h2.hub.v2 {
  max-width: 780px;
}

.bold-text-18 {
  color: var(--neutral-900);
}

.div-block-61 {
  max-width: 1100px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

.heading-17 {
  color: #1d2e3b;
  text-align: center;
  letter-spacing: -.04em;
  margin-top: 10px;
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 120%;
}

.heading-17.white {
  color: #fff;
}

.text-block-35 {
  color: #4d5256;
  text-align: center;
  max-width: 740px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 160%;
}

.text-block-35.v2 {
  margin-bottom: 20px;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 150%;
}

.text-block-35.v2.white {
  color: #cdd6df;
  margin-top: 10px;
  font-size: 1.3rem;
  font-weight: 400;
}

.text-block-36 {
  color: #1d2e3b;
  text-align: center;
  margin-top: 10px;
  font-family: Caveat, sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 140%;
}

.text-block-36.cta2 {
  color: #ffffffe6;
  -webkit-text-stroke-color: #fff;
}

.intro {
  text-align: center;
  padding-top: 0;
  padding-bottom: 70px;
}

.cell-5 {
  justify-content: center;
  align-items: flex-start;
}

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

.quick-stack-6 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 40px;
}

.div-block-62 {
  z-index: -10;
  box-sizing: border-box;
  object-fit: fill;
  background-color: #f6f6f7;
  width: 100%;
  height: 60%;
  margin-top: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.bold-text-19, .bold-text-20, .bold-text-21, .bold-text-22, .bold-text-23, .bold-text-24, .bold-text-25, .bold-text-26, .bold-text-27 {
  color: #1d2e3b;
}

.newg1 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 60px;
}

.quick-stack-7 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  max-width: 1100px;
  margin: 80px auto 40px;
  padding: 0;
}

.bold-text-28 {
  color: #1d2e3b;
  font-size: 2.5rem;
  font-weight: 900;
}

.bold-text-28.cta2 {
  color: #fff;
}

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

.div-block-63.cta2 {
  max-width: 480px;
}

.div-block-63.v2 {
  margin-bottom: 25px;
}

.div-block-64 {
  text-align: center;
  max-width: 800px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.quick-stack-8 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.text-block-37 {
  color: #1d2e3b;
  font-size: 2rem;
  font-weight: 900;
  line-height: 120%;
}

.link-block-3 {
  background-color: #af0000;
  max-width: 100%;
  height: 80px;
}

.div-block-65 {
  position: fixed;
  inset: auto 0% 0%;
}

.div-block-65.sticky {
  display: none;
}

.image-52 {
  position: absolute;
  inset: -27% auto auto 6%;
}

.quick-stack-9 {
  max-width: 51px;
  margin-top: 30px;
  margin-left: 0;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.quick-stack-10 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  max-width: 440px;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.quick-stack-10.center {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  max-width: none;
  margin-top: 40px;
}

.quick-stack-10.center.v2cta {
  margin-top: 10px;
}

.div-block-66 {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.youtube-2 {
  object-fit: fill;
  background-image: none;
  background-size: auto;
  border-radius: 0;
  height: 100%;
  position: static;
}

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

.image-53, .image-54 {
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.image-55 {
  display: none;
}

.cell-7 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.image-56 {
  border-radius: 10px;
}

.div-block-67 {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 100px;
}

.div-block-67.cta2 {
  background-color: #3c51be;
  border: 10px #fff;
  border-radius: 10px;
  max-width: 630px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 30px 40px;
  display: block;
  box-shadow: 4px 4px 50px #0000001a;
}

.text-block-39 {
  color: #1d2e3b;
  text-align: left;
  font-size: 16px;
  line-height: 26px;
}

.priceheader {
  color: #1d2e3b;
  text-align: left;
  margin-top: 0;
  font-size: 40px;
}

.priceheader.lp {
  color: #333;
  font-weight: 900;
}

.text-block-40 {
  color: #1d2e3b;
  text-align: left;
  font-size: 16px;
  line-height: 26px;
}

.text-block-40.highlight {
  color: var(--royal-blue);
  font-weight: 600;
}

.price {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 10px;
}

.heading-18 {
  font-size: 50px;
}

.planheader {
  color: #1d2e3b;
  text-align: left;
  margin-top: 0;
  font-size: 44px;
  line-height: 120%;
}

.planheader.lp {
  color: #333;
  font-weight: 900;
}

.quick-stack-12 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  max-width: 960px;
}

.text-block-41 {
  color: #1d2e3b;
  text-align: center;
  margin-top: 6px;
  font-size: 16px;
  line-height: 26px;
}

.link-3 {
  color: #1d2e3b;
  text-decoration: underline;
}

.bold-text-29 {
  color: var(--neutral-900);
}

.image-57 {
  border-radius: 20px 20px 0 0;
  box-shadow: 0 -1px 20px #6e6e731a;
}

.headercontainer {
  width: 100%;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}

.headercontainer.industry {
  text-align: center;
  max-width: 1040px;
}

.headercontainer.job {
  text-align: center;
  max-width: 1040px;
  margin-bottom: 70px;
}

.feature_stack {
  padding-right: 0;
}

.featurestack {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  max-width: 900px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.grey_bottom_1 {
  z-index: -1;
  background-color: #f9f9fa;
  height: 330px;
  position: absolute;
  inset: auto 0% 0%;
}

.grey_bottom_1.full {
  height: 100%;
  inset: 0%;
}

.featuretitle {
  text-align: center;
  max-width: 800px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.div-block-69 {
  text-align: left;
  background-color: #fff0;
  padding-top: 40px;
  padding-bottom: 0;
}

.qf_comp {
  color: #526574;
  padding-left: 0;
  padding-right: 0;
  font-size: 1.1rem;
  line-height: 380%;
}

.featurehead {
  font-size: 1.3rem;
}

.cta_07 {
  max-width: 1160px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.cta_07.v2 {
  background-color: #fff;
  border-radius: 10px;
  max-width: 920px;
  margin-top: 0;
  padding: 60px 40px 50px;
  box-shadow: 0 12px 50px 1px #3c51be29;
}

.evenmoretools {
  text-align: center;
  max-width: 800px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}

.perk1 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 40px;
}

.perk2 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  max-width: 1100px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 40px;
}

.cta1_top {
  display: none;
}

.div-block-70 {
  max-width: 940px;
  margin: 30px auto 0;
}

.div-block-71 {
  background-color: var(--neutral-300);
  max-width: 940px;
  height: 1px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-72 {
  text-align: center;
  width: 840px;
  margin: 100px auto 60px;
}

.picthis {
  text-align: center;
  margin-bottom: 6px;
  font-size: 1.3rem;
  line-height: 150%;
  display: block;
}

.picthis.check {
  margin-right: 5px;
}

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

.container-5 {
  max-width: 700px;
}

.bold-text-30 {
  display: none;
}

.close_div.first {
  margin-top: 10px;
}

.h3 {
  color: #4d5256;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 150%;
}

.h3.tight {
  max-width: 560px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.3rem;
}

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

.div-block-73 {
  max-width: 600px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-73.invoicetemplates {
  text-align: left;
  max-width: 550px;
  margin-left: 0;
}

.div-block-73.invoicetemplates.v2 {
  margin-bottom: 45px;
}

.div-block-73.v2-3 {
  text-align: center;
}

.link-4 {
  font-weight: 500;
}

.comparisons {
  background-image: linear-gradient(#f5f5f799, #fff0);
  padding-top: 60px;
  padding-bottom: 40px;
}

.comparisons.v2 {
  padding-bottom: 60px;
  position: relative;
}

.comparisons.v2._1 {
  padding-bottom: 10px;
}

.comparisons.v2._2 {
  padding-top: 20px;
  padding-bottom: 10px;
}

.comparisons.feature-section {
  background-image: none;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}

.quickcompare {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff9;
  background-image: none;
  border-radius: 20px;
  max-width: 960px;
  margin: 50px auto 0;
  padding: 50px 40px 40px;
  box-shadow: 0 -1px 20px #6e6e731a;
}

.quickfeat_head {
  text-align: left;
  border-bottom: 1px solid #e4e0df;
  width: 100%;
  padding-bottom: 20px;
  padding-right: 0;
}

.cell-8 {
  text-align: left;
}

.text-block-43 {
  color: #4d5256;
  font-size: 1.2rem;
  line-height: 120%;
}

.text-block-43.headwhofor {
  color: #1d2e3b;
  margin-bottom: 10px;
  font-size: 1.4rem;
}

.cell-9 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column-reverse;
  justify-content: center;
  align-items: flex-start;
}

.quick_feat_comp {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  border-bottom: 1px solid #f0f0f0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: block;
}

.quick_feat_comp.last {
  border-bottom-style: none;
}

.cell-10 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.cell-11 {
  justify-content: center;
  align-items: flex-start;
}

.cta {
  text-align: center;
  padding: 80px 0%;
  position: relative;
}

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

.section-6-copy.tight {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 100px;
}

.testamonialhp {
  padding-top: 60px;
  padding-bottom: 110px;
}

.testamonialhp.tight {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 100px;
}

.home_features {
  background-image: linear-gradient(#f5f5f799, #fff0);
  padding-top: 60px;
  padding-bottom: 40px;
}

.home_features.v2 {
  padding-bottom: 60px;
  position: relative;
}

.home_features.v2._1 {
  padding-bottom: 10px;
}

.home_features.v2._2 {
  padding-top: 20px;
  padding-bottom: 10px;
}

.home_features.feature-section {
  text-align: center;
  background-image: none;
  margin-bottom: 0;
  padding: 80px 0%;
  position: relative;
}

.hp_feature {
  color: #526574;
  padding-left: 0;
  padding-right: 0;
  font-size: 1.1rem;
  line-height: 130%;
}

.lk_cta {
  max-width: 940px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.lk_cta.feature {
  margin-top: 40px;
}

.italic-text {
  font-style: normal;
}

.text-block-44 {
  color: #526574;
  font-size: 1rem;
  font-weight: 400;
}

.text-block-44.invoicetemplate {
  color: #000;
  margin-top: 20px;
  font-size: 1.3rem;
  line-height: 140%;
}

.text-block-44.invoicetemplate.subsection {
  font-size: 1.15rem;
}

.text-block-44.invoicetemplate.subsection.grey {
  color: #788188;
}

.text-block-44.invoicetemplate.subsection.grey.tight {
  margin-top: 6px;
}

.quickcomparesection {
  text-align: center;
  background-color: #f9f9fa;
  background-image: linear-gradient(0deg, #f9f9fa, #fff);
  padding: 100px 0;
  position: relative;
}

.quickcomparesection.hub {
  background-image: none;
  padding-bottom: 120px;
}

.hp_cta_last {
  text-align: center;
  width: 840px;
  margin: 0 auto;
}

.hp_cta_last.invtemplist {
  margin-top: 50px;
}

.footer_cta {
  border-top: 1px solid #eee;
  max-width: 940px;
  margin: 120px auto 0;
  padding-top: 80px;
}

.text-block-45 {
  color: #9aa4ac;
  -webkit-text-stroke-color: #e3e8ec;
  font-size: 1rem;
  line-height: 130%;
}

.text-block-46 {
  color: #77858f;
  margin-bottom: 15px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 150%;
}

.text-span-5 {
  color: #cfd3d6;
  -webkit-text-stroke-color: #b9c7d3;
}

.text-span-6, .text-span-7 {
  color: #b9c7d3;
}

.link-5, .link-6, .link-7 {
  color: #9aa4ac;
}

.paragraph-5 {
  color: var(--neutral-600);
  font-size: 1rem;
  line-height: 150%;
}

.text-block-47 {
  color: var(--neutral-500);
  margin-bottom: 50px;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 140%;
}

.heading-19 {
  color: var(--neutral-600);
  text-align: left;
  margin-bottom: 60px;
  font-size: 2rem;
  line-height: 180%;
}

.heading-20 {
  color: var(--neutral-600);
  margin-top: 40px;
  margin-bottom: 5px;
  font-size: 1.3rem;
  line-height: 150%;
}

.bold-text-32 {
  font-size: 1.9rem;
}

.blogpauser {
  background-image: linear-gradient(#f5f5f799, #fff0);
  padding-top: 60px;
  padding-bottom: 40px;
}

.blogpauser.v2 {
  padding-bottom: 60px;
  position: relative;
}

.blogpauser.v2._1 {
  padding-bottom: 10px;
}

.blogpauser.v2._2 {
  padding-top: 20px;
  padding-bottom: 80px;
}

.blogpauser.featire-section {
  background-image: none;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.collection-item-4 {
  text-align: left;
  overflow: visible;
}

.paragraph-6 {
  color: #4d5256;
  margin-bottom: 0;
  padding-right: 20px;
  font-size: 16px;
  line-height: 24px;
}

.subblogpost {
  color: #4d5256;
  margin-bottom: 0;
  padding-right: 40px;
  font-size: 16px;
  line-height: 24px;
}

.heading-21 {
  color: #1d2e3b;
  padding-right: 40px;
  font-size: 46px;
  font-weight: 800;
  line-height: 56px;
}

.empty-state {
  text-align: center;
  background-color: #fff;
}

.text-block-48 {
  font-size: 18px;
  font-weight: 500;
}

.aboutus_1 {
  color: #4d5256;
  letter-spacing: -.03em;
  max-width: 100%;
  padding-top: 10px;
  font-size: 1.1rem;
  line-height: 150%;
}

.aboutus_1.max-width {
  max-width: 440px;
}

.aboutus_1.max-width.hp1.white {
  color: var(--neutral-100);
  margin-bottom: 30px;
}

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

.aboutus_1.featuresdescrip {
  border-bottom: 1px none var(--neutral-200);
  padding-bottom: 20px;
}

.aboutus_1.features {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}

.aboutus_1.ftr {
  line-height: 38px;
}

.aboutus_1.v3 {
  text-align: left;
}

.aboutus_1.descrip {
  color: #1d2e3b;
}

.aboutus_1.left {
  font-size: 1.3rem;
  line-height: 150%;
}

.aboutus_1.left.feature {
  color: #1d2e3b;
  margin-bottom: 0;
  padding-bottom: 0;
}

.aboutus_1.left.ver2 {
  margin-bottom: 9px;
  font-size: 1.3rem;
}

.div-block-74 {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
}

.personalized_title {
  color: var(--neutral-900);
  font-size: 2.3rem;
}

.personalized_title.purple {
  color: var(--mainiq-blue);
}

.h1_about {
  color: #1d2e3b;
  text-align: left;
  font-weight: 900;
  line-height: 120%;
}

.h1_about.white {
  color: #fff;
}

.h1_abousus {
  color: #1d2e3b;
  text-align: left;
  letter-spacing: 0;
  margin-bottom: 10px;
  font-size: 4.2rem;
  line-height: 110%;
}

.h1_abousus.left, .h1_abousus.left-copy {
  max-width: 860px;
}

.div-block-74-copy {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-74-first {
  max-width: 700px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-75 {
  z-index: -1;
  background-color: #c53838;
  position: absolute;
  inset: 0%;
}

.link-8 {
  color: #9aa4ac;
  display: inline;
}

.main_page_hero {
  background-image: linear-gradient(#ffffffb3, #ffffffb3), url('../images/IQ-Video.svg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 80px 3%;
  position: relative;
}

.main_page_hero.fp {
  background-image: url('../images/IQ-Video.svg');
  background-attachment: scroll;
  padding-top: 60px;
  padding-bottom: 60px;
}

.main_page_hero.fp.pp {
  text-align: center;
  background-image: url('../images/IQ-Video.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  padding-bottom: 90px;
  position: relative;
}

.main_page_hero.fp.pp.test {
  background-color: #1e2937;
  border: 0 #000;
}

.main_page_hero.fp.pp.v2 {
  padding-top: 60px;
  padding-bottom: 80px;
}

.main_page_hero.featureshub {
  background-image: linear-gradient(#fff 68%, #f9f9fa);
  background-position: 0 0;
  margin-bottom: 0;
  padding: 80px 30px 120px;
}

.italic-text-2 {
  font-style: normal;
}

.bodycontainer {
  text-align: center;
  max-width: 880px;
  margin-top: 120px;
  margin-bottom: 24px;
}

.bodycontainer.features {
  margin-top: 0;
}

.heroheading {
  color: #1d2e3b;
  letter-spacing: 0;
  font-size: 4.2rem;
  font-weight: 900;
  line-height: 120%;
}

.text-block-49 {
  color: #4d5256;
  max-width: 640px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  font-size: 1.5rem;
  line-height: 140%;
}

.div-block-76 {
  max-width: 94px;
}

.quick-stack-13 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  width: auto;
  max-width: 940px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.quick-stack-13.pricestack {
  margin-top: 90px;
}

.featurehub {
  color: var(--neutral-900);
  text-align: left;
  background-color: #fff;
  border: 1px #000;
  border-radius: 10px;
  align-self: auto;
  margin-left: 0;
  padding: 30px;
  transition: all .24s cubic-bezier(.42, 0, .31, 1.001);
  box-shadow: 0 3px 17px -3px #868db226;
}

.featurehub:hover {
  background-color: #5138ee0d;
  transform: scale(1.02);
  box-shadow: 0 3px 30px 3px #868db240;
}

.text-block-50 {
  color: #1d2e3b;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 150%;
}

.bold-text-33 {
  color: #1d2e3b;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 150%;
}

.text-block-51 {
  color: #1d2e3b;
}

.text-block-52 {
  color: #526574;
  margin-top: 10px;
  font-size: 1.1rem;
  line-height: 150%;
}

.text-block-53 {
  color: var(--mainiq-blue);
  margin-top: 20px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
}

.pricing_cell_inner {
  color: var(--neutral-900);
  text-align: left;
  background-color: #fff;
  border: 1px solid #f2f2f4;
  border-radius: 8px;
  align-self: auto;
  margin-left: 0;
  padding: 30px;
  transition: transform .2s, opacity .24s cubic-bezier(.42, 0, .31, 1.001);
  position: relative;
  box-shadow: 0 3px 17px -3px #868db226;
}

.pricing_cell_inner:hover {
  background-color: #5138ee0d;
  transform: scale(1.02);
  box-shadow: 0 3px 30px 3px #868db240;
}

.plan_price {
  color: #1d2e3b;
  font-size: 3.6rem;
  font-weight: 900;
  line-height: 120%;
  display: inline-flex;
}

.plan_button {
  background-color: var(--mainiq-blue);
  color: var(--white);
  text-align: center;
  border-radius: 6px;
  width: 100%;
  padding: 10px 16px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 130%;
  display: inline-block;
}

.plan_button.mobile {
  display: none;
}

.plan_price_descrip {
  color: #526574;
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 1rem;
  line-height: 150%;
}

.text-block-54 {
  color: var(--neutral-700);
  font-family: Caveat, sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 140%;
}

.div-block-77 {
  text-align: center;
  max-width: 880px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-77.subs {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-55 {
  color: #161616;
  padding-right: 30px;
  font-size: 1.2rem;
  line-height: 150%;
  display: inline-block;
}

.text-block-55.subcta {
  padding-top: 0;
  line-height: 150%;
}

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

.text-block-56 {
  background-color: var(--turquoise-dark);
  color: #fff;
  border-radius: 100px;
  padding: 6px 10px;
  display: inline-block;
  position: absolute;
  inset: 27px 30px auto auto;
}

.div-block-79 {
  text-align: center;
  max-width: 540px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.div-block-79.pricepage {
  max-width: 740px;
}

.cell-12 {
  padding-top: 10px;
}

.text-block-57 {
  font-size: 1rem;
}

.text-block-58 {
  font-size: .9rem;
}

.short_story {
  margin-top: 40px;
  margin-bottom: 30px;
  font-size: 1.2rem;
  line-height: 150%;
}

.italic-text-3 {
  color: var(--neutral-700);
}

.quick-stack-14 {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.div-block-80 {
  text-align: left;
}

.hearcontainer {
  text-align: center;
  max-width: 880px;
  margin-top: 0;
  margin-bottom: 24px;
}

.quick-stack-15 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: left;
  max-width: 740px;
  margin: 50px auto 20px;
  padding-right: 0;
}

.text-block-59 {
  color: #4d5256;
  font-size: 1.2rem;
  line-height: 120%;
  display: inline-flex;
}

.div-block-81 {
  display: inline-flex;
}

.icontext {
  color: #4d5256;
  margin-right: 10px;
  font-size: 1.4rem;
  line-height: 120%;
  display: inline-flex;
}

.div-block-82 {
  background-color: #e7e7e9;
  max-width: 880px;
  height: 1px;
  margin: 80px auto;
}

.section-11 {
  margin-top: 0;
  padding-top: 90px;
  padding-bottom: 120px;
}

.div-block-83 {
  margin-top: 20px;
}

.featurestack_pricing {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  max-width: 900px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.div-block-84 {
  max-width: 900px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.pricingpage_prehead {
  color: var(--neutral-700);
  font-family: Caveat, sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 140%;
}

.slider-2 {
  border-radius: 10px;
  max-width: 390px;
  margin-left: auto;
  margin-right: auto;
}

.container-6 {
  max-width: 1140px;
}

.feat_bullet {
  color: #4d5256;
  letter-spacing: -.03em;
  max-width: 100%;
  margin-left: 30px;
  padding-top: 10px;
  padding-left: 0;
  font-size: 1.3rem;
  line-height: 150%;
}

.feat_bullet.max-width {
  max-width: 440px;
}

.feat_bullet.max-width.hp1.white {
  color: var(--neutral-100);
  margin-bottom: 30px;
}

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

.feat_bullet.featuresdescrip {
  border-bottom: 1px none var(--neutral-200);
  padding-bottom: 20px;
}

.feat_bullet.features {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}

.feat_bullet.ftr {
  line-height: 38px;
}

.feat_bullet.v3 {
  text-align: left;
}

.feat_bullet.descrip {
  color: #1d2e3b;
}

.feat_bullet.left {
  font-size: 1.3rem;
  line-height: 150%;
}

.feat_bullet.left.feature {
  color: #1d2e3b;
  margin-bottom: 0;
  padding-bottom: 0;
}

.feat_bullet.left.ver2 {
  margin-bottom: 9px;
  font-size: 1.3rem;
}

.featperkstack {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  max-width: 1080px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 40px;
}

.featstackconatiner {
  max-width: 1100px;
  margin-top: 0;
}

.featstackconatiner.company {
  max-width: 840px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.featstackconatiner.company.first {
  margin-top: 50px;
}

.featstackcell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 20px;
  display: flex;
}

.featstackcell.invconb1 {
  margin-top: 0;
}

.featstackcell.invconb1.pp {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.featstackcell.invconb1.pricingtight {
  max-width: 630px;
  margin-left: auto;
  margin-right: auto;
}

.featstackcellnonheader {
  background-color: #f9f9fa;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 30px;
  position: relative;
}

.featstackdiv {
  background-color: #f9f9fa;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  position: relative;
}

.featurepageheader {
  background-color: #f5f5f7;
  padding-top: 80px;
}

.featurepageheader.company {
  background-color: #fff0;
  background-image: linear-gradient(#f5f5f7, #fff);
  padding-bottom: 80px;
  position: relative;
}

.div-block-85 {
  text-align: center;
}

.div-block-86 {
  padding-top: 0;
  padding-bottom: 0;
}

.quick-stack-16 {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  max-width: 1040px;
  margin: 60px auto;
  padding: 0 0 40px;
}

.quick-stack-16.company {
  grid-column-gap: 90px;
  max-width: none;
  padding-bottom: 0;
}

.quick-stack-16.company.last {
  margin-top: 20px;
  margin-bottom: 0;
}

.feature_stacks {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffc;
  background-image: none;
  border-radius: 20px;
  max-width: 1040px;
  margin: 50px auto 0;
  padding: 50px 40px 40px;
  box-shadow: 0 6px 17px -3px #868db21f;
}

.text-block-61 {
  margin-bottom: 40px;
  font-size: 2rem;
  font-weight: 800;
  line-height: 120%;
}

.text-block-62 {
  color: #4d5256;
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

.italic-text-4 {
  font-style: normal;
}

.text-block-63 {
  font-size: 1rem;
  font-weight: 500;
}

.bullet_feat_stack {
  color: #526574;
  flex-flow: wrap;
  margin-bottom: 20px;
  margin-left: 0;
  font-size: 1.1rem;
  line-height: 150%;
  display: inline-flex;
}

.cell-13 {
  justify-content: center;
  align-items: flex-start;
}

.featstackheadersub {
  text-align: center;
  max-width: 720px;
  margin: 20px auto 100px;
}

.featstackheadersub.cta2 {
  max-width: 480px;
}

.image-60 {
  z-index: 3;
  border-radius: 10px;
  position: absolute;
  inset: -10% 0% 0% 160px;
}

.image-61 {
  opacity: 1;
  border-radius: 10px;
  position: absolute;
  inset: 11% 6% 0% 29px;
}

.image-62 {
  z-index: 1;
  border-radius: 10px;
  position: absolute;
  top: -29px;
  left: 68px;
}

.image-63 {
  border-radius: 10px;
  position: absolute;
  left: -52px;
}

.image-64 {
  width: 340px;
}

.image-65 {
  z-index: 1;
  border-radius: 10px;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  top: 0;
  left: 181px;
}

.slide-3 {
  background-color: #fff;
  border-radius: 0;
  padding-bottom: 50px;
}

.mask {
  border-radius: 0;
}

.slider-3 {
  background-color: #f9f9fa;
  border-radius: 10px;
  width: 510px;
  height: 100%;
}

.right-arrow-2, .left-arrow-2 {
  display: none;
}

.image-66 {
  border-radius: 10px;
  position: absolute;
  inset: -90px auto 0% 110px;
}

.slide-4 {
  background-color: #1d283a00;
}

.slide-nav-2 {
  z-index: 10;
  background-color: #fff;
  margin-top: 0;
  padding-top: 10px;
}

.div-block-87 {
  width: 100%;
  min-height: auto;
  max-height: none;
  position: relative;
  overflow: visible;
}

.text-block-64 {
  font-size: 2rem;
  font-weight: 200;
  display: inline-flex;
}

.div-block-88 {
  margin-top: 5px;
}

.cell-14 {
  justify-content: center;
  align-items: flex-start;
  padding-top: 40px;
}

.cell-15 {
  justify-content: center;
  align-items: flex-start;
}

.image-67 {
  border-radius: 10px;
  position: absolute;
  top: 86px;
}

.image-68 {
  border-radius: 10px;
  position: absolute;
  left: 207px;
}

.image-69 {
  z-index: 5;
  border-radius: 10px;
  width: 350px;
  position: absolute;
  left: 105px;
}

.image-70 {
  border-radius: 10px;
  position: absolute;
  top: 30px;
}

.image-71 {
  box-sizing: border-box;
  border-radius: 10px;
  position: absolute;
  inset: 10px 0% 0% auto;
  overflow: clip;
}

.image-72 {
  z-index: 5;
  border-radius: 10px;
  max-width: 63%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.image-73 {
  border-radius: 10px;
  width: auto;
  max-width: 70%;
  position: absolute;
  inset: 12% auto auto 0%;
}

.image-74 {
  border-radius: 10px;
  max-width: 74%;
  position: absolute;
  inset: 190px auto 0% 0%;
}

.image-75 {
  border-radius: 10px;
  max-width: 70%;
  position: absolute;
  top: 200px;
  left: 40px;
}

.image-76 {
  border-radius: 10px;
  max-width: none;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.image-77 {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  max-width: none;
}

.image-78 {
  z-index: 5;
  outline-offset: 0px;
  border-radius: 10px;
  outline: 3px solid #333;
  position: absolute;
  inset: -40px 0% 0% auto;
  transform: scale(.85);
}

.image-79 {
  outline-offset: 0px;
  border-radius: 10px;
  outline: 3px solid #0d1629;
  position: absolute;
  inset: auto auto 0% -9px;
  transform: scale(.85);
}

.image-80 {
  outline-offset: 0px;
  border-radius: 10px;
  outline: 3px solid #333;
  position: absolute;
  top: 7px;
  left: -33px;
  transform: scale(.85);
}

.slide-nav-3 {
  background-color: #fff;
  height: 40px;
  margin-top: 0;
  padding-top: 11px;
}

.slide-5 {
  padding-bottom: 30px;
}

.div-block-89 {
  width: 100%;
  height: 100%;
  margin: 0;
  padding-bottom: 0;
  position: relative;
  overflow: visible;
}

.image-81 {
  transform-origin: 0;
  border-radius: 0 15px 0 0;
  width: auto;
  max-width: none;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  overflow: clip;
  transform: scale(.8);
}

.image-82 {
  transform-origin: top;
  border: 5px solid #fff;
  border-radius: 0;
  max-width: none;
  position: absolute;
  top: 2px;
  left: 110px;
  transform: scale(.77);
}

.mask-2 {
  padding-bottom: 0;
}

.slider-4 {
  background-color: #ddd0;
  width: auto;
  height: 390px;
}

.slider-4.estimates {
  height: 390px;
}

.image-83 {
  z-index: 1;
  transform-origin: 100% 100%;
  border-top: 5px solid #fff;
  border-left: 5px solid #fff;
  border-radius: 15px 0 0;
  max-width: none;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  transform: scale(.8);
}

.image-84 {
  border-radius: 15px;
  position: absolute;
  top: -10px;
  left: 484px;
  transform: scale(.9);
}

.image-84.hide {
  z-index: 0;
  transform-origin: 0;
  border: 5px #fff;
  border-radius: 0 15px 0 0;
  display: block;
  top: 0;
  left: 0;
  right: auto;
  transform: scale(.8);
}

.image-85 {
  border-radius: 20px;
  position: absolute;
  top: -40px;
  left: 32px;
  transform: scale(1);
}

.image-86 {
  border-radius: 30px;
  position: absolute;
  top: -40px;
  left: 101px;
  transform: scale(.7);
}

.image-87 {
  transform-origin: 0;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  line-height: 15px;
  position: absolute;
  inset: 33px 0% -50px 302px;
}

.image-87.hide {
  transform-origin: 0 100%;
  border-radius: 0;
  max-width: none;
  display: block;
  top: 0;
  left: 5px;
  overflow: hidden;
  transform: scale(.9);
}

.div-block-90 {
  z-index: 10;
  background-image: linear-gradient(90deg, #fff0 10%, #fff);
  position: absolute;
  inset: 0%;
}

.featsubhero {
  padding-top: 80px;
  padding-bottom: 20px;
}

.featsubhero.company {
  background-color: #f5f5f7;
  margin-top: 0;
  padding-top: 100px;
  padding-bottom: 70px;
}

.slide-6 {
  overflow: hidden;
}

.paragraph-7 {
  position: relative;
}

.horizontal-scroll-wrapper {
  flex-direction: row;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.horizontal-scroll-section {
  height: 400vh;
  position: relative;
}

.section-12 {
  width: 80vw;
  height: 100vh;
}

.section-12._4 {
  background-color: #df61ff;
}

.section-12._3 {
  background-image: linear-gradient(to right, #618bff, #df61ff);
}

.section-12._1 {
  background-image: linear-gradient(to right, #00ff8c, #00c8aa);
}

.section-12._2 {
  background-image: linear-gradient(to right, #00c8aa, #618bff);
}

.heading-wrapper {
  width: 80%;
  position: relative;
}

.horizontal-scroll-content {
  flex-direction: row;
  width: 320vw;
  height: 100vh;
  display: flex;
}

.container-7 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.slide-paragraphs {
  color: #1d1d1f;
  margin-top: 10px;
  padding-left: 88px;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
}

.slide {
  border: 1px #000;
  width: auto;
  height: 100%;
  margin-right: 15px;
}

.slide._350px {
  width: 350px;
}

.hide {
  display: none;
}

.arrow-container {
  background-color: #4f4f534d;
  border-radius: 50px;
  width: 0;
  height: 0;
  display: none;
}

.slide-bg {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

._20vw-div {
  flex: none;
  width: 22vw;
  margin-right: 0;
}

.green {
  color: #2d9b00;
}

.slide-20vw {
  border: 1px #000;
  width: 22vw;
  height: 100%;
}

.title-text-24px {
  margin-top: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}

.title-text-24px.gradient {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #f06248, #e95466 34%, #d16096 66%, #7b7cb8);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 24px;
  line-height: 29px;
}

.title-text {
  margin-top: 0;
  padding-left: 150px;
  font-size: 28px;
  font-weight: 600;
  line-height: 35px;
}

.icon {
  color: #fff;
  font-size: 35px;
}

.slide-text-container {
  z-index: 1;
  color: #1d1d1f;
  padding: 30px;
  position: relative;
}

.slider-5 {
  background-color: #0000;
  width: auto;
  height: auto;
  overflow: auto;
}

.slide-box {
  background-color: #fff;
  border-radius: 20px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 500px;
  transition: all .3s;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 -1px 20px #6e6e731a;
}

.slide-box:hover {
  transform: scale(1.01);
  box-shadow: 0 -1px 20px #6e6e7340;
}

.slide-box.small {
  height: 242px;
}

.slide-box.small.top {
  height: 243px;
  margin-bottom: 15px;
}

.slide-box.margin-right {
  background-color: #613a3a00;
  margin-right: 15px;
  overflow: visible;
}

.grey-mini-text {
  color: #6e6e73;
  text-transform: uppercase;
  height: 20px;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 600;
}

.slider-container {
  width: 400px;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 70px;
  display: flex;
  overflow: auto;
}

.mask-3 {
  height: auto;
  margin-top: -10px;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: auto;
}

.margin-right {
  margin-right: 15px;
}

.image-88 {
  position: absolute;
  left: 305px;
}

.slide-7 {
  overflow: hidden;
}

.image-90 {
  aspect-ratio: auto;
  transform-origin: 0 0;
  position: absolute;
  top: 0;
  transform: scale(.8);
}

.image-91 {
  transform-origin: 100%;
  border-top: 5px solid #fff;
  border-left: 5px solid #fff;
  border-radius: 0;
  position: absolute;
  top: 10px;
  right: 0;
  transform: scale(.8);
}

.image-92 {
  transform-origin: 0 0;
  max-width: none;
  position: absolute;
  transform: scale(.8);
}

.image-93 {
  z-index: 1;
  transform-origin: 100% 100%;
  border: 1px #000;
  border-top: 4px solid #fff;
  border-left: 4px solid #fff;
  border-radius: 0;
  max-width: none;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: scale(.9);
}

.fxdh {
  overflow: hidden;
}

.div-block-92 {
  max-width: none;
  height: 665px;
  margin-top: 50px;
  position: relative;
  overflow: hidden;
}

.div-block-92.customerdashboard {
  height: 620px;
}

.div-block-92.estimates {
  height: 650px;
  margin-top: 50px;
}

.image-94 {
  transform-style: preserve-3d;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: absolute;
  inset: 0%;
  box-shadow: 0 -1px 20px #6e6e731a;
}

.bold-text-34 {
  font-size: 1.9rem;
  font-weight: 700;
}

.bold-text-35 {
  color: #333;
}

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

.checkblk {
  color: #333;
  margin-right: 8px;
}

.featfeatstat {
  text-align: center;
  background-color: #f5f5f7;
  padding-top: 100px;
  padding-bottom: 100px;
}

.featfeatstat.company {
  background-color: #fff0;
  background-image: linear-gradient(#f5f5f7, #fff);
  padding-top: 60px;
}

.featdescripheader {
  color: #1d2e3b;
  margin-bottom: 40px;
  font-size: 1.9rem;
  font-weight: 800;
  line-height: 120%;
}

.featdescripheader.indiv {
  margin-bottom: 0;
}

.div-block-94 {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
}

.div-block-94.bfgrid {
  margin-top: 60px;
}

.div-block-95 {
  max-width: 940px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-95.feat {
  margin-top: 70px;
}

.featctascript {
  color: #1d2e3b;
  text-align: center;
  margin-top: 30px;
  font-family: Caveat, sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 140%;
}

.featctascript.cta2 {
  color: #ffffffe6;
  -webkit-text-stroke-color: #fff;
}

.cell-16 {
  flex-flow: column-reverse;
}

.quick-stack-17 {
  background-color: #fff;
}

.featpagegrid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-radius: 20px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: column dense;
  max-width: 1040px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 40px 40px;
  box-shadow: 0 -1px 20px #6e6e731a;
}

.featpagegrid.invoicegenerator {
  background-color: #ffffffb3;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
}

.featpagegrid.customermanager {
  background-color: #ffffffb3;
}

.featpagegrid.estimates {
  background-color: #ffffffb3;
  grid-template-rows: auto auto auto auto auto;
}

.featpagegrid.estimates._2 {
  grid-template-rows: auto auto auto auto auto auto;
}

.featpagegrid.company {
  background-color: #ffffffb3;
  grid-template-rows: auto auto auto auto auto;
}

.quick_feat_comp-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  border-bottom: 1px solid #f0f0f0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: block;
}

.quick_feat_comp-copy.last {
  border-bottom-style: none;
}

.div-block-96 {
  text-align: left;
  border-bottom: 1px solid #e4e0df;
  padding-bottom: 25px;
}

.featbrakdownlist {
  color: #526574;
  padding-left: 0;
  padding-right: 0;
  font-size: 1.1rem;
  line-height: 380%;
}

.text-block-65 {
  color: #1d2e3b;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 120%;
}

.div-block-97 {
  max-width: 640px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

.link-9, .link-10, .link-11 {
  color: var(--mainiq-blue);
}

.cta08 {
  max-width: 1160px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.cta08.v2 {
  background-color: #fff;
  border-radius: 10px;
  max-width: 920px;
  margin-top: 0;
  padding: 60px 40px 50px;
  box-shadow: 0 12px 50px 1px #3c51be29;
}

.cta08.v2-2 {
  margin-top: 70px;
}

.container-8 {
  max-width: 840px;
}

.container-8.whoitsfor {
  margin-bottom: 80px;
}

.container-8.invoicetemopares {
  margin-bottom: 60px;
}

.container-8.invoicetemopares.faq {
  max-width: 970px;
}

.container-8.invoicetemopares.faq.v2 {
  margin-bottom: 0;
}

.heading-23 {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
}

.section-13 {
  background-color: #fff;
  padding-top: 6.5rem;
  padding-bottom: 6.5rem;
}

.section-13.faq---invoicegen {
  background-color: #f9f9fa;
}

.section-13.invoicetemplates {
  padding-top: 8rem;
}

.section-13.invoicetemplates.v2 {
  padding-bottom: 100px;
}

.text-block-66 {
  background-color: #fcfcfc;
  border-left: 4px solid #f5f5f7;
  margin-bottom: 0;
  padding: 0 20px 0 30px;
  font-size: 1rem;
  line-height: 100%;
}

.div-block-98 {
  margin-bottom: 80px;
}

.div-block-98.invoicegen {
  text-align: center;
  margin-bottom: 60px;
}

.div-block-99 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.feat_a {
  color: #788188;
  background-color: #fcfcfc00;
  border-left: 4px #f5f5f7;
  margin-bottom: 0;
  padding: 10px 10px 0 0;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.feat_q {
  background-color: #fcfcfc00;
  border-left: 4px #f5f5f7;
  min-height: auto;
  margin-bottom: 0;
  padding: 0 10px 0 0;
  font-size: 1.1rem;
  line-height: 130%;
}

.feat_q.industryq {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 140%;
}

.bold-text-36 {
  color: #1d2e3b;
  font-size: 1.2rem;
  line-height: 140%;
}

.grid-10 {
  grid-column-gap: 4rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
}

.grid-10.invoicegenerator {
  grid-template-rows: auto auto auto auto;
}

.customerdashhero {
  transform-style: preserve-3d;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: absolute;
  inset: 0%;
  box-shadow: 0 -1px 20px #6e6e731a;
}

.image-95 {
  transform-origin: 0 100%;
  max-width: none;
  position: absolute;
  bottom: -50px;
  left: 33px;
  transform: scale(.8);
}

.image-96 {
  transform-origin: 100% 100%;
  border: 5px solid #fff;
  max-width: none;
  position: absolute;
  bottom: 14px;
  left: 270px;
  right: auto;
}

.image-97 {
  transform-origin: 0 100%;
  max-width: none;
  position: absolute;
  bottom: -13px;
  transform: scale(.8);
}

.image-98 {
  transform-origin: 100%;
  border: 5px solid #fff;
  max-width: none;
  position: absolute;
  bottom: 100px;
  right: 0;
  transform: scale(.9);
}

.image-99 {
  transform-origin: top;
  border: 5px solid #fff;
  position: absolute;
  top: 80px;
  right: 0;
  transform: scale(.8);
}

.image-100 {
  transform-origin: 0;
  position: absolute;
  bottom: -50px;
  transform: scale(.8);
}

.image-101 {
  transform-origin: 0 100%;
  max-width: none;
  position: absolute;
  bottom: -50px;
  left: 0;
  transform: scale(.8);
}

.image-102 {
  transform-origin: 100% 100%;
  border: 5px solid #fff;
  max-width: none;
  position: absolute;
  bottom: -10px;
  left: auto;
  right: 0;
  transform: scale(.9);
}

.image-103 {
  transform-origin: 0;
  position: absolute;
  bottom: -63px;
  left: 70px;
  transform: scale(.77);
}

.image-104 {
  transform-origin: top;
  border: 5px solid #fff;
  position: absolute;
  top: 96px;
  right: 32px;
  transform: scale(.9);
}

.image-105, .image-106 {
  transform-origin: 0 0;
  max-width: none;
  position: absolute;
  transform: scale(.8);
}

.image-107 {
  transform-origin: 0;
  max-width: none;
  position: absolute;
  top: 60px;
  left: 10px;
  transform: scale(.8);
}

.image-108 {
  z-index: 1;
  transform-origin: 0;
  border: 5px solid #fff;
  max-width: none;
  position: absolute;
  top: 170px;
  left: 210px;
  transform: scale(.8);
}

.image-109 {
  transform-origin: 0 0;
  border-radius: 0;
  width: auto;
  max-width: none;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  overflow: clip;
  transform: scale(.6);
}

.image-110 {
  transform-origin: 0 0;
  width: 100%;
  max-width: none;
  position: absolute;
  top: 0;
  transform: scale(1);
}

.image-111 {
  transform-origin: 0 0;
  border-radius: 0 15px 0 0;
  width: auto;
  max-width: none;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  overflow: clip;
  transform: scale(.7);
}

.div-block-100 {
  margin-bottom: 40px;
}

.text-block-67 {
  color: #526574;
  margin-top: 5px;
  padding-right: 30px;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 150%;
}

.image-112 {
  transform-style: preserve-3d;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: absolute;
  inset: 0%;
  box-shadow: 0 -1px 20px #6e6e731a;
}

.image-113 {
  transform-origin: 0 100%;
  border-radius: 0;
  width: auto;
  max-width: none;
  height: 100%;
  position: absolute;
  top: auto;
  left: 0;
  overflow: clip;
  transform: scale(1);
}

.image-114 {
  transform-origin: 0 0;
  width: 100%;
  max-width: none;
  position: absolute;
  transform: scale(.7);
}

.slide-8 {
  overflow: hidden;
}

.image-115 {
  z-index: 1;
  transform-origin: 0 100%;
  border-radius: 0;
  width: 100%;
  max-width: none;
  height: auto;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  overflow: clip;
  transform: scale(1);
}

.image-116 {
  z-index: 0;
  width: 400px;
  max-width: none;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 157px;
}

.image-117 {
  z-index: 2;
  border-top: 5px solid #fff;
  border-left: 5px solid #fff;
  border-right: 5px solid #fff;
  width: 165px;
  position: absolute;
  bottom: 0;
  left: 20px;
  transform: scale(1);
}

.image-118 {
  z-index: 5;
  border-top: 5px solid #fff;
  border-left: 5px solid #fff;
  border-right: 5px solid #fff;
  height: 210px;
  position: absolute;
  bottom: 0;
  left: 220px;
}

.grey_bg_abs {
  z-index: -1;
  background-color: #f5f5f7;
  width: 100%;
  height: 910px;
  position: absolute;
  top: 0;
}

.cell-13-2 {
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
}

.benefithead {
  margin-bottom: 30px;
}

.text-block-68 {
  color: #526574;
  margin-top: 10px;
  padding-right: 30px;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 150%;
}

.mobile-menu-overlay, .mobile-menu-backdrop, .howwecomp {
  display: none;
}

.image-119 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: block;
}

.image-120, .image-121 {
  display: none;
}

.link-block-6 {
  order: 0;
  align-self: center;
  width: 100%;
  height: 100%;
}

.text-block-70 {
  color: #b2b0c5;
  text-align: center;
  border-top: 1px #e1e1e8;
  margin-top: 0;
  margin-bottom: 5px;
  padding-top: 0;
  font-weight: 500;
}

.image-122 {
  min-width: 100px;
  max-height: 33px;
}

.image-122.pad1 {
  margin-top: 6px;
}

.div-block-101 {
  text-align: center;
  margin-top: 20px;
}

.div-block-102 {
  text-align: center;
  max-width: 1140px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-102.invoicegenerator {
  margin-top: 0;
  padding-top: 50px;
}

.div-block-102.invoicegen {
  margin-bottom: 0;
}

.howtouse {
  background-color: #f9f9fa;
  margin-bottom: 0;
  padding-top: 70px;
  padding-bottom: 70px;
}

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

.link-12 {
  color: #4d5256;
  text-decoration: underline;
}

.grid-11 {
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  background-color: #ffffffb3;
  border-radius: 20px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  padding: 50px 0 40px;
  box-shadow: 0 -1px 20px #6e6e731a;
}

.text-block-71 {
  color: var(--mainiq-blue);
  margin-top: 20px;
  padding-left: 25px;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 130%;
}

.actiontext {
  color: #788188;
  margin-top: 20px;
  padding-left: 25px;
  font-size: 1.1rem;
  line-height: 130%;
}

.actiontext.last {
  margin-bottom: 12px;
}

.perfectfor {
  color: #1d2e3b;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 25px;
  font-size: 1.1rem;
  line-height: 130%;
}

.div-block-104 {
  background-color: #ffffffb3;
  border-radius: 20px;
  margin-top: 30px;
  padding: 40px 40px 35px;
  box-shadow: 0 -1px 20px #6e6e731a;
}

.all-h1-inside-article {
  color: #1d2e3b;
  font-size: 4.2rem;
}

.heading-24 {
  font-size: 110px;
}

.all-h2-inside-article {
  color: var(--orange-dark);
  font-size: 70px;
}

.all-h2-inside-article.article-h2 {
  font-size: 150px;
}

.heading-25 {
  color: #1d2e3b;
}

.heading-26 {
  color: #1d2e3b;
  margin-top: 20px;
  font-size: 18px;
}

.heading-27 {
  color: #1d2e3b;
  margin-top: 20px;
  font-size: 16px;
}

.list-item-2 {
  margin-bottom: 0;
}

.list-3 {
  margin-bottom: 10px;
}

.callout-tip {
  color: var(--neutral-900);
}

.heading-28 {
  font-size: 18px;
}

.heading-29 {
  font-size: 16px;
}

.pagination {
  justify-content: flex-start;
  max-width: 700px;
  margin: 40px auto;
}

.next {
  align-self: center;
  margin-left: 0;
}

.icon-3, .icon-4 {
  display: inline-block;
}

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

.previous {
  align-self: center;
}

.div-block-106 {
  margin-top: 5px;
}

.text-block-73 {
  font-size: 14px;
}

.contactus {
  background-color: #f5f5f7;
  padding-top: 80px;
  padding-bottom: 80px;
}

.contactus.company {
  background-color: #fff0;
  background-image: linear-gradient(#f5f5f7, #fff);
  padding-bottom: 80px;
  position: relative;
}

.home {
  color: #0f171d;
  text-align: center;
  letter-spacing: -.01px;
  white-space: nowrap;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  margin-right: 12px;
  padding: 8px 16px;
  font-size: .975rem;
  font-weight: 500;
  line-height: 24px;
  display: flex;
  position: relative;
}

.home:hover {
  background-color: var(--white);
  color: var(--mainiq-blue);
}

.home:focus {
  border-color: #b197ff;
}

.home.w--current {
  color: var(--mainiq-blue);
  font-weight: 600;
}

.home.w--current:hover {
  color: var(--mainiq-blue);
  border-radius: 10px;
}

.home.w--current:active {
  color: var(--mainiq-blue);
}

.home.mobilesignup {
  display: none;
}

.invoice-templates {
  background-image: linear-gradient(#f9f9fa, #fff);
  padding-top: 80px;
  padding-bottom: 120px;
}

.invoice-templates._1 {
  background-image: none;
  border-bottom: 1px solid #eee;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.invoice-templates._1._3 {
  background-color: #f9f9fa;
  padding-top: 100px;
  padding-bottom: 120px;
}

.quick-stack-18 {
  grid-column-gap: 40px;
  grid-row-gap: 60px;
  min-width: auto;
  max-width: 1280px;
  margin: 40px auto;
  padding-left: 0;
  padding-right: 0;
}

.text-block-74 {
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 122%;
}

.div-block-107 {
  margin-bottom: 30px;
}

.text-block-75 {
  margin-top: 6px;
  padding-top: 40px;
  padding-left: 10px;
  font-size: 1rem;
}

.quick-stack-19 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.image-123 {
  width: 80px;
}

.link-block-7 {
  width: 40px;
}

.quick-stack-20 {
  padding-left: 0;
  padding-right: 0;
}

.image-124 {
  height: 50px;
}

.div-block-108 {
  width: 20%;
}

.quick-stack-21 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding-left: 0;
  padding-right: 0;
}

.cell-18 {
  padding-right: 15px;
}

.image-125 {
  height: 20px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.text-block-76 {
  color: #4d5256;
  margin-left: 10px;
  font-size: 14px;
  display: inline-block;
}

.div-block-109 {
  overflow-wrap: normal;
  background-color: #f9f9fa;
  align-self: auto;
  margin-right: 10px;
  padding: 6px 11px 6px 10px;
  display: inline-block;
}

.div-block-110 {
  width: auto;
  margin-top: 10px;
}

.link-block-8 {
  background-color: #f9f9fa;
  margin-top: 3px;
  margin-bottom: 0;
  margin-right: 0;
  padding: 6px 21px 8px 0;
}

.quick-stack-18-copy {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  min-width: auto;
  max-width: 1280px;
  margin: 40px auto;
  padding-left: 0;
  padding-right: 0;
}

.image-126, .image-127, .image-128 {
  max-width: 90%;
}

.image-129 {
  max-width: 100%;
  box-shadow: 0 -1px 20px -7px #0003;
}

.image-130, .image-131, .image-132 {
  max-width: 90%;
}

.div-block-111 {
  background-image: url('../images/2025-09-05_15-50-30.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 94%;
  height: 300px;
  position: relative;
}

.invoicetemplatedifferences {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff9;
  background-image: none;
  border-radius: 20px;
  max-width: 960px;
  margin: 50px auto 0;
  padding: 50px 40px 40px;
  box-shadow: 0 -1px 20px #6e6e731a;
}

.div-block-107-copy {
  margin-bottom: 0;
  padding-top: 241px;
}

.div-block-111-test {
  background-image: url('../images/2025-09-05_15-50-30.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 100%;
  height: 300px;
  position: relative;
}

.div-block-112 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #f9f9fa;
  border-bottom: 1px #000;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%;
  max-width: none;
  height: 250px;
  margin-top: 10px;
  margin-bottom: -5px;
  margin-right: 0;
  padding-bottom: 0;
  position: relative;
  overflow: visible;
}

.div-block-113 {
  object-fit: fill;
  background-color: #f9f9fa;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  height: auto;
  padding-top: 0;
  padding-bottom: 20px;
  padding-left: 12px;
  position: static;
  inset: 170px 0% 0%;
  overflow: visible;
}

.collection-list-wrapper-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  display: grid;
}

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

.collection-list-wrapper-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  justify-content: stretch;
  align-items: stretch;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.collection-list-wrapper-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-114 {
  max-width: 1280px;
  margin: 80px auto;
  display: block;
}

.div-block-114.temppage {
  max-width: 1380px;
}

.collection-item-5 {
  width: auto;
  padding-left: 0;
  padding-right: 0;
  position: static;
}

.collection-list-2 {
  grid-column-gap: 50px;
  grid-row-gap: 60px;
  border-top-left-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  padding-left: 40px;
  padding-right: 40px;
  display: grid;
}

.invoicetemplategeneral-item {
  background-color: #f9f9fa;
  border: 1px solid #eee;
  border-radius: 6px;
  width: 100%;
  padding: 30px 30px 10px;
}

.invoicetemplategeneral-item.jobs {
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-115 {
  background-image: linear-gradient(0deg, #f9f9fa, #f9f9faba 51%, #f9f9fa00);
  border-right: 1px #000;
  height: 60px;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-115.temppage {
  background-image: linear-gradient(0deg, #fff, #f9f9faba 51%, #f9f9fa00);
  height: 0;
}

.div-block-116 {
  height: auto;
  margin-bottom: 0;
  position: relative;
  overflow: visible;
}

.text-block-77 {
  color: #4d5256;
  margin-top: 5px;
}

.text-block-77.temppage {
  margin-bottom: 5px;
  padding-right: 10px;
}

.invoiceteampleindustries {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-radius: 20px;
  grid-template-rows: auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row dense;
  max-width: 1040px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  box-shadow: 0 -1px 20px #6e6e731a;
}

.invoiceteampleindustries.invoicegenerator {
  background-color: #ffffffb3;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
}

.invoiceteampleindustries.customermanager {
  background-color: #ffffffb3;
}

.invoiceteampleindustries.estimates {
  background-color: #ffffffb3;
  grid-template-rows: auto auto auto auto auto;
}

.invoiceteampleindustries.estimates._2 {
  grid-template-rows: auto auto auto auto auto auto;
}

.invoiceteampleindustries.company {
  background-color: #ffffffb3;
  grid-template-rows: auto auto auto auto auto;
}

.collection-list-wrapper-6 {
  max-width: 1040px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

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

.text-block-78 {
  text-align: left;
}

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

.div-block-117 {
  text-align: left;
}

.industry-list {
  grid-column-gap: 40px;
  grid-row-gap: 70px;
  text-align: left;
  background-color: #fff;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 50px;
}

.text-block-79 {
  font-size: 1.3rem;
}

.div-block-118 {
  text-align: left;
  margin-bottom: 15px;
}

.industry-heading {
  display: inline-block;
}

.link-13 {
  margin-bottom: 5px;
  font-size: .9rem;
  display: block;
}

.viewallindustry {
  display: inline-block;
}

.div-block-119, .link-block-9 {
  margin-top: 10px;
}

.collection-item-6 {
  padding-left: 15px;
}

.grid-12 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: 1280px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 50px;
}

.text-block-80 {
  font-size: 1.3rem;
}

.collection-list-5 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-wrapper-7 {
  background-color: #fff;
  max-width: 1280px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 70px 50px;
}

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

.text-block-81 {
  text-align: left;
  margin-bottom: 10px;
  font-size: 1.2rem;
  font-weight: 500;
}

.text-block-81.invpage {
  font-weight: 700;
}

.text-block-82 {
  color: #526574;
  margin-bottom: 10px;
  font-size: .95rem;
}

.grid-13 {
  grid-column-gap: 30px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #eee;
  grid-template-rows: auto;
  grid-template-columns: 1.4fr 1fr 1fr 1fr .75fr 1fr;
  align-content: center;
  width: 100%;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.grid-13.last {
  border-bottom-style: none;
}

.grid-13.first {
  grid-template-columns: 1.4fr 1fr 1fr 1fr .75fr 1fr;
  margin-top: 0;
}

.grid-13.first.hub, .grid-13.hub {
  grid-template-columns: .5fr 1.5fr .5fr;
}

.text-block-83 {
  padding-left: 0;
  font-size: 1rem;
  display: inline-block;
}

.text-block-83.difftitle {
  font-size: .9rem;
  font-weight: 600;
}

.text-block-83._10oxpd {
  padding-right: 20px;
}

.link-block-10 {
  width: 100%;
}

.image-133 {
  height: 25px;
  margin-right: 10px;
  padding-left: 0;
}

.div-block-120 {
  background-color: #fff;
  border: 1px solid #eee;
  width: auto;
  max-width: 1280px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 50px;
}

.invtemplatehead {
  max-width: 720px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.invtemplatehead.jobs {
  max-width: 690px;
}

.invtemplatehead.job {
  max-width: 580px;
}

.quick-stack-22 {
  max-width: 680px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.image-134 {
  height: 43px;
}

.cell-20 {
  justify-content: center;
  align-items: center;
}

.quick-stack-23 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  max-width: 490px;
  margin: 5px auto 70px;
}

.link-block-11 {
  background-color: var(--mainiq-blue);
  border-radius: 8px;
  width: 100%;
  padding: 15px 30px;
}

.link-block-11._2 {
  background-color: var(--neutral-600);
}

.link-block-11._3 {
  padding-top: 19px;
  padding-bottom: 19px;
}

.text-block-84 {
  color: var(--white);
  font-size: 1.2rem;
  font-weight: 600;
}

.text-block-85 {
  color: var(--white);
  margin-top: 4px;
  font-weight: 400;
}

.div-block-121 {
  text-align: left;
  max-width: 540px;
  margin: 50px auto;
}

.picthis-copy {
  text-align: left;
  margin-bottom: 6px;
  font-size: 1.3rem;
  line-height: 150%;
  display: block;
}

.picthis-copy.check {
  margin-right: 5px;
}

.picthis-copy.hub {
  margin-bottom: 20px;
}

.howtousetemplate {
  border-bottom: 1px solid #eee;
  padding-top: 100px;
  padding-bottom: 100px;
}

.quick-stack-24 {
  text-align: left;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.cell-21, .cell-22 {
  justify-content: center;
  align-items: flex-start;
}

.div-block-122 {
  background-color: #fff;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
}

.div-block-122.hub {
  padding-top: 0;
}

.div-block-122.hub.v2 {
  background-color: #f9f9fa;
}

.text-block-86 {
  padding-left: 20px;
}

.text-block-87 {
  color: var(--mainiq-blue);
  font-size: 1.2rem;
  font-weight: 500;
}

.div-block-123 {
  text-align: left;
}

.view-all-invoice-templates {
  margin-top: 5px;
}

.collection-item-8 {
  padding-bottom: 0;
  padding-left: 0;
  font-size: .9rem;
  line-height: 160%;
}

.div-block-124 {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #eee;
  margin-top: 70px;
  padding: 40px 50px;
}

.quick-stack-25 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  padding-left: 0;
  padding-right: 0;
}

.text-block-88 {
  font-size: .9rem;
  font-weight: 500;
  line-height: 200%;
  display: inline-block;
}

.link-block-12 {
  width: 100%;
  padding-left: 10px;
  transition: background-color .19s cubic-bezier(.304, .077, .68, .53);
}

.link-block-12:hover {
  background-color: #f9f9fa;
}

.text-block-89, .text-block-90 {
  font-size: .9rem;
  font-weight: 500;
  line-height: 200%;
  display: inline-block;
}

.link-block-13 {
  width: 100%;
  margin-bottom: 6px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  line-height: 180%;
  transition: background-color .19s cubic-bezier(.333, .088, .68, .53);
}

.link-block-13:hover {
  background-color: #f9f9fa;
}

.link-block-13.v2 {
  text-align: left;
  padding-left: 10px;
}

.div-block-125 {
  margin-bottom: 15px;
}

.text-block-91 {
  padding-left: 10px;
  font-size: 1rem;
  line-height: 200%;
}

.text-block-91.bold {
  color: #1d2e3b;
  text-align: left;
  font-weight: 500;
  transition: color .3s ease-in;
}

.text-block-91.bold:hover {
  color: var(--mainiq-blue);
}

.text-block-91.related {
  text-align: left;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 20px;
  font-size: 1rem;
  line-height: 160%;
}

.div-block-126 {
  text-align: center;
  max-width: 940px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.link-14, .link-15, .link-16, .link-17 {
  font-weight: 600;
}

.link-18 {
  font-weight: 500;
}

.div-block-127 {
  text-align: center;
  width: 740px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-127.cta {
  width: auto;
  max-width: 840px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.section-14 {
  background-color: #f9f9fa;
  padding-top: 100px;
  padding-bottom: 120px;
}

.quick-stack-26 {
  max-width: 590px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.div-block-128 {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}

.format-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f9f9fa;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
  list-style-type: none;
  display: flex;
}

.format-list.white {
  background-color: #f9f9fa00;
  padding-left: 10px;
  padding-right: 0;
}

.format-list.temppage {
  text-align: left;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  margin-top: 5px;
  padding-left: 0;
}

.format-list.temppage.featured {
  grid-row-gap: 0px;
  margin-top: 15px;
}

.list-item-3 {
  display: inline-flex;
}

.format-link {
  background-color: #f9f9fa00;
  border: 1px solid #0000;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding: 2px 10px;
  transition: border-color .35s ease-in-out;
  display: inline-flex;
}

.format-link:hover {
  border: 1px solid var(--neutral-300);
  border-radius: 6px;
}

.format-link.jobs {
  padding-left: 8px;
  padding-right: 8px;
}

.format-link.jobs.hide {
  display: none;
}

.heading-30 {
  color: var(--mainiq-blue);
  letter-spacing: normal;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 160%;
}

.heading-30.temppage {
  padding-right: 10px;
  font-size: 1.15rem;
}

.image-135 {
  margin-top: 15px;
}

.image-135.featured {
  position: static;
  overflow: clip;
  box-shadow: 0 -1px 20px -4px #0000001a;
}

.collection-list-6 {
  grid-column-gap: 20px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.link-block-14 {
  text-align: left;
  width: 100%;
}

.collection-list-wrapper-8 {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #eee;
  width: auto;
  max-width: 1280px;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 50px 40px;
}

.text-block-93 {
  color: #788188;
  margin-top: 0;
  padding-right: 10px;
  font-size: 1rem;
  line-height: 140%;
  transition: color .2s ease-in;
}

.text-block-93:hover {
  color: #4d5256;
}

.text-block-94 {
  color: var(--mainiq-blue);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 120%;
  display: inline-flex;
}

.text-block-94.arrow {
  color: var(--mainiq-blue);
  margin-left: 5px;
}

.industry-faq {
  background-color: #fff;
  padding-top: 100px;
  padding-bottom: 6.5rem;
}

.industry-faq.faq---invoicegen {
  background-color: #f9f9fa;
}

.industry-faq.invoicetemplates {
  padding-top: 8rem;
}

.invoice-industry-sub-hero {
  color: #4d5256;
  max-width: 760px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 15px;
  font-size: 1.4rem;
  line-height: 140%;
}

.invoice-industry-sub-hero.center {
  text-align: center;
}

.invoice-industry-sub-hero.white {
  color: #fff;
}

.invoice-industry-sub-hero.job {
  max-width: 750px;
}

.industryh1 {
  color: #1d2e3b;
  letter-spacing: -.01em;
  padding-right: 0;
  font-size: 4.2rem;
  font-weight: 900;
  line-height: 120%;
  display: inline-block;
}

.industryh1.white {
  color: #19068f;
}

.div-block-129 {
  max-width: 940px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
}

.industryh2 {
  color: #1d2e3b;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 2.75rem;
  font-weight: 800;
  line-height: 120%;
  display: inline-block;
}

.industryh2.lowercase {
  text-transform: lowercase;
}

.industryh2.left {
  text-align: left;
}

.grid-14 {
  grid-template-rows: auto;
}

.feat_a-copy, .feat_a-copy-copy {
  color: #788188;
  background-color: #fcfcfc00;
  border-left: 4px #f5f5f7;
  margin-bottom: 0;
  padding: 10px 10px 0 0;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.industry_faq_a {
  color: #788188;
  background-color: #fcfcfc00;
  border-left: 4px #f5f5f7;
  margin-bottom: 0;
  padding: 10px 10px 0 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.industry_faq_q {
  color: #1d2e3b;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 140%;
}

.div-block-98-ind {
  text-align: center;
  margin-bottom: 80px;
}

.div-block-98-ind.invoicegen {
  text-align: center;
  margin-bottom: 60px;
}

.rich-text-block-2 {
  text-align: left;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  line-height: 20px;
}

.list-4 {
  line-height: 20px;
}

.rt_checklist_industry {
  text-align: left;
  width: auto;
  margin-left: 0;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 20px;
  line-height: 20px;
}

.rt_checklist_industry ul {
  background-color: #fff0;
  margin-top: 10px;
  padding-left: 20px;
  list-style-type: none;
}

.rt_checklist_industry li {
  color: #4d5256;
  background-color: #fff0;
  margin-bottom: 15px;
  padding: 6px 10px;
  font-size: 1.2rem;
  line-height: 130%;
  list-style-type: disc;
}

.list-item-4 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 120%;
}

.div-block-130 {
  align-self: flex-end;
  max-width: 640px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.div-block-131 {
  text-align: left;
  padding-right: 70px;
}

.quick-stack-27 {
  max-width: 1140px;
  margin-top: 96px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.cell-23 {
  justify-content: center;
  align-items: flex-start;
}

.div-block-132 {
  max-width: 940px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
}

.invoice-industry-hero {
  background-image: linear-gradient(#f9f9fa, #fff);
  padding-top: 50px;
  padding-bottom: 120px;
}

.quick-stack-28 {
  max-width: 1040px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.section-15 {
  background-color: var(--white);
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding-top: 100px;
  padding-bottom: 100px;
}

.cell-24 {
  justify-content: center;
  align-items: flex-start;
}

.cell-25 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.comparisontableindustry {
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-133 {
  text-align: center;
  max-width: 930px;
  margin-left: auto;
  margin-right: auto;
}

.section-16 {
  background-image: linear-gradient(#f9f9fa, #fff);
  border-bottom: 1px solid #eee;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-16.industry {
  border-bottom-style: none;
}

.quick-stack-29 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  max-width: 940px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

.quick-stack-29.industry {
  max-width: 1070px;
  margin-top: 0;
  padding-top: 30px;
  padding-bottom: 10px;
}

.text-block-95 {
  margin-bottom: 5px;
  font-size: 1.4rem;
  font-weight: 500;
}

.link-block-15 {
  text-align: center;
  max-width: 640px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.text-block-96 {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.4rem;
  line-height: 140%;
}

.link-block-16 {
  overflow-wrap: normal;
  margin-left: 0;
  padding-left: 40px;
  padding-right: 0;
}

.text-block-97 {
  box-sizing: border-box;
  color: #5138ee;
  word-break: normal;
  overflow-wrap: normal;
  object-fit: fill;
  flex-flow: wrap;
  font-size: 1.2rem;
  line-height: 130%;
  display: inline;
}

.text-block-97.reg, .text-span-8 {
  color: #4d5256;
}

.pagination-2 {
  border-top: 1px #eee;
  margin-top: 50px;
  padding-top: 0;
  padding-bottom: 0;
}

.collection-list-7, .collection-list-8 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-9 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

.div-block-134, .div-block-135 {
  text-align: left;
}

.div-block-135.invpage {
  min-height: auto;
}

.div-block-136 {
  text-align: left;
  margin-bottom: 15px;
}

.div-block-136.invpage {
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

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

.heading-31 {
  color: #1d2e3b;
  letter-spacing: -.01em;
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 56px;
  display: inline;
}

.div-block-137 {
  text-align: center;
}

.heading-32 {
  color: #1d2e3b;
  letter-spacing: -.01em;
  font-size: 2.5rem;
  font-weight: 900;
  display: inline;
}

.heading-32.howtowhatto-h2 {
  text-transform: none;
  max-width: 730px;
  display: inline-block;
}

.heading-32.whattoh2 {
  text-align: center;
  text-transform: none;
  max-width: 730px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.jobs-templateheader {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

.jobs-templateheader.lineitemsh2 {
  max-width: 780px;
}

.invtemplatefaq {
  text-align: left;
  background-color: #f9f9fa00;
  padding: 100px 0;
  position: relative;
}

.invtemplatefaq.hub {
  padding-bottom: 120px;
}

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

.text-block-98 {
  text-align: left;
}

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

.heading-33 {
  text-align: left;
}

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

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

.collection-list-wrapper-9 {
  max-width: 940px;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.faq-richtext {
  color: #788188;
  padding-top: 10px;
  padding-right: 10px;
  font-size: 1.1rem;
  line-height: 150%;
}

.faq-richtext p {
  color: #788188;
  font-size: 1.1rem;
  line-height: 150%;
}

.faq-richtext.faq-a {
  padding-right: 40px;
}

.div-block-138, .div-block-139 {
  text-align: left;
}

.heading-34 {
  font-size: 1.5rem;
  line-height: 120%;
}

.quick-stack-30 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.heading-35 {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 140%;
}

.grid-15 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.faq_invoice_template {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  max-width: 980px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
}

.invoicetemplate_faq_header {
  text-align: center;
  max-width: 940px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

.faq-q {
  padding-right: 30px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 140%;
}

.grid-16 {
  grid-template-rows: auto;
}

.collection-list-14 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.collection-list-wrapper-10 {
  margin: 70px auto;
}

.collection-item-9 {
  text-align: left;
}

.quick-stack-31 {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.quick-stack-31.howto {
  max-width: none;
}

.quick-stack-31.scenario {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  box-shadow: none;
  max-width: 1180px;
  padding: 50px 40px 50px 50px;
}

.quick-stack-31.scenario.nb {
  box-shadow: none;
}

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

.div-block-140 {
  margin-bottom: 40px;
}

.div-block-141 {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.job_list_1 {
  max-width: none;
  margin-left: 0;
  margin-right: auto;
  padding-left: 0;
  list-style-type: none;
}

.text-block-99 {
  margin-bottom: 10px;
  font-size: 18px;
}

.div-block-142 {
  background-color: #fff0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  max-width: 1280px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-143 {
  z-index: -1;
  background-color: #5138ee;
  height: 970px;
  position: absolute;
  inset: 0% 0% auto;
}

.quick-stack-32 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding-left: 0;
  padding-right: 0;
}

.quick-stack-32.v2 {
  border: 1px #eee;
  border-radius: 6px;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-144 {
  text-align: left;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 30px;
}

.div-block-144.bestfor {
  margin-top: 20px;
  padding-bottom: 10px;
}

.image-135-copy {
  height: auto;
  margin-top: 0;
}

.image-135-copy.jobs {
  box-shadow: 0 -1px 20px -4px #00000026;
}

.div-block-145 {
  margin-top: 0;
  padding-left: 10px;
}

.heading-30-copy {
  color: #1d2e3b;
  letter-spacing: normal;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 160%;
}

.div-block-146 {
  background-color: #f9f9fa00;
  border-top: 1px #eee;
  border-bottom: 1px #cecece;
  border-right: 1px #cecece;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  height: 100%;
  padding-top: 0;
  padding-right: 0;
}

.jobpage_templates {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-top-left-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.div-block-147 {
  background-color: #f9f9fa00;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-top: 10px;
  padding-bottom: 0;
  padding-left: 0;
  overflow: visible;
}

.list-item-5 {
  margin-right: 5px;
}

.list-item-5.v2 {
  text-align: left;
  width: 100%;
  margin-right: 0;
  display: block;
}

.div-block-148 {
  background-color: #f9f9fa;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 70px;
}

.job_temp_subtext {
  color: #788188;
  margin-top: 0;
  font-size: 1rem;
  display: inline;
}

.job_temp_subtext.bestfor {
  display: inline;
}

.job_temp_subtext.bestfor.bold {
  color: #4d5256;
  font-weight: 600;
}

.job_template_header {
  color: #1d2e3b;
  letter-spacing: normal;
  margin-bottom: 6px;
  padding-right: 10px;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 140%;
}

.div-block-149 {
  background-color: #f9f9fa;
  border: 1px solid #eee;
  border-radius: 10px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 20px 40px;
}

.div-block-150 {
  text-align: center;
  margin-bottom: 40px;
  padding-right: 0;
}

.div-block-150.billingscenarios {
  margin-bottom: 80px;
  padding-top: 0;
}

.div-block-150.jobs {
  margin-bottom: 80px;
}

.cell-26 {
  justify-content: center;
  align-items: flex-start;
}

.cell-27 {
  justify-content: flex-start;
  align-items: flex-start;
  padding: 30px 60px 30px 30px;
}

.quick-stack-33 {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.job_list_2 {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  list-style-type: disc;
}

.list-5 {
  margin-left: auto;
}

.div-block-151 {
  border-top: 1px solid #eee;
  width: 100%;
  margin-top: 40px;
  padding-top: 40px;
  padding-right: 20px;
}

.text-block-100 {
  padding-right: 40px;
  font-size: 1rem;
  line-height: 150%;
}

.list-item-6 {
  margin-bottom: 20px;
}

.div-block-152 {
  text-align: left;
  padding-top: 0;
  padding-bottom: 5px;
  padding-left: 0;
}

.download-format-link {
  background-color: #f9f9fa00;
  border: 1px solid #0000;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding: 2px 0 2px 10px;
  transition: background-color .275s ease-in, border-color .3s ease-in-out;
  display: block;
}

.download-format-link:hover {
  border: 1px solid var(--neutral-300);
  background-color: #eee;
  border-radius: 6px;
}

.download-format-link.hide {
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.div-block-153 {
  margin-top: 20px;
}

.jobs_templates {
  background-color: var(--mainiq-blue);
  border-radius: 8px;
  width: 100%;
  padding: 20px 30px;
}

.jobs_templates._2 {
  background-color: var(--neutral-600);
}

.jobs_generator {
  background-color: var(--neutral-600);
  border-radius: 8px;
  width: 100%;
  padding: 20px 30px;
}

.jobs_generator._2 {
  background-color: var(--neutral-600);
}

.jobs_header {
  text-align: center;
  background-color: #f9f9fa;
  padding-top: 100px;
  padding-bottom: 100px;
}

.jobs_header._1pxunder {
  border-bottom: 1px solid #eee;
  padding-top: 50px;
  padding-bottom: 120px;
}

.invoice_template_download_section {
  padding-top: 120px;
  padding-bottom: 0;
}

.invoice_template_download_section.jobspage {
  padding-bottom: 60px;
}

.whattoinclude {
  background-color: #fff;
  border-top: 1px solid #eee;
  padding-top: 120px;
  padding-bottom: 120px;
}

.scenarios {
  background-image: linear-gradient(0deg, #f9f9fa, #fff);
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding-top: 120px;
  padding-bottom: 120px;
}

.related_industries {
  background-color: #f9f9fa;
  padding-top: 100px;
  padding-bottom: 100px;
}

.invtemphub_cta {
  background-color: #fff;
  border-top: 1px solid #eee;
  padding-top: 120px;
  padding-bottom: 120px;
}

.div-block-154 {
  background-color: #f9f9fa;
  border: 1px solid #eee;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.jobstack {
  max-width: 640px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.faq_section {
  text-align: left;
  background-color: #f9f9fa00;
  padding: 100px 0;
  position: relative;
}

.faq_section.hub {
  padding-bottom: 120px;
}

.faq_section.jobs {
  padding-top: 120px;
}

.alsocalled {
  color: #788188;
  font-size: 1rem;
}

.job-h1 {
  color: #1d2e3b;
  letter-spacing: -.01em;
  padding-right: 0;
  font-size: 4.2rem;
  font-weight: 900;
  line-height: 120%;
  display: inline-block;
}

.job-h1.white {
  color: #19068f;
}

.quick-nav {
  z-index: 10;
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  padding-top: 15px;
  padding-bottom: 15px;
  position: sticky;
  top: 0;
}

.cell-28 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.quick_nav_text {
  color: var(--neutral-600);
  border-radius: 0;
  height: auto;
  padding: 10px 15px;
  font-size: .9rem;
  font-weight: 500;
  transition: background-color .18s ease-in;
  display: inline-block;
}

.quick_nav_text:hover, .quick_nav_text:focus-visible, .quick_nav_text[data-wf-focus-visible] {
  background-color: #eee;
  border-radius: 6px;
}

.quicknav {
  transition: background-color .22s;
}

.quicknav.w--current {
  background-color: #eee;
  border-radius: 6px;
}

.quicknav.v2 {
  justify-content: flex-start;
  align-items: center;
  display: inline-block;
}

.quicknavstack {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.lineitems {
  background-color: #f9f9fa;
  padding-top: 120px;
  padding-bottom: 120px;
}

.collection-list-15 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.cell-29 {
  justify-content: flex-start;
  align-items: flex-start;
}

.text-block-101 {
  font-size: 1rem;
  line-height: 130%;
}

.collection-list-wrapper-11 {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.quick-stack-34 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding: 22px 0;
}

.quick-stack-34.row1 {
  border-bottom: 1px solid #eee;
}

.quick-stack-34.row1.mistake_row_1 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
}

.quick-stack-34.first {
  border-bottom: 1px solid #eee;
  margin-top: 0;
}

.quick-stack-34.mistakes_answers {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border-bottom: 1px solid #eee;
}

.quick-stack-34.mistakes_answers.last {
  border-bottom-style: none;
}

.div-block-155 {
  background-color: #fff;
  border: 1px solid #eee;
  max-width: 1280px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 50px;
}

.div-block-155.mistakes_2 {
  max-width: 1140px;
}

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

.div-block-156 {
  text-align: center;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.lineitems-cta {
  text-align: center;
  max-width: 940px;
  margin: 80px auto 60px;
}

.text-block-103 {
  color: #4d5256;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.3rem;
  line-height: 130%;
}

.text-block-103.ctasub {
  max-width: 650px;
}

.text-block-104 {
  color: #788188;
  margin-top: 10px;
  font-size: 1rem;
  line-height: 140%;
}

.text-block-105 {
  color: #1d2e3b;
  margin-bottom: 15px;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 130%;
}

.div-block-157 {
  max-width: 790px;
  margin-left: auto;
  margin-right: auto;
}

.how-whatto-richtext {
  color: #788188;
  max-width: 590px;
  padding-top: 10px;
  padding-right: 10px;
  font-size: 1.1rem;
  line-height: 150%;
}

.how-whatto-richtext p {
  color: #788188;
  font-size: 1.1rem;
  line-height: 150%;
}

.how-whatto-richtext li {
  margin-bottom: 20px;
  margin-left: 0;
  padding-left: 7px;
  font-size: 1.2rem;
  line-height: 165%;
}

.how-whatto-richtext.howto {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
}

.how-whatto-richtext.whatto {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.howto-whatto-list {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  list-style-type: disc;
}

.navbar {
  background-color: #f9f9fa00;
}

.lineitemsheader {
  color: #1d2e3b;
  letter-spacing: -.01px;
  margin-bottom: 15px;
  font-size: 2rem;
  font-weight: 900;
  line-height: 130%;
}

.lineitemsbullets {
  color: #788188;
  margin-top: 20px;
  font-size: 1.1rem;
  line-height: 140%;
}

.lineitemsctasection {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-158 {
  float: none;
  clear: none;
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.spacer {
  background-color: #d80101;
  width: 35px;
  height: auto;
  display: inline-block;
}

.jobslogo {
  max-width: none;
  height: 40px;
  max-height: none;
}

.link-block-17 {
  float: left;
}

.div-block-159 {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.mistakes {
  background-image: linear-gradient(#f9f9fa, #fff);
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding-top: 120px;
  padding-bottom: 120px;
}

.mistake_fix_text {
  padding-left: 27px;
  padding-right: 0;
  font-size: 1.05rem;
  line-height: 140%;
  display: inline-flex;
}

.mistake_fix_text.bold {
  border-left: 8px solid var(--royal-blue-light);
  padding-left: 27px;
  font-weight: 600;
}

.mistake_fix_text.left {
  padding-left: 0;
  padding-right: 15px;
}

.mistake_title {
  font-size: 1.2rem;
  font-weight: 600;
}

.howtodouble {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-160 {
  max-width: 840px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-160.howto {
  margin-bottom: 0;
}

.hottoinvoice {
  text-align: center;
  max-width: 840px;
  margin-bottom: 40px;
}

.hottoinvoice.left {
  text-align: left;
  border-bottom: 1px #eee;
  margin-bottom: 40px;
  padding-bottom: 0;
}

.text-block-106 {
  color: #4d5256;
  max-width: 740px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  font-size: 1.5rem;
  line-height: 150%;
}

.text-block-106.howto {
  margin-bottom: 20px;
  padding-right: 30px;
}

.text-block-106.highlight {
  background-color: var(--royal-blue-lighter);
  color: #000;
  border-radius: 6px;
  padding: 15px 25px;
  font-size: 1.5rem;
  line-height: 150%;
}

.text-block-106.highlight.mobile {
  display: none;
}

.heading-32-copy {
  color: #1d2e3b;
  letter-spacing: -.01em;
  font-size: 2.5rem;
  font-weight: 900;
  display: inline;
}

.howtoinvoice {
  background-color: #f9f9fa;
  background-image: none;
  border-top: 1px #eee;
  padding-top: 120px;
  padding-bottom: 120px;
}

.quick-stack-35 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.cell-30, .cell-31 {
  justify-content: center;
  align-items: flex-start;
}

.div-block-161 {
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 9px;
  align-self: flex-end;
  max-width: 100%;
  padding: 35px 50px 20px;
  box-shadow: 0 -2px 30px -4px #00000014;
}

.div-block-161.what-to {
  max-width: 740px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 50px;
}

.whattoinvoice {
  text-align: left;
  border-bottom: 1px #eee;
  max-width: 840px;
  margin-bottom: 30px;
  padding-bottom: 0;
}

.whattoinvoice.left {
  text-align: left;
  border-bottom: 1px solid #eee;
  margin-bottom: 40px;
  padding-bottom: 30px;
}

.text-block-107 {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  padding-bottom: 15px;
  padding-left: 10px;
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 150%;
}

.div-block-162 {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.div-block-162.first {
  border-bottom: 1px solid #eee;
  max-width: 680px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.scenario {
  padding: 30px 30px 30px 40px;
  box-shadow: 0 -2px 20px -4px #0003;
}

.scenario-title {
  background-color: #fff0;
  margin-bottom: 0;
  padding: 0 5px 0 0;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 130%;
  display: inline;
}

.scenario-trigger {
  color: #4d5256;
  background-color: #fff0;
  margin-bottom: 0;
  padding: 0 20px 0 24px;
  font-size: 1rem;
  line-height: 150%;
  display: block;
}

.scenario-trigger.why {
  color: #788188;
  background-color: #fff0;
  padding-top: 0;
  padding-left: 0;
  font-weight: 400;
}

.scenario-trigger.inlineblk {
  border-left: 8px solid var(--royal-blue-light);
  padding: 5px 50px 5px 15px;
  font-style: italic;
  font-weight: 400;
  display: inline-block;
}

.scenario-trigger.inlineblk.chk {
  margin-right: 5px;
  padding-right: 0;
}

.teg-for-scenario {
  margin-bottom: 4px;
  line-height: 14px;
}

.quick-stack-36 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0;
}

.div-block-163 {
  padding-top: 10px;
}

.cell-32 {
  justify-content: center;
  align-items: flex-start;
}

.div-block-164 {
  flex: 0 auto;
  align-self: flex-start;
}

.div-block-165 {
  padding-top: 0;
}

.div-block-166 {
  background-color: #fff;
  border: 1px solid #eee;
  max-width: 1180px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 50px 35px;
}

.div-block-166.industry {
  margin-top: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.scenariogrid {
  border-bottom: 1px solid #eee;
  padding-top: 25px;
  padding-bottom: 25px;
}

.scenariogrid.last {
  border-bottom-style: none;
}

.div-block-167 {
  text-align: center;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}

.text-block-108 {
  margin-top: 10px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 30px;
}

.text-block-108.v2 {
  color: #4d5256;
  margin-top: 5px;
}

.text-block-108.v2._1 {
  padding-top: 3px;
}

.text-span-9 {
  font-size: 1.5rem;
  line-height: 30px;
}

.text-span-10 {
  font-size: 1.6rem;
}

.div-block-168 {
  text-align: center;
  margin-top: 60px;
}

.quick-stack-37, .cell-33 {
  text-align: center;
}

.div-block-169 {
  margin-left: auto;
  margin-right: auto;
}

.div-block-170 {
  max-width: 300px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}

.breadcrumb {
  text-align: center;
  max-width: 940px;
  margin-bottom: 55px;
  margin-left: auto;
  margin-right: auto;
}

.crumbs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0;
  list-style-type: none;
  display: inline-flex;
}

.text-block-109 {
  color: var(--neutral-400);
  font-size: 16px;
}

.text-block-110 {
  font-size: 16px;
}

.bc {
  display: inline-block;
}

.bc.cuttent {
  color: var(--neutral-600);
}

.bc.fs {
  color: #d7dcdf;
  margin-left: 15px;
}

.mistake_text {
  padding-left: 27px;
  padding-right: 0;
  font-size: 1.05rem;
  line-height: 140%;
  display: inline-flex;
}

.mistake_text.bold {
  border-left: 8px solid var(--royal-blue-light);
  padding-left: 27px;
  font-weight: 600;
}

.mistake_text.left {
  padding-left: 0;
  padding-right: 15px;
}

.scenario-action {
  color: #4d5256;
  background-color: #fff0;
  margin-bottom: 0;
  padding: 0 20px 0 24px;
  font-size: 1rem;
  line-height: 150%;
  display: block;
}

.scenario-action.why {
  color: #788188;
  background-color: #fff0;
  padding-top: 0;
  padding-left: 0;
  font-weight: 400;
}

.scenario-action.inlineblk {
  border-left: 8px solid var(--royal-blue-light);
  padding: 5px 50px 5px 15px;
  font-style: italic;
  font-weight: 400;
  display: inline-block;
}

.scenario-action.inlineblk.chk {
  margin-right: 5px;
  padding-right: 0;
}

.text-block-93-copy {
  color: #788188;
  margin-top: 0;
  padding-right: 30px;
  font-size: 1rem;
  line-height: 140%;
  transition: color .2s ease-in;
}

.text-block-93-copy:hover {
  color: #4d5256;
}

.text-block-93-copy.industry {
  padding-right: 0;
  display: inline;
}

.div-block-171 {
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}

.quick-stack-29-head {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  max-width: 940px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

.quick-stack-29-head.industry {
  max-width: 1070px;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.comparison_1 {
  overflow-wrap: normal;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}

.comparison_1.mobile {
  display: none;
}

.div-block-1712 {
  border-top: 1px solid #eee;
  border-bottom: 1px #eee;
  margin-top: 10px;
  padding-top: 25px;
  padding-bottom: 0;
}

.text-block-111 {
  font-size: 1rem;
}

.invtemplatescard {
  background-color: #fff0;
  border: 1px solid #eee;
  border-radius: 0;
  width: 100%;
  padding: 30px 36px 25px;
}

.invtemplatescard.jobs {
  padding-top: 20px;
  padding-bottom: 20px;
}

.populartemplates {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top-left-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.populartemplates.v2 {
  grid-template-columns: 1fr 1fr;
}

.div-block-1713 {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-1714 {
  margin-top: 80px;
}

.pagination-3 {
  border-top: 1px solid #eee;
  margin-top: 10px;
  padding-top: 30px;
}

.text-block-112 {
  color: var(--neutral-800);
  font-size: 1rem;
  font-weight: 500;
  line-height: 200%;
  display: inline;
}

.quick-nav-mobile {
  z-index: 10;
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  padding-top: 15px;
  padding-bottom: 15px;
  display: none;
  position: sticky;
  top: 0;
}

.how-to-cta.mobile, .comp_mobile {
  display: none;
}

.div-block-1716 {
  border-top: 1px solid #eee;
  margin-top: 33px;
}

.div-block-1717 {
  padding-top: 10px;
  font-size: 16px;
}

.image-136 {
  height: 26px;
  margin-right: 10px;
  overflow: clip;
}

.grid-17 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr;
}

.featurestackheader {
  border-bottom: 1px solid #eee;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding-bottom: 16px;
  display: flex;
}

.featurestackheader.first {
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
}

.comparisonstack {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 2.25fr .75fr .75fr;
  align-content: center;
  max-width: 880px;
  margin: 100px auto 60px;
  padding: 30px;
}

.text-block-113 {
  font-size: 1rem;
}

.image-137 {
  height: 32px;
}

.featurestacklineitem {
  text-align: left;
  border-top: 1px #eee;
  border-bottom: 1px solid #eee;
  justify-content: flex-start;
  align-items: center;
  height: 70px;
  padding-left: 30px;
  display: flex;
}

.featurestacklineitem.check {
  justify-content: center;
  align-items: center;
  padding-left: 0;
}

.featurestacklineitem.last {
  border-bottom-style: none;
}

.text-block-114 {
  color: #526574;
  font-size: 1.1rem;
}

.text-block-114.bold {
  color: #1d2e3b;
  font-weight: 700;
}

.image-138 {
  display: none;
}

@media screen and (max-width: 991px) {
  .content-section.contentlegal {
    padding-left: 30px;
    padding-right: 30px;
  }

  .content-section.quicktips.showme.pp {
    padding-bottom: 100px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .content-section.mid {
    margin-top: 145px;
  }

  .content-section.mid.invsfsectiion2 {
    margin-top: 156px;
    padding-bottom: 70px;
  }

  .content-section.hp1 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .typography-block {
    flex-direction: column;
    align-items: flex-start;
  }

  .text-wrap {
    margin-bottom: 16px;
  }

  .style-full-grid {
    grid-template-columns: 3fr;
  }

  .color-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: center;
    width: auto;
  }

  .body-large {
    text-align: center;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .body-large.max-width {
    margin-left: 0;
  }

  .body-large.max-width.hp1 {
    text-align: left;
    max-width: 100%;
    margin-bottom: 30px;
    padding-top: 0;
  }

  .body-large.max-width.hp1.white {
    color: var(--neutral-400);
    font-size: 22px;
    line-height: 130%;
  }

  .body-large.v3 {
    clear: none;
    align-self: auto;
  }

  .body-large.v3.hp1 {
    margin-left: 0;
  }

  .body-large.explainer {
    text-align: left;
    font-size: 16px;
    line-height: 26px;
  }

  .body-large.hp1 {
    text-align: left;
    margin-left: 0;
  }

  .body-large.cta {
    max-width: 440px;
  }

  .body-large.cta.boxed {
    text-align: left;
    max-width: 380px;
    margin-left: 0;
    padding-top: 20px;
    font-size: 1.3rem;
  }

  .body-large.cta.boxed.v2 {
    max-width: 60%;
  }

  .banner-wrap {
    font-weight: 500;
  }

  .button.margin-bottom-16.hp1.cta {
    border-radius: 10px;
  }

  .button.margin-bottom-16.v2.cta {
    margin-right: 0;
  }

  .nav-menu {
    background-color: #fff;
    height: auto;
    top: 70px;
  }

  .nav-menu.main {
    display: block;
  }

  .navigation-menu {
    border: 1px solid var(--neutral-200);
    color: var(--royal-blue);
    margin-left: 10px;
    padding: 12px;
  }

  .navigation-menu.w--open {
    background-color: var(--royal-blue);
    border-color: #fff;
  }

  .brand {
    margin-right: 10px;
    padding: 0;
  }

  .navigation-default {
    position: relative;
  }

  .navigation-right {
    align-items: center;
    display: flex;
  }

  .navigation-container {
    align-items: stretch;
    position: relative;
  }

  .header-section {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    background-attachment: scroll;
    padding-left: 0%;
    padding-right: 0%;
  }

  .container.featuremobilecontainer {
    z-index: 15;
    display: block;
    position: sticky;
    top: 0;
  }

  .hero-heading.custom-copy {
    text-align: left;
  }

  .hero-heading.custom-copy.hp1.white {
    color: var(--neutral-900);
  }

  .hero-image {
    max-width: none;
    margin-top: -167px;
  }

  .button-wrapper.cta-button-wrapper {
    margin-bottom: 0;
  }

  .button-light.btn-light-white.v2.hide, .button-light.btn-light-white.v2.hide.full {
    display: none;
  }

  .header-section-dark {
    min-height: auto;
  }

  .logo-centre {
    grid-column-gap: 10px;
  }

  .logo-centre.lp.v2.pricepagemet {
    grid-column-gap: 30px;
    max-width: 740px;
  }

  .navigation-left {
    align-items: center;
  }

  .body-medium.subfootertext.hideonmobile {
    display: none;
  }

  .feature-grid-large {
    grid-template-columns: 1fr 1fr;
  }

  .feature-grid {
    grid-template-columns: 1.5fr;
  }

  .feature-link {
    justify-content: center;
  }

  .feature-card-grid {
    margin-top: 0;
  }

  .value-background {
    background-position: 100% 100%;
  }

  .feature-wrapper {
    padding: 72px 40px;
  }

  .content-grid {
    grid-row-gap: 62px;
    grid-template-columns: 1fr;
  }

  .content-grid.growgrid {
    display: block;
  }

  .mainhero.fp.pp {
    padding-bottom: 40px;
  }

  .mainhero.fp.pp.v2 {
    padding-bottom: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .title-wrap-large-centre.trustedcenter.v3 {
    text-align: left;
  }

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

  .content-grid-feature {
    grid-template-columns: 1fr;
  }

  .header-content.hp1, .header-content.hp2 {
    text-align: center;
    padding-left: 40px;
    padding-right: 40px;
  }

  .header-grid-phone {
    grid-template-columns: 1fr;
  }

  .content-image-wrapper.buidgetimg {
    margin-top: 25px;
  }

  .footer-grid {
    grid-row-gap: 42px;
    grid-template-columns: 1fr 1fr;
  }

  .footer-grid.footer-grid-iq {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .footer-grid.footer-grid-iq.subfooteriq {
    grid-column-gap: 40px;
    grid-row-gap: 0px;
    border-top: 1px solid var(--royal-blue-lighter);
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .footer-grid.footer-grid-iq.subf {
    float: left;
    max-width: 430px;
    margin-top: 0;
  }

  .footer-column.hideondesktop {
    display: block;
  }

  .footer-link {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 15px;
  }

  .footer-link.subfooterlink {
    padding-right: 20px;
  }

  .footer-grid-large {
    grid-row-gap: 42px;
    grid-template-columns: 1fr 1fr;
  }

  .avatar-tab {
    margin-right: 0;
  }

  .testimonial-pane {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .gallery-image-block {
    height: 250px;
  }

  .navigation-wrapper, .navigation-button-wrapper {
    align-items: center;
    display: flex;
  }

  .brand-large {
    margin-right: 10px;
    padding: 0;
  }

  .navigation-dark {
    position: relative;
  }

  .cta-block-light {
    flex-direction: column;
    padding-bottom: 0;
  }

  .cta-block-light.blockctamargin {
    margin-top: 239px;
  }

  .cta-block-light.blockctamargin.v2, .cta-block-light.blockctamargin.v3 {
    aspect-ratio: auto;
    object-fit: fill;
    max-width: 670px;
    min-height: auto;
    margin-top: 20px;
    margin-bottom: 80px;
    padding: 40px;
  }

  .cta-wrapper {
    align-items: center;
    width: 100%;
    max-width: none;
    margin-bottom: 60px;
  }

  .cta-wrapper.cta {
    margin-top: 0;
    margin-bottom: 0;
  }

  .phone-hand-wrapper {
    max-width: none;
    display: none;
    position: absolute;
  }

  .phone-hand.phonehandiq.ppl {
    max-width: none;
  }

  .phone-hand.phonehandiq.ppl.hide {
    min-height: 0;
    max-height: none;
    display: block;
    overflow: visible;
  }

  .cta-block-yellow {
    flex-direction: column;
  }

  .title-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 2fr;
  }

  .blog-section {
    padding-left: 30px;
    padding-right: 30px;
  }

  .blog-feature, .blog-feature-grid {
    grid-template-columns: 1fr;
  }

  .image-cover {
    height: auto;
  }

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

  .blog-image-thumbnail {
    height: auto;
  }

  .feature-section-blue {
    background-size: cover;
  }

  .home-feature-grid {
    grid-column-gap: 42px;
  }

  .nav-link-dropdown {
    border-radius: 0;
    width: 100%;
    display: none;
  }

  .dropdown-link {
    width: 100%;
  }

  .dropdown-list.w--open {
    padding-top: 0;
    position: relative;
  }

  .header-grid-home {
    grid-row-gap: 62px;
    grid-template-columns: 1fr;
  }

  .page-grid-small {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr 1fr;
  }

  .job-grid-header {
    grid-column-gap: 42px;
    grid-template-columns: 1fr 300px;
  }

  .faq-section {
    height: 100%;
  }

  .category-wrapper {
    min-width: 100vw;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .header-grid-inner {
    grid-column-gap: 42px;
  }

  .title-grid-standard {
    grid-template-columns: 1.5fr 2fr;
  }

  .team-collection, .team-grid {
    grid-template-columns: 1fr 1fr;
  }

  .article p {
    font-size: 16px;
  }

  .article blockquote {
    color: #000;
    border: 1px solid #f9f9fa;
    border-radius: 8px;
  }

  .article em {
    color: #1d2e3b;
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .form-information, .form-account {
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .account-wrapper {
    flex-direction: column;
  }

  .culture-grid {
    grid-template-columns: 1fr 1.5fr;
  }

  .culture-grid-large {
    grid-column-gap: 42px;
    grid-template-columns: 1fr 1.5fr;
  }

  .content-image-modern {
    bottom: 32px;
    left: 32px;
  }

  .content-image-modern.sfimg {
    max-width: 90%;
  }

  .content-grid-modern {
    grid-column-gap: 52px;
    grid-template-columns: 1fr;
  }

  .content-block.invconb1.pp {
    padding-right: 50px;
  }

  .analytics-wrapper.estw {
    margin-bottom: 20px;
    padding-bottom: 40px;
  }

  .analytics-wrapper.accoutingholder {
    height: 100%;
  }

  .analytics-wrapper.templatewrapper {
    height: 100%;
    margin-top: 0;
    padding-bottom: 20px;
  }

  .analytics-wrapper.customemailwrapper {
    height: 100%;
  }

  .video-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .video-grid.cust-grid {
    display: block;
  }

  .title-wrap-small-centre.featuretitlebig {
    text-align: left;
    justify-content: center;
    align-items: flex-start;
  }

  .title-wrap-small-centre.featuretitlebig.hub, .title-wrap-small-centre.featuretitlebig.ic_tp {
    text-align: center;
  }

  .blog-section-related {
    padding-top: 10px;
  }

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

  .licence-card {
    padding: 32px 16px;
  }

  .sidebar-grid-blog {
    justify-items: start;
  }

  .company-section-globe {
    padding-top: 92px;
    padding-bottom: 92px;
  }

  .price-grid {
    background-color: var(--white);
    grid-template-columns: 1fr;
    max-width: 500px;
    margin-top: -52px;
    margin-left: auto;
    margin-right: auto;
  }

  .pricing-section {
    padding-bottom: 10px;
  }

  .popular-badge.lp {
    background-color: #ff8201;
    width: 80%;
  }

  .pricing-card-feature {
    top: 0;
  }

  .pricing-card-feature.pro-pricing-card.one-pricing-card.mcard {
    width: 100%;
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pricing-card-feature.pro-pricing-card.one-pricing-card.mcard.lp {
    max-width: none;
    padding-top: 126px;
  }

  .pricing-card-feature.pro-pricing-card.one-pricing-card.ycard {
    width: 100%;
    margin-top: 40px;
  }

  .pricing-card-feature.pro-pricing-card.one-pricing-card.ycard.lp {
    margin-top: 0;
  }

  .pricing-banner, .price-grid-row {
    min-width: auto;
  }

  .pricing-grid-wrap {
    overflow: scroll;
  }

  .pricing-grid-wrap.v2 {
    max-width: 90%;
  }

  .value-section-saas.v2 {
    padding-top: 0;
  }

  .value-section-saas.v3 {
    padding-top: 40px;
  }

  .cta-block-dark {
    flex-direction: column;
    padding-bottom: 0;
  }

  .faq-question-wrap, .faq-question-wrap-dark {
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-grid-large {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .contact-form {
    max-width: none;
    margin-left: 0;
  }

  .quote-mark-left {
    display: none;
  }

  .link-arrow {
    margin-left: 0;
  }

  .testimonial-wrapper {
    padding: 72px 40px;
  }

  .globe-avatars {
    max-width: 80%;
    display: none;
  }

  .home-feature-image {
    background-size: cover;
  }

  .contact-grid-header {
    grid-template-columns: 1fr;
  }

  .content-column {
    position: static;
  }

  .header-contact-large {
    max-height: none;
  }

  .content-grid-saas {
    grid-template-columns: 1fr;
  }

  .pricing-grid-saas {
    grid-template-columns: 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .tabs {
    top: -100px;
  }

  .price-tab {
    width: 85%;
  }

  .header-pricing {
    padding-bottom: 140px;
  }

  .tabs-menu-dark {
    margin-bottom: 120px;
    top: 0;
  }

  .content-block-saas.dashimg {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .content-block-saas.dashimg.dashimgmobile {
    margin-top: 25px;
    display: block;
  }

  .content-block-saas.showmobile {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    margin-top: 62px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    display: block;
  }

  .content-block-saas.hidedesktop {
    display: none;
  }

  .title-grid-dark {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .browser-content {
    padding-bottom: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .analytics-dashboard.templateslist.telimobile {
    display: block;
  }

  .analytics-dashboard.accountingholder {
    display: none;
  }

  .title-grid-saas {
    grid-column-gap: 42px;
    grid-template-columns: 1.5fr 2fr;
  }

  .navigation-menu-dark {
    border: 1px solid var(--neutral-700);
    color: var(--royal-blue);
    margin-left: 10px;
    padding: 12px;
  }

  .navigation-menu-dark.w--open {
    background-color: var(--royal-blue);
    border-color: #fff;
  }

  .company-perk-grid {
    grid-template-columns: 1fr 1fr;
  }

  .home-header-grid {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
    grid-template-columns: 1fr;
  }

  .navigation-block-left {
    align-items: center;
    display: none;
  }

  .navigation-block-right {
    align-items: center;
    display: flex;
  }

  .navigation-menu-empty {
    border: 1px solid var(--neutral-200);
    color: var(--royal-blue);
    margin-left: 10px;
    padding: 12px;
  }

  .navigation-menu-empty.w--open {
    background-color: var(--royal-blue);
    border-color: #fff;
  }

  .iq-footer {
    padding-bottom: 20px;
  }

  .footer-text-underlogo {
    font-size: 14px;
    display: block;
  }

  .dashboardimg {
    margin-left: auto;
    margin-right: auto;
    padding-top: 29px;
  }

  .numbertest.ntmobile {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .numbertest.ntmobile.nttestimonial {
    background-color: #fff;
    justify-content: space-between;
    align-items: center;
    width: 30%;
    margin: 18px auto;
    display: flex;
  }

  .left-arrow {
    height: 100px;
    inset: auto auto 0%;
  }

  .left-arrow.arrowslider {
    top: -42px;
  }

  .icon-2.icontest {
    inset: 0% 0% 0% auto;
    inset: 0% auto 0% 0%;
  }

  .linetestimonial.ltmobile {
    z-index: -1;
    top: 63%;
  }

  .slider.slidermobilehome {
    height: 430px;
    display: block;
    position: absolute;
  }

  .right-arrow {
    max-width: 100%;
    height: 100px;
    inset: auto 0% 0% auto;
  }

  .right-arrow.arrowslider {
    top: -42px;
  }

  .testimgmobile {
    margin-top: 14px;
    margin-left: 23px;
    padding-top: 2px;
  }

  .testimgmobile.tim2 {
    margin-top: 88px;
    margin-left: -18px;
  }

  .testimgmobile.tim1 {
    margin-top: 88px;
    margin-left: -15px;
  }

  .testimgmobile.tim3 {
    margin-top: 88px;
    margin-left: -18px;
  }

  .socialmedialinks {
    display: block;
  }

  .socialmedialogo {
    height: 25px;
  }

  .paymentblock {
    text-align: center;
  }

  .content-sf-rightimg.lastcontetsf.sfc3 {
    margin-top: 0;
    margin-bottom: 496px;
  }

  .content-sf-rightimg.lastcontetsf.sfc3.invsfsection3 {
    margin-top: 0;
    padding-bottom: 295px;
  }

  .content-sf-leftimg.sfimg {
    margin-left: 0;
  }

  .content-sf-leftimg.sfimg.showmobile {
    margin-top: 45px;
    margin-left: auto;
    margin-right: auto;
  }

  .iconfloating {
    top: 269.797px;
    left: 25px;
  }

  .iconfloating.icchart1, .iconfloating.if3 {
    max-width: 20%;
  }

  .f-menu {
    display: none;
  }

  .f-menu-link-box {
    width: 100%;
  }

  .featuremenubox {
    justify-content: space-between;
  }

  .featuremenubox.fmb1 {
    border-bottom-style: none;
  }

  .featuremenubox.fmb2 {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 24px;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .featuremenubox.feature-mobile-box {
    background-color: #fff;
    position: sticky;
    top: 10px;
  }

  .f-menu-hm {
    padding-right: 30px;
  }

  .fm-textmenu.f-menu-item {
    margin-left: 30px;
    display: block;
  }

  .fm-lb.f-menu-item {
    display: none;
  }

  .fm-lb.f-menu-item.fminner {
    display: flex;
  }

  .fm-lb.f-menu-item.fminner.w--current {
    border-bottom-style: none;
  }

  .f-menu-text {
    color: var(--neutral-900);
    font-size: 16px;
  }

  .featuresmenucard {
    margin-top: -59px;
    display: none;
  }

  .image-10.closem {
    padding-right: 0;
  }

  .ptitle.v2 {
    text-align: left;
  }

  .ptitle.v2.hub {
    text-align: center;
    max-width: none;
  }

  .ptitle.v2-1 {
    text-align: left;
    margin-left: 0;
  }

  .pf-title.small {
    font-size: 16px;
  }

  .subtitle.explainers {
    font-size: 26px;
  }

  .grid-2 {
    margin-top: 63px;
  }

  .image-12.dashavatar {
    bottom: 15px;
    left: 100px;
  }

  .wuick-tips-grid {
    grid-template-columns: 1.5fr 2fr;
  }

  .partnerlogobox {
    align-items: center;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
  }

  .partnerlogobox.plb, .partnerlogobox.reviews {
    width: 110px;
  }

  .image-18.moreoptions {
    max-width: 180px;
    top: 8%;
  }

  .image-18.custdashimgleft {
    display: none;
  }

  .anactivity.act1 {
    left: 502.578px;
  }

  .anactivity.act2 {
    left: 502.5px;
  }

  .anactivity.ac3, .anactivity.ac4 {
    left: 502px;
  }

  .anactivity.ac5 {
    left: 502.578px;
  }

  .activtiybox {
    left: -216px;
  }

  .activtiybox.notfbox {
    display: none;
  }

  .recuinvelemen {
    max-width: 180px;
  }

  .image-21.accimg {
    top: 273px;
    left: 0;
    right: auto;
  }

  .tempimabox {
    display: none;
  }

  .dashperiodimg {
    left: 181.078px;
  }

  .dashuserstatimg {
    left: 403.078px;
  }

  .featureheading.left {
    text-align: left;
  }

  .featureheading.left.hub {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .featureheading.left-copy {
    text-align: left;
  }

  .featureodd {
    grid-column-gap: 52px;
    grid-template-columns: 1fr;
  }

  .featureeven {
    grid-row-gap: 62px;
    grid-template-columns: 1fr;
  }

  .featureeven.growgrid {
    display: block;
  }

  .featureeven._3d {
    grid-template-columns: 1.25fr;
  }

  .iqfeatures {
    grid-template-columns: 1.5fr 2fr;
  }

  .subhead-text {
    text-align: left;
    max-width: 80%;
  }

  .subhead-text.gen {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .image-30 {
    max-width: 100%;
    left: auto;
  }

  .image-31 {
    max-width: 100%;
    top: -21px;
    right: auto;
  }

  .image-33 {
    top: 406px;
    left: 61px;
  }

  .image-33.invsfimg1 {
    display: none;
  }

  .image-33.invsfimg1.showmobile {
    margin-top: 34px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: static;
  }

  .estpopup {
    width: 280px;
    margin-top: -29px;
    right: 7px;
  }

  .estpopup.estp2, .estpopup.estp3, .estpopup.estp4 {
    right: -24px;
  }

  .chromebarimg {
    max-width: 645px;
    display: none;
    top: 117px;
  }

  .customemailtextimg {
    width: 35%;
    max-width: 50%;
    padding-top: 15px;
    top: 118.5px;
  }

  .curvebox {
    width: 530px;
  }

  .curvecontainer {
    display: none;
  }

  .accountingmobileimg {
    display: block;
  }

  .addpaymentimg {
    width: 30%;
    bottom: 120px;
    left: 0;
  }

  .expensescardimg {
    width: 30%;
    right: 0;
  }

  .mockupss {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .mockupss.mockleftimg {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .mockupss.mockupcustomer1 {
    width: 80%;
    margin-right: 55px;
  }

  .mockupss.mockreminder1 {
    margin-left: auto;
  }

  .mockupss.mockdashboard1 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .mockupss.mockrecurring1, .mockupss.mockemailt1, .mockupss.transsf1 {
    max-width: 100%;
    margin-left: auto;
  }

  .mockupss.custosf1 {
    max-width: 100%;
  }

  .mockupss.mock3dash {
    margin-left: 159px;
  }

  .invoicegen-intro {
    background-color: #f9f9fa;
    padding-left: 30px;
    padding-right: 30px;
  }

  .section-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-19 {
    font-size: 18px;
  }

  .div-block-22 {
    width: 74%;
  }

  .section-3 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .grid3-gen, .grid9-gen {
    grid-template-columns: 1fr 1fr;
  }

  .grid-8 {
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .link-block {
    padding-left: 24px;
    padding-right: 24px;
  }

  .div-block-32 {
    max-width: 760px;
    margin-top: 90px;
  }

  .heading-12.center.cta.boxed {
    align-self: flex-start;
    font-size: 2.5rem;
  }

  .twofeatimg1 {
    top: 406px;
    left: 53px;
    transform: rotateX(0)rotateY(10deg)rotateZ(0);
  }

  .twofeatimg2 {
    top: 396px;
  }

  .div-block-34 {
    top: 378px;
  }

  .threefeatimg1 {
    top: -15px;
    left: 20px;
  }

  .threefeatimg5 {
    top: -1px;
    left: 333px;
  }

  .threefeatimg4 {
    top: -50px;
    left: 332px;
  }

  .threefeatimg6 {
    top: 188px;
    left: 330px;
  }

  .threefeatimg2 {
    top: -24px;
    left: 94px;
  }

  .div-block-34-3 {
    top: -35px;
    left: 314px;
  }

  .feature1-1.lastcontetsf.sfc3 {
    margin-top: 449px;
    margin-bottom: 496px;
  }

  .feature1-1.lastcontetsf.sfc3.invsfsection3 {
    margin-top: 0;
    padding-bottom: 295px;
  }

  .feaimg1 {
    top: -28px;
  }

  .feaimg2 {
    max-width: 120px;
    top: -30px;
    left: 422px;
  }

  .feaimg4 {
    max-width: 120px;
  }

  .feaimg3 {
    max-width: 120px;
    top: 164px;
    left: 424px;
  }

  .feaimg5 {
    max-width: 120px;
  }

  .inv-s1 {
    padding: 70px 20px 0;
  }

  .inv-s1._2 {
    padding-top: 300px;
  }

  .inv-s1._3 {
    padding-top: 319px;
  }

  .inv-s1.v2._2 {
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .inv-s1.featire-section {
    padding-top: 80px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .text-block-22 {
    font-size: 15px;
  }

  .text-block-23.lp {
    color: #000;
    text-shadow: none;
    font-size: 33px;
  }

  .newpricingiq {
    margin-top: -79px;
    display: block;
  }

  .newpricingiq.lp {
    display: flex;
  }

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

  .qsg_box {
    margin-left: auto;
    margin-right: 0;
    padding-left: 3%;
    padding-right: 3%;
    display: block;
  }

  .heading-16 {
    font-size: 4.48rem;
  }

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

  .welcome {
    padding-top: 50px;
  }

  .paragraph-2 {
    font-size: 2.15rem;
  }

  .paragraph-2.left {
    text-align: left;
  }

  .paragraph-3 {
    margin-top: 20px;
    font-size: 1.5rem;
  }

  .paragraph-4 {
    text-align: left;
    margin-left: 10px;
  }

  .div-block-43 {
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    width: 33%;
    margin-right: 0;
  }

  .div-block-43.benefits.v2 {
    width: 100%;
  }

  .image-44 {
    vertical-align: baseline;
    padding-top: 4px;
  }

  .div-block-44 {
    width: auto;
  }

  .div-block-46 {
    margin-top: 40px;
  }

  .section-5 {
    margin-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .videosec {
    padding-left: 30px;
    padding-right: 30px;
  }

  .div-block-47.hub {
    margin-left: auto;
    margin-right: auto;
  }

  .section-6 {
    padding-left: 30px;
    padding-right: 40px;
  }

  .section-6.tight {
    padding-left: 0;
    padding-right: 30px;
  }

  .section-6.tight.invoicegenerator, .section-6.tight.pricingpage {
    padding-left: 30px;
  }

  ._2rem {
    max-width: 620px;
  }

  .quick-stack-2.v2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 40px;
  }

  .quick-stack-3 {
    grid-column-gap: 2.2em;
    grid-row-gap: 1em;
    padding-left: 30px;
    padding-right: 30px;
  }

  .text-block-26.testa {
    text-align: left;
    padding-top: 12px;
    font-size: 1.2rem;
  }

  .text-block-26.name, .text-block-26.date {
    text-align: left;
    padding-top: 0;
    padding-left: 85px;
  }

  .text-block-27.v2 {
    font-size: 2.3rem;
  }

  .div-block-48.v2 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .text-block-29 {
    min-height: auto;
    font-size: 1.6rem;
  }

  .bold-text-4 {
    font-size: 1.1rem;
  }

  .div-block-51 {
    margin-top: 30px;
  }

  .second {
    padding-left: 30px;
    padding-right: 30px;
  }

  .section-9 {
    padding-left: 0;
  }

  .div-block-56.white {
    min-height: auto;
    margin-top: 0;
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .div-block-56.white.first {
    padding-bottom: 15px;
  }

  .div-block-57 {
    z-index: 0;
    position: absolute;
    top: 24px;
    left: 30px;
  }

  .image-47 {
    display: block;
    position: static;
  }

  .image-47.testa {
    width: 70px;
  }

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

  .image-48 {
    align-self: center;
  }

  .div-block-58 {
    text-align: left;
    margin-left: 0;
  }

  .div-block-58.hub {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .section-10 {
    inset: auto 0% 0%;
  }

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

  .bold-text-16 {
    text-align: left;
    font-size: 3.8rem;
  }

  .subtitle1 {
    text-align: center;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .subtitle1.max-width {
    margin-left: 0;
  }

  .subtitle1.max-width.hp1 {
    text-align: left;
    max-width: 100%;
    margin-bottom: 30px;
    padding-top: 0;
  }

  .subtitle1.max-width.hp1.white {
    color: var(--neutral-400);
    font-size: 22px;
    line-height: 130%;
  }

  .subtitle1.v3 {
    clear: none;
    align-self: auto;
  }

  .subtitle1.v3.hp1 {
    margin-left: 0;
  }

  .subtitle1.explainer {
    text-align: left;
    font-size: 16px;
    line-height: 26px;
  }

  .subtitle1.hp1 {
    text-align: left;
    margin-left: 0;
  }

  .subtitle1.v2.pp {
    text-align: left;
    margin-top: 5px;
    margin-left: 0;
    padding-top: 0;
    font-size: 1.5rem;
  }

  .subtitle1.v2.pp.invtemp {
    margin-left: auto;
    margin-right: auto;
  }

  .subtitle1.v2.pp.invtemp.hub {
    text-align: center;
    max-width: none;
    margin-top: 10px;
    margin-left: 0;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .subtitle1.sectional {
    text-align: left;
    max-width: 100%;
    margin-left: 0;
  }

  .subexplainer {
    text-align: center;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .subexplainer.max-width {
    margin-left: 0;
  }

  .subexplainer.max-width.hp1 {
    text-align: left;
    max-width: 100%;
    margin-bottom: 30px;
    padding-top: 0;
  }

  .subexplainer.max-width.hp1.white {
    color: var(--neutral-400);
    font-size: 22px;
    line-height: 130%;
  }

  .subexplainer.v3 {
    clear: none;
    align-self: auto;
  }

  .subexplainer.v3.hp1 {
    margin-left: 0;
  }

  .subexplainer.explainer {
    text-align: left;
    font-size: 16px;
    line-height: 26px;
  }

  .subexplainer.hp1 {
    text-align: left;
    margin-left: 0;
  }

  .subexplainer.bullet {
    text-align: left;
    padding-left: 20px;
  }

  .subexplainer.descrip {
    text-align: left;
  }

  .subexplainer.left {
    text-align: left;
    margin-left: 0;
  }

  .subexplainer.left.ver2.hub {
    text-align: center;
  }

  .bold-text-18 {
    font-size: 2.25rem;
  }

  .intro {
    padding-left: 30px;
    padding-right: 30px;
  }

  .cell-6 {
    justify-content: center;
    align-items: flex-start;
  }

  .quick-stack-6 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .newg1 {
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .quick-stack-7 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    margin-top: 60px;
  }

  .bold-text-28 {
    line-height: 130%;
  }

  .div-block-63 {
    margin-left: 0;
  }

  .div-block-63.hub {
    text-align: center;
  }

  .div-block-63.v2.hub {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .quick-stack-8 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-left: 0;
    margin-right: 0;
  }

  .image-51 {
    order: 0;
    margin-top: -50px;
    margin-left: -10px;
  }

  .image-52 {
    align-self: flex-start;
    margin-top: -40px;
    margin-left: -60px;
  }

  .quick-stack-10 {
    align-self: flex-start;
    padding-bottom: 0;
  }

  .image-53 {
    height: 250px;
    display: none;
    left: -10px;
  }

  .image-54 {
    min-height: 0;
    max-height: 250px;
    display: none;
    inset: auto -10px 0% auto;
  }

  .image-55 {
    max-height: 250px;
    display: block;
    position: absolute;
    inset: auto -10px 0% auto;
  }

  .cell-7 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-67.cta2 {
    max-width: 580px;
    max-height: none;
    padding-bottom: 30px;
  }

  .priceheader, .planheader {
    margin-top: 0;
  }

  .bold-text-29 {
    text-align: left;
    font-size: 2.25rem;
    display: none;
  }

  .image-58 {
    margin-top: -51px;
    margin-left: -26px;
  }

  .image-59 {
    margin-top: -40px;
    margin-left: -22px;
  }

  .featuretitle {
    max-width: 760px;
    margin-top: 10px;
  }

  .qf_comp {
    text-align: left;
    font-size: .9rem;
    line-height: 160%;
  }

  .cta_07 {
    text-align: left;
    margin-top: 30px;
  }

  .evenmoretools {
    max-width: 760px;
    margin-top: 90px;
  }

  .perk1, .perk2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .div-block-72 {
    text-align: left;
    width: auto;
  }

  .picthis {
    text-align: left;
    display: inline-block;
  }

  .picthis.check {
    margin-right: 9px;
  }

  .bold-text-30 {
    display: inline-block;
  }

  .close_div.first {
    margin-top: 20px;
  }

  .h3 {
    text-align: left;
  }

  .h3.hub {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-73 {
    margin-left: 0;
  }

  .div-block-73.invoicetemplates.v2.hub {
    max-width: none;
  }

  .div-block-73.v2-3.hub {
    margin-left: auto;
    margin-right: auto;
  }

  .comparisons {
    padding: 70px 20px 0;
  }

  .comparisons._2 {
    padding-top: 300px;
  }

  .comparisons._3 {
    padding-top: 319px;
  }

  .comparisons.v2._2, .comparisons.feature-section {
    padding-left: 30px;
    padding-right: 30px;
  }

  .quickcompare {
    padding: 40px 30px 30px;
  }

  .cell-8 {
    justify-content: center;
    align-items: flex-start;
  }

  .cell-9 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .quick_feat_comp {
    flex: 0 auto;
    align-self: auto;
    min-height: 87px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .cta {
    padding-left: 30px;
    padding-right: 30px;
  }

  .section-6-copy {
    padding-left: 30px;
    padding-right: 40px;
  }

  .section-6-copy.tight {
    padding-left: 0;
    padding-right: 30px;
  }

  .testamonialhp {
    padding-left: 30px;
    padding-right: 40px;
  }

  .testamonialhp.tight {
    padding-left: 0;
    padding-right: 30px;
  }

  .home_features {
    padding: 70px 20px 0;
  }

  .home_features._2 {
    padding-top: 300px;
  }

  .home_features._3 {
    padding-top: 319px;
  }

  .home_features.v2._2, .home_features.feature-section, .quickcomparesection {
    padding-left: 30px;
    padding-right: 30px;
  }

  .hp_cta_last {
    text-align: left;
    width: auto;
  }

  .footer_cta {
    text-align: left;
  }

  .blogpauser {
    padding: 70px 30px 0;
  }

  .blogpauser._2 {
    padding-top: 300px;
  }

  .blogpauser._3 {
    padding-top: 319px;
  }

  .blogpauser.v2._2, .blogpauser.featire-section {
    padding-left: 30px;
    padding-right: 30px;
  }

  .aboutus_1 {
    text-align: left;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .aboutus_1.max-width {
    margin-left: 0;
  }

  .aboutus_1.max-width.hp1 {
    text-align: left;
    max-width: 100%;
    margin-bottom: 30px;
    padding-top: 0;
  }

  .aboutus_1.max-width.hp1.white {
    color: var(--neutral-400);
    font-size: 22px;
    line-height: 130%;
  }

  .aboutus_1.v3 {
    clear: none;
    align-self: auto;
  }

  .aboutus_1.v3.hp1 {
    margin-left: 0;
  }

  .aboutus_1.explainer {
    text-align: left;
    font-size: 16px;
    line-height: 26px;
  }

  .aboutus_1.hp1 {
    text-align: left;
    margin-left: 0;
  }

  .aboutus_1.bullet {
    text-align: left;
    padding-left: 20px;
  }

  .aboutus_1.descrip {
    text-align: left;
  }

  .aboutus_1.left {
    text-align: left;
    margin-left: 0;
  }

  .personalized_title {
    text-align: left;
    font-size: 2.25rem;
  }

  .h1_about, .h1_abousus.left, .h1_abousus.left-copy {
    text-align: left;
  }

  .main_page_hero.fp.pp {
    padding-bottom: 40px;
  }

  .main_page_hero.fp.pp.v2 {
    padding-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .main_page_hero.featureshub {
    padding-bottom: 120px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .heroheading {
    text-align: left;
  }

  .text-block-49 {
    text-align: left;
    margin-left: 0;
  }

  .pricing_cell {
    justify-content: center;
    align-items: flex-start;
  }

  .pricing_cell_inner {
    width: 100%;
    margin-right: 0;
  }

  .text-block-54 {
    text-align: left;
  }

  .text-block-55.subcta {
    padding-right: 0;
  }

  .div-block-79 {
    text-align: left;
    max-width: 100%;
    margin-left: 0;
  }

  .section-11 {
    padding-left: 30px;
    padding-right: 60px;
  }

  .pricingpage_prehead {
    text-align: left;
  }

  .text-block-60 {
    line-height: 22px;
  }

  .feat_bullet {
    text-align: center;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .feat_bullet.max-width {
    margin-left: 0;
  }

  .feat_bullet.max-width.hp1 {
    text-align: left;
    max-width: 100%;
    margin-bottom: 30px;
    padding-top: 0;
  }

  .feat_bullet.max-width.hp1.white {
    color: var(--neutral-400);
    font-size: 22px;
    line-height: 130%;
  }

  .feat_bullet.v3 {
    clear: none;
    align-self: auto;
  }

  .feat_bullet.v3.hp1 {
    margin-left: 0;
  }

  .feat_bullet.explainer {
    text-align: left;
    font-size: 16px;
    line-height: 26px;
  }

  .feat_bullet.hp1 {
    text-align: left;
    margin-left: 0;
  }

  .feat_bullet.bullet {
    text-align: left;
    padding-left: 20px;
  }

  .feat_bullet.descrip {
    text-align: left;
  }

  .feat_bullet.left {
    text-align: left;
    margin-left: 0;
  }

  .featperkstack {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .featstackconatiner {
    max-width: none;
    padding-right: 0;
  }

  .featstackconatiner.company.first {
    margin-top: 10px;
  }

  .featstackcell.invconb1.pp {
    padding-right: 50px;
  }

  .featstackcellnonheader {
    justify-content: center;
    align-items: flex-start;
  }

  .featurepageheader {
    padding-left: 40px;
    padding-right: 40px;
  }

  .feature_stacks {
    padding: 40px 30px 30px;
  }

  .image-81 {
    transform-origin: 0;
    border-radius: 0;
    left: 0;
    transform: scale(.7);
  }

  .image-82 {
    transform-origin: 0;
    border: 5px solid #fff;
    width: auto;
    max-width: none;
    height: auto;
    top: 24px;
    left: 160px;
    transform: scale(.7);
  }

  .image-83 {
    transform-origin: 0;
    left: 273px;
  }

  .image-84 {
    left: 256px;
  }

  .image-84.hide {
    display: none;
  }

  .image-87 {
    transform-origin: 0;
    border-radius: 10px;
    top: 70px;
    left: 383px;
  }

  .image-87.hide {
    display: block;
    transform: scale(1);
  }

  .featsubhero {
    padding-left: 40px;
    padding-right: 40px;
  }

  .horizontal-scroll-wrapper {
    height: 400vh;
    position: relative;
  }

  .section-12 {
    background-image: linear-gradient(#4abdac 14%, #2a05b3);
    width: 100%;
  }

  .section-12._1 {
    background-image: linear-gradient(#242424, #4abdac 87%);
  }

  .horizontal-scroll-content {
    flex-direction: column;
    width: 100%;
    height: auto;
  }

  ._20vw-div {
    width: 18vw;
  }

  .image-90 {
    max-width: none;
  }

  .image-91 {
    max-width: none;
    left: 70px;
  }

  .image-92 {
    transform: scale(.7);
  }

  .image-93 {
    border-top-width: 5px;
    transform: scale(.8);
  }

  .div-block-92, .div-block-92.customerdashboard {
    height: 435px;
  }

  .div-block-92.estimates {
    height: 420px;
    margin-top: 40px;
  }

  .image-94 {
    transform: scale3d(1none, 1none, 1none);
    border-radius: 10px;
    overflow: clip;
  }

  .featfeatstat {
    padding-left: 40px;
    padding-right: 40px;
  }

  .featctascript {
    text-align: left;
  }

  .cell-16 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .featpagegrid.company {
    margin-top: 20px;
  }

  .quick_feat_comp-copy {
    flex: 0 auto;
    align-self: auto;
    min-height: 87px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .featbrakdownlist {
    text-align: left;
    font-size: .9rem;
    line-height: 160%;
  }

  .div-block-97 {
    text-align: left;
    margin-left: 0;
  }

  .cta08 {
    text-align: left;
    margin-top: 30px;
  }

  .container-8.invoicetemopares.faq {
    max-width: 640px;
  }

  .heading-23 {
    text-align: left;
  }

  .section-13 {
    padding-left: 40px;
    padding-right: 40px;
  }

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

  .customerdashhero {
    transform: scale3d(1none, 1none, 1none);
    border-radius: 10px;
    overflow: clip;
  }

  .image-97 {
    left: 0;
    transform: scale(.76);
  }

  .image-98 {
    bottom: -20px;
  }

  .image-99 {
    transform-origin: 100% 0;
    top: 130px;
    left: auto;
    right: 0;
    transform: scale(.75);
  }

  .image-100 {
    bottom: -20px;
    transform: scale(1);
  }

  .image-101 {
    transform-origin: 100% 100%;
    left: -170px;
    right: 0;
    transform: scale(.9);
  }

  .image-102 {
    transform-origin: 0 100%;
    left: 0;
    right: auto;
    transform: scale(.8);
  }

  .image-103 {
    left: 0;
  }

  .image-104 {
    right: 0;
  }

  .image-105, .image-106, .image-107 {
    transform: scale(.7);
  }

  .image-108 {
    left: 170px;
    transform: scale(.7);
  }

  .image-109 {
    transform-origin: 0;
    border-radius: 0;
    left: 0;
    transform: scale(.7);
  }

  .image-110 {
    transform: scale(1);
  }

  .image-111 {
    transform-origin: 0 100%;
    border-radius: 0;
    height: 350px;
    top: auto;
    bottom: 0;
    left: 0;
    transform: scale(1);
  }

  .image-112 {
    transform: scale3d(1none, 1none, 1none);
    border-radius: 10px 10px 0 0;
    overflow: clip;
  }

  .image-113 {
    transform-origin: 0;
    border-radius: 0;
    height: 356px;
    left: 0;
    transform: scale(.7);
  }

  .image-114 {
    transform: scale(.7);
  }

  .image-115 {
    transform-origin: 0;
    border-radius: 0;
    left: 0;
    transform: none;
  }

  .image-117 {
    width: 140px;
    bottom: 44px;
  }

  .image-118 {
    height: 190px;
    bottom: 44px;
    left: 180px;
  }

  .howtouse {
    padding-left: 20px;
    padding-right: 20px;
  }

  .block-quote {
    color: #3521b5;
    border-style: none;
    border-radius: 8px;
  }

  .pagination {
    justify-content: flex-start;
    margin-bottom: 40px;
  }

  .contactus {
    padding-left: 40px;
    padding-right: 40px;
  }

  .invoice-templates._1 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .quick-stack-18, .quick-stack-18-copy {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .invoicetemplatedifferences {
    padding: 40px 30px 30px;
  }

  .div-block-114 {
    margin-bottom: 0;
  }

  .collection-list-2 {
    grid-column-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .invoicetemplategeneral-item.jobs {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-77 {
    font-size: 1rem;
  }

  .invoiceteampleindustries.company {
    margin-top: 20px;
  }

  .grid-13 {
    grid-template-columns: 2.75fr 1fr 1fr 1fr .75fr 1fr 1.5fr 1fr;
  }

  .grid-13.hub {
    grid-column-gap: 20px;
  }

  .text-block-83._1-3 {
    margin-top: 8px;
  }

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

  .invtemplatehead.job {
    text-align: left;
    max-width: none;
    padding-right: 40px;
  }

  .quick-stack-22 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-121 {
    max-width: none;
    margin-left: 0;
  }

  .div-block-121.hub {
    max-width: 530px;
    margin: 20px auto 0;
  }

  .picthis-copy {
    text-align: left;
    display: inline-block;
  }

  .picthis-copy.check {
    margin-right: 9px;
  }

  .picthis-copy.hub {
    line-height: 210%;
  }

  .quick-stack-24 {
    max-width: 640px;
    padding-left: 0;
  }

  .cell-22 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .div-block-124 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .format-list.white {
    padding-left: 5px;
  }

  .heading-30 {
    font-size: 1.3rem;
  }

  .collection-list-6 {
    grid-template-columns: 1fr 1fr;
  }

  .collection-list-wrapper-8 {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .industry-faq {
    padding-left: 40px;
    padding-right: 40px;
  }

  .invoice-industry-hero, .section-16.industry {
    padding-left: 30px;
    padding-right: 30px;
  }

  .collection-list-9 {
    grid-column-gap: 30px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr;
    padding-top: 0;
  }

  .heading-32.howtowhatto-h2 {
    text-align: center;
  }

  .heading-32.whattoh2 {
    text-align: center;
    padding-right: 0;
  }

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

  .invtemplatefaq {
    padding-left: 30px;
    padding-right: 30px;
  }

  .faq-richtext.faq-a.jobs, .faq-richtext.faq-a.job {
    padding-right: 20px;
  }

  .faq_invoice_template.jobs {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
  }

  .faq-q.jobs, .div-block-144.bestfor {
    padding-right: 10px;
  }

  .heading-30-copy {
    font-size: 1.3rem;
  }

  .jobpage_templates {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .job_temp_subtext {
    font-size: 1rem;
  }

  .job_template_header {
    font-size: 1.3rem;
  }

  .jobs_header._1pxunder {
    padding-bottom: 80px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .invoice_template_download_section.jobspage, .whattoinclude, .scenarios {
    padding: 80px 30px;
  }

  .invtemphub_cta, .faq_section {
    padding-left: 30px;
    padding-right: 30px;
  }

  .quick-nav {
    padding-left: 20px;
    padding-right: 20px;
    display: none;
  }

  .quicknav {
    margin-bottom: 10px;
  }

  .lineitems {
    padding: 80px 30px;
  }

  .quick-stack-34.row1.mistake_row_1, .quick-stack-34.mistakes_answers {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .div-block-155 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .div-block-155.mistakes_2 {
    padding: 30px 25px;
  }

  .lineitems-cta {
    text-align: left;
    margin-top: 50px;
    margin-bottom: 30px;
  }

  .lineitemsheader, .lineitemsctasection {
    text-align: center;
  }

  .div-block-158 {
    grid-column-gap: 30px;
    grid-row-gap: 0px;
    object-fit: fill;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    margin-top: 20px;
    display: grid;
    overflow: visible;
  }

  .jobslogo {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .link-block-17.hub {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .mistakes {
    padding: 80px 30px;
  }

  .hottoinvoice.left {
    margin-bottom: 0;
    padding-right: 30px;
  }

  .text-block-106.howto {
    text-align: center;
  }

  .howtoinvoice {
    padding: 80px 30px;
  }

  .quick-stack-35 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .div-block-161 {
    width: 100%;
    padding-left: 30px;
  }

  .scenario-title {
    padding-right: 0;
  }

  .scenario-trigger {
    padding-left: 0;
  }

  .div-block-165 {
    padding-right: 0;
  }

  .div-block-166 {
    padding: 20px 25px;
  }

  .scenariogrid {
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-108.v2 {
    text-align: center;
  }

  .div-block-170 {
    margin-left: auto;
    margin-right: auto;
  }

  .breadcrumb {
    display: block;
  }

  .crumbs {
    display: inline-block;
  }

  .bc {
    font-size: 14px;
  }

  .bc.fs {
    margin-right: 15px;
  }

  .scenario-action.inlineblk {
    padding-right: 0;
  }

  .populartemplates {
    grid-column-gap: 0px;
    grid-template-columns: 1fr 1fr;
  }

  .cell-34 {
    justify-content: center;
    align-items: flex-start;
  }

  .quick-nav-mobile {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .slide-nav-4, .icon-5 {
    display: none;
  }

  .right-arrow-4 {
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .left-arrow-4 {
    display: none;
  }

  .slider-6 {
    overflow: visible;
  }

  .how-to-cta {
    display: none;
  }

  .how-to-cta.mobile {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .list-item-7, .list-item-8, .list-item-9, .list-item-10, .list-item-11, .list-item-12, .list-item-13 {
    display: inline-block;
  }

  .div-block-1717 {
    padding-top: 0;
  }

  .featurestackheader.first {
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
  }

  .featurestacklineitem {
    padding-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .content-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .content-section.quicktips.showme.pp {
    padding-top: 70px;
  }

  .title {
    display: block;
  }

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

  .colour {
    margin-bottom: 25px;
  }

  .body-large.explainer {
    padding-top: 0;
  }

  .body-large.cta.boxed {
    max-width: 250px;
    padding-top: 0;
  }

  .banner.iqbanner {
    display: block;
  }

  .logo {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .logo.logoiq {
    height: 44px;
  }

  .logo.lp {
    min-width: 80px;
  }

  .button.margin-bottom-16.hp1.cta.pp.introsec.hub {
    width: 100%;
    margin-top: 20px;
  }

  .nav-menu {
    text-align: right;
    display: none;
    right: 0;
  }

  .navigation-default {
    min-height: 80px;
    margin-bottom: 0;
    box-shadow: 0 -1px 20px #6e6e731a;
  }

  .navigation-right {
    width: 100%;
  }

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

  .header-grid {
    grid-row-gap: 72px;
    grid-template-columns: 1fr;
  }

  .hero-heading.custom, .hero-heading.custom-copy {
    padding-right: 0;
  }

  .hero-image {
    width: 80%;
    max-width: none;
    margin-top: 51px;
    margin-left: 100px;
  }

  .navigation {
    z-index: 1000;
    background-color: #fff;
    width: 100%;
    display: block;
    position: fixed;
    bottom: 0;
  }

  .header-section-dark {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .button-secondary.btn-feature {
    display: none;
  }

  .title-wrap-left {
    display: block;
  }

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

  .logo-centre {
    grid-row-gap: 28px;
    grid-template-columns: 1fr 1fr;
  }

  .logo-centre.lp {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 100%;
  }

  .logo-centre.lp.v2 {
    grid-column-gap: 40px;
    grid-row-gap: 28px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    width: auto;
    max-width: none;
    display: grid;
  }

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

  .navigation-left {
    width: 100%;
  }

  .button-link-small {
    margin-left: 0;
  }

  .feature-grid-small {
    grid-template-columns: 1fr;
  }

  .feature-card {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .feature-grid-large, .feature-card-grid {
    grid-template-columns: 1fr;
  }

  .feature-block-dark {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .mainhero.fp.pp.v2 {
    padding-top: 80px;
  }

  .mainhero.fp.pp.v2.invoicetemplates {
    padding-top: 90px;
    padding-bottom: 60px;
  }

  .content-card {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .content-section-dark {
    padding-bottom: 60px;
  }

  .content-card-dark {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .header-content {
    padding-left: 0;
  }

  .header-grid-phone {
    grid-row-gap: 72px;
    grid-template-columns: 1fr;
  }

  .footer-grid.footer-grid-iq {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .footer-grid.footer-grid-iq.subfooteriq {
    grid-column-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
    padding-top: 10px;
  }

  .footer-grid.footer-grid-iq.subf {
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 360px;
    margin-left: 0;
    padding-top: 20px;
  }

  .footer-grid.footer-grid-iq.subf.left {
    margin-bottom: 10px;
    padding-top: 0;
  }

  .footer-column.hide {
    margin-top: 0;
    display: block;
  }

  .footer-legal-bar {
    flex-direction: column;
  }

  .footer-socials {
    margin-bottom: 32px;
  }

  .testimonial-card {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-content {
    margin-bottom: 40px;
  }

  .avatar-tab {
    width: 80px;
    height: 80px;
    margin-bottom: 0;
  }

  .testimonial-avatar-link {
    width: 90px;
    height: 90px;
  }

  .testimonial-pane {
    padding-top: 0;
    padding-bottom: 0;
  }

  .gallery-image-block {
    height: 160px;
  }

  .company-card, .company-card-dark {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .navigation-wrapper {
    width: 100%;
    padding-left: 0;
  }

  .navigation-button-wrapper {
    width: 100%;
  }

  .brand-large.w--current {
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
  }

  .bullet-wrapper-left {
    flex-wrap: wrap;
  }

  .bullet-point-large {
    margin-bottom: 12px;
  }

  .cta-block-light.blockctamargin.v2, .cta-block-light.blockctamargin.v3 {
    max-width: 650px;
    padding-bottom: 30px;
  }

  .cta-wrapper.cta {
    min-height: 240px;
  }

  .cta-block-yellow {
    background-position: 0%;
    background-size: auto;
  }

  .bullet-wrapper-centre {
    flex-direction: column;
  }

  .title-grid {
    grid-template-columns: 2fr;
  }

  .value-card, .value-card-dark {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .blog-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .grid-list-small {
    grid-template-columns: 1fr;
  }

  .feature-block-white {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .home-feature-grid {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
    grid-template-columns: 1.4fr;
  }

  .faq-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .faq-column.padding-top-32 {
    margin-top: 0;
  }

  .faq-block {
    margin-bottom: 42px;
  }

  .title-wrap-split {
    flex-wrap: wrap;
  }

  .header-grid-home {
    grid-row-gap: 72px;
    grid-template-columns: 1fr;
  }

  .overview-title {
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }

  .page-grid-small {
    grid-template-columns: 1fr 1fr;
  }

  .page-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .job-grid-header {
    grid-template-columns: 1fr;
  }

  .blog-category-bar, .category-wrapper {
    display: none;
  }

  .footer-logo.iqfooterlogo.main {
    height: 40px;
  }

  .header-section-inner, .header-section-dark-inner {
    padding-top: 40px;
  }

  .header-grid-inner {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .title-grid-standard {
    grid-template-columns: 2fr;
  }

  .team-section-dark {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .team-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .article h4, .article h3, .article h1, .article h2 {
    padding-right: 30px;
  }

  .article blockquote {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .article h5 {
    padding-right: 30px;
  }

  .article em {
    color: #1d2e3b;
  }

  .form-account {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .header-section-blog, .header-section-dark-blog {
    padding-top: 40px;
  }

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

  .video-wrapper {
    height: auto;
  }

  .culture-grid-large, .blog-grid-small {
    grid-template-columns: 1fr;
  }

  .content-image-modern {
    width: 90%;
  }

  .content-image-modern.reminderimg {
    max-width: 100%;
  }

  .content-block.invconb1.pp {
    padding-right: 60px;
  }

  .analytics-wrapper.accoutingholder {
    height: 100%;
  }

  .analytics-wrapper.templatewrapper {
    height: 100%;
    margin-top: 0;
    padding-bottom: 20px;
  }

  .analytics-wrapper.dashwrapper, .analytics-wrapper.paymentswrapper {
    height: 100%;
  }

  .analytics-wrapper.customerbox {
    height: 100%;
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .analytics-wrapper.customemailwrapper {
    height: 100%;
  }

  .analytics-wrapper.wrapperinv {
    height: 100%;
    padding-bottom: 30px;
  }

  .content-section-large-dark {
    overflow: hidden;
  }

  .title-wrap-small-centre.featuretitlebig.feature {
    padding-left: 30px;
    padding-right: 20px;
  }

  .title-wrap-small-centre.featuretitlebig.hub {
    text-align: left;
  }

  .blog-section-related {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .licence-graphic {
    height: 240px;
  }

  .testimoinal-card-dark {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .dark-pattern {
    display: none;
  }

  .explore {
    text-align: right;
    margin-right: auto;
  }

  .explore.w--current {
    margin-right: 0;
  }

  .explore.mobilesignup {
    text-align: center;
    display: block;
  }

  .company-section-globe {
    overflow: hidden;
  }

  .pricing-card-feature.pro-pricing-card.one-pricing-card.mcard.lp {
    width: 80%;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
  }

  .pricing-card-feature.pro-pricing-card.one-pricing-card.ycard.lp {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .pricing-cell-lead, .pricing-banner {
    padding-left: 20px;
  }

  .pricing-feature.v2 {
    text-align: left;
  }

  .pricing-grid-wrap.v2 {
    max-width: 90%;
  }

  .header-saas {
    padding-top: 40px;
  }

  .value-section-saas.v2, .value-section-saas.v3 {
    padding-bottom: 100px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-form {
    padding-left: 30px;
    padding-right: 30px;
  }

  .quote-mark-right {
    display: none;
  }

  .company-value-card {
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .button-navigation {
    border-radius: 6px;
  }

  .button-navigation.hide {
    display: none;
  }

  .button-navigation.v2 {
    margin-top: 6px;
  }

  .globe-full {
    min-width: auto;
    margin-left: auto;
    margin-right: auto;
  }

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

  .content-pattern {
    display: none;
    bottom: -5%;
  }

  .header-home {
    padding-top: 40px;
  }

  .company-value-card-dark {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .pricing-grid-saas, .content-grid-dark {
    grid-template-columns: 1fr;
  }

  .analytics-dashboard.dashboardstatsimg.hidedesktop {
    display: block;
  }

  .analytics-dashboard.estimatesimg {
    width: 100%;
  }

  .title-grid-saas {
    grid-template-columns: 2fr;
  }

  .bullet-wrapper-cta {
    flex-direction: column;
  }

  .header-section-inner-dark {
    padding-top: 40px;
  }

  .company-perk-grid {
    grid-template-columns: 1fr;
  }

  .header-section-dark-contact {
    padding-top: 40px;
  }

  .home-header-grid {
    grid-row-gap: 72px;
    grid-template-columns: 1fr;
  }

  .title-button-wrap-left {
    justify-content: flex-start;
  }

  .navigation-block-left, .navigation-block-right {
    width: 100%;
  }

  .image {
    max-width: 100%;
  }

  .footer-text-underlogo {
    max-width: 490px;
  }

  .dashboardimg {
    max-width: 100%;
  }

  .numbertest.ntmobile.nttestimonial.ntt1, .numbertest.ntmobile.nttestimonial.ntt3, .numbertest.ntmobile.nttestimonial.ntt2 {
    width: 50%;
  }

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

  .paymentblock {
    text-align: center;
  }

  .content-sf-rightimg.lastcontetsf.sfc3 {
    margin-bottom: 286px;
  }

  .iconfloating {
    top: 237.797px;
    left: 5px;
  }

  .iconfloating.icchart1 {
    top: 225.797px;
  }

  .iconfloating.if3 {
    top: 223.797px;
    left: 182px;
  }

  .image-10 {
    padding-right: 0;
  }

  .body-large-2.featstext {
    max-width: 100%;
  }

  .ptitle.v2.hub {
    text-align: left;
  }

  .grid-2 {
    height: 450px;
    margin-top: -1%;
    right: 0;
  }

  .notification-1 {
    margin-left: 0;
  }

  .notification-1.hidemobile {
    display: none;
  }

  .notification-2 {
    margin-left: 0;
  }

  .image-12 {
    height: 10%;
    top: 72px;
    right: 146px;
  }

  .image-13 {
    height: 10%;
    top: 71px;
    left: 82px;
  }

  .image-14.estact {
    left: 412px;
    right: auto;
  }

  .image-14.popupinvoop {
    width: 20%;
    max-width: 30%;
    top: 60px;
    right: 32px;
  }

  .wuick-tips-grid {
    grid-template-columns: 2fr;
  }

  .partnerlogobox {
    width: 200px;
  }

  .partnerlogobox.plb, .partnerlogobox.reviews {
    width: auto;
    max-width: none;
  }

  .image-17 {
    max-width: 35%;
  }

  .image-18.moreoptions {
    max-width: 25%;
  }

  .image-18.custdashimgleft, .image-18.reportimgright {
    display: none;
  }

  .anactivity.act1 {
    max-width: 50%;
    left: 432.578px;
  }

  .anactivity.act2 {
    max-width: 75%;
    top: 151px;
    left: 432.5px;
  }

  .anactivity.ac3 {
    max-width: 70%;
    top: 218px;
    left: 433px;
  }

  .anactivity.ac4 {
    max-width: 70%;
    top: 290px;
    left: 433px;
  }

  .anactivity.ac5 {
    max-width: 50%;
    top: 359px;
    left: 432.578px;
  }

  .activtiybox {
    width: 60%;
  }

  .recuinvelemen {
    max-width: 20%;
  }

  .recuinvelemen.rsf {
    margin-top: 39px;
  }

  .image-21.accimg {
    display: none;
    top: 270.5px;
  }

  .dashboardmainbg, .dashboardholder {
    display: block;
  }

  .dashperiodimg {
    margin-left: -21px;
    top: 165.531px;
    left: auto;
  }

  .div-block-12.fadeblock {
    display: none;
  }

  .featureheading.left.hub {
    text-align: left;
  }

  .featureheading.left.freegen {
    font-size: 3.1rem;
    line-height: 130%;
  }

  .iqfeatures {
    grid-template-columns: 2fr;
  }

  .subhead-text.ver2 {
    max-width: 100%;
  }

  .image-33 {
    max-width: 60%;
    top: 433px;
    left: 84px;
  }

  .estpopup {
    width: 240px;
    margin-top: -36px;
    display: none;
  }

  .estpopup.estp2 {
    margin-top: -35px;
    top: 88px;
  }

  .estpopup.estp3 {
    margin-top: -63px;
    top: 182px;
  }

  .estpopup.estp4 {
    margin-top: -113px;
  }

  .estpopup.estp5 {
    margin-top: -136px;
  }

  .chromebarimg {
    max-width: 456px;
    display: none;
    top: 165px;
  }

  .customemailtextimg {
    max-width: 40%;
    top: 83px;
  }

  .addpaymentimg {
    max-width: 40%;
    bottom: 54px;
  }

  .addpaymentimg.acesspinimg {
    display: none;
  }

  .expensescardimg {
    width: 25%;
    max-width: 40%;
    bottom: 41px;
  }

  .mockupss {
    max-width: 100%;
    margin-left: auto;
  }

  .mockupss.mockleftimg {
    padding-left: 0;
  }

  .mockupss.mocktemplates1 {
    max-width: 100%;
    margin-left: auto;
    padding-left: 0;
  }

  .mockupss.taxessf1 {
    max-width: 100%;
  }

  .mockupss.custviewsf1 {
    max-width: 100%;
    margin-left: auto;
  }

  .mockupss.mock3dash {
    max-width: 100%;
    margin-left: 0;
  }

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

  .invoicegen-intro {
    padding-left: 30px;
    padding-right: 30px;
  }

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

  .text-block-18 {
    font-size: 40px;
  }

  .div-block-22 {
    width: 90%;
  }

  .section-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-8.invoicegeneratore {
    text-align: left;
  }

  .div-block-25 {
    width: 100%;
    max-width: none;
  }

  .grid3-gen {
    grid-template-columns: 1fr;
    justify-content: start;
  }

  .grid2-gen, .grid9-gen {
    grid-template-columns: 1fr;
  }

  .text-block-21.invoicerem {
    text-align: left;
    font-size: 1.3rem;
  }

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

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

  .heading-12.center.cta.boxed {
    text-align: left;
    font-size: 31px;
  }

  .twofeatimg1 {
    left: auto;
    right: auto;
  }

  .twofeatimg2 {
    left: auto;
    right: 7%;
  }

  .div-block-34 {
    left: 186px;
  }

  .threefeatimg1 {
    display: none;
  }

  .threefeatimg5 {
    left: 169px;
  }

  .threefeatimg4 {
    left: 166px;
  }

  .threefeatimg6 {
    left: 170px;
  }

  .threefeatimg2 {
    left: 17px;
  }

  .div-block-34-3 {
    top: -54px;
    left: 153px;
  }

  .feature1-1.lastcontetsf.sfc3 {
    margin-bottom: 286px;
  }

  .feaimg1 {
    left: auto;
  }

  .feaimg2 {
    left: 357px;
  }

  .feaimg4 {
    display: none;
  }

  .feaimg3 {
    left: 358px;
  }

  .feaimg5 {
    top: 345px;
    left: 359px;
  }

  .inv-s1.featire-section.invtemplate {
    padding-top: 50px;
    padding-bottom: 90px;
  }

  .newpricingiq.lp {
    display: block;
  }

  .paragraph {
    color: #b9c7d3;
    text-align: left;
    margin-bottom: 60px;
  }

  .paragraph.featstackconatiner {
    font-size: 15px;
  }

  .paragraph-2 {
    margin-bottom: 10px;
  }

  .quick-stack-2.v2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-bottom: 0;
  }

  .text-block-25 {
    margin-top: 10px;
    font-size: .8rem;
    line-height: 140%;
  }

  .bold-text-2 {
    font-size: .9rem;
  }

  .text-block-26 {
    text-align: left;
  }

  .text-block-26.faq.center {
    text-align: center;
  }

  .div-block-48.v2 {
    padding-top: 20px;
  }

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

  .div-block-50 {
    min-height: 400px;
  }

  .div-block-54 {
    margin-top: 90px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .div-block-56 {
    min-height: 240px;
    margin-bottom: 65px;
  }

  .div-block-56.white, .div-block-56.white.first {
    margin-bottom: 0;
  }

  .div-block-57 {
    top: 22px;
  }

  .div-block-60.fp {
    padding-left: 10px;
    padding-right: 10px;
  }

  .bold-text-16 {
    font-size: 3.8rem;
  }

  .bold-text-16.invoicegen {
    font-size: 2.7rem;
    line-height: 140%;
  }

  .subtitle1.explainer {
    padding-top: 0;
  }

  .subtitle1.v2.pp {
    font-size: 1.8rem;
  }

  .subtitle1.v2.pp.invoicegenerator {
    font-size: 1.7rem;
  }

  .subtitle1.v2.pp.invtemp {
    padding-right: 10px;
    font-size: 1.6rem;
  }

  .subtitle1.v2.pp.invtemp.hub {
    text-align: left;
    padding-left: 0;
    padding-right: 10px;
    font-size: 1.3rem;
  }

  .subtitle1.sectional {
    max-width: 480px;
    line-height: 140%;
  }

  .subexplainer.explainer {
    padding-top: 0;
  }

  .subexplainer.left.ver2.hub {
    text-align: left;
    font-size: 1.1rem;
  }

  .h2.invoicegen {
    text-align: left;
  }

  .h2.invoicegen._20l {
    padding-left: 20px;
  }

  .h2.hub {
    text-align: left;
  }

  .quick-stack-6 {
    padding-bottom: 20px;
  }

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

  .bold-text-28 {
    font-size: 2.4rem;
    line-height: 140%;
  }

  .image-55 {
    max-height: 190px;
    right: -5px;
  }

  .featurestack {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .perk1, .perk2 {
    padding-bottom: 20px;
  }

  .picthis {
    display: inline-flex;
  }

  .picthis.check {
    display: inline-block;
  }

  .close_div {
    display: flex;
  }

  .h3.hub {
    text-align: left;
    padding-right: 50px;
    font-size: 1.3rem;
  }

  .h3.hub._1-2 {
    text-align: left;
  }

  .quickfeat_head {
    order: 0;
    margin-top: 0;
  }

  .quickfeat_head.sechead {
    margin-top: 30px;
  }

  .quick_feat_comp {
    order: 0;
    min-height: auto;
  }

  .text-block-44, .text-block-44.invoicetemplate.subsection, .text-block-44.invoicetemplate.subsection.grey.tight {
    text-align: left;
  }

  .text-block-44.invoicetemplate.subsection.grey.tight.hub {
    text-align: center;
  }

  .quickcomparesection.hub {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .text-block-45 {
    line-height: 170%;
  }

  .blogpauser {
    padding-left: 20px;
    padding-right: 20px;
  }

  .aboutus_1.explainer {
    padding-top: 0;
  }

  .h1_about {
    font-size: 3.8rem;
  }

  .main_page_hero.featureshub.pricingpage {
    padding-bottom: 100px;
  }

  .quick-stack-13 {
    margin-top: 40px;
  }

  .text-block-55.subcta {
    padding-top: 10px;
  }

  .div-block-78 {
    text-align: left;
    margin-bottom: 9px;
    display: block;
  }

  .feat_bullet.explainer {
    padding-top: 0;
  }

  .featperkstack {
    padding-bottom: 20px;
  }

  .featstackcell.invconb1.pp {
    padding-right: 60px;
  }

  .featurepageheader {
    padding-left: 0;
    padding-right: 0;
  }

  .quick-stack-16.company {
    grid-row-gap: 40px;
    margin-bottom: 30px;
  }

  .featstackheadersub {
    margin-top: 0;
    margin-bottom: 70px;
  }

  .slide-nav-3 {
    z-index: 100;
  }

  .div-block-89._100h {
    overflow: hidden;
  }

  .image-81 {
    transform-origin: 0 0;
    transform: scale(.8);
  }

  .image-82 {
    top: 5px;
    left: 171px;
    transform: scale(.8);
  }

  .image-83 {
    border-radius: 15px;
    left: 286px;
  }

  .image-84 {
    left: 148px;
  }

  .image-87 {
    border-radius: 15px;
    left: 199px;
  }

  .image-87.hide {
    border-radius: 0;
  }

  .slide-7 {
    overflow: hidden;
  }

  .image-90 {
    left: 0;
  }

  .image-91 {
    transform-origin: 100%;
    left: auto;
  }

  .fxdh {
    overflow: hidden;
  }

  .div-block-92 {
    height: 369px;
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
  }

  .div-block-92.customerdashboard {
    height: 367px;
  }

  .div-block-92.estimates {
    height: 335px;
  }

  .image-94 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .div-block-94.bfgrid {
    text-align: left;
    padding-left: 20px;
  }

  .cell-17 {
    display: none;
  }

  .featpagegrid {
    grid-template-columns: 1fr;
    grid-auto-flow: row dense;
  }

  .featpagegrid.company {
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .quick_feat_comp-copy {
    order: 0;
    min-height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 23px;
  }

  .div-block-96 {
    margin-top: 0;
  }

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

  .featbrakdownlist {
    font-size: 1rem;
    line-height: 190%;
  }

  .section-13.invoicetemplates {
    padding-top: 40px;
    padding-bottom: 100px;
  }

  .section-13.invoicetemplates.v2 {
    padding-top: 100px;
  }

  .div-block-98 {
    margin-bottom: 60px;
  }

  .grid-10 {
    grid-row-gap: .3rem;
  }

  .customerdashhero {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .image-99 {
    top: 40px;
  }

  .image-100 {
    transform: scale(.7);
  }

  .image-101 {
    bottom: 0;
    left: auto;
    right: 30px;
    transform: scale(.8);
  }

  .image-102 {
    transform-origin: 100% 100%;
    left: auto;
    right: 0;
  }

  .image-105 {
    width: auto;
    height: 612px;
  }

  .image-106 {
    width: auto;
    height: 710px;
    left: 10px;
  }

  .image-107 {
    transform: scale(.8);
  }

  .image-108 {
    left: 210px;
    transform: scale(.8);
  }

  .image-109 {
    transform-origin: 0;
    height: 100%;
    transform: scale(.8);
  }

  .image-111 {
    transform-origin: 0 0;
    height: 100%;
    transform: scale(.8);
  }

  .text-block-67 {
    padding-right: 20px;
  }

  .image-112 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .image-113 {
    transform-origin: 0 0;
    width: 100%;
    height: auto;
    transform: none;
  }

  .image-115 {
    transform-origin: 0 0;
    width: 100%;
    transform: scale(1);
  }

  .image-117 {
    width: 170px;
    bottom: 0;
  }

  .image-118 {
    height: 222px;
    bottom: 0;
    left: 220px;
  }

  .mobile-menu-overlay {
    z-index: 500;
    opacity: 0;
    text-align: right;
    background-color: #fff;
    border-radius: 8px;
    width: 60%;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 12px;
    padding: 14px 24px;
    display: block;
    position: fixed;
    top: auto;
    bottom: 0;
    right: 0;
    overflow: hidden;
    transform: translate(0, 100%);
    box-shadow: 0 -1px 20px #6e6e731a;
  }

  .mobile-menu-backdrop {
    z-index: 0;
    opacity: 0;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #ffffff80;
    width: 100vw;
    height: 100vh;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
  }

  .text-block-69 {
    text-align: right;
    font-size: 1.1rem;
  }

  .link-block-5 {
    color: var(--royal-blue);
    display: block;
  }

  .link-block-5.w--current {
    color: #1d2e3b;
    text-align: right;
    font-size: 1.1rem;
    line-height: 220%;
    display: block;
  }

  .mobilemenulink {
    width: 100%;
    height: auto;
    padding-right: 12px;
    display: block;
  }

  .mobilemenulink.w--current {
    width: 100%;
    height: auto;
    display: block;
  }

  .mobmenulink {
    color: #1d2e3b;
    text-align: left;
    font-size: 1rem;
    font-weight: 500;
    line-height: 270%;
  }

  .mobmenulink.sub {
    padding-left: 20px;
    padding-right: 0;
  }

  .text-block-71, .actiontext.last {
    padding-left: 27px;
  }

  .div-block-104, .div-block-104.first {
    padding-top: 35px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .div-block-105 {
    padding-bottom: 40px;
  }

  .contactus {
    padding-left: 0;
    padding-right: 0;
  }

  .home {
    text-align: right;
    margin-right: auto;
  }

  .home.w--current {
    margin-right: 0;
  }

  .home.mobilesignup {
    text-align: center;
    display: block;
  }

  .invoice-templates._1 {
    padding-top: 60px;
    padding-bottom: 70px;
  }

  .invoiceteampleindustries {
    grid-template-columns: 1fr;
    grid-auto-flow: row dense;
  }

  .invoiceteampleindustries.company {
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .grid-13 {
    grid-column-gap: 0px;
    grid-row-gap: 14px;
    grid-template-columns: 2.75fr;
  }

  .grid-13.last {
    grid-template-columns: 2.75fr;
  }

  .grid-13.first {
    display: none;
  }

  .grid-13.hub {
    grid-template-columns: 1fr;
  }

  .text-block-83 {
    font-size: 1.1rem;
  }

  .text-block-83._1-3 {
    line-height: 130%;
  }

  .text-block-83.hub {
    font-weight: 500;
  }

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

  .quick-stack-22 {
    padding-left: 0;
    padding-right: 0;
  }

  .image-134 {
    height: 40px;
  }

  .cell-20 {
    justify-content: center;
    align-items: flex-start;
  }

  .quick-stack-23 {
    max-width: 440px;
    margin-left: 0;
    padding-left: 0;
  }

  .link-block-11 {
    padding-left: 10px;
    padding-right: 10px;
  }

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

  .text-block-84 {
    font-size: 1.15rem;
    line-height: 130%;
  }

  .text-block-84.jobs {
    text-align: center;
    padding-left: 20px;
  }

  .picthis-copy {
    display: inline-flex;
  }

  .picthis-copy.check {
    display: inline-block;
  }

  .howtousetemplate {
    padding: 60px 30px;
  }

  .div-block-124 {
    padding: 20px;
  }

  .div-block-127.cta {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-14 {
    padding-top: 0;
    padding-bottom: 50px;
  }

  .quick-stack-26 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-top: 20px;
  }

  .heading-30 {
    font-size: 1.2rem;
    line-height: 130%;
  }

  .bold-text-37 {
    font-size: 1.1rem;
  }

  .text-block-92 {
    font-size: 1rem;
  }

  .collection-list-6 {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .collection-list-wrapper-8 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .industry-faq.invoicetemplates {
    padding-top: 40px;
    padding-bottom: 100px;
  }

  .invoice-industry-sub-hero.center {
    text-align: left;
    font-size: 1.3rem;
  }

  .invoice-industry-sub-hero.job {
    text-align: left;
  }

  .industryh2 {
    text-align: left;
    font-size: 2.2rem;
  }

  .div-block-98-ind {
    margin-bottom: 60px;
  }

  .rt_checklist_industry {
    padding-left: 0;
    padding-right: 0;
  }

  .invoice-industry-hero {
    padding-left: 30px;
  }

  .quick-stack-29.industry {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-top: 10px;
  }

  .collection-list-9 {
    grid-column-gap: 0px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    padding-bottom: 20px;
  }

  .heading-32 {
    font-size: 2.2rem;
    line-height: 120%;
  }

  .heading-32.howtowhatto-h2 {
    text-align: left;
    display: block;
  }

  .heading-32.whattoh2, .jobs-templateheader {
    text-align: left;
  }

  .invtemplatefaq.hub {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .faq-richtext.faq-a.jobs {
    padding-top: 0;
  }

  .faq_invoice_template.jobs {
    grid-template-columns: 1fr;
  }

  .heading-30-copy {
    font-size: 1.2rem;
    line-height: 130%;
  }

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

  .job_template_header {
    font-size: 1.2rem;
    line-height: 130%;
  }

  .div-block-150.billingscenarios {
    margin-bottom: 50px;
  }

  .jobs_templates, .jobs_generator {
    padding-left: 10px;
    padding-right: 10px;
  }

  .whattoinclude, .scenarios {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .invtemphub_cta {
    padding-top: 0;
    padding-bottom: 50px;
  }

  .jobstack {
    padding-left: 0;
    padding-right: 0;
  }

  .faq_section.hub {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .faq_section.jobs {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .job-h1 {
    text-align: left;
    font-size: 3.6rem;
    display: block;
  }

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

  .text-block-101 {
    margin-bottom: 2px;
  }

  .text-block-101.jobs {
    font-weight: 700;
  }

  .quick-stack-34.row1.mistake_row_1 {
    grid-column-gap: 0px;
    grid-row-gap: 20px;
  }

  .quick-stack-34.first {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
  }

  .quick-stack-34.mistakes_answers {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .quick-stack-34.mistakes_answers.last {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .text-block-103.ctasub {
    text-align: center;
  }

  .how-whatto-richtext ul {
    padding-left: 20px;
  }

  .how-whatto-richtext li {
    font-size: 1.1rem;
  }

  .how-whatto-richtext.howto {
    padding-right: 0;
  }

  .how-whatto-richtext.whatto {
    padding-top: 0;
  }

  .lineitemsheader {
    text-align: center;
  }

  .div-block-158 {
    overflow: visible;
  }

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

  .mistake_fix_text.bold {
    border-left-width: 4px;
    padding-left: 14px;
  }

  .text-block-106.howto {
    text-align: left;
    font-size: 1.3rem;
    line-height: 140%;
  }

  .text-block-106.highlight.mobile {
    text-align: left;
    background-color: #f5f3fe00;
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 0 10px 0 0;
    font-size: 1.3rem;
    line-height: 140%;
    display: block;
  }

  .text-block-106.highlight.inner {
    display: none;
  }

  .howtoinvoice {
    padding: 60px 20px;
  }

  .div-block-161 {
    padding-top: 20px;
    padding-right: 30px;
  }

  .div-block-161.what-to {
    padding: 10px 30px;
  }

  .scenario-title {
    padding-right: 0;
  }

  .scenario-title.num {
    padding-right: 3px;
  }

  .scenario-trigger {
    margin-top: 3px;
    padding-left: 0;
  }

  .div-block-166.industry {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .text-block-108.v2 {
    text-align: left;
    padding-left: 20px;
  }

  .text-block-108.v2._1 {
    margin-top: 0;
    display: none;
  }

  .text-block-108.v2.center {
    text-align: center;
    padding-left: 0;
  }

  .div-block-170 {
    max-width: none;
  }

  .breadcrumb {
    display: block;
  }

  .crumbs {
    text-align: left;
    display: block;
  }

  .bc {
    font-size: 15px;
    display: inline;
  }

  .bc.fs {
    display: inline;
  }

  .scenario-action.inlineblk {
    border-left-width: 4px;
    line-height: 140%;
  }

  .div-block-171.web {
    display: none;
  }

  .comparison_1.mobile {
    margin-bottom: 30px;
    display: block;
  }

  .div-block-1712.mobile {
    display: none;
  }

  .invtemplatescard {
    padding-left: 24px;
    padding-right: 24px;
  }

  .collection-item-10 {
    border-bottom: 1px solid #eee;
    padding-bottom: 25px;
  }

  .how-to-cta.mobile {
    margin-left: 0;
  }

  .list-6 {
    padding-left: 20px;
  }

  .link-block-18 {
    text-align: left;
  }

  .comp_mobile {
    border-bottom: 1px solid #eee;
    width: 100%;
    max-width: none;
    margin-top: 20px;
    margin-bottom: 8px;
    padding-bottom: 10px;
    display: flex;
  }

  .featurestacklineitem {
    height: 65px;
  }

  .text-block-114 {
    font-size: 1rem;
  }

  .text-block-115 {
    text-align: left;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 48px;
    line-height: 56px;
  }

  .content-section {
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
  }

  .content-section.quicktips {
    display: block;
  }

  .content-section.mid {
    height: 850px;
    margin-top: 0;
    padding-top: 45px;
  }

  .content-section.mid.invsfsectiion2 {
    margin-top: 30px;
  }

  .style-guide-block {
    padding-left: 28px;
    padding-right: 28px;
  }

  .title {
    display: none;
  }

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

  .template-detail-block {
    padding: 0;
  }

  .body-large {
    text-align: left;
    font-size: 16px;
    line-height: 26px;
  }

  .body-large.max-width {
    text-align: left;
  }

  .body-large.max-width.hp1 {
    text-align: center;
  }

  .body-large.featuresdescrip {
    padding-top: 0;
  }

  .body-large.v3 {
    margin-left: 0;
  }

  .body-large.hp2 {
    text-align: center;
  }

  .body-large.cta {
    text-align: center;
    margin-bottom: 0;
  }

  .body-large.cta.boxed {
    text-align: center;
    max-width: none;
    margin-bottom: 10px;
    padding-top: 0;
    font-size: 1.2rem;
  }

  .body-large.cta.boxed.v2 {
    max-width: none;
    font-size: 1.25rem;
    line-height: 26px;
  }

  .banner {
    text-align: center;
    background-position: 0%;
    background-size: auto;
  }

  .logo.logoiq {
    clear: none;
    height: 44px;
    margin-left: 0;
    overflow: clip;
  }

  .logo.lp {
    align-self: center;
  }

  .button.margin-right-16 {
    margin-right: 0;
  }

  .button.button-space {
    margin-bottom: 12px;
    margin-left: 0;
    margin-right: 0;
  }

  .button.margin-bottom-16 {
    max-width: none;
    margin-bottom: 0;
    margin-right: 10px;
  }

  .button.margin-bottom-16.cardbtn {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .button.margin-bottom-16.cardbtn.btncardbox {
    width: 100%;
  }

  .button.margin-bottom-16.hp1 {
    min-width: 150px;
  }

  .button.margin-bottom-16.hp1.cta {
    border-radius: 6px;
  }

  .button.margin-bottom-16.hp1.cta.tight.tif {
    font-size: 16px;
  }

  .button.margin-bottom-16.hp1.cta.pp.introsec {
    border-style: none;
    width: 100%;
    min-width: auto;
    padding-left: 28px;
    padding-right: 28px;
    font-size: 1.2rem;
    display: block;
  }

  .button.margin-bottom-16.hp1.cta.pp.boxed {
    text-align: center;
    border-style: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .button.margin-bottom-16.v2.sticky {
    margin-left: 0;
    margin-right: 0;
    padding-top: 12px;
    padding-bottom: 11px;
    font-size: 1.125rem;
    font-weight: 500;
  }

  .button.margin-bottom-16.v2.cta {
    border-radius: 8px;
  }

  .button.button-landing-mix {
    margin-bottom: 12px;
    margin-right: 0;
  }

  .navigation-menu {
    border-style: solid;
    border-color: var(--neutral-200);
    transition: background-color .4s ease-in-out;
  }

  .header-section {
    padding-top: 32px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-heading {
    font-size: 52px;
    line-height: 60px;
  }

  .hero-heading.custom-copy.hp1 {
    text-align: center;
  }

  .hero-image {
    margin-top: -22px;
    margin-left: 0;
  }

  .hero-image.hideme {
    display: none;
  }

  .header-image {
    margin-bottom: 380px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-field {
    border-radius: 8px;
  }

  .submit-button {
    width: 100%;
  }

  .button-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .button-wrapper.cta-button-wrapper {
    align-items: flex-start;
  }

  .button-wrapper.cta-button-wrapper.cardbtn {
    align-items: center;
    width: 100%;
  }

  .button-wrapper.v2 {
    flex-direction: row;
    display: flex;
  }

  .button-wrapper.v2.hp1 {
    margin-left: auto;
    margin-right: auto;
  }

  .button-light.btn-light-white.btncardbox {
    width: 100%;
  }

  .button-light.hide.hp1 {
    min-width: 150px;
  }

  .header-section-dark {
    background-size: auto;
  }

  .hero-heading-white {
    font-size: 50px;
    line-height: 60px;
  }

  .button-wrapper-centre {
    flex-direction: column;
    justify-content: center;
  }

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

  .button-secondary.btn-feature {
    display: block;
  }

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

  .logo-centre {
    grid-row-gap: 35px;
    grid-template-columns: 1fr;
  }

  .logo-centre.margin-below-32 {
    grid-template-columns: 1fr;
  }

  .logo-centre.lp {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    grid-template-columns: 1fr 1fr 1fr;
    place-content: center stretch;
    place-items: center;
  }

  .logo-centre.lp.v2 {
    grid-column-gap: 40px;
    grid-row-gap: 35px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 20px;
    display: grid;
  }

  .feature-section {
    padding: 60px 0%;
  }

  .chevron {
    margin-left: 4px;
  }

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

  .container-small {
    padding-right: 0;
  }

  .body-medium.textpro.pricing.lp {
    font-size: 1rem;
  }

  .feature-wrapper {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .mainhero {
    padding-left: 20px;
    padding-right: 20px;
  }

  .mainhero.fp.pp {
    padding: 40px 30px 80px;
  }

  .mainhero.fp.pp.v2 {
    padding-top: 50px;
    padding-left: 0;
    padding-right: 0;
  }

  .mainhero.fp.pp.v2.invoicetemplates {
    padding-top: 50px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .mainhero.aboutus {
    padding-left: 30px;
    padding-right: 30px;
  }

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

  .feature-grid-saas {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .saas-feature-column {
    padding-top: 0;
  }

  .header-content.hp1 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .header-content.hp2 {
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-message-card {
    max-width: 60%;
  }

  .content-image-wrapper.buidgetimg {
    margin-top: 34px;
  }

  .avatar-large {
    margin-bottom: 28px;
  }

  .author-wrapper {
    flex-flow: column wrap;
    align-items: flex-start;
  }

  .content-block-modern {
    margin-top: -19px;
    margin-bottom: 45px;
  }

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

  .footer-grid.footer-grid-iq {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: start;
    margin-bottom: 0;
    display: grid;
  }

  .footer-grid.footer-grid-iq.subfooteriq {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: left;
    grid-template-rows: auto;
    grid-template-columns: 1.2fr 1fr 1fr;
    grid-auto-flow: row;
    justify-content: stretch;
    place-items: center;
  }

  .footer-grid.footer-grid-iq.subf {
    border-top-style: none;
    max-width: none;
    margin-top: 0;
  }

  .footer-grid.footer-grid-iq.subf.left {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .footer-column {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 6px;
  }

  .footer-column.tight {
    padding-top: 0;
  }

  .footer-link {
    font-size: 14px;
  }

  .footer-link.subfooterlink {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0;
    display: block;
  }

  .footer-legal-bar {
    text-align: center;
  }

  .footer-socials {
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
  }

  .footer-grid-large, .footer-grid-horizontal {
    grid-template-columns: 1fr;
  }

  .avatar-medium {
    margin-bottom: 12px;
    margin-right: 0;
  }

  .avatar-tab {
    width: 55px;
    height: 55px;
  }

  .testimonial-avatar-link {
    width: 65px;
    height: 65px;
  }

  .testimonial-menu {
    flex-direction: row;
  }

  .gallery-row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .gallery-image-block {
    height: 100px;
  }

  .gallery-row-reversed {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 24px;
  }

  .pattern {
    display: none;
    bottom: -5%;
  }

  .brand-large {
    margin-left: 0;
    padding-left: 0;
  }

  .form-block-large {
    margin-top: 20px;
  }

  .bullet-point-large {
    margin-bottom: 8px;
  }

  .cta-block-light.blockctamargin.v2 {
    text-align: center;
    border-radius: 10px;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: block;
  }

  .cta-block-light.blockctamargin.v2.lastcta {
    margin-top: 100px;
    margin-bottom: 0;
    display: block;
  }

  .cta-block-light.blockctamargin.v3 {
    text-align: center;
    border-radius: 10px;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: block;
  }

  .cta-block-light.blockctamargin.v3.lastcta {
    margin-top: 100px;
    margin-bottom: 0;
    display: block;
  }

  .cta-block-light.blockctamargin.v3.mob-dark {
    background-color: #e1e3ec;
    margin-top: 0;
    margin-bottom: 0;
    padding: 50px 30px;
  }

  .cta-wrapper.cta {
    text-align: center;
    height: 100%;
    min-height: auto;
  }

  .phone-hand-wrapper {
    max-width: 100%;
  }

  .form-white {
    background-color: #0000;
    flex-direction: column;
    overflow: visible;
  }

  .cta-block-yellow {
    background-size: auto;
  }

  .bullet-wrapper-centre {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .value-section-dark {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .blog-section {
    padding: 40px 22px;
  }

  .image-cover {
    object-fit: contain;
    height: auto;
  }

  .blog-sidebar {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-image-thumbnail {
    height: auto;
    margin-bottom: 0;
  }

  .blog-title {
    padding-left: 0;
    padding-right: 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
  }

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

  .feature-section-blue {
    background-position: 100%;
    background-size: auto;
  }

  .faq-block {
    height: auto;
  }

  .nav-link-dropdown {
    display: none;
  }

  .job-card {
    flex-direction: column;
    align-items: flex-start;
    padding: 22px;
  }

  .job-description {
    margin-bottom: 32px;
  }

  .job-card-dark {
    flex-direction: column;
    align-items: flex-start;
    padding: 22px;
  }

  .page-grid-small, .page-grid {
    grid-template-columns: 1fr;
  }

  .text-field-large {
    border-radius: 8px;
  }

  .faq-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .faq-section.custom {
    padding-bottom: 0;
  }

  .text-field-plain.bottom-margin-8 {
    margin-bottom: 8px;
  }

  .category {
    margin-left: 4px;
    margin-right: 4px;
  }

  .header-wrapper-phone {
    padding-left: 20px;
    padding-right: 20px;
  }

  .header-section-inner, .header-section-dark-inner {
    padding-top: 32px;
  }

  .team-collection, .team-grid {
    grid-template-columns: 1fr;
  }

  .blog-header-wrapper {
    height: 300px;
    display: none;
  }

  .article {
    font-size: 14px;
  }

  .article h4, .article h3 {
    margin-bottom: 20px;
    padding-right: 20px;
  }

  .article h1 {
    margin-bottom: 20px;
    padding-right: 20px;
    line-height: 60px;
  }

  .article h2 {
    margin-bottom: 20px;
    padding-right: 20px;
  }

  .article p {
    font-size: 16px;
  }

  .article blockquote {
    color: #000;
    background-color: #fff;
    border-style: dashed;
    font-weight: 600;
    box-shadow: 0 -1px 20px #6e6e731a;
  }

  .article h5 {
    padding-right: 20px;
  }

  .article em {
    color: #1d2e3b;
    width: auto;
  }

  .register-account {
    margin-bottom: 10px;
  }

  .account-link-wrap {
    flex-wrap: wrap;
  }

  .form-information {
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-account {
    padding-left: 24px;
    padding-right: 24px;
  }

  .header-section-blog, .header-section-dark-blog {
    padding-top: 32px;
  }

  .culture-number-grid {
    grid-template-columns: 1fr;
  }

  .video-wrapper.vw-singlef.hide {
    display: block;
  }

  .culture-number-grid-large {
    grid-template-columns: 1fr;
  }

  .h3-title.featuretitle {
    font-size: 40px;
    line-height: 48px;
  }

  .h3-title.hp2 {
    text-align: center;
  }

  .h3-title.blog {
    font-size: 36px;
  }

  .blog-line-break {
    margin-bottom: 50px;
  }

  .content-image-modern {
    bottom: 12px;
    left: 12px;
  }

  .content-image-modern.sfimg {
    max-width: 100%;
  }

  .content-block.invconb1.pp {
    padding-right: 20px;
  }

  .analytics-wrapper {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .analytics-wrapper.reportsbox {
    margin-top: 0;
    margin-bottom: 0;
  }

  .analytics-wrapper.estw {
    height: auto;
    margin-top: 45px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .analytics-wrapper.recubox {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .analytics-wrapper.accoutingholder {
    margin-bottom: 0;
    padding-top: 20px;
  }

  .analytics-wrapper.templatewrapper {
    text-align: center;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
  }

  .analytics-wrapper.dashwrapper {
    margin-bottom: 0;
    padding-top: 0;
  }

  .analytics-wrapper.custowrapper {
    margin-bottom: 71px;
  }

  .analytics-wrapper.fp.hide {
    display: block;
  }

  .analytics-wrapper.paymentswrapper {
    margin-top: 0;
    margin-bottom: 0;
  }

  .analytics-wrapper.customerbox {
    margin-top: 10px;
    padding-top: 0;
    padding-bottom: 10px;
    padding-right: 0;
  }

  .analytics-wrapper.customerwrapper {
    padding-top: 0;
  }

  .analytics-wrapper.customemailwrapper, .analytics-wrapper.customizationwrapper {
    padding-top: 20px;
  }

  .title-wrap-small-centre.featuretitlebig {
    text-align: left;
    max-width: none;
    padding-left: 25px;
    padding-right: 20px;
  }

  .title-wrap-small-centre.featuretitlebig.invoicegen, .title-wrap-small-centre.featuretitlebig.hub {
    padding-left: 0;
    padding-right: 0;
  }

  .title-wrap-small-centre.featuretitlebig.ic_tp {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }

  .gallery-row-centre {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    margin-top: 26px;
    margin-bottom: 26px;
  }

  .blog-author-wrapper {
    flex-wrap: wrap;
  }

  .blog-section-related {
    padding-left: 22px;
    padding-right: 22px;
  }

  .licence-card {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .licence-graphic {
    height: 180px;
  }

  .author-block {
    padding-left: 32px;
    padding-right: 32px;
  }

  .explore {
    margin-right: 0;
    padding-top: 11px;
    display: block;
  }

  .explore.w--current, .explore.mobilemenuitem.w--current {
    display: block;
  }

  .explore.mobilesignup {
    text-align: right;
    margin-right: 0;
    padding-top: 11px;
    font-weight: 700;
    display: block;
  }

  .sidebar-grid-blog {
    grid-template-columns: 1fr;
  }

  .price-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .pricing-card {
    padding: 0 20px 10px;
  }

  .pricing-section.lp {
    padding-left: 0%;
    padding-right: 0%;
  }

  .pricing-number {
    font-size: 32px;
  }

  .popular-badge.lp {
    color: #db942a;
    background-color: #ff8201;
    width: 70%;
  }

  .pricing-card-feature {
    padding: 32px 20px;
  }

  .pricing-card-feature.pro-pricing-card.one-pricing-card.mcard.lp {
    width: 100%;
    padding-top: 30px;
  }

  .pricing-card-feature.pro-pricing-card.one-pricing-card.mcard.lp._2 {
    padding-top: 40px;
  }

  .pricing-card-feature.pro-pricing-card.one-pricing-card.ycard.lp {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pricing-cell-lead {
    padding-left: 10px;
    padding-right: 30px;
  }

  .pricing-banner {
    padding-left: 10px;
  }

  .pricing-feature {
    font-size: 14px;
  }

  .pricing-feature.v2 {
    font-size: .8rem;
    line-height: 20px;
  }

  .price-grid-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .pricing-cell {
    margin-right: 6px;
  }

  .pricing-grid-wrap.v2 {
    max-width: 100%;
  }

  .pricing-grid-text {
    font-size: 14px;
  }

  .pricing-grid-text.baseline {
    font-size: 13px;
  }

  .header-saas {
    padding-top: 32px;
  }

  .value-section-saas.v2 {
    padding-bottom: 40px;
  }

  .value-section-saas.v3 {
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .cta-block-dark {
    background-position: 0%;
    background-size: cover;
  }

  .faq-wrapper.custom {
    padding-bottom: 20px;
  }

  .faq-question-wrap {
    padding-left: 14px;
    padding-right: 14px;
  }

  .faq-circle {
    min-width: 48px;
    min-height: 48px;
  }

  .faq-question-wrap-dark {
    padding-left: 14px;
    padding-right: 14px;
  }

  .faq-circle-dark {
    min-width: 48px;
    min-height: 48px;
  }

  .content-grid-large {
    grid-template-columns: 1fr;
  }

  .button-navigation {
    display: block;
  }

  .button-navigation.hide {
    display: none;
  }

  .button-navigation.v2 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .globe-full {
    min-width: auto;
  }

  .link-arrow.mobile {
    display: none;
  }

  .content-pattern {
    bottom: -2%;
  }

  .testimonial-wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }

  .header-block-phone {
    text-align: center;
  }

  .globe-avatars {
    max-width: 90%;
    left: auto;
    right: auto;
  }

  .home-feature-image {
    background-size: cover;
  }

  .header-home {
    padding-top: 32px;
  }

  .avatar-author-medium {
    margin-bottom: 24px;
  }

  .blog-section-category {
    padding-left: 22px;
    padding-right: 22px;
  }

  .content-column {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-section-details {
    overflow: hidden;
  }

  .pricing-top-block {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tab-link {
    padding-left: 32px;
    padding-right: 32px;
  }

  .content-block-saas {
    padding-bottom: 16px;
    padding-left: 16px;
  }

  .content-block-saas.dashimg.dashimgmobile {
    margin-top: 30px;
  }

  .browser-content {
    padding: 20px;
  }

  .analytics-dashboard {
    width: 100%;
  }

  .analytics-dashboard.afeatureimg.featureds.templtesf {
    padding-top: 48px;
  }

  .analytics-dashboard.templateslist.telimobile {
    margin-left: auto;
    margin-right: auto;
  }

  .analytics-dashboard.estimatesimg {
    max-width: 100%;
  }

  .pricing-top-block-dark {
    padding-left: 20px;
    padding-right: 20px;
  }

  .account-buttons {
    display: none;
  }

  .bullet-wrapper-cta {
    align-items: flex-start;
  }

  .header-section-inner-dark, .header-section-dark-contact {
    padding-top: 32px;
  }

  .submit-button-dark {
    background-color: var(--royal-blue-dark);
    width: 100%;
  }

  .cta-button, .cta-button-blue, .cta-button-white {
    margin-top: 16px;
  }

  .navigation-button-large, .navigation-button-small {
    display: none;
  }

  .navigation-menu-empty {
    border-style: solid;
    border-color: var(--neutral-200);
  }

  .navigation-link-signup {
    display: none;
  }

  .iq-footer {
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .numbertest.ntmobile.nttestimonial.ntt1, .numbertest.ntmobile.nttestimonial.ntt3, .numbertest.ntmobile.nttestimonial.ntt2 {
    width: 60%;
  }

  .left-arrow.arrowslider {
    top: 217px;
  }

  .icon-2.icontest {
    right: 0;
  }

  .right-arrow.arrowslider {
    top: 217px;
  }

  .testimgmobile.tim2, .testimgmobile.tim1, .testimgmobile.tim3 {
    margin-left: 0;
  }

  .socialmedialinks {
    border-bottom: 1px solid var(--royal-blue-lighter);
    margin-top: 5px;
    margin-bottom: 0;
    padding-bottom: 30px;
  }

  .dropdown {
    display: block;
  }

  .content-sf-rightimg.lastcontetsf.sfc3 {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
  }

  .content-sf-rightimg.lastcontetsf.sfc3.invsfsection3 {
    margin-bottom: 79px;
    padding-bottom: 114px;
  }

  .content-sf-rightimg.fp {
    height: 850px;
  }

  .iconfloating {
    max-width: 30%;
    top: 157.797px;
    left: 9px;
  }

  .iconfloating.icchart1 {
    top: 147.797px;
    left: 35px;
  }

  .iconfloating.if3 {
    top: 147.797px;
    left: 126px;
  }

  .featuremenubox.fmb2 {
    display: block;
  }

  .fm-lb.f-menu-item.w--current {
    border-bottom-style: none;
  }

  .featuresmenucard {
    display: none;
  }

  .heading {
    text-align: left;
    font-size: 43px;
    line-height: 52px;
  }

  .heading.featuretitle {
    display: flex;
  }

  .body-large-2 {
    padding-bottom: 10px;
  }

  .body-large-2.featstext {
    text-align: left;
  }

  .body-large-2.qsgpara {
    margin-bottom: 20px;
  }

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

  .grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    align-items: start;
  }

  .text-block-5 {
    padding-top: 12px;
  }

  .div-block-4 {
    padding-top: 0;
  }

  .ptitle {
    text-align: left;
    font-size: 36px;
  }

  .ptitle.v2 {
    font-size: 0;
    line-height: 0;
  }

  .pf-title.small {
    font-size: 14px;
    font-weight: 600;
  }

  .grid-2 {
    justify-items: center;
    margin-top: 0%;
    margin-left: 0;
    left: auto;
    right: auto;
  }

  .image-12, .image-13 {
    display: none;
  }

  .image-14 {
    height: 250px;
  }

  .image-14.popupinvoop {
    width: 100%;
    max-width: 40%;
    height: 200px;
    top: 48px;
    right: 9px;
  }

  .heading-2.features-title {
    text-align: left;
    font-size: 40px;
  }

  .heading-3.ftr {
    margin-bottom: 0;
    line-height: 30px;
  }

  .partnerlogobox.plb, .partnerlogobox.reviews {
    padding-top: 0;
  }

  .image-17 {
    max-width: 50%;
  }

  .div-block-9 {
    width: 100%;
    height: 100%;
  }

  .image-18 {
    max-width: 30%;
    top: 13%;
    right: 55px;
  }

  .image-18.moreoptions, .div-block-10.whitespaceincustom, .activtiybox, .image-21.accimg, .image-22 {
    display: none;
  }

  .dashperiodimg {
    max-width: 80%;
    margin-left: -12px;
    top: 99px;
  }

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

  .featureheading {
    font-size: 40px;
    line-height: 52px;
  }

  .featureheading.left {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }

  .featureheading.left.freegen {
    font-size: 2.6rem;
  }

  .featureheading.left-copy {
    text-align: left;
  }

  .iqfeatures {
    grid-row-gap: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .subhead-text {
    text-align: center;
    max-width: 100%;
  }

  .subhead-text.ver2.left {
    text-align: left;
    font-size: 2rem;
  }

  .vt-fpdb {
    height: 100%;
  }

  .vt-rel {
    margin-top: -19px;
    margin-bottom: 45px;
  }

  .image-31 {
    z-index: 3;
    top: -11px;
  }

  .image-33 {
    top: 522px;
  }

  .image-33.invsfimg1.showmobile {
    max-width: 100%;
  }

  .headingcustom {
    margin-bottom: -11px;
  }

  .linebox {
    margin-top: -112px;
  }

  .estpopup {
    width: 180px;
    margin-top: -5px;
  }

  .estpopup.estp2 {
    margin-top: -44px;
  }

  .estpopup.estp3 {
    margin-top: -91px;
  }

  .estpopup.estp4 {
    margin-top: -156px;
  }

  .estpopup.estp5 {
    margin-top: -133px;
  }

  .chromebarimg {
    max-width: 220px;
    display: none;
    top: 104px;
  }

  .customemailtextimg {
    width: 45%;
    max-width: 50%;
    padding-top: 34px;
    top: auto;
  }

  .addpaymentimg {
    max-width: 30%;
    bottom: 35px;
  }

  .expensescardimg {
    max-width: 25%;
    bottom: 35px;
  }

  .mockupss {
    max-width: 100%;
    margin-left: 0;
    padding-left: 0;
  }

  .mockupss.mockleftimg {
    width: 100%;
    margin-left: auto;
  }

  .mockupss.mockupcustomer1 {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .mockupss.mock3dash {
    overflow: visible;
  }

  .image-34 {
    margin-top: -55px;
  }

  .text-block-16.body-medium-500 {
    padding-top: 1px;
  }

  .heading-7 {
    font-size: 46px;
    line-height: 54px;
  }

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

  .text-block-18 {
    width: 30px;
  }

  .section-2 {
    padding-bottom: 5.5px;
  }

  .div-block-23 {
    width: 90px;
  }

  .grid3-gen, .grid2-gen, .grid9-gen {
    grid-template-columns: 1fr;
  }

  .text-block-21.invoicerem {
    line-height: 150%;
  }

  .grid-8 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }

  .link-block {
    padding: 16px 10px 16px 15px;
  }

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

  .heading-12.center.cta {
    font-size: 40px;
    line-height: 46px;
  }

  .heading-12.center.cta.boxed {
    text-align: center;
    font-size: 2rem;
  }

  .heading-12.center.cta.boxed.tight {
    letter-spacing: -.01em;
    font-size: 2.2rem;
    line-height: 130%;
  }

  .twofeatimg1 {
    display: none;
  }

  .twofeatimg2 {
    top: 489px;
    left: auto;
    right: auto;
  }

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

  .vt-rel-copy {
    margin-top: -19px;
    margin-bottom: 45px;
  }

  .threefeatimg5 {
    max-width: 300px;
    top: 27px;
    left: 9px;
  }

  .threefeatimg4 {
    max-width: 300px;
    top: -27px;
    left: 7px;
  }

  .threefeatimg6 {
    max-width: 300px;
    top: 222px;
    left: 9px;
  }

  .threefeatimg2 {
    max-width: 200px;
    display: none;
  }

  .div-block-34-3 {
    display: none;
    top: -55px;
    left: 0;
  }

  .feature1-1.lastcontetsf.sfc3 {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .feature1-1.lastcontetsf.sfc3.invsfsection3 {
    margin-bottom: 79px;
    padding-bottom: 114px;
  }

  .feature1-1.fp {
    height: 850px;
  }

  .vt-fpdb-1-2 {
    height: 100%;
  }

  .feaimg2, .feaimg3, .feaimg5 {
    display: none;
  }

  .inv-s1 {
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .inv-s1.v2._2 {
    padding-top: 60px;
    padding-bottom: 30px;
    padding-left: 25px;
  }

  .inv-s1.featire-section {
    padding-top: 60px;
    padding-bottom: 80px;
    padding-left: 25px;
  }

  .inv-s1.featire-section.invtemplate {
    padding-top: 60px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .image-42 {
    min-height: 52px;
  }

  .grid-9 {
    align-items: start;
  }

  .heading-14 {
    text-align: left;
  }

  .image-42-copy {
    min-height: 52px;
  }

  .text-block-22 {
    text-align: left;
    padding-top: 0;
    font-size: 14px;
  }

  .text-block-23.lp {
    outline-offset: 0px;
    color: var(--neutral-900);
    mix-blend-mode: normal;
    outline: 3px #f8f7fc;
    font-weight: 500;
  }

  .newpricingiq.lp {
    margin-top: 30px;
  }

  .heading-15.lp {
    font-size: 38px;
  }

  .bold-text {
    text-align: left;
  }

  .paragraph {
    color: #b9c7d3;
    text-align: left;
    margin-top: 14px;
    font-size: 14px;
    font-weight: 400;
    display: block;
  }

  .paragraph.featstackconatiner {
    margin-top: 0;
  }

  .image-43 {
    max-height: 23px;
  }

  .heading-16 {
    text-align: left;
    font-size: 3.1rem;
  }

  .welcome {
    padding-top: 30px;
  }

  .paragraph-2 {
    text-align: left;
    margin-top: 6px;
    margin-left: auto;
    margin-right: auto;
    font-size: 2rem;
  }

  .paragraph-2.center {
    text-align: left;
    font-size: 2rem;
  }

  .paragraph-2.lect {
    text-align: left;
    align-self: auto;
    font-size: 1.9rem;
  }

  .paragraph-2.left {
    text-align: left;
    margin-left: 0;
    line-height: 110%;
  }

  .paragraph-3 {
    text-align: left;
    font-size: 1.2rem;
  }

  .div-block-43 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 4px;
    display: flex;
  }

  .div-block-44 {
    margin-left: 0;
    margin-right: 0;
  }

  .section-5 {
    text-align: left;
  }

  .star {
    width: 28px;
  }

  .section-6 {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }

  .section-6.tight {
    text-align: left;
    padding-right: 0;
  }

  .section-6.tight.invoicegenerator {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-6.tight.pricingpage {
    padding-right: 30px;
  }

  ._2rem {
    text-align: left;
    max-width: 320px;
    margin-left: 0;
    font-size: 2.3rem;
  }

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

  ._2rem.center.reviews {
    text-align: center;
    margin-bottom: 20px;
  }

  .quick-stack-2.v2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-top: 40px;
  }

  .text-block-25 {
    text-align: center;
    max-width: none;
    margin-top: 8px;
    padding-left: 4px;
    padding-right: 0;
    font-size: .75rem;
  }

  .text-block-25.first {
    max-width: 300px;
    padding-right: 0;
    font-size: 1rem;
  }

  .text-block-25.first.gen {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .bold-text-2 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: .85rem;
  }

  .pricing {
    padding-left: 30px;
    padding-right: 30px;
  }

  .quick-stack-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-26 {
    padding-left: 0;
  }

  .text-block-26.faq.center {
    text-align: left;
  }

  .text-block-26.testa {
    padding-top: 7px;
    font-size: 1rem;
  }

  .text-block-26.name {
    padding-bottom: 2px;
    padding-left: 60px;
    font-size: 1rem;
    line-height: 130%;
  }

  .text-block-26.date {
    padding-bottom: 7px;
    padding-left: 60px;
    font-size: .975rem;
    line-height: 130%;
  }

  .text-block-27, .text-block-27.v2.tight {
    font-size: 2.2rem;
  }

  .div-block-48.v2 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-48.v2.pricing {
    margin-top: 60px;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-28 {
    font-size: 2.6rem;
  }

  .text-block-28.lpprice.center {
    text-align: left;
  }

  .div-block-50 {
    min-height: auto;
  }

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

  .div-block-51.v2 {
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-52.v2 {
    width: 100%;
    margin-top: 20px;
  }

  .div-block-52.v2.mid {
    text-align: center;
  }

  .div-block-52.feat {
    width: 100%;
    margin-top: 20px;
  }

  .comparison {
    padding: 20px 30px 30px;
  }

  .second {
    padding-top: 80px;
    padding-bottom: 50px;
  }

  .div-block-54 {
    text-align: left;
    padding-left: 0;
  }

  .section-9 {
    text-align: left;
    padding-left: 30px;
  }

  .div-block-56 {
    margin-bottom: 10px;
    margin-left: 0;
    padding-top: 40px;
  }

  .div-block-56.white {
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
  }

  .div-block-56.white.first {
    margin-bottom: 20px;
  }

  .div-block-57 {
    position: absolute;
    inset: 28px auto auto 20px;
  }

  .image-47 {
    width: 80px;
    min-width: auto;
    max-width: 100%;
    height: auto;
    max-height: none;
  }

  .image-47.testa {
    width: 50px;
  }

  .div-block-58 {
    text-align: left;
  }

  .bold-text-14 {
    margin-left: auto;
    margin-right: auto;
    font-size: 2rem;
  }

  .bold-text-15 {
    font-size: 2rem;
  }

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

  .button-3 {
    border-radius: 6px;
  }

  .div-block-60 {
    margin-top: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-60.fp {
    padding-left: 0;
    padding-right: 0;
  }

  .image-50 {
    border-radius: 6px;
  }

  .bold-text-16 {
    font-size: 2.5rem;
  }

  .subtitle1 {
    text-align: left;
    font-size: 16px;
    line-height: 26px;
  }

  .subtitle1.max-width {
    text-align: left;
  }

  .subtitle1.max-width.hp1 {
    text-align: center;
  }

  .subtitle1.featuresdescrip {
    padding-top: 0;
  }

  .subtitle1.v3 {
    margin-left: 0;
  }

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

  .subtitle1.v2.pp {
    font-size: 1.3rem;
    line-height: 130%;
  }

  .subtitle1.v2.pp.invtemp.hub {
    text-align: left;
    margin-top: 15px;
    margin-bottom: 10px;
    padding-right: 10px;
  }

  .subtitle1.sectional {
    font-size: 1.3rem;
    line-height: 140%;
  }

  .subexplainer {
    text-align: left;
    font-size: 16px;
    line-height: 26px;
  }

  .subexplainer.max-width {
    text-align: left;
  }

  .subexplainer.max-width.hp1 {
    text-align: center;
  }

  .subexplainer.featuresdescrip {
    padding-top: 0;
  }

  .subexplainer.v3 {
    margin-left: 0;
  }

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

  .subexplainer.bullet {
    padding-left: 10px;
  }

  .subexplainer.left, .subexplainer.left.ver2 {
    font-size: 1.2rem;
  }

  .h2 {
    font-size: 1.7rem;
    line-height: 130%;
  }

  .h2.light {
    text-align: left;
  }

  .h2.invoicegen._20l {
    padding-right: 20px;
  }

  .h2.hub.v2 {
    text-align: left;
    font-size: 1.9rem;
  }

  .bold-text-18 {
    font-size: 2.2rem;
  }

  .div-block-61, .heading-17 {
    text-align: left;
  }

  .text-block-35 {
    text-align: left;
    font-size: 1.1rem;
    line-height: 140%;
  }

  .text-block-35.v2 {
    margin-bottom: 10px;
    font-size: 1.2rem;
    line-height: 140%;
  }

  .text-block-36, .text-block-36.left {
    text-align: left;
  }

  .quick-stack-6 {
    padding-left: 0;
    padding-right: 0;
  }

  .newg1 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }

  .quick-stack-7 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 100px;
  }

  .bold-text-28 {
    font-size: 1.7rem;
    line-height: 130%;
  }

  .div-block-65 {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-65.sticky {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    box-shadow: 0 -16px 40px 20px #fff;
  }

  .image-51 {
    margin-top: -30px;
  }

  .image-52 {
    margin-left: -30px;
  }

  .quick-stack-10 {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .text-block-38 {
    font-size: 16px;
  }

  .quick-stack-11 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-left: 0;
    padding-right: 0;
  }

  .image-55 {
    text-align: center;
    max-height: 240px;
    display: none;
    position: absolute;
    inset: auto 0% 0 50%;
    transform: translate(-50%);
  }

  .priceheader.lp, .planheader.lp {
    font-size: 38px;
  }

  .bold-text-29 {
    font-size: 2.05rem;
  }

  .image-57 {
    border-radius: 6px;
  }

  .headercontainer.job {
    margin-bottom: 50px;
  }

  .image-58 {
    margin-top: -30px;
    margin-left: -17px;
  }

  .image-59 {
    margin-top: -20px;
  }

  .featurestack {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .grey_bottom_1 {
    height: 120px;
    display: block;
  }

  .featuretitle {
    margin-top: 30px;
  }

  .div-block-69 {
    padding-top: 15px;
    padding-bottom: 5px;
  }

  .qf_comp {
    font-size: 1rem;
    line-height: 270%;
  }

  .qf_comp.mobilens {
    display: none;
  }

  .qf_comp.tight {
    line-height: 200%;
  }

  .featurehead {
    font-size: 1.125rem;
  }

  .cta_07 {
    text-align: left;
  }

  .cta_07.v2 {
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .evenmoretools {
    margin-top: 20px;
  }

  .perk1, .perk2 {
    padding-left: 0;
    padding-right: 0;
  }

  .cta1_top {
    display: block;
  }

  .div-block-70 {
    max-width: none;
  }

  .div-block-72 {
    margin-top: 60px;
  }

  .picthis {
    font-size: 1.2rem;
  }

  .picthis.check {
    margin-right: 10px;
  }

  .close_div {
    margin-bottom: 7px;
  }

  .close_div.first {
    margin-top: 20px;
  }

  .h3 {
    text-align: left;
    font-size: 1.2rem;
  }

  .comparisons {
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .comparisons.v2._2 {
    padding-bottom: 30px;
    padding-left: 25px;
  }

  .comparisons.feature-section {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 25px;
  }

  .quickcompare {
    padding-bottom: 0;
    padding-left: 25px;
    padding-right: 25px;
  }

  .quickfeat_head {
    order: 1;
  }

  .quick_feat_comp {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .quick_feat_comp.last {
    margin: 0 0 30px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .cta {
    padding-top: 40px;
  }

  .section-6-copy {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }

  .section-6-copy.tight {
    padding-right: 0;
  }

  .testamonialhp {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }

  .testamonialhp.tight {
    padding-right: 0;
  }

  .home_features {
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .home_features.v2._2 {
    padding-bottom: 30px;
    padding-left: 25px;
  }

  .home_features.feature-section {
    padding-top: 60px;
    padding-bottom: 30px;
    padding-left: 25px;
  }

  .hp_feature.mobilens {
    display: none;
  }

  .lk_cta {
    text-align: left;
    max-width: 940px;
  }

  .lk_cta.feature {
    margin-top: 0;
  }

  .text-block-44 {
    text-align: left;
    font-size: 1rem;
  }

  .text-block-44.invoicetemplate {
    font-size: 1.2rem;
  }

  .text-block-44.invoicetemplate.subsection.grey.tight {
    margin-top: 0;
    font-size: 1rem;
  }

  .text-block-44.invoicetemplate.subsection.grey.tight.hub {
    text-align: left;
  }

  .quickcomparesection {
    text-align: left;
    padding: 80px 20px;
  }

  .quickcomparesection.hub {
    padding-left: 25px;
    padding-right: 25px;
  }

  .hp_cta_last {
    margin-top: 60px;
  }

  .bold-text-31 {
    font-size: 1.2rem;
  }

  .heading-19 {
    font-size: 2rem;
    line-height: 140%;
  }

  .blogpauser {
    padding: 60px 22px 40px;
  }

  .blogpauser.v2 {
    background-color: #f9f9fb;
    padding-bottom: 40px;
  }

  .blogpauser.v2._2 {
    padding-bottom: 30px;
    padding-left: 25px;
  }

  .blogpauser.featire-section {
    padding-top: 60px;
    padding-bottom: 80px;
    padding-left: 25px;
  }

  .paragraph-6 {
    font-size: 14px;
    line-height: 21px;
  }

  .heading-21 {
    padding-right: 20px;
    font-size: 42px;
  }

  .aboutus_1 {
    text-align: left;
    font-size: 16px;
    line-height: 26px;
  }

  .aboutus_1.max-width {
    text-align: left;
  }

  .aboutus_1.max-width.hp1 {
    text-align: center;
  }

  .aboutus_1.featuresdescrip {
    padding-top: 0;
  }

  .aboutus_1.v3 {
    margin-left: 0;
  }

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

  .aboutus_1.bullet {
    padding-left: 10px;
  }

  .aboutus_1.left, .aboutus_1.left.ver2 {
    font-size: 1.2rem;
  }

  .personalized_title {
    font-size: 2.05rem;
  }

  .h1_about {
    font-size: 2.9rem;
  }

  .h1_abousus {
    font-size: 40px;
    line-height: 52px;
  }

  .h1_abousus.left, .h1_abousus.left-copy {
    text-align: left;
  }

  .main_page_hero {
    padding-left: 20px;
    padding-right: 20px;
  }

  .main_page_hero.fp.pp {
    padding: 40px 30px 80px;
  }

  .main_page_hero.fp.pp.v2 {
    padding-top: 30px;
    padding-left: 25px;
  }

  .main_page_hero.featureshub {
    padding-top: 50px;
  }

  .main_page_hero.featureshub.pricingpage {
    padding-bottom: 90px;
  }

  .bodycontainer.pricingp2 {
    text-align: left;
  }

  .heroheading {
    font-size: 2.9rem;
  }

  .text-block-49 {
    padding-right: 0%;
    font-size: 1.3rem;
    line-height: 130%;
  }

  .quick-stack-13 {
    margin-top: 40px;
  }

  .text-block-52 {
    margin-top: 5px;
    font-size: 1rem;
  }

  .text-block-53 {
    margin-top: 25px;
  }

  .plan_button {
    padding-top: 14px;
    padding-bottom: 14px;
    display: none;
  }

  .plan_button.mobile {
    display: block;
  }

  .plan_price_descrip {
    margin-top: 5px;
    font-size: 1rem;
  }

  .div-block-77 {
    margin-top: 40px;
  }

  .div-block-77.subs {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: 20px;
  }

  .text-block-55 {
    color: #1d2e3b;
    font-size: 1.1rem;
    font-weight: 700;
  }

  .text-block-55.subcta {
    padding-top: 5px;
    font-weight: 500;
  }

  .div-block-79 {
    padding-left: 10px;
  }

  .div-block-79.pricepage {
    padding-left: 0;
  }

  .short_story {
    font-size: 1.2rem;
  }

  .italic-text-3 {
    font-size: 1.3rem;
  }

  .section-11 {
    padding-right: 30px;
  }

  .featurestack_pricing {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .pricingpage_prehead {
    display: none;
  }

  .pricingpage_prehead.in-comp-chart {
    font-size: 1.2rem;
    display: block;
  }

  .feat_bullet {
    text-align: left;
    font-size: 16px;
    line-height: 26px;
  }

  .feat_bullet.max-width {
    text-align: left;
  }

  .feat_bullet.max-width.hp1 {
    text-align: center;
  }

  .feat_bullet.featuresdescrip {
    padding-top: 0;
  }

  .feat_bullet.v3 {
    margin-left: 0;
  }

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

  .feat_bullet.bullet {
    padding-left: 10px;
  }

  .feat_bullet.left, .feat_bullet.left.ver2 {
    font-size: 1.2rem;
  }

  .featperkstack, .featstackconatiner {
    padding-left: 0;
    padding-right: 0;
  }

  .featstackcell {
    padding-left: 0;
    padding-right: 20px;
  }

  .featstackcell.invconb1.pp {
    padding-right: 20px;
  }

  .featurepageheader {
    padding-top: 60px;
  }

  .quick-stack-16 {
    grid-row-gap: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .quick-stack-16.last {
    margin-bottom: 20px;
  }

  .quick-stack-16.center {
    padding-left: 20px;
  }

  .feature_stacks {
    padding-bottom: 0;
    padding-left: 25px;
    padding-right: 25px;
  }

  .bullet_feat_stack {
    line-height: 150%;
  }

  .cell-13, .featstackheadersub {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-87 {
    padding-left: 10px;
    padding-right: 10px;
    overflow: visible;
  }

  .cell-14 {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
  }

  .cell-15.pad20 {
    padding-left: 20px;
  }

  .slide-nav-3 {
    padding-left: 0;
  }

  .div-block-89 {
    box-sizing: border-box;
    object-fit: none;
    border-radius: 0;
    width: auto;
    height: auto;
    overflow: visible;
  }

  .div-block-89._100h {
    height: 100%;
    padding-left: 0;
    overflow: hidden;
  }

  .div-block-89.h350 {
    height: 350px;
  }

  .image-81 {
    z-index: 20;
    transform-origin: 0;
    border-radius: 0;
    width: auto;
    max-width: none;
    inset: 16px auto auto 0;
    overflow: clip;
    transform: scale(.75);
  }

  .image-81.test {
    left: 255px;
  }

  .image-82 {
    z-index: 21;
    transform-origin: 0;
    border: 4px solid #fff;
    border-radius: 0;
    width: auto;
    max-width: none;
    height: auto;
    inset: 0 auto auto 170px;
    overflow: clip;
    transform: scale(.75);
  }

  .mask-2 {
    overflow: visible;
  }

  .slider-4 {
    width: 100%;
    height: 380px;
    display: block;
    overflow: hidden;
  }

  .slider-4.estimates.tight {
    height: 310px;
  }

  .image-83 {
    transform-origin: 0;
    border-radius: 15px 15px 0 0;
    max-width: none;
    display: block;
    inset: 18px auto 0% 10px;
    transform: scale(.75);
  }

  .image-84 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    max-width: none;
    top: 4px;
    left: 0;
    transform: scale(.75);
  }

  .image-84.hide {
    transform-origin: 0;
    border: 2px solid #fff;
    display: block;
    top: 30px;
    left: 200px;
  }

  .image-87 {
    border-radius: 10px 10px 0 0;
    max-width: none;
    top: 30px;
    left: 68px;
    transform: scale(1.2);
  }

  .image-87.hide {
    width: auto;
    height: 100%;
    padding-left: 10px;
    display: block;
    left: 0;
    transform: scale(1);
  }

  .featsubhero {
    padding: 80px 0 0;
  }

  .featsubhero.company {
    padding-left: 20px;
    padding-right: 20px;
  }

  .slide-6 {
    width: 100%;
    left: 0;
    overflow: hidden;
  }

  ._20vw-div {
    width: 15px;
  }

  .slide-box.margin-right {
    width: 87%;
  }

  .left-arrow-3, .right-arrow-3 {
    display: block;
  }

  .div-block-91 {
    background-color: #fd0000;
    width: 100%;
    position: relative;
  }

  .image-89 {
    position: absolute;
    left: 0;
    transform: scale(0);
  }

  .slide-7 {
    height: 350px;
    overflow: hidden;
  }

  .image-92 {
    inset: 0%;
  }

  .image-93 {
    inset: 22px 0% 0% auto;
  }

  .fxdh {
    height: 350px;
  }

  .div-block-92, .div-block-92.customerdashboard {
    height: 280px;
    margin-top: 10px;
  }

  .div-block-92.estimates {
    height: 222px;
  }

  .image-94 {
    border-radius: 5px 5px 0 0;
  }

  .div-block-93 {
    padding-right: 0;
  }

  .featfeatstat {
    background-image: linear-gradient(#fff, #f5f5f7);
    padding-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .featfeatstat.company {
    padding-top: 40px;
  }

  .featdescripheader {
    font-size: 1.8rem;
  }

  .featctascript, .featctascript.left {
    text-align: left;
  }

  .featpagegrid {
    grid-template-columns: 1fr;
    grid-auto-flow: row dense;
  }

  .featpagegrid.invoicegenerator {
    padding: 40px 25px 30px;
  }

  .featpagegrid.customermanager, .featpagegrid.estimates {
    padding: 40px 25px 10px;
  }

  .featpagegrid.estimates._2 {
    padding-bottom: 20px;
  }

  .featpagegrid.company {
    padding: 40px 25px 10px;
  }

  .quick_feat_comp-copy {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 25px;
  }

  .quick_feat_comp-copy.last {
    margin: 0 0 30px;
    padding-top: 14px;
    padding-bottom: 6px;
  }

  .featbrakdownlist {
    font-size: 1rem;
    line-height: 170%;
  }

  .featbrakdownlist.mobilens {
    display: none;
  }

  .featbrakdownlist.tight {
    line-height: 200%;
  }

  .text-block-65 {
    font-size: 1.6rem;
  }

  .cta08 {
    text-align: left;
    margin-top: 0;
  }

  .cta08.v2 {
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-23 {
    flex-flow: column;
    line-height: 150%;
    display: inline-flex;
  }

  .section-13 {
    padding-left: 20px;
    padding-right: 40px;
  }

  .section-13.faq---invoicegen {
    padding-top: 5.5rem;
    padding-right: 30px;
  }

  .section-13.invoicetemplates {
    padding-top: 60px;
    padding-left: 30px;
  }

  .section-13.invoicetemplates.v2.invtemo {
    padding-left: 25px;
    padding-right: 25px;
  }

  .customerdashhero {
    border-radius: 5px 5px 0 0;
  }

  .image-97 {
    transform-origin: 0 0;
    top: 0;
    bottom: 0;
  }

  .image-98 {
    top: 160px;
    bottom: auto;
  }

  .slide18 {
    height: 350px;
    overflow: hidden;
  }

  .image-99 {
    max-width: none;
    top: 114px;
  }

  .image-100 {
    transform-origin: 0 100%;
    width: auto;
    max-width: none;
    height: 430px;
    bottom: 0;
    left: 0;
  }

  .slide19 {
    height: 350px;
    overflow: hidden;
  }

  .image-101 {
    transform-origin: 100%;
    width: auto;
    height: 380px;
    inset: 3px 130px auto auto;
  }

  .image-102 {
    transform-origin: 100%;
    width: auto;
    height: auto;
    top: 31px;
    bottom: auto;
  }

  .image-103 {
    transform-origin: 0 0;
    top: 7px;
    bottom: auto;
    left: 0;
    transform: scale(.8);
  }

  .image-104 {
    transform-origin: 100%;
    top: 30px;
  }

  .image-105 {
    height: 560px;
    inset: 0%;
  }

  .image-106 {
    height: 650px;
    inset: 0% 0% 0% 10px;
  }

  .image-107 {
    inset: 0% 0% 0% 10px;
  }

  .image-108 {
    inset: 190px 0% 0 80px;
  }

  .image-109 {
    z-index: 20;
    transform-origin: 0;
    border-radius: 0;
    width: 100%;
    max-width: none;
    height: auto;
    inset: auto 0% 0%;
    overflow: clip;
    transform: scale(1);
  }

  .image-109.test {
    left: 255px;
  }

  .image-110 {
    inset: 0%;
  }

  .image-111 {
    z-index: 20;
    transform-origin: 0;
    border-radius: 0;
    width: auto;
    max-width: none;
    inset: 16px auto auto 0;
    overflow: clip;
    transform: scale(.75);
  }

  .image-111.test {
    left: 255px;
  }

  .image-112 {
    border-radius: 5px 5px 0 0;
  }

  .image-113 {
    z-index: 20;
    transform-origin: 0;
    border-radius: 0;
    width: 100%;
    max-width: none;
    inset: 16px auto auto 0;
    overflow: clip;
    transform: none;
  }

  .image-113.test {
    left: 255px;
  }

  .image-114 {
    inset: 0%;
  }

  .slide-8 {
    width: 100%;
    left: 0;
    overflow: hidden;
  }

  .image-115 {
    z-index: 20;
    transform-origin: 0;
    border-radius: 0;
    width: 100%;
    max-width: none;
    inset: 16px auto auto 0;
    overflow: clip;
    transform: none;
  }

  .image-115.test {
    left: 255px;
  }

  .image-117 {
    z-index: 20;
    width: 140px;
    inset: 160px 0% auto 20px;
    transform: none;
  }

  .image-118 {
    z-index: 40;
    height: 195px;
    inset: 160px 0% auto 179px;
  }

  .cell-13-2 {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
  }

  .text-block-68 {
    padding-right: 10px;
  }

  .mobile-menu-backdrop {
    z-index: 0;
  }

  .image-119 {
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: clip;
  }

  .text-block-70 {
    text-align: center;
    font-size: 13px;
  }

  .image-122 {
    max-height: 29px;
  }

  .image-122.pad1 {
    max-height: 18px;
    margin-top: 0;
  }

  .image-122.sh {
    max-height: 24px;
  }

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

  .text-block-71, .actiontext, .perfectfor {
    padding-left: 0;
  }

  .div-block-104.first {
    padding-right: 30px;
  }

  .heading-26, .heading-27 {
    margin-bottom: 20px;
  }

  .pagination {
    justify-content: flex-start;
    margin-top: 30px;
  }

  .next {
    margin-left: 0;
  }

  .contactus {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .home {
    margin-right: 0;
    padding-top: 11px;
    display: block;
  }

  .home.w--current, .home.mobilemenuitem.w--current {
    display: block;
  }

  .home.mobilesignup {
    text-align: right;
    margin-right: 0;
    padding-top: 11px;
    font-weight: 700;
    display: block;
  }

  .invoice-templates._1 {
    padding: 60px 25px 80px;
  }

  .image-125 {
    height: 22px;
  }

  .text-block-76 {
    font-size: 1rem;
  }

  .invoicetemplatedifferences {
    padding-bottom: 0;
    padding-left: 25px;
    padding-right: 25px;
  }

  .div-block-114 {
    margin-top: 50px;
  }

  .collection-list-2 {
    grid-template-columns: 1fr;
  }

  .invoiceteampleindustries {
    grid-template-columns: 1fr;
    grid-auto-flow: row dense;
  }

  .invoiceteampleindustries.invoicegenerator {
    padding: 40px 25px 30px;
  }

  .invoiceteampleindustries.customermanager, .invoiceteampleindustries.estimates {
    padding: 40px 25px 10px;
  }

  .invoiceteampleindustries.estimates._2 {
    padding-bottom: 20px;
  }

  .invoiceteampleindustries.company {
    padding: 40px 25px 10px;
  }

  .text-block-81 {
    font-size: 1.3rem;
  }

  .grid-13 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .text-block-83 {
    font-size: 1.1rem;
  }

  .text-block-83._1-3 {
    padding-top: 0;
    font-size: 1.3rem;
    line-height: 140%;
  }

  .text-block-83._1-3.hub {
    padding-top: 0;
    font-size: 1.2rem;
  }

  .text-block-83._10oxpd {
    font-size: 1.1rem;
  }

  .text-block-83._10oxpd.hub_2, .text-block-83.hub_2 {
    font-size: 1rem;
  }

  .image-133 {
    height: 27px;
    margin-right: 12px;
  }

  .div-block-120 {
    margin-top: 60px;
    padding-top: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .invtemplatehead.job {
    padding-right: 0;
  }

  .quick-stack-22 {
    margin-top: 0;
  }

  .image-134 {
    height: 30px;
  }

  .quick-stack-23 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    max-width: 390px;
    margin-bottom: 30px;
    padding-left: 0;
  }

  .picthis-copy {
    font-size: 1.2rem;
  }

  .picthis-copy.check {
    margin-right: 10px;
  }

  .picthis-copy.hub {
    clear: right;
    line-height: 170%;
  }

  .howtousetemplate {
    padding-left: 25px;
    padding-right: 25px;
  }

  .div-block-124 {
    margin-top: 50px;
    padding: 20px 15px;
  }

  .quick-stack-25 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .link-block-13 {
    padding-left: 0;
  }

  .div-block-127.cta {
    padding: 40px 20px;
  }

  .div-block-127.cta.hub {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .quick-stack-26 {
    padding-top: 10px;
  }

  .format-list.white {
    padding-left: 0;
  }

  .format-list.temppage {
    background-color: #f9f9fa;
  }

  .format-link.jobs {
    padding-left: 12px;
    padding-right: 12px;
  }

  .heading-30.temppage {
    font-size: 1.2rem;
  }

  .industry-faq {
    padding-left: 20px;
    padding-right: 40px;
  }

  .industry-faq.faq---invoicegen {
    padding-top: 5.5rem;
    padding-right: 30px;
  }

  .industry-faq.invoicetemplates {
    padding-top: 60px;
    padding-left: 30px;
  }

  .industry-faq.industry {
    padding-left: 25px;
    padding-right: 25px;
  }

  .invoice-industry-sub-hero.job {
    font-size: 1.3rem;
    line-height: 130%;
  }

  .invoice-industry-hero, .section-16.industry {
    padding-left: 25px;
    padding-right: 25px;
  }

  .heading-32, .heading-32.howtowhatto-h2 {
    font-size: 1.8rem;
    line-height: 130%;
  }

  .heading-32.whattoh2, .jobs-templateheader {
    text-align: left;
  }

  .invtemplatefaq {
    text-align: left;
    padding: 80px 20px;
  }

  .div-block-145 {
    padding-left: 0;
  }

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

  .jobs_header._1pxunder {
    padding-top: 30px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .invoice_template_download_section.jobspage, .whattoinclude, .scenarios {
    padding-left: 25px;
    padding-right: 25px;
  }

  .invtemphub_cta {
    background-color: #f9f9fa;
    border-top-style: none;
    padding-bottom: 80px;
  }

  .div-block-154 {
    background-color: #f9f9fa00;
    border-style: none;
  }

  .faq_section {
    text-align: left;
    padding: 80px 20px;
  }

  .faq_section.jobs {
    padding-left: 25px;
    padding-right: 25px;
  }

  .job-h1 {
    font-size: 2.5rem;
  }

  .lineitems {
    padding-left: 25px;
    padding-right: 25px;
  }

  .text-block-101 {
    color: #4d5256;
  }

  .text-block-101.jobs {
    color: #111;
    font-size: 1.1rem;
  }

  .div-block-155 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-155.mistakes_2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .mistakes {
    border-top-style: none;
    padding-top: 40px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .text-block-106.highlight.mobile {
    text-align: left;
  }

  .howtoinvoice {
    padding-left: 25px;
    padding-right: 25px;
  }

  .div-block-161 {
    padding-left: 20px;
  }

  .text-block-108.v2 {
    text-align: center;
    padding-left: 0;
  }

  .breadcrumb {
    opacity: 1;
    margin-bottom: 50px;
  }

  .crumbs {
    text-align: left;
  }

  .bc {
    font-size: 14px;
    line-height: 26px;
  }

  .bc.fs {
    margin-right: 15px;
  }

  .invtemplatescard {
    background-color: #f9f9fa;
  }

  .populartemplates {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .div-block-1714 {
    margin-top: 50px;
  }

  .how-to-cta.mobile {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .list-item-7 {
    text-align: left;
    display: inline-block;
  }

  .list-item-8, .list-item-9, .div-block-1715 {
    display: inline-block;
  }

  .list-item-10 {
    text-align: left;
  }

  .div-block-1717 {
    max-width: 300px;
    line-height: 20px;
  }

  .image-136 {
    margin-right: 14px;
  }

  .featurestackheader {
    justify-content: flex-start;
    align-items: center;
  }

  .featurestackheader.first {
    padding-left: 10px;
  }

  .comparisonstack {
    grid-column-gap: 0px;
    background-color: #fff0;
    border-style: none;
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-113 {
    font-size: .9rem;
  }

  .image-137 {
    display: none;
    overflow: visible;
  }

  .featurestacklineitem {
    padding-left: 10px;
    padding-right: 0;
  }

  .featurestacklineitem.check {
    justify-content: flex-start;
    align-items: center;
    padding-right: 10px;
  }

  .text-block-114 {
    font-size: .9rem;
  }

  .image-138 {
    height: 34px;
    display: block;
  }
}

#w-node-ff0fa31c-ccbc-c72c-182c-875fb5408f58-b5d0a6fd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_20171397-9e5e-089c-9a3c-abfb70bf24ac-b5d0a6fd, #w-node-_1eaf4a8f-a6a1-7b23-2c24-7c0626862731-b5d0a6fd {
  justify-self: start;
}

#w-node-_276ddbb5-d6ec-403b-7204-a243c82456a9-b5d0a6fd, #w-node-_276ddbb5-d6ec-403b-7204-a243c82456b2-b5d0a6fd {
  justify-self: center;
}

#w-node-b0396a96-deec-4cbd-ed3b-5d527c59b49c-b5d0a6fd {
  align-self: center;
}

#w-node-_9338a647-69ee-d34e-446e-af327c21b438-b5d0a6fd, #w-node-_9338a647-69ee-d34e-446e-af327c21b43c-b5d0a6fd {
  justify-self: center;
}

#w-node-c67c36f4-66c3-04c9-8e81-e2f439dacf0f-25cf66b5, #w-node-c67c36f4-66c3-04c9-8e81-e2f439dacf24-25cf66b5 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-f7b6e573-6847-74e1-062d-2a8ceabc4e5f-25cf66b5 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_62328769-fd04-d6de-6029-d72fc5e1a3f3-25cf66b5 {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-f1b9ae13-9fa2-dcd7-5ef6-96c2e719af3e-25cf66b5, #w-node-aac8e0dc-1b4a-e7af-1dd1-bc00717ad087-ea71c6be, #w-node-d5d373a8-e227-3160-340e-6718aebd6536-ea71c6be {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_045272fc-7ba6-5bc1-b15e-3341cdb56134-ea71c6be, #w-node-_5f7ea070-5c86-5bfc-e334-b8bf4a134ab2-ea71c6be {
  align-self: center;
}

#w-node-c7d835da-72d4-4b58-04c6-c56e3f3da89c-ea71c6be {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-fa82268d-13d5-522f-7e81-2d713aaa3d8b-31aa09b9, #w-node-d305baaf-d0d8-1dd4-69ac-64fc9c3f4377-31aa09b9, #w-node-_17f3faa4-fa9e-5825-e82a-6ef150e5197d-31aa09b9 {
  align-self: start;
}

#w-node-d5576ace-b10d-00a1-3670-1a1ef2567626-31aa09b9 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_2259e9d6-244c-0e82-613f-951cafdefdb7-31aa09b9 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-c54ac7b6-ceea-2e3c-eb0d-d67f2d843729-2d843723 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-c9d80853-8501-6b2f-88b4-43063e5f28da-d60a63d4 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_70e72ca6-6f43-57fc-4c1c-4e49ee77eda6-6d4d19a9 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
}

#w-node-a98325f2-d112-b073-ef3f-dd3ac083984c-6d4d19a9, #w-node-_42a5a33c-2422-a698-1f0e-6c18c651573a-6d4d19a9 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_565e4d3c-8c60-94db-c17b-96f2d485e57b-6d4d19a9, #w-node-_565e4d3c-8c60-94db-c17b-96f2d485e57d-6d4d19a9, #w-node-_565e4d3c-8c60-94db-c17b-96f2d485e57f-6d4d19a9, #w-node-_565e4d3c-8c60-94db-c17b-96f2d485e581-6d4d19a9 {
  place-self: center;
}

#w-node-_7fbdc152-8e2e-34d2-9636-68774f940bcf-c49b9400 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
}

#w-node-_7fbdc152-8e2e-34d2-9636-68774f940c0a-c49b9400 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-c98d8bcf-60da-74f8-8611-b1cac7ebf26e-c49b9400, #w-node-c98d8bcf-60da-74f8-8611-b1cac7ebf270-c49b9400, #w-node-c98d8bcf-60da-74f8-8611-b1cac7ebf272-c49b9400, #w-node-c98d8bcf-60da-74f8-8611-b1cac7ebf274-c49b9400 {
  place-self: center;
}

#w-node-abb7f3a2-ba50-a64d-c2cc-c99898b882f5-9e1ef38b {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
}

#w-node-abb7f3a2-ba50-a64d-c2cc-c99898b88330-9e1ef38b, #w-node-abb7f3a2-ba50-a64d-c2cc-c99898b8836c-9e1ef38b {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_89217f7f-c3c7-608d-d656-22fc1aefb855-431f4501, #w-node-_092234bf-7753-8794-d3b4-9768df0ec993-431f4501 {
  align-self: center;
}

#w-node-c61c18a4-9dbd-9705-cdd9-613f2de5bd04-2de5bcfc, #w-node-c61c18a4-9dbd-9705-cdd9-613f2de5bd06-2de5bcfc, #w-node-c61c18a4-9dbd-9705-cdd9-613f2de5bd08-2de5bcfc {
  place-self: center;
}

#w-node-_89217f7f-c3c7-608d-d656-22fc1aefb855-593a39f2, #w-node-_092234bf-7753-8794-d3b4-9768df0ec993-593a39f2, #w-node-_19121337-3e01-cb3a-fdba-2fa48557c4a3-593a39f2 {
  align-self: center;
}

#w-node-_301129ca-5559-d458-5eed-866686b2358e-6c37acfe, #w-node-_0802b6bb-27b9-8d06-65ba-cc41233480a5-6c37acfe {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_87e8d4f9-d26f-b947-0d47-a2aa8827b038-6c37acfe, #w-node-_87e8d4f9-d26f-b947-0d47-a2aa8827b03a-6c37acfe, #w-node-_87e8d4f9-d26f-b947-0d47-a2aa8827b03c-6c37acfe, #w-node-_87e8d4f9-d26f-b947-0d47-a2aa8827b03e-6c37acfe {
  place-self: center;
}

#w-node-_89217f7f-c3c7-608d-d656-22fc1aefb855-40618348, #w-node-_092234bf-7753-8794-d3b4-9768df0ec993-40618348, #w-node-_19121337-3e01-cb3a-fdba-2fa48557c4a3-40618348, #w-node-_89217f7f-c3c7-608d-d656-22fc1aefb855-caede9d1, #w-node-_092234bf-7753-8794-d3b4-9768df0ec993-caede9d1, #w-node-_89217f7f-c3c7-608d-d656-22fc1aefb855-8cf8caec, #w-node-_092234bf-7753-8794-d3b4-9768df0ec993-8cf8caec, #w-node-_19121337-3e01-cb3a-fdba-2fa48557c4a3-8cf8caec, #w-node-_89217f7f-c3c7-608d-d656-22fc1aefb855-64ad4eb5, #w-node-_092234bf-7753-8794-d3b4-9768df0ec993-64ad4eb5, #w-node-_89217f7f-c3c7-608d-d656-22fc1aefb855-b7aef6fd, #w-node-_092234bf-7753-8794-d3b4-9768df0ec993-b7aef6fd, #w-node-_19121337-3e01-cb3a-fdba-2fa48557c4a3-b7aef6fd, #w-node-_89217f7f-c3c7-608d-d656-22fc1aefb855-15c91572, #w-node-_092234bf-7753-8794-d3b4-9768df0ec993-15c91572, #w-node-_89217f7f-c3c7-608d-d656-22fc1aefb855-7b6bea3b, #w-node-_092234bf-7753-8794-d3b4-9768df0ec993-7b6bea3b, #w-node-_19121337-3e01-cb3a-fdba-2fa48557c4a3-7b6bea3b, #w-node-_89217f7f-c3c7-608d-d656-22fc1aefb855-e23bfddf, #w-node-_092234bf-7753-8794-d3b4-9768df0ec993-e23bfddf, #w-node-_10f53811-fbc0-5049-3d4d-d6074ff5f168-66400b90 {
  align-self: center;
}

#w-node-_4a4e40df-c036-127e-341c-89a99aa453b5-66400b90 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_10f53811-fbc0-5049-3d4d-d6074ff5f178-66400b90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f65393f3-13bb-34f7-e106-8457c9b7025f-66400b90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_82760fa8-2206-64f5-3622-861eb5c1a031-66400b90 {
  align-self: center;
}

#w-node-_6a4c7895-2f0d-3b9c-b88e-4e8db9934422-66400b90, #w-node-da94d24b-e9f8-d7a0-f676-58ce7afbd5f5-66400b90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_5853ec8b-5d7f-3f33-7661-94cc87bcffed-66400b90 {
  align-self: center;
}

#w-node-_36bbe0ed-8f22-a365-6e42-ee31ec21987e-66400b90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_81dba09b-e306-4490-45bf-fc4801b93b90-66400b90, #w-node-_81dba09b-e306-4490-45bf-fc4801b93b9b-66400b90 {
  align-self: center;
}

#w-node-_81dba09b-e306-4490-45bf-fc4801b93b9c-66400b90 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_873c2ec1-a602-7b52-443a-05213d3e5175-66400b90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_873c2ec1-a602-7b52-443a-05213d3e5178-66400b90, #w-node-acc13139-8927-ed57-3b80-9513a7cd3e38-66400b90 {
  align-self: center;
}

#w-node-acc13139-8927-ed57-3b80-9513a7cd3e48-66400b90, #w-node-_2eb56f8f-17f8-5451-9bbf-576dd5f77f90-66400b90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2eb56f8f-17f8-5451-9bbf-576dd5f77f92-66400b90 {
  align-self: center;
}

#w-node-_45e7f9c4-f3c9-1b94-61e9-c68b3fbcba9d-8f445ba6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-e5cf7a41-e963-0a6d-d920-734a7844247f-8f445ba6, #w-node-f1a4c537-f2a0-9e38-9c4c-8de207a57c4f-8f445ba6, #w-node-a608900d-27df-944b-ce3a-1f8e546dafdf-8f445ba6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_2b09cbf6-8a16-32cf-3ae3-0982fb7a3918-8f445ba6, #w-node-_2b09cbf6-8a16-32cf-3ae3-0982fb7a3920-8f445ba6, #w-node-_2b09cbf6-8a16-32cf-3ae3-0982fb7a392b-8f445ba6, #w-node-_2b09cbf6-8a16-32cf-3ae3-0982fb7a3936-8f445ba6, #w-node-_2b09cbf6-8a16-32cf-3ae3-0982fb7a393f-8f445ba6, #w-node-_2b09cbf6-8a16-32cf-3ae3-0982fb7a394a-8f445ba6, #w-node-_2b09cbf6-8a16-32cf-3ae3-0982fb7a3955-8f445ba6, #w-node-_2b09cbf6-8a16-32cf-3ae3-0982fb7a395e-8f445ba6, #w-node-_2b09cbf6-8a16-32cf-3ae3-0982fb7a3967-8f445ba6, #w-node-_2b09cbf6-8a16-32cf-3ae3-0982fb7a3970-8f445ba6, #w-node-_2b09cbf6-8a16-32cf-3ae3-0982fb7a3979-8f445ba6, #w-node-_2b09cbf6-8a16-32cf-3ae3-0982fb7a3982-8f445ba6, #w-node-_2b09cbf6-8a16-32cf-3ae3-0982fb7a398b-8f445ba6, #w-node-_2b09cbf6-8a16-32cf-3ae3-0982fb7a3994-8f445ba6, #w-node-_2b09cbf6-8a16-32cf-3ae3-0982fb7a399d-8f445ba6, #w-node-_2b09cbf6-8a16-32cf-3ae3-0982fb7a39a6-8f445ba6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2b09cbf6-8a16-32cf-3ae3-0982fb7a39ac-8f445ba6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2b09cbf6-8a16-32cf-3ae3-0982fb7a39af-8f445ba6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5fbcbdfa-51a1-5a52-a040-5d6dc14ff8e2-8f445ba6, #w-node-_5fbcbdfa-51a1-5a52-a040-5d6dc14ff8e4-8f445ba6, #w-node-_5fbcbdfa-51a1-5a52-a040-5d6dc14ff8e6-8f445ba6, #w-node-_0611cb60-a806-f86e-1c54-ba73a400c9cd-8f445ba6 {
  place-self: center;
}

#w-node-e287948e-5ded-0a3a-096f-6440d5df3395-8f445ba6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_66e4f88d-60a3-8f7f-4d1b-11369b9d85d9-c57ebc96 {
  grid-template-rows: auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-ec462cbc-d19a-bf52-84d9-705fc25c0024-e6947bff, #w-node-ed068447-0ecb-2aeb-6148-6263d469ead7-e6947bff, #w-node-e588f842-f525-b777-5465-a75ba59a84cb-e6947bff, #w-node-_63c5b3eb-1f31-acde-6287-feff186dd233-e6947bff, #w-node-_63c5b3eb-1f31-acde-6287-feff186dd239-e6947bff, #w-node-_63c5b3eb-1f31-acde-6287-feff186dd23f-e6947bff, #w-node-_3ccead52-1370-03e2-9eca-8e6bc40c2fd7-e6947bff, #w-node-_3ccead52-1370-03e2-9eca-8e6bc40c2fdd-e6947bff, #w-node-_3ccead52-1370-03e2-9eca-8e6bc40c2fe3-e6947bff, #w-node-_294f949c-5a3e-dfbf-447a-d87937713d4e-e6947bff, #w-node-_294f949c-5a3e-dfbf-447a-d87937713d54-e6947bff, #w-node-_294f949c-5a3e-dfbf-447a-d87937713d5a-e6947bff, #w-node-b95426de-d42e-2022-80a1-0ccd58229a67-e6947bff, #w-node-b95426de-d42e-2022-80a1-0ccd58229a6d-e6947bff, #w-node-b95426de-d42e-2022-80a1-0ccd58229a73-e6947bff, #w-node-d7202a7e-9440-59a5-8bf5-9fc2a7ad1cd8-e6947bff, #w-node-d7202a7e-9440-59a5-8bf5-9fc2a7ad1cde-e6947bff, #w-node-d7202a7e-9440-59a5-8bf5-9fc2a7ad1ce4-e6947bff, #w-node-f6cff7d4-d469-2ad9-eb7f-7d88ee3312a7-e6947bff, #w-node-f6cff7d4-d469-2ad9-eb7f-7d88ee3312ad-e6947bff, #w-node-f6cff7d4-d469-2ad9-eb7f-7d88ee3312b3-e6947bff, #w-node-ab4a4f1b-afd7-c40c-2212-4c3e728ef300-e6947bff, #w-node-ab4a4f1b-afd7-c40c-2212-4c3e728ef306-e6947bff, #w-node-ab4a4f1b-afd7-c40c-2212-4c3e728ef30c-e6947bff, #w-node-cb0b04b4-27cd-d80f-e1f1-1cad5f85a19b-e6947bff, #w-node-cb0b04b4-27cd-d80f-e1f1-1cad5f85a1a1-e6947bff, #w-node-cb0b04b4-27cd-d80f-e1f1-1cad5f85a1a7-e6947bff, #w-node-_939ee5f6-87fc-b3b3-e213-e713cb7e6028-e6947bff, #w-node-_939ee5f6-87fc-b3b3-e213-e713cb7e602e-e6947bff, #w-node-_939ee5f6-87fc-b3b3-e213-e713cb7e6034-e6947bff, #w-node-_1cf24bdc-0095-4198-72d3-0bae2a798710-e6947bff, #w-node-_1cf24bdc-0095-4198-72d3-0bae2a798716-e6947bff, #w-node-_1cf24bdc-0095-4198-72d3-0bae2a79871c-e6947bff, #w-node-f61e3280-5b5e-97de-ca78-2af4aa9b93dc-e6947bff, #w-node-f61e3280-5b5e-97de-ca78-2af4aa9b93e2-e6947bff, #w-node-f61e3280-5b5e-97de-ca78-2af4aa9b93e8-e6947bff, #w-node-d2600d2c-5b4b-73b5-6e14-bb0cd8e9eb42-e6947bff, #w-node-d2600d2c-5b4b-73b5-6e14-bb0cd8e9eb48-e6947bff, #w-node-d2600d2c-5b4b-73b5-6e14-bb0cd8e9eb4e-e6947bff, #w-node-b31cbe2f-a1c4-c34e-7189-8d1a9491c2b9-e6947bff, #w-node-b31cbe2f-a1c4-c34e-7189-8d1a9491c2bf-e6947bff, #w-node-b31cbe2f-a1c4-c34e-7189-8d1a9491c2c5-e6947bff {
  align-self: center;
}

#w-node-_9afa9355-63f6-3b32-80f3-2bb779781577-7a4a9b46 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-ab071227-940a-9df6-46c6-f77e6e7cbb6d-7a4a9b46 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-ab071227-940a-9df6-46c6-f77e6e7cbb6e-7a4a9b46 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ab071227-940a-9df6-46c6-f77e6e7cbb73-7a4a9b46 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-ba4464c3-99af-600b-b531-3efa5c58bb7d-7a4a9b46 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
}

#w-node-_15cccfaa-c468-1deb-7002-585aebc4c424-7a4a9b46, #w-node-b32e8b35-d438-28f5-2b70-282ce6672585-7a4a9b46, #w-node-_71a33322-b0d0-5b90-dac6-bb64238329bd-7a4a9b46, #w-node-_2f560ded-ae60-cb9c-8315-8fa3ee61c570-7a4a9b46, #w-node-_82a45a3c-cbfd-0d02-03cf-54f10a2ff47b-7a4a9b46, #w-node-ec6064f6-e453-1e0d-80a5-ee9026174d01-7a4a9b46 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
}

#w-node-_2b15005e-f294-159b-6455-6721ad1680f2-7a4a9b46 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-f46eadf2-838a-6c22-6749-442ffde0bcfa-7a4a9b46, #w-node-ad6ff9bc-5a31-57dd-ceba-c681af247955-7a4a9b46 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .3fr .3fr 1fr 1.75fr;
}

#w-node-e03f62cd-3647-d8ec-bc3c-ebe558f7e445-7a4a9b46, #w-node-bc610700-d10c-35e8-cda3-ca3c50dd9dc9-7a4a9b46, #w-node-_01688c92-7a98-3295-475c-24a1e5a606e5-7a4a9b46, #w-node-_5e0d66aa-3bc0-2817-2cb1-7e89d68ea748-7a4a9b46, #w-node-_9f33066a-cb78-436a-36b2-66097f5c62fe-7a4a9b46, #w-node-_4673b3c8-052e-fdf7-86cf-e7f4407df03b-7a4a9b46, #w-node-_0f943b68-5887-3f5d-00fe-de261ac84fc2-7a4a9b46 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_9430c104-6082-013f-d383-fc0d85e6d798-7a4a9b46 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9430c104-6082-013f-d383-fc0d85e6d7b7-7a4a9b46, #w-node-_9430c104-6082-013f-d383-fc0d85e6d7c1-7a4a9b46 {
  justify-self: start;
}

#w-node-_9430c104-6082-013f-d383-fc0d85e6d7cc-7a4a9b46, #w-node-_9430c104-6082-013f-d383-fc0d85e6d7d0-7a4a9b46 {
  justify-self: center;
}

#w-node-_9430c104-6082-013f-d383-fc0d85e6d7d4-7a4a9b46 {
  align-self: center;
}

#w-node-b4ba1621-160d-b9fc-11c4-9642c1af382c-1d1ca941, #w-node-b713009a-df8d-5481-515d-50b93c964e69-1d1ca941, #w-node-_81e15e26-b16a-ad03-33d7-c497da01b340-1d1ca941 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_3f9189b2-a785-1e3c-13f6-3081e89a05df-6522d571 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

#w-node-_961236c8-22d4-382b-a2ee-f5b6efc12982-6522d571 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_7f8569d0-0489-07e9-f371-2d6bc0fdff04-6522d571 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_7f8569d0-0489-07e9-f371-2d6bc0fdff05-6522d571, #w-node-_7f5a4d69-0de4-f0c0-8ee6-a919e070ebda-6522d571, #w-node-_50cca0dd-527b-50a3-5df9-bcd23ac59266-6522d571, #w-node-_48991fca-1e1f-9d22-0df1-81472a8b4357-6522d571 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_23acdf43-d65c-5ae8-0026-11afc6d398a4-6522d571 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_23acdf43-d65c-5ae8-0026-11afc6d398a8-6522d571, #w-node-_23acdf43-d65c-5ae8-0026-11afc6d398ab-6522d571 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ebbb5a3b-cb83-f5d7-b356-53a09750bde8-6522d571 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-ebbb5a3b-cb83-f5d7-b356-53a09750bdec-6522d571, #w-node-ebbb5a3b-cb83-f5d7-b356-53a09750bdef-6522d571 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_79f38830-a19d-1c83-b642-4fafd1d084af-6522d571 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_79f38830-a19d-1c83-b642-4fafd1d084b3-6522d571, #w-node-_79f38830-a19d-1c83-b642-4fafd1d084b6-6522d571 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_40afa30f-7dad-1fe5-8ae6-93f9da574811-6522d571 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_40afa30f-7dad-1fe5-8ae6-93f9da574815-6522d571, #w-node-_40afa30f-7dad-1fe5-8ae6-93f9da574818-6522d571 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f77e9e7c-d85a-35be-eeea-315f73443ee5-6522d571 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-f77e9e7c-d85a-35be-eeea-315f73443ee9-6522d571, #w-node-f77e9e7c-d85a-35be-eeea-315f73443eec-6522d571 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_10f29071-4718-277c-ecab-f76e275d631b-6522d571 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-b05c2255-6777-6065-7f8c-0d8de62b2959-6522d571, #w-node-_10f29071-4718-277c-ecab-f76e275d6322-6522d571 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1e16c6be-4c76-f012-ee53-87d81e89fe70-6522d571, #w-node-b386c756-fce0-bca4-587b-06f4c1bdb2ec-6522d571 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 991px) {
  #w-node-ff0fa31c-ccbc-c72c-182c-875fb5408f58-b5d0a6fd {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_61606a44-8b6e-4e61-e2ef-f175b0678c52-b5d0a6fd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_20171397-9e5e-089c-9a3c-abfb70bf24ac-b5d0a6fd, #w-node-_1eaf4a8f-a6a1-7b23-2c24-7c0626862731-b5d0a6fd {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_276ddbb5-d6ec-403b-7204-a243c82456a9-b5d0a6fd {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
  }

  #w-node-_276ddbb5-d6ec-403b-7204-a243c82456b2-b5d0a6fd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b0396a96-deec-4cbd-ed3b-5d527c59b49c-b5d0a6fd {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_9338a647-69ee-d34e-446e-af327c21b438-b5d0a6fd {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
  }

  #w-node-_9338a647-69ee-d34e-446e-af327c21b43c-b5d0a6fd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c67c36f4-66c3-04c9-8e81-e2f439dacf0f-25cf66b5, #w-node-c67c36f4-66c3-04c9-8e81-e2f439dacf24-25cf66b5 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-c67c36f4-66c3-04c9-8e81-e2f439dacf25-25cf66b5 {
    order: 9999;
  }

  #w-node-f7b6e573-6847-74e1-062d-2a8ceabc4e5f-25cf66b5 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-f7b6e573-6847-74e1-062d-2a8ceabc4e60-25cf66b5, #w-node-f7b6e573-6847-74e1-062d-2a8ceabc4e6c-25cf66b5, #w-node-f7b6e573-6847-74e1-062d-2a8ceabc4e77-25cf66b5, #w-node-f7b6e573-6847-74e1-062d-2a8ceabc4e82-25cf66b5, #w-node-f7b6e573-6847-74e1-062d-2a8ceabc4e8d-25cf66b5, #w-node-f7b6e573-6847-74e1-062d-2a8ceabc4e98-25cf66b5 {
    grid-column: span 3 / span 3;
  }

  #w-node-aac8e0dc-1b4a-e7af-1dd1-bc00717ad088-ea71c6be, #w-node-aac8e0dc-1b4a-e7af-1dd1-bc00717ad093-ea71c6be {
    grid-column: span 2 / span 2;
  }

  #w-node-c7d835da-72d4-4b58-04c6-c56e3f3da89c-ea71c6be {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-c7d835da-72d4-4b58-04c6-c56e3f3da89d-ea71c6be, #w-node-c7d835da-72d4-4b58-04c6-c56e3f3da8ab-ea71c6be, #w-node-c7d835da-72d4-4b58-04c6-c56e3f3da8b8-ea71c6be {
    grid-column: span 3 / span 3;
  }

  #w-node-_17f3faa4-fa9e-5825-e82a-6ef150e5197d-31aa09b9 {
    align-self: start;
  }

  #w-node-d5576ace-b10d-00a1-3670-1a1ef2567626-31aa09b9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2259e9d6-244c-0e82-613f-951cafdefdb7-31aa09b9 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-_2259e9d6-244c-0e82-613f-951cafdefdb8-31aa09b9, #w-node-_2259e9d6-244c-0e82-613f-951cafdefdc6-31aa09b9, #w-node-_2259e9d6-244c-0e82-613f-951cafdefdd3-31aa09b9, #w-node-_2259e9d6-244c-0e82-613f-951cafdefde0-31aa09b9, #w-node-_2259e9d6-244c-0e82-613f-951cafdefded-31aa09b9, #w-node-_2259e9d6-244c-0e82-613f-951cafdefdfa-31aa09b9 {
    grid-column: span 3 / span 3;
  }

  #w-node-c54ac7b6-ceea-2e3c-eb0d-d67f2d843726-2d843723 {
    order: -9999;
  }

  #w-node-c9d80853-8501-6b2f-88b4-43063e5f28db-d60a63d4, #w-node-c9d80853-8501-6b2f-88b4-43063e5f28dc-d60a63d4, #w-node-fcd5d37b-1052-d2c9-29f0-7f0e6c842878-d60a63d4, #w-node-_8d1abd5b-7c5b-9105-5519-90cb2d03d1b9-d60a63d4 {
    grid-column: span 2 / span 2;
  }

  #w-node-e5cf7a41-e963-0a6d-d920-734a7844247f-8f445ba6, #w-node-a608900d-27df-944b-ce3a-1f8e546dafdf-8f445ba6 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-a608900d-27df-944b-ce3a-1f8e546dafe0-8f445ba6 {
    order: 9999;
  }

  #w-node-e287948e-5ded-0a3a-096f-6440d5df3379-8f445ba6, #w-node-e287948e-5ded-0a3a-096f-6440d5df33b1-8f445ba6 {
    order: -9999;
  }

  #w-node-ba4464c3-99af-600b-b531-3efa5c58bb7d-7a4a9b46 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_9430c104-6082-013f-d383-fc0d85e6d798-7a4a9b46 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_9430c104-6082-013f-d383-fc0d85e6d7ad-7a4a9b46 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9430c104-6082-013f-d383-fc0d85e6d7b7-7a4a9b46, #w-node-_9430c104-6082-013f-d383-fc0d85e6d7c1-7a4a9b46 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_9430c104-6082-013f-d383-fc0d85e6d7cc-7a4a9b46 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
  }

  #w-node-_9430c104-6082-013f-d383-fc0d85e6d7d0-7a4a9b46 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9430c104-6082-013f-d383-fc0d85e6d7d4-7a4a9b46 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_1e16c6be-4c76-f012-ee53-87d81e89fe70-6522d571 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 767px) {
  #w-node-ff0fa31c-ccbc-c72c-182c-875fb5408f58-b5d0a6fd {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_61606a44-8b6e-4e61-e2ef-f175b0678c52-b5d0a6fd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_20171397-9e5e-089c-9a3c-abfb70bf24ac-b5d0a6fd, #w-node-_1eaf4a8f-a6a1-7b23-2c24-7c0626862731-b5d0a6fd, #w-node-_276ddbb5-d6ec-403b-7204-a243c82456a9-b5d0a6fd, #w-node-_276ddbb5-d6ec-403b-7204-a243c82456b2-b5d0a6fd {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-b0396a96-deec-4cbd-ed3b-5d527c59b49c-b5d0a6fd {
    justify-self: start;
  }

  #w-node-_9338a647-69ee-d34e-446e-af327c21b438-b5d0a6fd, #w-node-_9338a647-69ee-d34e-446e-af327c21b43c-b5d0a6fd {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-f7b6e573-6847-74e1-062d-2a8ceabc4e5f-25cf66b5 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_62328769-fd04-d6de-6029-d72fc5e1a3f4-25cf66b5, #w-node-_62328769-fd04-d6de-6029-d72fc5e1a3f5-25cf66b5, #w-node-_49a3be7c-967c-2e55-1b90-a0a8bcfd0907-25cf66b5 {
    grid-column: span 3 / span 3;
  }

  #w-node-f1b9ae13-9fa2-dcd7-5ef6-96c2e719af3e-25cf66b5, #w-node-c7d835da-72d4-4b58-04c6-c56e3f3da89c-ea71c6be, #w-node-_2259e9d6-244c-0e82-613f-951cafdefdb7-31aa09b9, #w-node-_70e72ca6-6f43-57fc-4c1c-4e49ee77eda6-6d4d19a9, #w-node-a98325f2-d112-b073-ef3f-dd3ac083984c-6d4d19a9 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-a98325f2-d112-b073-ef3f-dd3ac083984d-6d4d19a9 {
    order: 9999;
  }

  #w-node-_42a5a33c-2422-a698-1f0e-6c18c651573a-6d4d19a9, #w-node-_7fbdc152-8e2e-34d2-9636-68774f940bcf-c49b9400, #w-node-_7fbdc152-8e2e-34d2-9636-68774f940c0a-c49b9400 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_7fbdc152-8e2e-34d2-9636-68774f940c0b-c49b9400 {
    order: 9999;
  }

  #w-node-abb7f3a2-ba50-a64d-c2cc-c99898b882f5-9e1ef38b, #w-node-abb7f3a2-ba50-a64d-c2cc-c99898b88330-9e1ef38b {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-abb7f3a2-ba50-a64d-c2cc-c99898b88331-9e1ef38b {
    order: 9999;
  }

  #w-node-abb7f3a2-ba50-a64d-c2cc-c99898b8836c-9e1ef38b, #w-node-_301129ca-5559-d458-5eed-866686b2358e-6c37acfe, #w-node-_0802b6bb-27b9-8d06-65ba-cc41233480a5-6c37acfe {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_81dba09b-e306-4490-45bf-fc4801b93b9c-66400b90 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_175ed1b9-a616-133a-49e6-fb2f2d979282-66400b90 {
    align-self: auto;
  }

  #w-node-_45e7f9c4-f3c9-1b94-61e9-c68b3fbcba9d-8f445ba6 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_66e4f88d-60a3-8f7f-4d1b-11369b9d85d9-c57ebc96 {
    grid-template-rows: auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_9afa9355-63f6-3b32-80f3-2bb779781577-7a4a9b46, #w-node-_15cccfaa-c468-1deb-7002-585aebc4c424-7a4a9b46, #w-node-b32e8b35-d438-28f5-2b70-282ce6672585-7a4a9b46, #w-node-_71a33322-b0d0-5b90-dac6-bb64238329bd-7a4a9b46, #w-node-_2f560ded-ae60-cb9c-8315-8fa3ee61c570-7a4a9b46, #w-node-_82a45a3c-cbfd-0d02-03cf-54f10a2ff47b-7a4a9b46, #w-node-ec6064f6-e453-1e0d-80a5-ee9026174d01-7a4a9b46, #w-node-_2b15005e-f294-159b-6455-6721ad1680f2-7a4a9b46 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-f46eadf2-838a-6c22-6749-442ffde0bcfa-7a4a9b46 {
    display: none;
  }

  #w-node-ad6ff9bc-5a31-57dd-ceba-c681af247955-7a4a9b46 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-e03f62cd-3647-d8ec-bc3c-ebe558f7e445-7a4a9b46 {
    display: none;
  }

  #w-node-bc610700-d10c-35e8-cda3-ca3c50dd9dc9-7a4a9b46, #w-node-_01688c92-7a98-3295-475c-24a1e5a606e5-7a4a9b46, #w-node-_5e0d66aa-3bc0-2817-2cb1-7e89d68ea748-7a4a9b46, #w-node-_9f33066a-cb78-436a-36b2-66097f5c62fe-7a4a9b46, #w-node-_4673b3c8-052e-fdf7-86cf-e7f4407df03b-7a4a9b46, #w-node-_0f943b68-5887-3f5d-00fe-de261ac84fc2-7a4a9b46 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_9430c104-6082-013f-d383-fc0d85e6d798-7a4a9b46 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_9430c104-6082-013f-d383-fc0d85e6d7ad-7a4a9b46 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9430c104-6082-013f-d383-fc0d85e6d7b7-7a4a9b46, #w-node-_9430c104-6082-013f-d383-fc0d85e6d7c1-7a4a9b46, #w-node-_9430c104-6082-013f-d383-fc0d85e6d7cc-7a4a9b46, #w-node-_9430c104-6082-013f-d383-fc0d85e6d7d0-7a4a9b46 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_9430c104-6082-013f-d383-fc0d85e6d7d4-7a4a9b46 {
    justify-self: start;
  }

  #w-node-b713009a-df8d-5481-515d-50b93c964e69-1d1ca941 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_961236c8-22d4-382b-a2ee-f5b6efc12982-6522d571 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_23acdf43-d65c-5ae8-0026-11afc6d398a4-6522d571, #w-node-f77e9e7c-d85a-35be-eeea-315f73443ee5-6522d571 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }

  #w-node-f77e9e7c-d85a-35be-eeea-315f73443eec-6522d571 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_10f29071-4718-277c-ecab-f76e275d631b-6522d571 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }

  #w-node-_10f29071-4718-277c-ecab-f76e275d6322-6522d571 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b386c756-fce0-bca4-587b-06f4c1bdb2ec-6522d571 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-ff0fa31c-ccbc-c72c-182c-875fb5408f58-b5d0a6fd, #w-node-_61606a44-8b6e-4e61-e2ef-f175b0678c52-b5d0a6fd {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_20171397-9e5e-089c-9a3c-abfb70bf24ac-b5d0a6fd, #w-node-_1eaf4a8f-a6a1-7b23-2c24-7c0626862731-b5d0a6fd {
    grid-area: span 1 / span 4 / span 1 / span 4;
    justify-self: start;
  }

  #w-node-_276ddbb5-d6ec-403b-7204-a243c82456a9-b5d0a6fd {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_276ddbb5-d6ec-403b-7204-a243c82456b2-b5d0a6fd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9338a647-69ee-d34e-446e-af327c21b438-b5d0a6fd {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_9338a647-69ee-d34e-446e-af327c21b43c-b5d0a6fd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f7b6e573-6847-74e1-062d-2a8ceabc4e5f-25cf66b5 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-f7b6e573-6847-74e1-062d-2a8ceabc4e60-25cf66b5 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-f7b6e573-6847-74e1-062d-2a8ceabc4e6c-25cf66b5, #w-node-f7b6e573-6847-74e1-062d-2a8ceabc4e77-25cf66b5 {
    grid-column: span 3 / span 3;
  }

  #w-node-_57e55585-81b8-1689-00fc-86fdc770c3cb-25cf66b5, #w-node-db5466b6-4783-b952-1482-285995fe1386-25cf66b5, #w-node-_2db009b3-c173-5b0d-b0a5-6fc79c1f3966-25cf66b5, #w-node-_24bf3843-e8c6-8c41-b078-1871d96d4ae6-25cf66b5, #w-node-_32fa3d7d-5b47-d50f-7753-7a6ab67ca66b-25cf66b5 {
    align-self: center;
  }

  #w-node-_62328769-fd04-d6de-6029-d72fc5e1a3f4-25cf66b5 {
    order: 1;
  }

  #w-node-_62328769-fd04-d6de-6029-d72fc5e1a3f5-25cf66b5 {
    order: 5;
  }

  #w-node-_49a3be7c-967c-2e55-1b90-a0a8bcfd0907-25cf66b5 {
    order: 9;
  }

  #w-node-_57e79324-7874-a554-4692-da68a55ce1a8-25cf66b5 {
    order: 2;
    grid-column: span 3 / span 3;
  }

  #w-node-ec135f09-6d45-c383-40be-79a4f6ce1ec5-25cf66b5 {
    order: 6;
    grid-column: span 3 / span 3;
  }

  #w-node-b911198d-de19-5e6a-5b78-4be46043fa3a-25cf66b5 {
    order: 10;
    grid-column: span 3 / span 3;
  }

  #w-node-_515bdaaf-720c-77c1-5ead-8e4da67afc3f-25cf66b5 {
    order: 3;
    grid-column: span 3 / span 3;
  }

  #w-node-a2bd424c-6549-9682-4b9f-e91a36fa50f7-25cf66b5 {
    order: 7;
    grid-column: span 3 / span 3;
  }

  #w-node-_0b88a53a-b9bf-d67d-5249-e3aa93b0ea6e-25cf66b5 {
    order: 11;
    grid-column: span 3 / span 3;
  }

  #w-node-_5591f2eb-7d99-80c9-7862-c988b6701630-25cf66b5 {
    order: 4;
    grid-column: span 3 / span 3;
  }

  #w-node-_65d50989-5f19-1db9-8742-9b0a3d3648f2-25cf66b5 {
    order: 8;
    grid-column: span 3 / span 3;
  }

  #w-node-bb901a8e-4435-b9f3-c8e0-5438f90925e9-25cf66b5 {
    order: 12;
    grid-column: span 3 / span 3;
  }

  #w-node-f1b9ae13-9fa2-dcd7-5ef6-96c2e719af3f-25cf66b5, #w-node-f1b9ae13-9fa2-dcd7-5ef6-96c2e719af72-25cf66b5, #w-node-d5d373a8-e227-3160-340e-6718aebd6537-ea71c6be, #w-node-d5d373a8-e227-3160-340e-6718aebd6558-ea71c6be {
    grid-column: span 2 / span 2;
  }

  #w-node-_501756bf-9261-9054-0217-139d7b202db5-ea71c6be, #w-node-_501756bf-9261-9054-0217-139d7b202dba-ea71c6be, #w-node-_501756bf-9261-9054-0217-139d7b202dbf-ea71c6be, #w-node-_501756bf-9261-9054-0217-139d7b202dc4-ea71c6be, #w-node-_501756bf-9261-9054-0217-139d7b202dc9-ea71c6be {
    align-self: center;
  }

  #w-node-c7d835da-72d4-4b58-04c6-c56e3f3da89c-ea71c6be {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-c7d835da-72d4-4b58-04c6-c56e3f3da89d-ea71c6be {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-c7d835da-72d4-4b58-04c6-c56e3f3da8ab-ea71c6be, #w-node-c7d835da-72d4-4b58-04c6-c56e3f3da8b8-ea71c6be {
    grid-column: span 3 / span 3;
  }

  #w-node-_2259e9d6-244c-0e82-613f-951cafdefdb7-31aa09b9 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_2259e9d6-244c-0e82-613f-951cafdefdb8-31aa09b9 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_2259e9d6-244c-0e82-613f-951cafdefdc6-31aa09b9, #w-node-_2259e9d6-244c-0e82-613f-951cafdefdd3-31aa09b9 {
    grid-column: span 3 / span 3;
  }

  #w-node-_2259e9d6-244c-0e82-613f-951cafdefe08-31aa09b9, #w-node-_2259e9d6-244c-0e82-613f-951cafdefe0d-31aa09b9, #w-node-_2259e9d6-244c-0e82-613f-951cafdefe12-31aa09b9, #w-node-_2259e9d6-244c-0e82-613f-951cafdefe17-31aa09b9, #w-node-_2259e9d6-244c-0e82-613f-951cafdefe1c-31aa09b9, #w-node-_565e4d3c-8c60-94db-c17b-96f2d485e579-6d4d19a9, #w-node-c98d8bcf-60da-74f8-8611-b1cac7ebf26c-c49b9400, #w-node-_60e6ed61-7295-b2cf-c973-21915947f360-9e1ef38b, #w-node-_60e6ed61-7295-b2cf-c973-21915947f365-9e1ef38b, #w-node-_60e6ed61-7295-b2cf-c973-21915947f36a-9e1ef38b, #w-node-_60e6ed61-7295-b2cf-c973-21915947f36f-9e1ef38b, #w-node-_60e6ed61-7295-b2cf-c973-21915947f374-9e1ef38b, #w-node-_87e8d4f9-d26f-b947-0d47-a2aa8827b036-6c37acfe {
    align-self: center;
  }

  #w-node-f1a4c537-f2a0-9e38-9c4c-8de207a57c4f-8f445ba6 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_2b09cbf6-8a16-32cf-3ae3-0982fb7a3936-8f445ba6 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_5fbcbdfa-51a1-5a52-a040-5d6dc14ff8e0-8f445ba6 {
    align-self: center;
  }

  #w-node-_66e4f88d-60a3-8f7f-4d1b-11369b9d85d9-c57ebc96 {
    grid-template-rows: auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_3ccead52-1370-03e2-9eca-8e6bc40c2fd7-e6947bff, #w-node-_3ccead52-1370-03e2-9eca-8e6bc40c2fdd-e6947bff {
    align-self: start;
  }

  #w-node-ab071227-940a-9df6-46c6-f77e6e7cbb73-7a4a9b46 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_9430c104-6082-013f-d383-fc0d85e6d798-7a4a9b46, #w-node-_9430c104-6082-013f-d383-fc0d85e6d7ad-7a4a9b46 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_9430c104-6082-013f-d383-fc0d85e6d7b7-7a4a9b46, #w-node-_9430c104-6082-013f-d383-fc0d85e6d7c1-7a4a9b46 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    justify-self: start;
  }

  #w-node-_9430c104-6082-013f-d383-fc0d85e6d7cc-7a4a9b46 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_9430c104-6082-013f-d383-fc0d85e6d7d0-7a4a9b46 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_961236c8-22d4-382b-a2ee-f5b6efc12982-6522d571 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_23acdf43-d65c-5ae8-0026-11afc6d398a4-6522d571 {
    align-self: center;
  }

  #w-node-_79f38830-a19d-1c83-b642-4fafd1d084af-6522d571, #w-node-_40afa30f-7dad-1fe5-8ae6-93f9da574811-6522d571 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }

  #w-node-f14f95ef-8ce3-c578-e5fc-87c1e0323b35-6522d571, #w-node-f14f95ef-8ce3-c578-e5fc-87c1e0323b3a-6522d571, #w-node-f14f95ef-8ce3-c578-e5fc-87c1e0323b3f-6522d571, #w-node-f14f95ef-8ce3-c578-e5fc-87c1e0323b44-6522d571, #w-node-f14f95ef-8ce3-c578-e5fc-87c1e0323b49-6522d571 {
    align-self: center;
  }
}


@font-face {
  font-family: 'Eudoxussans';
  src: url('../fonts/EudoxusSans-ExtraBold.woff') format('woff'), url('../fonts/EudoxusSans-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eudoxussans';
  src: url('../fonts/EudoxusSans-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eudoxussans';
  src: url('../fonts/EudoxusSans-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eudoxussans';
  src: url('../fonts/EudoxusSans-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eudoxussans Display';
  src: url('../fonts/EudoxusSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}