li {
  margin-bottom: .5rem;
}

.section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fdfdfd;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: -60px;
  display: flex;
}

.section.snaile {
  background-color: #fffcfa;
}

.container {
  width: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 180px;
}

.content-container {
  width: 100%;
  max-width: 50rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.content-wrapper {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-wrapper.overview {
  width: 100%;
  margin-bottom: 0;
  padding-top: 69px;
}

.content-wrapper.padding {
  padding-top: 10vw;
  padding-bottom: 0;
}

.content-wrapper.overview {
  z-index: 3;
  margin-bottom: -10vw;
  padding-top: 175px;
  padding-bottom: 80px;
  position: relative;
}

.heading {
  color: #141b22;
  letter-spacing: .02em;
  margin-bottom: 0;
  font-family: Haasgrotdisp, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 32px;
}

.heading.small {
  font-size: 24px;
}

.main {
  color: #5c5c5c;
  font-family: Graphik, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}

.main.semibold {
  color: #111;
  font-weight: 600;
}

.main.large {
  color: #373d36;
  font-size: 20px;
  line-height: 32px;
}

.content-wrapper_details {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-3 {
  color: rgba(0, 0, 0, .7);
  font-family: Graphik, sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: undefined;
  letter-spacing: 0;
}

.content-wrapper-2 {
  width: 100%;
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.content-wrapper-2.padding {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.content-wrapper-2.padding.deliverable {
  padding-top: 5vw;
}

.content-wrapper-2.smallpadding {
  padding-top: 69px;
  padding-bottom: 0;
}

.content-wrapper-2.smallpadding.jack {
  padding-top: 0;
}

.content-wrapper-2.padding {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  margin-bottom: -6vw;
  padding-top: 0;
}

.content-wrapper-2.padding.deliverable {
  z-index: 555;
  padding-top: 5vw;
  position: relative;
}

.content-wrapper-2.padding.jack {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.content-wrapper-2.padding.endue {
  padding-top: 206px;
  padding-bottom: 206px;
}

.content-wrapper-2.padding-large-main {
  margin-top: 109px;
  margin-bottom: 109px;
}

.content-wrapper-2.padding-large-main.padding-bottom_nul {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
}

.table-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.table {
  z-index: 5;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.table-row {
  width: 100%;
  background-color: rgba(169, 169, 190, 0);
  border: 1px solid rgba(206, 206, 206, .7);
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  margin-top: -1px;
  padding: 23px 22px;
  display: flex;
}

.table-row.main {
  border-width: 2px;
  border-color: rgba(0, 0, 0, .7);
}

.table-labels {
  height: 22px;
  color: #141b22;
  letter-spacing: .02em;
  font-family: Graphik, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.table-details-text {
  color: #141b22;
  text-align: right;
  letter-spacing: .02em;
  font-family: Graphik, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.notes {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: rgba(198, 200, 204, .15);
  border: 1px solid #c6c8cc;
  border-radius: 11px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 28px 25px;
  display: block;
}

.text-6 {
  color: #29323a;
  letter-spacing: .02em;
  margin-bottom: 10px;
  font-family: Graphik, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.overview-details-text {
  color: rgba(0, 0, 0, .7);
  letter-spacing: 0;
  font-family: Graphik, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.content-wrapper-3 {
  grid-column-gap: 98px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-wrapper_details-2 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-wrapper_details-2.padding {
  padding-top: 10vw;
}

.content-wrapper_details-2.padding.small {
  padding-top: 5vw;
}

.content-wrapper_details-2.padding.jack {
  margin-top: 100px;
}

.text-8 {
  color: #141b22;
  letter-spacing: .02em;
  font-family: Haasgrotdisp, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 22px;
}

.improve-brand-perception-the-website-redesign-project-aims-to-improve-matchrelevants-brand-perception-by-creating-a-more-modern-and-professional-website-that-reflects-the-industry-standards-0 {
  color: rgba(0, 0, 0, .7);
  font-size: 14px;
  line-height: 22px;
  font-weight: undefined;
  letter-spacing: 0;
}

.improve-brand-perception-the-website-redesign-project-aims-to-improve-matchrelevants-brand-perception-by-creating-a-more-modern-and-professional-website-that-reflects-the-industry-standards-1 {
  color: rgba(0, 0, 0, .7);
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

._1 {
  color: rgba(0, 0, 0, .7);
  letter-spacing: 0;
  font-family: Graphik, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.complete-proposal-is-decided-after-scope-definition-in-the-case-of-project-handoff-after-completion-webflow-website-management-training-will-be-included-communication-via-slack-email-everything-related-to-the-project-is-available-via-a-client-dashboard-1 {
  color: #349c5e;
  font-size: 14px;
  line-height: 23px;
  font-weight: undefined;
  letter-spacing: 0;
}

.bold {
  font-weight: 700;
}

.text-block-27 {
  letter-spacing: 2px;
  font-family: Graphik, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.link-7 {
  color: #121216;
  font-weight: 500;
  text-decoration: none;
}

.nav-wrapper {
  max-width: 70rem;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 20px;
  display: flex;
}

.blog-container {
  width: auto;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.nav-link_text {
  margin-left: auto;
  font-family: Graphik, sans-serif;
  font-weight: 500;
}

.nav-link_text:hover {
  opacity: .65;
}

.nav-link_text.is-blue {
  color: #9e9e9e;
}

.blog-nav {
  z-index: 555;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, .8);
  border-bottom: 1px rgba(0, 0, 0, .06);
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.blog-nav.is-orange {
  background-color: rgba(255, 252, 250, .95);
}

.nav-links_wrapper {
  grid-column-gap: 10px;
  flex: none;
  display: flex;
}

.gap {
  height: 100px;
  position: static;
}

.gap.half {
  height: 50px;
}

.gap.line {
  border-top: 1px solid rgba(0, 0, 0, .09);
}

.link-8 {
  color: #333;
  text-decoration: none;
}

.side-navigation {
  width: 150px;
  height: 100vh;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: auto;
  padding-bottom: 37px;
  display: none;
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  bottom: auto;
}

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

.side-navigation_chip {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #272727;
  background-color: rgba(217, 217, 217, 0);
  border-radius: 39px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 14px 3px 12px;
  font-family: Bitter, serif;
  text-decoration: none;
  display: flex;
}

.side-navigation_chip:hover {
  background-color: rgba(217, 217, 217, .34);
}

.side-navigation_chip.w--current {
  background-color: rgba(179, 179, 179, .28);
}

.side-navigation_chip.cta {
  color: #fff;
  background-color: #000;
  padding-top: 6px;
  padding-bottom: 6px;
}

.side-navigation_chip.cta:hover {
  background-color: #e2e2e2;
}

.side-navigation_chip.cta.tippy {
  justify-content: center;
  align-items: center;
}

.side-navigation_chip.cta.tippy:hover {
  background-color: #000;
}

.side-navigation_chip.blue {
  color: #fff;
  background-color: #2f8553;
  justify-content: center;
  padding-top: 6px;
  padding-bottom: 6px;
}

.side-navigation_chip.blue.tippy {
  font-size: 13px;
}

.side-navigation_chip.blue.tippy.schedio {
  background-color: #5e3f35;
}

.side-navigation_chip.blue.tippy {
  background-color: #005eff;
  font-size: 13px;
}

.side-navigation_chip.blue.blue2 {
  background-color: #005eff;
}

.side-navigation_chip.blue.blue2.jack {
  align-items: center;
  transition: all .2s;
}

.side-navigation_chip.blue.blue2.jack:hover {
  background-color: #051b42;
}

.side-navigation_chip.blue.blue2.jack.secondary {
  color: #fff;
  background-color: #99a5b9;
  padding-bottom: 5px;
}

.side-navigation_chip.blue.black {
  background-color: #000;
}

.side-navigation_chip.blue.tippy {
  font-size: 13px;
}

.side-navigation_chip.blue.yellow {
  color: #000;
  background-color: #ffcf2c;
  font-family: Graphik, sans-serif;
  font-weight: 400;
}

.side-navigation_chip.blue.yellow.tippy {
  color: rgba(0, 0, 0, .94);
  background-color: rgba(255, 207, 44, .79);
  padding-top: 7px;
  font-weight: 500;
}

.text {
  text-align: left;
  letter-spacing: .02em;
  font-family: Graphik, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.text.jack {
  margin-top: 1px;
  line-height: 18px;
}

.vectors-wrapper {
  width: 122px;
  height: 28px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.main-wrapper {
  width: auto;
  max-width: none;
  border-left: 1px solid rgba(0, 0, 0, .05);
  border-right: 1px solid rgba(0, 0, 0, .05);
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-left: 201px;
  padding-right: 201px;
  display: flex;
  position: relative;
}

.link-9 {
  color: #277c4d;
  font-weight: 600;
  text-decoration: none;
}

.div-block {
  height: 100%;
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  margin-top: 175px;
  display: flex;
}

.image {
  width: 150px;
}

.div-block-2 {
  width: 100%;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.div-block-3 {
  max-width: 50rem;
  grid-column-gap: 44px;
  grid-row-gap: 60px;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: 0;
  display: flex;
}

.div-block-4 {
  width: 150px;
  flex: none;
}

.text-block-28 {
  margin-left: 16px;
  font-family: Graphik, sans-serif;
  font-weight: 700;
}

.div-block-5 {
  display: flex;
}

.div-block-6 {
  width: 81px;
  border: 1px solid rgba(0, 0, 0, .13);
  border-radius: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.text-block-29 {
  font-family: Graphik, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 60px;
}

.div-block-7 {
  height: 25px;
}

.link-5 {
  text-decoration: none;
}

.italic {
  font-style: italic;
  font-weight: 600;
}

.progress-circle {
  width: 5px;
  height: 100%;
  background-color: #121216;
  border-radius: 0;
  margin-right: 0;
  display: flex;
}

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

.text-span-5 {
  font-style: italic;
  font-weight: 600;
}

.process-wrapper-bottom-half {
  width: auto;
  height: 171px;
  grid-column-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 35px 44px 38px 37px;
  display: flex;
}

.progress-bar-filler {
  width: 100%;
  height: 50%;
  background-color: #000;
}

.sitcker-header {
  width: 50%;
  margin-left: 55px;
  margin-right: 22px;
  padding-right: 182px;
  position: relative;
}

.process-head {
  font-family: Haasgrotdisp, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
}

.text-span-2 {
  font-weight: 400;
  line-height: 60px;
}

.process-entire-wrap {
  width: auto;
  height: auto;
}

.progress-bar-wrapper {
  width: 20px;
  height: 171px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.our-process-header {
  width: 100%;
  height: auto;
  margin-bottom: 49px;
  margin-left: 0;
  padding-right: 0;
  line-height: 24px;
  position: -webkit-sticky;
  position: sticky;
  top: 300px;
}

.sticky-section-wrap {
  display: flex;
}

.sticky-section-wrap.process {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.process-wrapper-top-half {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading-2 {
  color: #121216;
  text-align: center;
  background-color: rgba(253, 253, 253, 0);
  padding-left: 155px;
  padding-right: 155px;
  font-size: 42px;
  font-weight: 600;
  line-height: 50px;
}

.heading-2.aling-change {
  max-width: 60rem;
  text-align: left;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 3rem;
  font-weight: 400;
}

.process-wrapper-block {
  width: auto;
  height: 171px;
  background-color: rgba(236, 236, 238, .56);
  border: 2px rgba(0, 0, 0, .02);
  border-radius: 9px;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 15px;
  padding: 0 25px 0 0;
  display: flex;
  overflow: visible;
}

.process-wrapper-block.snaile {
  background-color: #f0ebe8;
}

.process-paragraph {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Graphik, sans-serif;
  font-size: 16px;
  line-height: 28px;
}

.progress-bar {
  width: 5px;
  height: 171px;
  background-color: rgba(18, 18, 22, .1);
  align-items: flex-start;
  margin-right: auto;
  display: flex;
}

.list {
  padding-left: 20px;
}

.div-block-8 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: column;
  display: flex;
}

.div-block-9 {
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, .06);
  margin-bottom: 60px;
  font-family: Graphik, sans-serif;
}

.text-block-30 {
  font-family: Graphik, sans-serif;
  font-weight: 400;
  line-height: 24px;
}

.div-block-10 {
  width: 100%;
  margin-top: 80px;
  padding-top: 202px;
  padding-bottom: 202px;
}

.padding {
  padding-top: 80px;
  padding-bottom: 80px;
}

.low {
  opacity: .3;
}

.div-block-11 {
  width: 500px;
  height: 60vh;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.div-block-12 {
  width: 100%;
  height: auto;
  outline-offset: 0px;
  outline: 3px solid #fff;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0;
  position: relative;
  box-shadow: 1px 1px 3px #000, 4px 20px 80px rgba(48, 48, 48, .4);
}

.cover-image {
  width: 100%;
  height: 100%;
  filter: contrast(120%);
  object-fit: cover;
}

.div-block-13 {
  position: relative;
}

.image-3 {
  position: absolute;
  top: -7%;
  bottom: auto;
  left: auto;
  right: -17%;
}

.faq-wrapper {
  height: auto;
  margin-top: 100px;
}

.faq-question-wrapper {
  width: 100%;
  height: auto;
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: 3px;
  flex-direction: column-reverse;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  transition: opacity .2s ease-in-out;
  display: block;
  overflow: hidden;
}

.faq-question-wrapper:hover {
  background-color: #e7e7e7;
}

.faq-question-wrapper:active {
  transform: scale(1.01);
}

.div-block-17 {
  width: 100%;
  justify-content: space-between;
  display: flex;
}

.faq-question-text {
  color: #1a1a1a;
  font-family: Graphik, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.closefaq {
  transition: opacity .2s ease-in-out;
}

.closefaq:hover {
  opacity: .36;
}

.faq-answer {
  width: 100%;
  height: auto;
  margin-top: 21px;
}

.paragraph {
  height: auto;
  padding-right: 121px;
  font-family: Graphik, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.div-block-18 {
  grid-row-gap: 10px;
  flex-direction: column;
  margin-top: auto;
  display: flex;
}

.div-block-18.endue {
  margin-top: 0;
  margin-bottom: auto;
}

.div-block-18.jack {
  grid-column-gap: 10px;
  flex-direction: row;
  margin-top: 0;
}

.div-block-19 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.div-block-20 {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.oveview-details_bold {
  color: rgba(0, 0, 0, .78);
  font-weight: 600;
}

.div-block-21 {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-top: 100px;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.text-span-6 {
  color: #1f1f1f;
  font-family: Graphik, sans-serif;
  text-decoration: none;
}

.link-10 {
  text-decoration: none;
}

.text-block-31, .text-block-32 {
  font-family: Graphik, sans-serif;
}

.loader {
  z-index: 5555;
  grid-row-gap: 20px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.loader.mention-me {
  display: none;
}

.text-block-33 {
  color: #f37107;
  font-family: Graphik, sans-serif;
  font-size: 30px;
  font-weight: 600;
}

.text-block-33.counterup {
  font-family: Haasgrotdisp, sans-serif;
  position: static;
  top: auto;
  bottom: 5%;
  left: auto;
  right: auto;
}

.text-block-33.wallenium {
  color: #181818;
}

.div-block-23 {
  background-color: rgba(236, 236, 236, 0);
  border-radius: 5455px;
  padding: 16px;
  display: flex;
  position: absolute;
  bottom: 84px;
}

.nav-header {
  font-family: Haasgrotdisp, sans-serif;
  font-weight: 500;
}

.nav-header.opacity-60 {
  opacity: .6;
}

.nav-header.logo {
  width: 389px;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 300;
}

.nav-header.logo.mid {
  text-align: center;
}

.text-block-35 {
  font-family: Graphik, sans-serif;
}

.div-block-24 {
  z-index: 1000;
  height: 90%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.text-span-7 {
  font-weight: 700;
}

.div-block-25 {
  filter: blur(5px) blur(100px);
  mix-blend-mode: soft-light;
  background-color: #fff;
  border-radius: 10px;
  padding: 129px;
  display: block;
  position: absolute;
}

.div-block-25.rs {
  opacity: .7;
  filter: blur(75px);
  mix-blend-mode: luminosity;
}

.div-block-26 {
  z-index: 5555;
  grid-row-gap: 10px;
  color: #000;
  background-color: rgba(0, 85, 255, .88);
  border-radius: 15px 15px 0;
  flex-direction: column;
  flex: 1;
  padding: 15px 29px 15px 22px;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 50px;
  left: auto;
  right: 50px;
  overflow: hidden;
}

.div-block-26:hover {
  background-color: rgba(0, 0, 0, .88);
}

.text-block-36 {
  color: #fff;
  font-family: Graphik, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.text-span-8 {
  color: rgba(255, 255, 255, .42);
  font-weight: 400;
}

.ctacome {
  height: 22px;
  color: #fff;
  letter-spacing: .02em;
  font-family: Graphik, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.calendly-link {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}

.lightbox-link {
  width: 100%;
  height: auto;
}

.image-wrapper {
  z-index: 5;
  width: 100%;
  border: 5px solid #fff;
  border-radius: 8px;
  margin-top: 60px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  box-shadow: 1px 1px 88px rgba(130, 151, 194, .3);
}

.video {
  width: 100%;
  height: auto;
}

.text-span-9 {
  font-weight: 600;
}

.follow {
  display: none;
  position: fixed;
  top: 19%;
  bottom: auto;
  left: auto;
  right: 18%;
}

.span {
  display: block;
}

.paragraph-2 {
  color: #5c5c5c;
  font-family: Graphik, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.bold-paragraph {
  font-weight: 600;
}

.cta-final {
  width: 100%;
  height: auto;
  background-color: #121216;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 60px 48px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.email-text-wrapper {
  color: rgba(255, 255, 255, .9);
  font-size: 50px;
  line-height: 60px;
  display: flex;
}

.email-text-wrapper.smol {
  width: 77%;
  font-size: 36px;
  font-weight: 200;
  line-height: 36px;
}

.image-21 {
  width: 705px;
  max-width: 251%;
  position: absolute;
  top: -36%;
  bottom: auto;
  left: auto;
  right: -15%;
}

.email {
  flex: 0 auto;
  font-size: 35px;
  text-decoration: underline;
}

.email:hover {
  opacity: .8;
}

.book {
  color: #fdfdfd;
  text-decoration: none;
}

.image-22, .image-23, .image-24 {
  border-radius: 5px;
}

.div-block-27 {
  z-index: 1;
  background-color: #ebebeb;
  border-radius: 555px;
  padding: 4px 11px;
  position: relative;
}

.text-block-37 {
  opacity: .53;
  font-family: Graphik, sans-serif;
  font-weight: 600;
}

.image-25 {
  mix-blend-mode: darken;
}

.link-11 {
  color: #6d6d6d;
}

.text-block-38 {
  font-family: Graphik, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 32px;
  text-decoration: underline;
}

.inspolink {
  color: #1a1a1a;
}

.inspolink:hover {
  opacity: .36;
}

.progress-bar-wrapper-2 {
  width: 20px;
  height: auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.side-navigation-2 {
  width: 150px;
  height: 100vh;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: auto;
  padding-bottom: 37px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  bottom: auto;
}

.text-2 {
  color: #5c5c5c;
  font-family: Graphik, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

.text-2.semibold {
  color: #111;
  font-weight: 600;
}

.text-block-39 {
  font-family: Graphik, sans-serif;
  font-size: 30px;
  font-weight: 600;
}

.text-block-39.counterup {
  font-family: Haasgrotdisp, sans-serif;
  position: static;
  top: auto;
  bottom: 5%;
  left: auto;
  right: auto;
}

.text-block-39.schedio {
  font-weight: 400;
}

.text-block-39.endue {
  color: #1e4dc5;
  font-family: Haasgrotdisp, sans-serif;
}

.text-block-39.logits {
  color: #454eff;
  font-size: 30px;
  font-weight: 700;
}

.text-block-39.logits.counterup {
  color: #454eff;
}

.container-2 {
  width: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
}

.process-wrapper-block-2 {
  width: auto;
  height: auto;
  background-color: rgba(241, 241, 241, .56);
  border: 2px rgba(0, 0, 0, .02);
  border-radius: 9px;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 15px;
  padding: 0 25px 0 0;
  display: flex;
  overflow: visible;
}

.div-block-28 {
  z-index: 5555;
  grid-row-gap: 10px;
  color: #000;
  background-color: rgba(0, 85, 255, .88);
  border-radius: 15px;
  flex-direction: column;
  flex: 1;
  padding: 15px 0 15px 22px;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 50px;
  left: auto;
  right: 50px;
  overflow: hidden;
}

.div-block-28:hover {
  background-color: rgba(0, 0, 0, .88);
}

.div-block-29 {
  width: 100%;
  height: 450px;
  outline-offset: 0px;
  outline: 3px solid #fff;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0;
  position: relative;
  box-shadow: 1px 1px 3px #000, 4px 20px 80px rgba(62, 165, 103, .4);
}

.div-block-30 {
  background-color: #ececec;
  border-radius: 5455px;
  padding: 16px;
  display: flex;
  position: absolute;
  bottom: 84px;
}

.div-block-30.endue {
  background-color: #d7e3ff;
}

.div-block-30.mentionme {
  position: static;
}

.div-block-30.logits {
  background-color: rgba(69, 78, 255, .15);
}

.progress-bar--2 {
  width: 5px;
  height: 100%;
  background-color: rgba(18, 18, 22, .1);
  align-items: flex-start;
  margin-right: auto;
  display: flex;
}

.progress-bar--2.endue {
  height: 180px;
}

.process-entire-wrap-2 {
  width: auto;
}

.text-9 {
  color: rgba(0, 0, 0, .7);
  font-family: Graphik, sans-serif;
  font-size: 14px;
  line-height: 22px;
  font-weight: undefined;
  letter-spacing: 0;
}

.content-container-2 {
  width: 100%;
  max-width: 50rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-left: auto;
  margin-right: 0;
  display: flex;
}

.process-wrapper-bottom-half-2 {
  width: auto;
  height: auto;
  grid-column-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 35px 44px 38px 37px;
  display: flex;
}

.main-wrapper-2 {
  width: 100%;
  max-width: 70rem;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-left: 21px;
  padding-right: 21px;
  display: flex;
  position: relative;
}

.div-block-31 {
  width: 40rem;
  height: 80px;
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
}

.link-12 {
  color: rgba(0, 0, 0, .7);
}

.link-13 {
  width: auto;
  color: #494949;
  font-weight: 600;
  text-decoration: none;
}

.div-block-32 {
  width: 100%;
  height: 450px;
  outline-offset: 0px;
  outline: 3px solid #fff;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0;
  position: relative;
  box-shadow: 6px 6px 200px #d1d1d1;
}

.div-block-32.endue {
  box-shadow: 6px 6px 50px #b3d3ff;
}

.div-block-32.logitis {
  outline-color: rgba(255, 255, 255, .77);
  box-shadow: 14px 14px 200px -12px #877ae8, -1px 20px 55px rgba(255, 255, 255, .8);
}

.div-block-32.porosity {
  outline-offset: 0px;
  outline: 0 #fff;
  box-shadow: 7px 19px 100px rgba(0, 0, 0, .67);
}

.div-block-33 {
  width: 100%;
  max-width: 50rem;
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: 0;
  display: flex;
}

.div-block-33.jack {
  width: 100%;
}

.nav-header-2 {
  font-family: Graphik, sans-serif;
  font-weight: 500;
}

.nav-header-2.opacity-60 {
  opacity: .6;
}

.nav-header-2.large {
  font-size: 18px;
  font-weight: 500;
}

.div-block-34 {
  width: 81px;
  border: 1px solid #000;
  border-radius: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.bla {
  width: auto;
  height: 20px;
}

.div-block-35 {
  width: 250px;
  flex: none;
}

.table-wrap-2 {
  z-index: 55;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.heading-3 {
  color: #141b22;
  letter-spacing: .02em;
  margin-bottom: 0;
  font-family: Haasgrotdisp, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 32px;
}

.heading-3.small {
  font-size: 24px;
}

.heading-3.smal {
  letter-spacing: 0;
  font-size: 18px;
  font-weight: 400;
}

.table-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.faq-question-wrapper-2 {
  width: 100%;
  height: auto;
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: 3px;
  flex-direction: column-reverse;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  transition: opacity .2s ease-in-out;
  display: block;
  overflow: hidden;
}

.faq-question-wrapper-2:hover {
  background-color: rgba(245, 245, 245, .8);
}

.faq-question-wrapper-2:active {
  transform: scale(1.01);
}

.text-block-40 {
  color: #2865ff;
  font-family: Graphik, sans-serif;
  font-size: 37px;
  font-weight: 900;
}

.text-block-40.mentionme {
  color: #faba17;
  -webkit-text-stroke-color: #ffd028;
}

.text-block-40.logits {
  color: #454eff;
}

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

.hidden {
  display: none;
}

.div-block-36 {
  grid-row-gap: 30px;
  flex-direction: column;
  padding-top: 175px;
  padding-bottom: 98px;
  display: flex;
}

.heading-4 {
  width: 100vw;
  color: rgba(51, 51, 51, .05);
  text-align: left;
  justify-content: center;
  margin-bottom: -288px;
  font-family: Graphik, sans-serif;
  font-size: 117px;
  line-height: 117px;
  display: flex;
}

.div-block-37 {
  margin-bottom: 0;
  overflow: visible;
}

.div-block-38 {
  padding-top: 152px;
  padding-bottom: 152px;
}

.div-block-39 {
  height: 100%;
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  margin-top: 175px;
  display: flex;
}

.progress-bar-wrapper-3 {
  width: 20px;
  height: auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-10 {
  color: #29323a;
  letter-spacing: .02em;
  font-family: Graphik, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.link-14 {
  text-decoration: none;
}

.div-block-40 {
  position: relative;
}

.div-block-41 {
  display: flex;
}

.text-block-41 {
  font-family: Graphik, sans-serif;
  font-weight: 400;
  line-height: 24px;
}

.side-navigation-3 {
  width: 150px;
  height: 100vh;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: auto;
  padding-bottom: 37px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  bottom: auto;
}

.content-wrapper_details-3 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-11 {
  color: #5c5c5c;
  font-family: Graphik, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

.text-11.semibold {
  color: #111;
  font-weight: 600;
}

.div-block-42 {
  width: 150px;
  flex: none;
}

.div-block-43 {
  width: 100%;
  justify-content: space-between;
  display: flex;
}

.div-block-44 {
  max-width: 50rem;
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: 0;
  display: flex;
}

.text-block-42 {
  font-family: Graphik, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 60px;
}

.text-block-43 {
  font-family: Graphik, sans-serif;
  font-size: 30px;
  font-weight: 600;
}

.text-block-43.counterup {
  font-family: Haasgrotdisp, sans-serif;
  position: static;
  top: auto;
  bottom: 5%;
  left: auto;
  right: auto;
}

.image-26 {
  position: absolute;
  top: -7%;
  bottom: auto;
  left: auto;
  right: -17%;
}

.container-3 {
  width: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
}

.link-15 {
  color: #333;
  text-decoration: none;
}

.heading-5 {
  color: #141b22;
  letter-spacing: .02em;
  margin-bottom: 0;
  font-family: Haasgrotdisp, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 32px;
}

.heading-5.small {
  font-size: 24px;
}

.section-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fdfdfd;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-45 {
  width: 100%;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.content-wrapper_details-4 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-wrapper_details-4.padding {
  padding-top: 10vw;
}

.content-wrapper_details-4.padding.small {
  padding-top: 5vw;
}

.div-block-46 {
  background-color: #ececec;
  border-radius: 5455px;
  padding: 16px;
  display: flex;
  position: absolute;
  bottom: 84px;
}

.text-block-44 {
  color: #fff;
  font-family: Graphik, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.content-wrapper-4 {
  width: 100%;
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.content-wrapper-4.smallpadding {
  padding-top: 69px;
  padding-bottom: 0;
}

.content-wrapper-4.padding {
  margin-bottom: -6vw;
  padding-top: 10vw;
}

.content-wrapper-4.padding.deliverable {
  padding-top: 5vw;
}

.table-wrap-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.div-block-47 {
  grid-row-gap: 10px;
  flex-direction: column;
  margin-top: auto;
  display: flex;
}

.progress-bar--3 {
  width: 5px;
  height: 100%;
  background-color: rgba(18, 18, 22, .1);
  align-items: flex-start;
  margin-right: auto;
  display: flex;
}

.text-span-10 {
  color: rgba(255, 255, 255, .42);
  font-weight: 400;
}

.div-block-48 {
  height: 25px;
}

.nav-header-3 {
  font-family: Graphik, sans-serif;
  font-weight: 500;
}

.nav-header-3.opacity-60 {
  opacity: .6;
}

.text-12 {
  color: rgba(0, 0, 0, .7);
  font-family: Graphik, sans-serif;
  font-size: 14px;
  line-height: 22px;
  font-weight: undefined;
  letter-spacing: 0;
}

.div-block-49 {
  filter: blur(100px);
  mix-blend-mode: soft-light;
  background-color: #fff;
  border-radius: 10px;
  padding: 129px;
  display: block;
  position: absolute;
}

.div-block-50 {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.notes-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: rgba(198, 200, 204, .15);
  border: 1px solid #c6c8cc;
  border-radius: 11px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 28px 25px;
  display: flex;
}

.content-container-3 {
  width: 100%;
  max-width: 50rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-left: auto;
  margin-right: 0;
  display: flex;
}

.process-wrapper-bottom-half-3 {
  width: auto;
  height: auto;
  grid-column-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 35px 44px 38px 37px;
  display: flex;
}

.text-span-11 {
  font-weight: 700;
}

.text-13 {
  color: #141b22;
  letter-spacing: .02em;
  font-family: Haasgrotdisp, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 22px;
}

.text-14 {
  text-align: left;
  letter-spacing: .02em;
  font-family: Graphik, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.loader-2 {
  z-index: 5555;
  grid-row-gap: 20px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.text-block-45 {
  font-family: Graphik, sans-serif;
}

.content-wrapper-5 {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-wrapper-5.padding {
  padding-top: 10vw;
}

.content-wrapper-5.overview {
  margin-bottom: -10vw;
  padding-top: 175px;
  padding-bottom: 80px;
}

.text-block-46 {
  font-family: Graphik, sans-serif;
}

.main-wrapper-3 {
  width: 100%;
  max-width: 70rem;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-left: 21px;
  padding-right: 21px;
  display: flex;
  position: relative;
}

.div-block-51 {
  grid-column-gap: 20px;
  display: flex;
}

.padding-large-main {
  padding-top: 120px;
  padding-bottom: 120px;
}

.padding-bottom_nul {
  padding-bottom: 0;
}

.div-block-52 {
  width: 20%;
  grid-column-gap: .2rem;
  align-items: center;
  display: flex;
}

.div-block-52.rs {
  width: 60%;
}

.image-27 {
  width: 18px;
}

.question {
  color: #009dff;
  margin-left: 5%;
  font-family: Graphik, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.image-28 {
  width: 1.1rem;
  height: 1.1rem;
  opacity: .18;
}

.image-28.tippy:hover {
  opacity: .72;
}

.text-block-47 {
  opacity: .62;
  font-family: "Haasgrotdisp 55roman", sans-serif;
}

.text-span-12 {
  color: rgba(69, 78, 255, .23);
}

.div-block-53 {
  width: 100svw;
  height: 100svh;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-48 {
  font-family: Haasgrotdisp, sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
}

.link-block {
  color: #bcbcbc;
  text-decoration: none;
  transition: all .2s ease-in-out;
}

.link-block:hover {
  color: #000;
}

.image-29 {
  filter: brightness(200%) invert() grayscale();
}

.spacer-4rem {
  padding-top: 4rem;
}

.spacer-2-5rem {
  padding-top: 2.5rem;
}

@media screen and (max-width: 991px) {
  .content-wrapper.overview {
    margin-top: 101px;
  }

  .side-navigation, .div-block-3, .div-block-4 {
    display: none;
  }

  .process-timeline {
    width: auto;
    justify-content: flex-start;
  }

  .sitcker-header {
    width: 100%;
    margin-left: 0;
  }

  .sticky-section-wrap {
    flex-direction: column-reverse;
    padding-left: 34px;
    padding-right: 34px;
  }

  .sticky-section-wrap.process {
    flex-direction: column;
  }

  .heading-2 {
    padding-left: 0;
    padding-right: 0;
    font-size: 40px;
  }

  .email-text-wrapper.smol {
    width: 100%;
  }

  .side-navigation-2, .div-block-33, .side-navigation-3, .div-block-44 {
    display: none;
  }

  .content-wrapper-5.overview {
    margin-top: 101px;
  }
}

@media screen and (max-width: 767px) {
  .div-block-3, .div-block-4 {
    display: none;
  }

  .process-timeline, .sitcker-header {
    width: 100%;
  }

  .text-span-2 {
    width: 100%;
    font-size: 2.5rem;
    line-height: 30px;
  }

  .sticky-section-wrap {
    width: 100%;
  }

  .heading-2.aling-change {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .faq-question-wrapper {
    width: 100%;
    border-radius: 0;
  }

  .paragraph {
    padding-right: 0;
  }

  .nav-header.logo {
    width: 100%;
  }

  .cta-final {
    padding-left: 20px;
    padding-right: 20px;
  }

  .email-text-wrapper, .email-text-wrapper.smol {
    width: 100%;
  }

  .email {
    width: 100vw;
    font-size: 80%;
  }

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

  .faq-question-wrapper-2 {
    width: 100%;
    border-radius: 0;
  }

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

@media screen and (max-width: 479px) {
  .content-wrapper.overview {
    padding-top: 47px;
  }

  .heading {
    font-size: 20px;
  }

  .table-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: flex-start;
  }

  .table-labels {
    text-align: left;
  }

  .nav-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-links_wrapper {
    display: none;
  }

  .main-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-2, .div-block-4, .div-block-6 {
    display: none;
  }

  .process-timeline {
    width: 100%;
  }

  .process-wrapper-bottom-half {
    padding-left: 19px;
    padding-right: 19px;
  }

  .sitcker-header {
    padding-right: 0;
  }

  .process-head {
    font-size: 20px;
  }

  .text-span-2 {
    font-size: 2rem;
    line-height: 40px;
  }

  .sticky-section-wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sticky-section-wrap.process {
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-2 {
    text-align: left;
    font-size: 2rem;
    line-height: 30px;
  }

  .heading-2.aling-change {
    padding-right: 0;
    font-size: 2rem;
  }

  .process-wrapper-block {
    border-radius: 0;
    padding-right: 0;
  }

  .process-paragraph {
    font-size: .95rem;
    line-height: 24px;
  }

  .div-block-12 {
    height: auto;
  }

  .faq-question-wrapper {
    width: 100%;
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .faq-question-text {
    font-size: 16px;
  }

  .paragraph {
    font-size: 12px;
    line-height: 20px;
  }

  .div-block-21 {
    grid-row-gap: 30px;
    flex-direction: column;
  }

  .nav-header.logo {
    width: 100%;
  }

  .ctacome {
    text-align: left;
  }

  .cta-final {
    width: 100vw;
    padding-left: 19px;
    padding-right: 19px;
  }

  .email-text-wrapper {
    z-index: 3;
    width: auto;
    flex-wrap: wrap;
    flex: none;
    font-size: 100%;
    position: relative;
    overflow: visible;
  }

  .email-text-wrapper.smol {
    width: 100%;
    font-size: 30px;
    line-height: 50px;
  }

  .image-21 {
    z-index: 1;
  }

  .email {
    font-size: 175%;
  }

  .process-wrapper-block-2 {
    border-radius: 0;
    padding-right: 0;
  }

  .div-block-29 {
    height: auto;
  }

  .process-wrapper-bottom-half-2 {
    padding-left: 19px;
    padding-right: 19px;
  }

  .main-wrapper-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-32 {
    height: auto;
  }

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

  .heading-3 {
    font-size: 20px;
  }

  .faq-question-wrapper-2 {
    width: 100%;
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-5 {
    font-size: 20px;
  }

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

  .process-wrapper-bottom-half-3 {
    padding-left: 19px;
    padding-right: 19px;
  }

  .content-wrapper-5.overview {
    padding-top: 47px;
  }

  .main-wrapper-3 {
    padding-left: 10px;
    padding-right: 10px;
  }
}


@font-face {
  font-family: 'Haasgrotdisp';
  src: url('../fonts/HaasGrotDisp-16XXThinItalic.otf') format('opentype'), url('../fonts/HaasGrotDisp-26XThinItalic.otf') format('opentype'), url('../fonts/HaasGrotDisp-36ThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Haasgrotdisp';
  src: url('../fonts/HaasGrotDisp-15XXThin.otf') format('opentype'), url('../fonts/HaasGrotDisp-35Thin.otf') format('opentype'), url('../fonts/HaasGrotDisp-25XThin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Haasgrotdisp';
  src: url('../fonts/HaasGrotDisp-75Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Haasgrotdisp';
  src: url('../fonts/HaasGrotDisp-45Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Haasgrotdisp';
  src: url('../fonts/HaasGrotDisp-65Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Haasgrotdisp 55roman';
  src: url('../fonts/HaasGrotDisp-55Roman.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Haasgrotdisp';
  src: url('../fonts/HaasGrotDisp-56Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Haasgrotdisp';
  src: url('../fonts/HaasGrotDisp-46LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Haasgrotdisp';
  src: url('../fonts/HaasGrotDisp-96BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Haasgrotdisp';
  src: url('../fonts/HaasGrotDisp-95Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Haasgrotdisp';
  src: url('../fonts/HaasGrotDisp-66MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Haasgrotdisp';
  src: url('../fonts/HaasGrotDisp-76BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik super';
  src: url('../fonts/Graphik-Super.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-ThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-ExtralightItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Extralight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-RegularItalic.otf') format('opentype'), url('../fonts/Graphik-SuperItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-SemiboldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}