:root {
  --red-dark: #d67b84;
  --red-light: #f5979e;
  --green3-dark: #4d8288;
  --grey-dark: #4d4d4d;
  --gey-light: #949494;
  --green2-light: #edf7f5;
  --white: white;
  --black: black;
  --green1-light: #d0e9e5;
  --green1-dark: #95cec4;
  --green2-dark: #cae6e2;
  --green3-light: #72a8af;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

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

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

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

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

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

body {
  color: #333;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

a {
  color: var(--red-dark);
  text-decoration: underline;
}

a:hover {
  color: var(--red-light);
}

.navbar-logo-left {
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
}

.navbarcontainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  text-decoration: none;
  display: flex;
}

.navbar-content {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  text-decoration: none;
  display: flex;
}

.navbar-brand {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
}

.header-logo {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  max-width: none;
  height: 33px;
  max-height: 100%;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.sub-branding {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-end;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
}

.text-xs {
  color: #949494;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 8px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.navbar-menu {
  grid-column-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.navbar-link {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 12px;
  text-decoration: none;
  display: flex;
}

.navbar-link.w--current {
  color: var(--red-dark);
}

.text-small {
  color: var(--red-dark);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.navbar-button {
  grid-column-gap: 8px;
  background-color: #72a8af;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  text-decoration: none;
  display: flex;
}

.navbar-button:hover {
  background-color: #4d8288;
}

.button-text-small {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.hero-heading-left {
  grid-column-gap: 80px;
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 64px 24px 0;
  text-decoration: none;
  display: flex;
}

.container {
  grid-column-gap: 80px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  text-decoration: none;
  display: flex;
}

.column {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  text-decoration: none;
  display: flex;
}

._3-columns {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.column-2 {
  grid-row-gap: 24px;
  background-color: #f5979e;
  border-top-right-radius: 32px;
  border-bottom-left-radius: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 8px 24px;
  text-decoration: none;
  display: flex;
}

.hero-subheading {
  color: #edf7f5;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.column-3 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 452px;
  text-decoration: none;
  display: flex;
}

.image-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-2 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.section {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 24px;
  text-decoration: none;
  display: flex;
}

.legal-container {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 960px;
  padding-bottom: 24px;
  text-decoration: none;
  display: flex;
}

.legal-container.center-content {
  justify-content: flex-start;
  align-items: center;
}

.heading-2 {
  color: #d67b84;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 26px;
  font-weight: 600;
  line-height: 130%;
  text-decoration: none;
}

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

.heading-2.green {
  color: var(--green3-dark);
}

.container-3 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  text-decoration: none;
  display: flex;
}

.container-3-steps {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 960px;
  padding: 24px 0;
  text-decoration: none;
  display: flex;
}

._2-columns {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 24px;
  text-decoration: none;
  display: flex;
}

.step-bullet {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  height: 132px;
  text-decoration: none;
  display: flex;
}

.step-bullet-image {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 32px;
  text-decoration: none;
  display: flex;
}

.step-description {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 8px 16px 24px;
  text-decoration: none;
  display: flex;
}

.heading-3 {
  color: var(--grey-dark);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.text-default {
  color: var(--gey-light);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  display: block;
}

.text-default.bold {
  display: block;
}

.container-5 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  padding-top: 24px;
  padding-bottom: 40px;
  text-decoration: none;
  display: flex;
}

.button {
  grid-row-gap: 24px;
  background-color: #f5979e;
  border-top-right-radius: 32px;
  border-bottom-left-radius: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 80px;
  text-decoration: none;
  display: flex;
}

.button:hover {
  background-color: #d67b84;
}

.features-list {
  grid-column-gap: 80px;
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 64px 24px;
  text-decoration: none;
  display: flex;
}

.columns {
  grid-column-gap: 80px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 960px;
  text-decoration: none;
  display: flex;
}

.content {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 24px;
  text-decoration: none;
  display: flex;
}

.intro {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.feature {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.view-icon-wrapper {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 90.05px;
  text-decoration: none;
  display: flex;
}

.feature-wraper {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-5 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 90.05px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-6 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 90.05px;
  height: 63.6148px;
  text-decoration: none;
  display: flex;
}

.calculator-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
}

.calculator-wrapper {
  grid-row-gap: 64px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 24px;
  text-decoration: none;
  display: flex;
}

.container-7 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 960px;
  text-decoration: none;
  display: flex;
}

.section-title {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  max-width: 530px;
  text-decoration: none;
  display: flex;
}

.form-wrapper {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  max-width: 450px;
  text-decoration: none;
  display: flex;
}

.form {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.input-wrapper {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.form-text-input {
  grid-column-gap: 8px;
  color: #979797;
  background-color: #fff;
  border: 1px solid #000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 42px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
  display: flex;
}

.form-text-input::placeholder {
  color: #979797;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.form-text-input-2 {
  grid-column-gap: 8px;
  color: #979797;
  background-color: #fff;
  border: 1px solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 42px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
  display: flex;
}

.form-text-input-2::placeholder {
  color: #979797;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.form-textarea {
  grid-column-gap: 8px;
  color: #979797;
  background-color: #fff;
  border: 1px solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
  display: flex;
}

.form-textarea::placeholder {
  color: #979797;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.form-button {
  grid-column-gap: 8px;
  color: #fff;
  text-transform: uppercase;
  background-color: #72a8af;
  border-top-right-radius: 64px;
  border-bottom-left-radius: 64px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 12px 80px;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.footer {
  grid-row-gap: 40px;
  background-color: #edf7f5;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 24px 8px;
  text-decoration: none;
  display: flex;
}

.columns-2 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 960px;
  text-decoration: none;
  display: flex;
}

.footer-logo-column {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 320px;
  text-decoration: none;
  display: flex;
}

.logo-wrapper {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 16px;
  text-decoration: none;
  display: flex;
}

.footer-logo-wrapper {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 102px;
  height: 32px;
  text-decoration: none;
  display: flex;
}

.small-columns {
  grid-column-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  text-decoration: none;
  display: flex;
}

.column-7 {
  grid-row-gap: 24px;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.content-2 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.footer-company-name {
  color: #212121;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.footer-links {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.link {
  color: #212121;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.copyright {
  grid-column-gap: 32px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 940px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 -1px #e4ebf3;
}

.hero-title-eyebrow {
  color: #4d8288;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.hero-title {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 42px;
  font-weight: 100;
  line-height: 100%;
  text-decoration: none;
}

.tkompass-calculator {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template: ". . . ."
                 ". . . ."
                 ". . . ."
                 ". . . ."
                 "divider-area divider-area divider-area divider-area"
                 / max-content max-content max-content max-content max-content;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 960px;
  margin-top: 40px;
  margin-bottom: 80px;
  display: grid;
}

.calculator-row {
  justify-content: space-between;
  display: flex;
}

.calculator-column {
  flex: 1;
}

.tkompass-cell {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-number {
  color: var(--gey-light);
  text-align: right;
  align-self: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.divider {
  border-top: 2px solid #000;
}

.text-default-subtotal {
  color: var(--grey-dark);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.text-number--subtotal {
  color: var(--grey-dark);
  text-align: right;
  align-self: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.tooltip {
  background-color: var(--green2-light);
  color: var(--gey-light);
  border-radius: 8px;
  flex-flow: column;
  flex: 0 auto;
  align-self: flex-start;
  margin-left: 16px;
  padding: 8px 12px;
  display: block;
  position: relative;
}

.div-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-2 {
  margin-left: 16px;
}

.tkompass-cta-wrapper {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  background-color: var(--green2-light);
  border-radius: 8px;
  align-self: stretch;
  padding: 32px;
  display: flex;
}

.tkompass-cta {
  flex: 1;
  padding-right: 0;
}

.text-labels {
  color: var(--gey-light);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
  display: none;
}

.text-labels.bold {
  display: block;
}

.column-steps {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60%;
  text-decoration: none;
  display: flex;
}

.column-hero-text {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.service-container {
  grid-row-gap: 0px;
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 24px;
  padding: 8px 0 24px;
  text-decoration: none;
  display: flex;
}

.heading-2-services {
  color: var(--grey-dark);
  margin-top: 8px;
  font-weight: 100;
}

.sevice-icon {
  width: 56px;
  height: 56px;
}

.services-icon-title-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.service-container-description {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: stretch;
  padding-bottom: 0;
  padding-left: 80px;
  display: flex;
}

.service-description {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.service-container-more {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.service-container-details {
  opacity: 1;
  margin-top: 24px;
  margin-bottom: 24px;
  display: block;
}

.service-container-cta {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.image-3 {
  position: static;
}

.chevron-down {
  opacity: .5;
}

.ul-services {
  align-self: stretch;
}

.ul-services-item {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
}

.contact-section-header {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-self: stretch;
  margin-bottom: 40px;
}

.service-container-open {
  grid-row-gap: 0px;
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 24px;
  padding: 8px 0 24px;
  text-decoration: none;
  display: flex;
}

.container-step {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 30%;
  display: flex;
}

.step-title {
  color: var(--green3-dark);
  font-size: 18px;
}

.step-line {
  align-self: center;
  width: 40px;
}

.container-3-questions {
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  text-decoration: none;
  display: flex;
}

.container-3-steps-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 960px;
  padding: 24px 0;
  text-decoration: none;
  display: flex;
}

.container-3-question {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 960px;
  padding: 24px 0;
  text-decoration: none;
  display: flex;
}

.coming-soon_container {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: stretch;
}

.coming-soon_group {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: stretch;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.coming-soon_content {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex: 1;
  align-items: stretch;
}

.image-coming-soon {
  align-self: flex-start;
}

.heading-2-coming-soon {
  color: var(--red-dark);
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 600;
  line-height: 130%;
  text-decoration: none;
}

.heading-2-coming-soon.mb-0 {
  margin-bottom: 0;
}

.heading-4 {
  margin-bottom: 0;
  font-size: 22px;
}

.heading-5 {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 20px;
}

.heading-6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}

.legal-text-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

@media screen and (max-width: 991px) {
  .navbar-logo-left {
    padding-right: 0;
  }

  .navbar-menu {
    max-width: unset;
  }

  .navbar-link, .navbar-button {
    justify-content: center;
  }

  .hero-heading-left {
    padding-left: 32px;
    padding-right: 32px;
  }

  .container {
    flex-direction: column;
    align-items: center;
  }

  .column {
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
  }

  ._3-columns {
    flex-flow: row;
    align-items: center;
  }

  .column-3 {
    order: -1;
  }

  .legal-container {
    align-self: center;
  }

  .heading-2 {
    align-self: stretch;
  }

  .container-3-steps {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  ._2-columns {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
  }

  .step-bullet {
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    margin-bottom: 16px;
  }

  .heading-3 {
    text-align: left;
    align-self: stretch;
  }

  .text-default {
    font-size: 14px;
  }

  .columns {
    flex-direction: column;
    align-items: center;
    margin-right: 16px;
    padding-left: 16px;
  }

  .content {
    justify-content: flex-start;
    align-self: stretch;
    align-items: stretch;
    padding-bottom: 32px;
  }

  .intro {
    grid-row-gap: 0px;
  }

  .feature {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .calculator-container {
    justify-content: flex-start;
    align-items: center;
    max-width: 960px;
  }

  .calculator-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .container-7 {
    max-width: 960px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .form-wrapper {
    justify-content: flex-start;
    align-items: center;
    max-width: none;
  }

  .form {
    align-self: center;
    align-items: center;
  }

  .columns-2 {
    flex-direction: column;
    align-items: center;
  }

  .footer-logo-column {
    align-items: center;
    margin-bottom: 24px;
  }

  .small-columns {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .content-2, .footer-links {
    align-items: center;
  }

  .tkompass-calculator {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: max-content max-content max-content max-content auto;
    width: 100%;
  }

  .text-number {
    font-size: 14px;
  }

  .tooltip, .image-2 {
    margin-left: 12px;
  }

  .tkompass-cta-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .tkompass-cta {
    align-self: flex-start;
  }

  .text-labels {
    font-size: 14px;
  }

  .column-steps, .column-hero-text {
    justify-content: flex-start;
    align-items: center;
  }

  .container-3-steps-copy, .container-3-question {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .heading-2-coming-soon {
    align-self: stretch;
  }
}

@media screen and (max-width: 767px) {
  .column {
    grid-row-gap: 48px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-title-wrapper {
    text-align: center;
  }

  ._3-columns {
    grid-row-gap: 16px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .column-2 {
    flex: 0 auto;
    width: auto;
  }

  ._2-columns {
    width: 100%;
  }

  .text-default {
    flex: 0 auto;
    display: block;
  }

  .text-default.bold {
    font-weight: 700;
    display: flex;
  }

  .text-default.bold.mt-24 {
    margin-top: 24px;
  }

  .footer-logo-column {
    margin-bottom: 12px;
  }

  .small-columns {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .tkompass-calculator {
    flex-flow: column;
    display: flex;
  }

  .tkompass-cell-header {
    display: none;
  }

  .tkompass-cell {
    text-align: left;
    flex-flow: row;
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
  }

  .tkompass-cell.center {
    justify-content: center;
    align-items: center;
  }

  .text-number {
    flex: 1;
    align-self: center;
  }

  .divider {
    align-self: stretch;
  }

  .tooltip {
    text-align: center;
    flex: 1;
    margin-left: 0;
  }

  .image-2 {
    display: none;
  }

  .tkompass-cta-wrapper {
    flex-flow: column;
  }

  .text-labels {
    flex: 0 auto;
    display: block;
  }

  .text-labels.bold {
    font-weight: 700;
    display: flex;
  }

  .text-labels.bold.mt-24 {
    margin-top: 24px;
  }

  .column-steps, .column-hero-text {
    grid-row-gap: 48px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .heading-2-services {
    font-size: 24px;
    line-height: 120%;
  }
}

@media screen and (max-width: 479px) {
  .column {
    grid-row-gap: 32px;
  }

  .hero-title-wrapper {
    text-align: left;
  }

  .heading-2 {
    font-size: 20px;
    line-height: 120%;
  }

  .container-3-steps {
    flex-flow: column;
  }

  .heading-3 {
    line-height: 120%;
  }

  .container-5 {
    width: 80%;
  }

  .button {
    text-align: center;
    padding-left: 32px;
    padding-right: 32px;
  }

  .small-columns {
    flex-direction: column;
    align-items: center;
  }

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

  .tkompass-cta-wrapper {
    padding: 16px;
  }

  .column-steps, .column-hero-text {
    grid-row-gap: 32px;
  }

  .sevice-icon {
    align-self: center;
  }

  .services-icon-title-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .service-container-description {
    padding-left: 0;
  }

  .service-container-details {
    align-self: stretch;
  }

  .service-container-open {
    justify-content: flex-start;
    align-items: center;
  }

  .container-step {
    align-self: stretch;
    width: 100%;
  }

  .container-3-question {
    align-self: center;
  }

  .coming-soon_group {
    flex-flow: column;
  }

  .heading-2-coming-soon {
    font-size: 20px;
    line-height: 120%;
  }

  .image-4 {
    transform: rotate(90deg);
  }
}


@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}