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

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

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

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

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

@font-face {
  font-family: Megabyte;
  src: url('../fonts/MegabyteBold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Megabyte;
  src: url('../fonts/MegabyteLight.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Megabyte;
  src: url('../fonts/MegabyteBlack.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Megabyte;
  src: url('../fonts/MegabyteLightItalic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Megabyte;
  src: url('../fonts/MegabyteBoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Megabyte;
  src: url('../fonts/MegabyteBlackItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Megabyte;
  src: url('../fonts/MegabyteMedium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Megabyte;
  src: url('../fonts/MegabyteRegular.otf') format("opentype"), url('../fonts/MegabyteRegular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Megabyte;
  src: url('../fonts/MegabyteRegularItalic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Megabyte;
  src: url('../fonts/MegabyteMediumItalic.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

:root {
  --blue\<deleted\|variable-e4e7adfc\>: #1234d9;
  --dark-grey\<deleted\|variable-4c72cd38\>: #40454f;
  --dark-blue\<deleted\|variable-d81267ff\>: #013;
  --white: #fff;
  --bright-grey\<deleted\|variable-de418f72\>: #7585a3;
  --black\<deleted\|variable-43e84d7f\>: #0d0e10;
  --gray-black--900: #0e0f11;
  --gray-black--800: #18191b;
  --gray-black--700: #44454b;
  --gray-black--750: #2b2c30;
  --gray-black--500: #797b86;
  --gray-black--25: #f2f2f3;
  --blue--500: #1234d9;
  --gray-black--400: #9798a0;
  --gray-black--600: #61626b;
  --pimary--300: #fbd17e;
  --pimary--500: #ffac05;
  --pimary--50: #fef6e6;
  --blue--200: #809fff;
  --blue--300: #6581fb;
  --gray-black--100: #d2d3d6;
  --gray-black--300: #afb0b6;
  --pimary--25: #fffcf5;
  --gray-black--50: #e4e5e7;
  --pimary--200: #fde3b0;
  --gray-black--200: #bfc0c5;
  --pimary--400: #fbc455;
  --blue--400: #3c5ae0;
  --blue--25: #f0f5ff;
  --blue--50: #d6e4ff;
  --blue--900: #060e60;
  --blue--800: #091e86;
  --blue--700: #0a239e;
  --blue--600: #102dbc;
  --blue--100: #bdd3ff;
  --pimary--900: #9f6b04;
  --pimary--800: #b87c05;
  --pimary--700: #cc8a05;
  --pimary--600: #e09706;
  --pimary--100: #fdefd3;
  --green--500: #04b957;
  --green--400: #4ccd8c;
  --green--300: #78d9a8;
  --green--200: #a3e5c4;
  --green--100: #dff6eb;
  --green--50: #effbf5;
  --green--25: #f7fdfa;
}

.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-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous, .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-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-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commerceaddtocartform {
  margin: 0 0 15px;
}

.w-commerce-commerceaddtocartoptionpillgroup {
  margin-bottom: 10px;
  display: flex;
}

.w-commerce-commerceaddtocartoptionpill {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  margin-right: 10px;
  padding: 8px 15px;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
  color: #fff;
  background-color: #000;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartquantityinput {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commerceaddtocartquantityinput::placeholder {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commerceaddtocartbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commercebuynowbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  margin-top: 10px;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartoutofstock {
  background-color: #ddd;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commerceaddtocarterror {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutshippingsummarywrapper, .w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

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

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

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }

  .w-layout-blockcontainer {
    max-width: none;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector, .w-commerce-commerceaddtocartquantityinput {
    font-size: 16px;
  }
}

body {
  color: #000;
  font-family: Aspekta, Arial, sans-serif;
  font-size: 16px;
  line-height: 140%;
}

h1 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Aspekta, Arial, sans-serif;
  font-size: 4.16vw;
  font-weight: 800;
  line-height: 110%;
}

h2 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.88vw;
  font-weight: 600;
  line-height: 100%;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.80556vw;
  font-weight: 600;
  line-height: 120%;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 125%;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 144%;
}

h6 {
  color: var(--blue\<deleted\|variable-e4e7adfc\>);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

p {
  margin-bottom: 0;
}

a {
  color: #000;
  text-decoration: none;
}

ul {
  margin-top: 20px;
  margin-bottom: 40px;
  padding-left: 40px;
}

ol {
  margin-top: 0;
  margin-bottom: 32px;
  padding-left: 40px;
}

li {
  margin-top: 20px;
}

img {
  max-width: 100%;
  display: block;
}

blockquote {
  border-left: 5px solid var(--blue\<deleted\|variable-e4e7adfc\>);
  color: var(--blue\<deleted\|variable-e4e7adfc\>);
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 10px 20px;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
}

figure {
  margin-top: 20px;
  margin-bottom: 40px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
  font-size: 16px;
  font-style: italic;
}

.display-heading {
  letter-spacing: -1.6px;
  font-family: Megabyte, sans-serif;
  font-size: 72px;
  line-height: 105%;
}

.display-heading.home-hero-heading {
  margin-bottom: 16px;
}

.display-heading.home-hero-heading.white-center {
  color: #fff;
  text-align: center;
}

.display-heading.overview {
  text-align: center;
  margin-bottom: 16px;
}

.wrapper {
  justify-content: space-between;
  align-items: center;
  width: 85%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.wrapper.home-stats-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.wrapper.home-feature-1-wrapper {
  padding-top: 80px;
  padding-bottom: 150px;
}

.wrapper.home-feature-1-wrapper.homepage-3 {
  padding-top: 145px;
}

.wrapper.home-feature-1-wrapper.home-2 {
  width: 100%;
}

.wrapper.features-2-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 85%;
  padding-top: 80px;
  padding-bottom: 40px;
}

.wrapper.features-2-wrapper.homepage-2 {
  padding-bottom: 0;
}

.wrapper.home-integrations-wrapper {
  flex-direction: column;
  align-items: stretch;
  padding-top: 140px;
  padding-bottom: 0;
}

.wrapper._1920px {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 1440px;
  padding-top: 60px;
  padding-bottom: 140px;
  overflow: visible;
}

.wrapper._1920px.background-image {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  background-image: none;
  max-width: none;
  padding-top: 100px;
  padding-bottom: 100px;
}

.wrapper._1920px.background-image.pricing-page-3 {
  padding-top: 140px;
  padding-bottom: 140px;
}

.wrapper._1920px.features-2-vertical {
  background-image: url('../images/Group-2687.png');
  background-position: 50%;
  background-size: cover;
  align-items: center;
  max-width: none;
  padding-top: 144px;
  padding-bottom: 144px;
}

.wrapper.home-feature-3-wrapper {
  flex-direction: row-reverse;
  padding-top: 40px;
  padding-bottom: 145px;
}

.wrapper.home-feature-3-wrapper.home-2 {
  width: 100%;
  padding-top: 80px;
}

.wrapper.feature-4-wrapper {
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper.feature-4-wrapper.features {
  flex-direction: row-reverse;
}

.wrapper.feature-4-wrapper.vertical {
  flex-direction: column;
}

.wrapper.cta-wrapper {
  background-image: url('../images/Feature-4-min.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.wrapper.about-hero-up {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 1280px;
  padding-top: 140px;
  padding-bottom: 210px;
}

.wrapper.about-images-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.75fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  display: grid;
}

.wrapper.about-story-up-wrapper {
  align-items: flex-start;
  padding-top: 79px;
}

.wrapper.about-grid {
  text-align: center;
  padding-top: 0;
  padding-bottom: 145px;
}

.wrapper.about-values-wrapper {
  padding-top: 100px;
  padding-bottom: 100px;
}

.wrapper.home-hero-wrapper {
  align-items: flex-start;
}

.wrapper.home-hero-wrapper.homepage-3 {
  flex-direction: row-reverse;
}

.wrapper.home-hero-wrapper.homepage-2 {
  flex-direction: column;
}

.wrapper.home-blog-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 40px;
  padding-bottom: 145px;
}

.wrapper.home-blog-wrapper.vertical-blog {
  align-items: center;
  padding-top: 145px;
  padding-bottom: 45px;
}

.wrapper.features-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 840px;
  padding-top: 100px;
  padding-bottom: 240px;
}

.wrapper.features-loop-wrapper {
  text-align: center;
  justify-content: flex-start;
  align-items: stretch;
  width: 300%;
  max-width: none;
  padding-top: 0;
}

.wrapper.visual-features-wrapper {
  flex-direction: column;
  align-items: stretch;
  padding-top: 145px;
  padding-bottom: 145px;
}

.wrapper.features-5-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper.team-wrapper {
  flex-direction: column;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 80px;
}

.wrapper.pricing-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 840px;
  padding-top: 100px;
  padding-bottom: 240px;
}

.wrapper.pricing-hero-wrapper.pricing-page-2 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  max-width: 1280px;
  padding-bottom: 220px;
}

.wrapper.pricing-table-wrapper {
  flex-direction: column;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper.faq-wrapper {
  flex-direction: column;
  align-items: flex-end;
}

.wrapper.blog-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 840px;
  padding-top: 100px;
  padding-bottom: 240px;
}

.wrapper.blog-featured-wrapper {
  flex-direction: column;
  align-items: stretch;
  padding-top: 0;
}

.wrapper.all-blogs-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 140px;
}

.wrapper.all-blogs-wrapper.blog-page-2 {
  align-items: flex-start;
}

.wrapper.blog-subscribe-wrapper {
  background-image: url('../images/Shapes-min.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  padding-left: 96px;
  padding-right: 96px;
  overflow: hidden;
}

.wrapper.blog-post-hero-wrapper {
  flex-direction: column;
  align-items: flex-start;
  max-width: 1280px;
  padding-top: 131px;
  padding-bottom: 220px;
}

.wrapper.blog-post-image-wrapper {
  border-radius: 12px;
  height: 560px;
  margin-top: -180px;
  margin-bottom: 64px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.wrapper.blog-post-rich-text-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 840px;
  padding-top: 0;
}

.wrapper.blog-similar-post-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  padding-top: 40px;
}

.wrapper.blog-similar-post-wrapper.margin-bottom {
  padding-top: 80px;
  padding-bottom: 80px;
}

.wrapper.career-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 620px;
  padding-top: 120px;
  padding-bottom: 0;
}

.wrapper.career-images-wrapper {
  margin-top: 0;
  padding-top: 0;
  top: -64px;
}

.wrapper.jobs-wrapper {
  align-items: flex-start;
  padding-top: 220px;
  padding-bottom: 120px;
  position: relative;
}

.wrapper.perks-wrapper {
  flex-direction: column;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 100px;
}

.wrapper.contact-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 840px;
  padding-top: 100px;
  padding-bottom: 240px;
}

.wrapper.contact-form-wrapper {
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  align-items: stretch;
  max-width: 920px;
  margin-top: -145px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: visible;
}

.wrapper.location-wrapper {
  padding-top: 145px;
}

.wrapper.sign-up-wrapper {
  align-items: flex-start;
  width: 100%;
  max-width: 1920px;
  height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper.pricing-comparison-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 0;
}

.wrapper.integrations-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 840px;
  padding-top: 100px;
  padding-bottom: 240px;
}

.wrapper.integrations-features-wrapper {
  flex-direction: column;
  justify-content: center;
  padding-top: 0;
}

.wrapper.most-popular-integrations-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}

.wrapper.all-integrations-wrapper {
  flex-direction: column;
  justify-content: center;
  padding-top: 64px;
  padding-bottom: 145px;
}

.wrapper._404-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 620px;
  height: 100vh;
  padding-top: 131px;
}

.wrapper.vacancy-hero-wrapper {
  flex-direction: row;
  align-items: flex-end;
  padding-top: 150px;
  padding-bottom: 100px;
}

.wrapper.vacancy-rich-text-wrapper {
  align-items: flex-start;
  padding-top: 145px;
  padding-bottom: 100px;
}

.wrapper.style-guide-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 620px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.wrapper.style-guide-wrapper {
  align-items: flex-start;
  padding-top: 100px;
}

.wrapper.licensing-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 620px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.wrapper.licensing-wrapper {
  align-items: flex-start;
}

.wrapper.changelog-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 620px;
  padding-top: 100px;
}

.wrapper.changelog-wrapper {
  flex-direction: column;
  justify-content: center;
  padding-top: 130px;
  padding-bottom: 130px;
}

.wrapper.instructions-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 620px;
  padding-top: 100px;
}

.wrapper.instructions-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 980px;
}

.wrapper.testimonial-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 620px;
  padding-top: 145px;
}

.wrapper.footer-wrapper._80-top-padding {
  padding-top: 80px;
}

.wrapper.search-result {
  padding-top: 0;
}

.wrapper.download-cards-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding-top: 0;
  display: grid;
}

.wrapper.reviews-page {
  align-items: flex-start;
  padding-top: 60px;
}

.wrapper.reviews {
  z-index: 5;
  flex-direction: column;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.wrapper.reviews._0px-padding-top {
  padding-top: 0;
}

.wrapper.two-cards {
  padding-bottom: 0;
  display: flex;
}

.wrapper.features-vertical-tabs {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.wrapper.features-vertical-tabs.lead-apps {
  flex-direction: column;
  align-items: flex-start;
}

.wrapper.features-vertical-tabs.market {
  flex-direction: column;
  align-items: flex-start;
  width: 10%;
}

.wrapper.integrations-icons-wrapper {
  flex-direction: column;
  justify-content: center;
  padding-top: 144px;
  padding-bottom: 0;
}

.wrapper.plans-grid {
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper.integrations-details-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 1280px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.wrapper.support {
  flex-direction: column;
  align-items: flex-end;
  padding-top: 144px;
  padding-bottom: 144px;
}

.wrapper.support-hero-wrapper {
  flex-direction: column;
  padding-top: 96px;
  padding-bottom: 144px;
}

.wrapper.case-study-page {
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: block;
}

.wrapper.case-study-page.template, .wrapper.case-study-page.main {
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper.cs-bottom {
  z-index: 1;
  flex-direction: column;
  padding-top: 0;
  position: relative;
}

.wrapper.cs {
  z-index: 1;
  flex-direction: column;
  padding-top: 84px;
  position: relative;
}

.wrapper.cs-template {
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper.overview-section {
  flex-direction: column;
  padding-top: 128px;
  padding-bottom: 128px;
}

.wrapper.overview-section.no-top-padding {
  padding-top: 0;
}

.wrapper.checkout {
  align-items: flex-start;
  width: 85%;
}

.wrapper.navigation-wrapper {
  padding-top: 4px;
  padding-bottom: 4px;
}

.wrapper.hero-section {
  flex-direction: column;
  padding-top: 100px;
  padding-bottom: 32px;
}

.wrapper.hero-section.stiky-nav {
  padding-top: 120px;
  padding-bottom: 12px;
  position: static;
}

.wrapper.plans {
  align-items: flex-start;
}

.wrapper.applications-partners {
  flex-flow: row;
  justify-content: flex-start;
  width: auto;
  max-width: 1280px;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.wrapper.applications-partners.features {
  padding-top: 40px;
  padding-bottom: 40px;
}

.wrapper.overview {
  flex-direction: column;
  position: absolute;
  inset: 13% 0% auto;
}

.wrapper.klantevaring {
  flex-direction: column;
  padding-top: 40px;
  padding-bottom: 40px;
}

.wrapper.workflow, .wrapper.diensten, .wrapper.roadmap {
  flex-direction: column;
  padding-top: 40px;
}

.wrapper.home-workflow {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding-top: 80px;
  padding-bottom: 80px;
}

.wrapper.home-workflow.homepage-3 {
  padding-top: 145px;
}

.wrapper.home-workflow.home-2 {
  width: 100%;
}

.wrapper.hero-blog {
  padding-top: 120px;
  padding-bottom: 64px;
}

.wrapper.video {
  border-radius: 24px;
  width: 85%;
  overflow: hidden;
}

.wrapper.video.vacantures {
  margin-top: -10px;
  top: 50px;
}

.wrapper.workflow-features {
  flex-direction: column;
  padding-top: 40px;
}

.wrapper.footer-wrapper {
  border-bottom: 1px solid #40454f;
  flex-direction: column;
  align-items: stretch;
  padding-top: 320px;
  padding-bottom: 0;
}

.home-hero-left {
  width: 53%;
  max-width: 620px;
}

.home-hero-left.homepage-3 {
  color: #6e7687;
  width: 50%;
  margin-left: 5%;
}

.home-hero-left.homepage-2 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 840px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.para-large {
  font-family: Megabyte, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.para-large.home-hero-para {
  max-width: 550px;
  margin-bottom: 32px;
  line-height: 140%;
}

.para-large.home-hero-para.homepage-3 {
  color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
}

.para-large.home-hero-para.white-center {
  color: #fff;
  text-align: center;
}

.para-large.overview {
  text-align: center;
  width: 90%;
  max-width: 1060px;
  margin-bottom: 32px;
  line-height: 140%;
}

.para-large.dark-grey {
  color: #5e6e8d;
}

.para-large.dark-grey.aling-center {
  text-align: center;
  letter-spacing: 0;
}

.button {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  color: #fff;
  border-radius: 12px;
  padding: 16px 32px;
  font-family: Megabyte, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  transition: all .3s;
}

.button:hover {
  background-color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.button.pagination-button {
  border-style: none;
  padding: 16px 40px;
}

.button.dark-blue {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  padding: 16px 32px;
  font-size: 16px;
  line-height: 140%;
}

.button.dark-blue:hover {
  background-color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.button.dark-blue.submit {
  margin-left: auto;
  margin-right: auto;
}

.button.footer-form-button {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
}

.button.footer-form-button:hover {
  background-color: var(--white);
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.button.navigation-button {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex: none;
}

.button.navigation-button:hover {
  background-color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.button.navigation-button.white {
  background-color: #fff3;
  transition-property: all;
}

.button.navigation-button.white:hover {
  color: #0f1f3d;
  background-color: #fffffffa;
}

.button.navigation-button.mobile {
  display: none;
}

.button.search {
  padding-top: 15px;
  padding-bottom: 15px;
}

.button.trial {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  height: 60px;
  padding-left: 28px;
  padding-right: 28px;
}

.button.trial:hover {
  background-color: #1ebd53;
}

.button.trial.white {
  color: var(--blue\<deleted\|variable-e4e7adfc\>);
  background-color: #fff;
  transition: color .2s, background-color .2s;
}

.button.trial.white:hover {
  color: #fff;
  background-color: #0f1f3d;
}

.button.integrations-center {
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
}

.button.top-marin-80px {
  margin-top: 80px;
}

.button.sticky-nav {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  background-color: #f5f7fa;
  padding: 9px 20px;
  font-family: Megabyte, sans-serif;
  font-weight: 500;
  position: relative;
}

.button.sticky-nav:hover, .button.sticky-nav.w--current {
  background-color: var(--bright-grey\<deleted\|variable-de418f72\>);
  color: var(--white);
}

.button.sticky-nav.blue {
  text-decoration: none;
}

.button.sticky-nav.blue:hover, .button.sticky-nav.blue.w--current {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  color: var(--white);
}

.button.sticky-nav.yellow:hover {
  color: #fff;
  background-color: #f9b20b;
}

.button.sticky-nav.yellow.w--current {
  color: var(--white);
  background-color: #f9b20b;
}

.button.sticky-nav.dark-blue {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.button.sticky-nav.dark-blue:hover, .button.sticky-nav.dark-blue.w--current {
  background-color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  color: var(--white);
}

.home-hero-pointers {
  z-index: 20;
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 400px;
  margin-top: 110px;
  display: grid;
  position: relative;
}

.hero-pointer-item {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.hero-pointer-icon {
  margin-bottom: 14px;
}

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

.image.contain {
  object-fit: contain;
  width: 32px;
  max-width: 100%;
  height: 100%;
  margin-top: 0;
}

.image.contain.signup {
  display: inline-block;
}

.image.contain {
  object-fit: contain;
}

.home-hero-images-container {
  z-index: 1;
  width: 45%;
  max-width: 490px;
  margin-top: -50px;
  position: relative;
}

.home-hero-images-container.homepage-2 {
  justify-content: center;
  width: 100%;
  max-width: none;
  margin-top: 0;
  display: flex;
}

.home-hero-main-image {
  z-index: 2;
  border-radius: 10px;
  width: auto;
  max-width: 490px;
  height: 506px;
  position: relative;
  overflow: hidden;
}

.home-hero-main-image.homepage-2 {
  border-radius: 60px;
  width: 100%;
  max-width: none;
  height: 100%;
  box-shadow: 0 28px 120px #061b330f;
}

.hero-floating-image-1 {
  z-index: 3;
  border-radius: 8px;
  width: 180px;
  height: 180px;
  position: absolute;
  inset: 20% -11% auto auto;
  overflow: hidden;
  box-shadow: 0 9px 42px #40454f1a;
}

.hero-floating-image-1.homepage-3 {
  border-radius: 100px;
  width: 250px;
  height: 72px;
  top: 10%;
}

.hero-floating-image-1.homepage-2 {
  border-radius: 100px;
  width: 280px;
  height: 72px;
  inset: auto -5% 25% auto;
}

.home-hero-image-circle {
  z-index: 1;
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  border-radius: 50%;
  width: 64px;
  height: 64px;
  position: absolute;
  inset: 17% auto auto -4%;
}

.hero-floating-image-2 {
  z-index: 3;
  width: 260px;
  height: 156px;
  position: absolute;
  inset: auto auto -15% -20%;
  box-shadow: 0 16px 71px #40454f1a;
}

.hero-floating-image-2.homepage-2 {
  border-radius: 10px;
  width: 330px;
  height: 198px;
  bottom: 15%;
  left: -5%;
}

.hero-floating-image-3 {
  z-index: 1;
  border-radius: 7px;
  width: 80px;
  height: 80px;
  position: absolute;
  inset: auto -11% -9% auto;
  overflow: hidden;
}

.hero-floating-image-3.homepage-3 {
  inset: -5% auto auto -15%;
}

.hero-floating-image-3.homepage-2 {
  inset: 25% auto auto -5%;
}

.home-hero-circle-decoration-1 {
  background-color: #ffcb3d;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  inset: 5% auto auto -8%;
}

.home-hero-circle-decoration-1.homepage-3 {
  inset: 7% 5% auto auto;
}

.home-hero-circle-decoration-2 {
  background-color: #c7cad1;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: auto 10% -1% auto;
}

.home-hero-circle-decoration-2.homepage-2 {
  inset: auto auto 27% -6%;
}

.subheading {
  color: var(--black\<deleted\|variable-43e84d7f\>);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Megabyte, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
}

.subheading.light-blue {
  color: #47c1fe;
}

.subheading.blue {
  margin-bottom: 10px;
  text-decoration: none;
}

.subheading.yellow {
  color: #e9a001;
}

.home-stats-heading {
  margin-bottom: 16px;
}

.home-stats-up {
  max-width: 620px;
  margin-bottom: 48px;
}

.home-stats-up.overview {
  max-width: 660px;
}

.story-stats-grid {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  border-top: 1px solid #e1e4eb;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.story-stats-grid.review-page {
  border-top-style: none;
  width: 85%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.story-stats-item {
  text-align: center;
  padding-top: 48px;
}

.story-stats-item.middle {
  border-left: 1px solid #e1e4eb;
  border-right: 1px solid #e1e4eb;
}

.story-stats-item.review {
  flex-direction: column;
  align-items: center;
  padding-bottom: 48px;
  display: flex;
}

.stats-number-text {
  color: var(--black\<deleted\|variable-43e84d7f\>);
  letter-spacing: -1.2px;
  margin-bottom: 16px;
  font-size: 60px;
  font-weight: 700;
  line-height: 106%;
}

.home-featured-1-section {
  background-color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.dientsten-right {
  justify-content: space-between;
  align-items: center;
  width: 50%;
  max-width: 620px;
  display: flex;
  position: relative;
}

.dientsten-right.feature-3 {
  flex-direction: row-reverse;
  width: 50%;
  position: relative;
}

.klantervaring-image {
  z-index: 1;
  width: 100%;
  max-width: 620px;
  position: relative;
}

.home-feature-1-floating-image {
  z-index: 2;
  border-radius: 11px;
  width: 45%;
  margin-right: -50%;
  position: absolute;
  inset: auto auto 20% -15%;
  box-shadow: 12px 20px 100px #40454f1a;
}

.home-feature-1-floating-image.feature-3 {
  width: 44%;
  margin-left: -50%;
  margin-right: 0%;
  inset: auto -15% 11% auto;
  overflow: hidden;
}

.home-feature-1-image-background {
  background-image: linear-gradient(135deg, #f1f3f6, #fff 65%);
  width: 480px;
  height: 656px;
  position: absolute;
  inset: auto auto 0% -11%;
}

.diensten-left {
  flex-direction: column;
  align-items: flex-start;
  width: 45%;
  max-width: 500px;
  display: flex;
}

.diensten-left.white {
  width: 45%;
}

.home-features-subheading {
  color: #47c1fe;
  margin-bottom: 16px;
}

.home-features-subheading.yellow {
  color: #ffcb3d;
}

.home-features-heading {
  margin-bottom: 16px;
}

.diensten-right-items-wrapper {
  margin-top: 20px;
  margin-bottom: 24px;
}

.workflow-section-points {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: 0 0 16px;
  display: flex;
}

.workflow-section-points.white {
  margin-bottom: 0;
}

.workflow-section-points.white.margin-left-24px {
  margin-left: 24px;
}

.diensten-point-image {
  background-color: var(--white);
  border-radius: 8px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-right: 19px;
  padding: 6px;
  display: flex;
}

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

.bold-text-span.black {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  font-family: Megabyte, sans-serif;
}

.link-button {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 10px;
  font-family: Megabyte, sans-serif;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.link-button.white {
  color: var(--white);
  flex-direction: row;
  align-items: center;
  display: flex;
}

.link-button.white.right-side {
  margin-left: auto;
}

.link-button.white.testimonial {
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
}

.link-button.dark.klant {
  flex-direction: row;
  padding-left: 0;
  display: flex;
}

.featured-learn-more-arrow {
  margin-left: 16px;
}

.features-learn-more-link-line {
  background-color: var(--white);
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.features-learn-more-link-line.black {
  background-color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.home-features-1-circle {
  background-color: #ffcb3d;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  inset: auto auto 0% 20%;
  overflow: hidden;
}

.features-2-section {
  z-index: 1;
  background-color: #0f1f3d;
  background-image: url('../images/Pattern-Bkg.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0;
  position: relative;
}

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

.white {
  color: #fff;
  font-family: Megabyte, sans-serif;
}

.white.features-4-text {
  margin-top: 16px;
  margin-bottom: 24px;
}

.white.cta-heading {
  margin-bottom: 12px;
}

.white.about-values-text {
  margin-top: 16px;
  margin-bottom: 24px;
}

.white.heading {
  margin-bottom: 4px;
}

.white._16px {
  font-size: 16px;
  line-height: 150%;
}

.lead-apps-tabs {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.lead-apps-menu {
  flex-direction: column;
  justify-content: flex-start;
  width: 45%;
  max-width: 500px;
  margin-right: auto;
  display: flex;
}

.lead-app-link {
  background-color: #0000;
  border-radius: 12px;
  padding: 32px 28px;
  overflow: hidden;
}

.lead-app-link.w--current {
  background-color: #16264d;
}

.lead-app-link.middle {
  margin-top: 0;
  margin-bottom: 0;
}

.lead-app-content-tabs {
  width: 50%;
  max-width: 620px;
  overflow: visible;
}

.lead-app-icon-and-heading {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.lead-app-icon-wrapper {
  background-color: var(--white);
  border-radius: 8px;
  flex: none;
  margin-top: -5px;
  margin-right: 16px;
  padding: 6px;
}

._16-px {
  flex: none;
  font-size: 16px;
}

._16-px.color-code {
  margin-top: 4px;
}

.lead-app-image-wrapper {
  z-index: 1;
  width: 100%;
  position: relative;
}

.featrues-tab-pane-circle {
  background-color: #ff7847;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  position: absolute;
  inset: auto -3% -3% auto;
}

.featrues-tab-pane-circle-2 {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  inset: -2% auto auto 16%;
}

.features-tab-circle-1 {
  background-color: #47c1fe;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  inset: 22% auto auto 5%;
}

.features-tab-circle-2 {
  background-color: #47c1fe;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: auto auto 5% 32%;
}

.home-integrations-section {
  overflow: hidden;
}

.integratios-up {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: relative;
}

.integrations-subheading-and-heading {
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 620px;
  display: flex;
}

.heading-1 {
  letter-spacing: 0;
  padding-bottom: 10px;
  font-family: Megabyte, sans-serif;
  font-size: 45px;
  line-height: 120%;
}

.heading-1.white.center, .heading-1.aling-center {
  text-align: center;
}

.heading-1.aling-center.dark-blue {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  font-size: 44px;
}

.heading-1.dark-blue {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.home-integration-circle-1 {
  background-color: #ffcb3d;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  inset: 0% 32% auto auto;
}

.integration-card {
  width: 400px;
  max-width: 400px;
  height: 100%;
  color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  margin-left: 20px;
  margin-right: 20px;
  padding: 24px 32px 40px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 17px 17px 200px #40454f0f;
}

.integration-card.most-popular {
  cursor: pointer;
  width: 100%;
  margin-bottom: 48px;
  margin-left: 0;
  margin-right: 0;
}

.integration-icon {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  margin-bottom: 16px;
  display: flex;
}

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

.integration-icon._40px {
  border-radius: 0;
  width: 40px;
  height: 40px;
  margin-bottom: 0;
}

.integration-item-heading {
  margin-bottom: 8px;
}

.integrations-cards-wrapper-1 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 1000%;
  margin-bottom: 48px;
  display: flex;
}

.integrations-cards-wrapper-1.integrations-page {
  z-index: 1;
  margin-top: -145px;
  margin-bottom: 0;
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}

.integrations-inside-container-1 {
  align-items: flex-start;
  display: flex;
}

.integrations-inside-container-2 {
  flex: none;
  align-items: flex-start;
  display: flex;
}

.integrations-cards-wrapper-2 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 1000%;
  display: flex;
}

.home-integration-circle-2 {
  background-color: #1ebd53;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: auto auto 6% 27%;
}

.feature-3-section {
  display: block;
}

.feature-3-floating-image-2 {
  border-radius: 7px;
  width: 14%;
  height: 14%;
  position: absolute;
  top: 16%;
  bottom: auto;
  right: -10%;
  overflow: hidden;
}

.feature-3-circle {
  background-color: #ff7847;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  inset: auto auto 10% 14%;
  overflow: hidden;
}

.feature-4-section.features {
  margin-bottom: 140px;
}

.feature-4-section.download-feature-section {
  margin-top: 140px;
  margin-bottom: 140px;
  position: relative;
  overflow: visible;
}

.feature-4-section.homepage-3 {
  margin-bottom: 140px;
}

.our-power-text-left {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 40%;
  max-width: 510px;
  display: flex;
}

.our-power-text-left.feature-2-vertical {
  align-items: center;
  width: 100%;
  max-width: 720px;
}

.info-items-right {
  grid-column-gap: 60px;
  grid-row-gap: 56px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 55%;
  max-width: 620px;
  display: grid;
}

.info-items-right._2-rows {
  grid-column-gap: 40px;
  grid-row-gap: 64px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  max-width: 1280px;
  margin-top: 80px;
  margin-bottom: 80px;
}

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

.pointer-icon {
  width: 48px;
  margin-bottom: 24px;
}

.cta-section {
  z-index: 1;
  margin-bottom: -205px;
  position: relative;
}

.cta-section.flex-horizontal {
  margin-bottom: 0;
}

.cta-section.flex-horizontal.blue-shapes {
  background-image: url('../images/Group-2683.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}

.cta-text {
  color: #fff;
  font-size: 22px;
}

.cta-form-block {
  margin-top: 40px;
}

.cta-form {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.cta-form-field {
  color: #fff;
  background-color: #4981ff;
  border: 1px #000;
  border-radius: 12px;
  width: 400px;
  max-width: 400px;
  margin-bottom: 0;
  margin-right: 24px;
  padding: 28px 0 28px 28px;
}

.cta-form-field::placeholder {
  color: #fff;
  font-size: 18px;
}

.cta-form-field.blog-subscribe {
  background-color: #4e5a71;
  padding-right: 20px;
}

.cta-button {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  background-color: #fff;
  border-radius: 12px;
  padding: 15px 28px;
  font-family: Megabyte, sans-serif;
  font-weight: 700;
  transition: all .2s;
}

.cta-button:hover {
  background-color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  color: #fff;
}

.cta-pointers-container {
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.cta-pointers-container.left-align {
  justify-content: flex-start;
  margin-top: 24px;
}

.cta-pointer-item {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cta-pointer-item.first {
  margin-right: 24px;
}

.cta-pointer-checkmark {
  margin-right: 15px;
}

.about-hero-section {
  background-color: #f1f3f6;
}

.about-hero-section.gray {
  background-color: #f1f3f6;
  width: 100%;
}

.about-hero-text {
  margin-top: 16px;
  font-size: 22px;
}

.about-images-section {
  width: 100%;
  margin-top: -140px;
}

.about-image-second {
  background-image: url('../images/B-roll-shots.00_03_15_13.Still006-1-min.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
  height: 460px;
  overflow: hidden;
}

.about-story-section {
  width: 100%;
}

.about-story-left {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  display: flex;
}

.about-story-right {
  width: 100%;
  max-width: 620px;
}

.about-story-text {
  padding-top: 48px;
  font-size: 22px;
  line-height: 140%;
}

.stats-number {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  text-align: center;
  letter-spacing: -1.2px;
  margin-bottom: 16px;
  font-family: Megabyte, sans-serif;
  font-size: 60px;
  font-weight: 500;
  line-height: 106%;
}

.about-lightbox {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 640px;
  display: flex;
  position: relative;
}

.play-button {
  width: 100px;
  height: 100px;
  margin-top: 280px;
  margin-left: -40px;
  position: absolute;
  inset: 0% 0% 0% 50%;
}

.about-values-section {
  width: 100%;
}

.about-values-section.dark-blue {
  background-color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.about-values-left {
  flex-direction: column;
  align-items: flex-start;
  width: 40%;
  max-width: 500px;
  display: flex;
}

.overflow-hidden {
  position: relative;
  overflow: hidden;
}

.up-blog {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 0;
  display: flex;
}

.subheading-and-heading {
  flex: 1;
  max-width: 810px;
}

.subheading-and-heading.vertical {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-subheading {
  margin-bottom: 16px;
}

.home-blogs-container {
  grid-column-gap: 24px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.featured-main-collection-wrapper {
  border-radius: 12px;
  overflow: hidden;
}

.featured-main-item {
  width: 100%;
  height: 640px;
  color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 27px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.featured-main-image {
  height: 640px;
  position: absolute;
  inset: 0%;
}

.featured-author {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.featured-author-image {
  border: 1px solid #fff;
  border-radius: 50%;
  flex: none;
  width: 48px;
  height: 48px;
  margin-right: 16px;
  overflow: hidden;
}

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

.featured-category {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: Megabyte, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
}

.overlay {
  background-image: linear-gradient(114deg, #00000080 35%, #0d0e1066);
  position: absolute;
  inset: 0%;
}

.overlay.r {
  background-image: radial-gradient(circle closest-corner, #ffffff1a, #18181899);
}

.feature-collection-list {
  grid-column-gap: 16px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.feature-collection-item {
  height: 100%;
}

.feature-item {
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 27px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.feature-image {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.featured-collection-wrapper {
  overflow: hidden;
}

.features-hero-section {
  width: 100%;
}

.features-hero-heading {
  margin-top: 16px;
  margin-bottom: 16px;
}

.features-hero-text {
  max-width: 620px;
  font-size: 22px;
}

.features-loop-section {
  margin-top: -145px;
}

.features-cards {
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 400px;
  height: 100%;
  margin-right: 40px;
  padding: 30px;
  display: flex;
  overflow: hidden;
  box-shadow: 17px 17px 200px #40454f0f;
}

.features-card-icon {
  margin-bottom: 26px;
}

.featues-card-heading {
  margin-bottom: 8px;
}

.features-loop-inside-wrapper {
  display: flex;
}

.features-loop-inside-wrapper._1 {
  height: auto;
}

.features-learn-more-link-2 {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 10px;
  font-family: Megabyte, sans-serif;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.features-learn-more-link-2.blue {
  color: var(--blue\<deleted\|variable-e4e7adfc\>);
  text-decoration: none;
}

.features-learn-more-link-line-2 {
  background-color: #e1e4eb;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.features-learn-more-link-line-2.dark {
  background-color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.features-1-floating {
  z-index: 1;
  border-radius: 10px;
  width: 60%;
  position: absolute;
  overflow: hidden;
  box-shadow: 7px 19px 165px #40454f0f;
}

.features-1-floating._1 {
  inset: 20% 0% auto auto;
}

.features-1-floating._2 {
  inset: 45% 12% auto auto;
}

.features-1-floating._3 {
  inset: 70% 0% auto auto;
}

.visual-features-section {
  background-color: #f1f3f6;
}

.visual-features-up {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 80px;
  display: flex;
}

.visual-features-heading-and-subheading {
  max-width: 500px;
}

.visual-features-subheading {
  margin-bottom: 16px;
}

.visual-features-text {
  max-width: 500px;
}

.visual-features-items-container {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.visual-features-items-container.nav {
  grid-column-gap: 0px;
  grid-template-columns: 1fr;
  margin: 24px;
}

.visual-features-items-container.nav.pages {
  grid-row-gap: 0px;
  border-right: 0 #0000;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: column;
  place-content: stretch space-around;
  place-items: start stretch;
  margin: 32px 48px 48px;
  padding: 0;
}

.visual-features-items-container.nav.blogs {
  grid-template-columns: 1fr 1fr 1fr;
  margin: 24px 12px;
  padding-left: 0;
  padding-right: 0;
}

.visual-features-item {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.visual-features-item.navbar {
  color: var(--black\<deleted\|variable-43e84d7f\>);
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  padding: 24px;
  position: relative;
}

.visual-features-item.navbar.w--current {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  padding: 24px;
}

.visual-features-item.navbar.horizontal {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 16px 24px 16px 16px;
}

.visual-features-item.navbar.right-link {
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 0 16px;
}

.visual-features-item.navbar.right-link:hover {
  color: var(--blue\<deleted\|variable-e4e7adfc\>);
  background-color: #0000;
}

.visual-features-item.navbar.blog {
  flex-direction: column;
  padding-left: 20px;
  padding-right: 20px;
}

.visual-features-item.navbar.blog.w--current {
  grid-row-gap: 1px;
  flex-direction: column;
}

.visual-features-item.navbar.last {
  padding-left: 32px;
  padding-right: 48px;
}

.visual-features-item.navbar.hide {
  display: none;
}

.visual-features-item-image {
  border-radius: 8px;
  margin-bottom: 8px;
  overflow: hidden;
}

.visual-features-item-image.pages {
  border-radius: 0;
  width: 32px;
  height: 32px;
  margin-bottom: 0;
}

.visual-features-item-heading {
  margin-bottom: 8px;
}

.featrues-tab-pane-circle-3 {
  background-color: #145aff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  inset: -2% auto auto 16%;
}

.featrues-tab-pane-circle-3.features {
  background-color: #1ebd53;
}

.features-tab-circle-3 {
  background-color: #47c1fe;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: auto auto 5% 32%;
}

.features-tab-circle-3.features {
  background-color: #ffcb3d;
}

.features-tab-circle-4 {
  background-color: #47c1fe;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  inset: 22% auto auto 5%;
}

.white-2 {
  color: #fff;
}

.white-2.home-features-heading.homepage-3 {
  margin-bottom: 0;
}

.white-2._500w {
  max-width: 500px;
  margin-bottom: 10px;
}

.featrues-tab-pane-circle-4 {
  background-color: #ff7847;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  position: absolute;
  inset: auto -3% -3% auto;
}

.features-tab-section {
  z-index: 1;
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  margin-top: -20px;
  margin-bottom: 100px;
  position: relative;
}

.features-subheading {
  color: #fff;
  margin-bottom: 16px;
}

.features-subheading.yellow {
  color: #ffcb3d;
}

.features-floating {
  z-index: 1;
  border-radius: 12px;
  width: 50%;
  max-width: 280px;
  position: absolute;
  inset: 35% auto auto 0%;
  overflow: hidden;
  box-shadow: 17px 17px 100px #40454f1a;
}

.diensten-image-wrapper {
  z-index: 1;
  border-radius: 16px;
  position: relative;
  left: auto;
  overflow: hidden;
}

.features-5 {
  margin-bottom: 140px;
}

.features-heading-and-subheading {
  max-width: 620px;
  margin-bottom: 80px;
}

.features-5-heading {
  margin-bottom: 16px;
}

.features-5-items-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.features-5-item {
  text-align: left;
}

.features-5-icon {
  border-radius: 8px;
  width: 56px;
  height: 56px;
  margin-bottom: 20px;
  overflow: hidden;
}

.features-4-text {
  margin-top: 16px;
  margin-bottom: 24px;
}

.team-members-up {
  text-align: center;
  max-width: 620px;
  margin-bottom: 80px;
}

.members-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 48px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
}

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

.team-member-item {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.team-member-image {
  border-radius: 12px;
  width: 100%;
  height: 330px;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
}

.team-member-name {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  margin-bottom: 8px;
  font-family: Megabyte, sans-serif;
}

.team-member-linkedin-link {
  z-index: 10;
  background-image: url('../images/Button_1Button.png');
  background-position: 50%;
  background-size: cover;
  width: 48px;
  height: 48px;
  transition: filter .2s;
  position: absolute;
  inset: auto 7% 7% auto;
}

.pricing-hero-section {
  background-color: #f1f3f6;
}

.pricing-hero-heading {
  margin-bottom: 16px;
}

.pricing-hero-heading.pricing-page-2 {
  text-align: left;
  flex: none;
  max-width: 620px;
  margin-bottom: 0;
}

.pricing-hero-text {
  max-width: 620px;
  font-size: 22px;
}

.pricing-hero-text.pricing-page-2 {
  text-align: left;
  width: 40%;
  max-width: 480px;
  margin-bottom: 10px;
}

.pricing-tables-section {
  margin-top: -180px;
}

.pricing-switch-and-text {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 28px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.pricing-switch {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  border-radius: 28px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  width: 48px;
  height: 28px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 4px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pricing-switch-ball {
  background-color: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}

.pricing-switch-left {
  cursor: pointer;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.pricing-switch-right {
  cursor: pointer;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.save-30-image {
  margin-left: 12px;
}

.pricing-tables-container {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.pricing-tables-container.monthly {
  grid-column-gap: 30px;
}

.pricing-tables-container.yearly {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.pricing-tables-container.pricing-page-3 {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr;
}

.pricing-tables-container.pricing-page-2 {
  grid-column-gap: 0px;
  grid-row-gap: 48px;
  grid-template-columns: 1fr;
}

.pricing-table-item {
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px 26px;
  display: flex;
  overflow: hidden;
  box-shadow: 17px 17px 200px #40454f0f;
}

.pricing-table-item.bg {
  background-image: url('../images/Shapes.png');
  background-position: 50%;
  background-size: auto;
}

.pricing-table-item.bg.white {
  background-repeat: no-repeat;
  background-size: cover;
}

.pricing-table-item.pricing-page-2-item {
  max-width: 840px;
  padding: 40px;
}

.pricing-table-item.pricing-page-2-item.business {
  background-image: url('../images/Group-2686-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.pricing-table-item.plans-ecommerce-ecommerce {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.pricing-table-plan-text {
  margin-bottom: 8px;
}

.pricing-table-item-text {
  margin-bottom: 28px;
  font-size: 16px;
  line-height: 150%;
}

.pricing-table-item-text.pricing-page-3 {
  margin-bottom: 52px;
}

.pricing-table-item-text.pricing-page-2 {
  margin-bottom: 0;
}

.pricing-table-item-text.ecommerce {
  margin-bottom: 20px;
}

.pricing-cost {
  margin-bottom: 40px;
}

.pricing-cost.pricing-page-2 {
  margin-bottom: 28px;
}

.pricing-cost-text-span {
  color: var(--black\<deleted\|variable-43e84d7f\>);
  letter-spacing: -1px;
  margin-right: 4px;
  font-size: 36px;
  font-weight: 700;
  line-height: 112%;
}

.pricing-cost-text-span.white {
  color: #fff;
}

.pricing-cost-text-span.pricing-page-3 {
  margin-right: 0;
  font-size: 48px;
}

.pricing-cost-text-span.white-pricing-page-3 {
  color: #fff;
  margin-right: 0;
  font-size: 48px;
}

.pricing-cost-text-span.ecommerce {
  margin-top: 6px;
  margin-right: 0;
  font-size: 18px;
  font-weight: 600;
}

.pricing-cost-text-span.ecommerce-price {
  margin-right: 0;
  font-size: 48px;
}

.pricing-table-button {
  width: 100%;
  color: var(--blue\<deleted\|variable-e4e7adfc\>);
  background-color: #145aff33;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  padding-top: 17px;
  padding-bottom: 18px;
  font-style: normal;
  font-weight: 700;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.pricing-table-button:hover {
  color: #fff;
  background-color: #1ebd53;
}

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

.pricing-table-button.white:hover {
  background-color: #1ebd53;
}

.pricing-table-button.pricing-page-3 {
  text-align: center;
  flex: none;
  margin-bottom: 0;
}

.pricing-table-button.pricing-page-2 {
  width: auto;
  margin-bottom: 0;
  padding-left: 28px;
  padding-right: 28px;
}

.pricing-table-button.ecom {
  text-align: center;
  flex: none;
  margin-bottom: 0;
}

.pricing-table-button.ecom:hover {
  color: #0f1f3d;
  background-color: #1ebd534d;
}

.pricing-table-line {
  background-color: #e1e4eb;
  width: 100%;
  height: 1px;
}

.pricing-table-item-pointers {
  flex-direction: column;
  width: 100%;
  margin-top: 35px;
  display: flex;
}

.pricing-table-pointer-item {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 16px;
  display: flex;
}

.pricing-table-checkmark {
  flex: none;
  margin-top: 4px;
  margin-right: 15px;
}

.faq-right {
  width: 70%;
  max-width: 840px;
  margin-left: auto;
}

.faq-heading-and-subheading {
  width: 70%;
  max-width: 840px;
  margin-bottom: 40px;
}

.faq-part.margin-top {
  margin-top: 64px;
}

.faq-part-heading {
  padding-top: 40px;
}

.faq-item {
  border-bottom: 1px solid #e1e4eb;
  margin-top: 32px;
  padding-bottom: 32px;
}

.faq-question {
  cursor: pointer;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
  padding-right: 0;
  display: flex;
}

.faq-question-text {
  max-width: 90%;
  font-size: 22px;
  font-weight: 500;
}

.faq-plus-icon {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-top: 3px;
  display: flex;
}

.faq-icon-line-1 {
  background-color: var(--black\<deleted\|variable-43e84d7f\>);
  width: 1px;
  height: 16px;
}

.faq-icon-line-2 {
  background-color: var(--black\<deleted\|variable-43e84d7f\>);
  width: 1px;
  height: 16px;
  position: absolute;
  transform: rotate(90deg);
}

.faq-answer {
  max-width: 95%;
  overflow: hidden;
}

.blog-hero-section {
  background-color: #f1f3f6;
}

.blog-hero-heading {
  margin-bottom: 16px;
}

.blog-hero-text {
  max-width: 620px;
  font-size: 22px;
}

.blog-featured-section {
  margin-top: -150px;
}

.featrued-date-and-time {
  z-index: 190;
  align-items: center;
  display: flex;
}

.feature-down {
  position: relative;
}

.feature-dot {
  background-color: #fff;
  border-radius: 60%;
  flex: none;
  width: 5px;
  height: 5px;
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
}

.blogs-heading-and-text {
  margin-bottom: 50px;
}

.blogs-heading-and-text.authors, .blogs-heading-and-text.center {
  margin-bottom: 0;
}

.all-blogs-heading {
  margin-bottom: 16px;
}

.all-blogs-heading.by {
  margin-right: 10px;
}

.all-blogs-heading.left {
  text-align: left;
}

.all-blogs-container {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
}

.blog-item {
  width: 100%;
  color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
  text-align: left;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  text-decoration: none;
  display: flex;
  position: relative;
}

.blog-item.horizontal {
  flex-direction: row;
  margin-bottom: 40px;
}

.blogs-collection-list-wrapper {
  margin-top: 40px;
}

.blogs-collection-list {
  grid-column-gap: 40px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch center;
  display: grid;
}

.blog-image {
  border-radius: 12px;
  height: 220px;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
}

.blog-image.blog-page-2 {
  height: 440px;
}

.blog-image.blog-page-2-down {
  width: 360px;
  height: 240px;
  margin-bottom: 0;
}

.blog-image.blog-page-3 {
  height: 270px;
  margin-bottom: 16px;
}

.blog-category {
  margin-bottom: 8px;
}

.article-date-and-time {
  z-index: 190;
  color: var(--bright-grey\<deleted\|variable-de418f72\>);
  flex: none;
  align-items: center;
  margin-top: 8px;
  font-family: Megabyte, sans-serif;
  display: flex;
}

.blog-dot {
  background-color: var(--bright-grey\<deleted\|variable-de418f72\>);
  border-radius: 60%;
  flex: none;
  width: 4px;
  height: 4px;
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
}

.blog-author {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 28px auto auto 28px;
}

.blog-author.static {
  justify-content: flex-start;
  margin-top: 20px;
  position: static;
}

.pagination {
  margin-top: 64px;
}

.blog-subscribe-section {
  margin-bottom: 145px;
}

.blog-subscribe-section.blog-3 {
  margin-top: -140px;
  margin-bottom: 0;
}

.blog-subscribe-left {
  width: 47%;
  max-width: 480px;
}

.blog-subscribe-heading {
  color: #fff;
  margin-bottom: 12px;
}

.paragraph-vacancy {
  font-size: 22px;
  line-height: 150%;
}

.paragraph-vacancy.medium {
  font-weight: 500;
}

.blog-subscribe-form-container {
  width: 47%;
}

.blog-form-button {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  color: #fff;
  border-radius: 12px;
  padding: 16px 32px;
  font-family: Megabyte, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  transition: background-color .2s;
}

.blog-form-button:hover {
  background-color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.blog-form-button.center {
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.blog-post-hero-section {
  background-color: #f1f3f6;
}

.blog-hero-aticle-section {
  width: 100%;
  max-width: 840px;
}

.blog-post-heading {
  margin-bottom: 16px;
}

.rich-text {
  color: var(--gray-black--900);
  text-shadow: 0 1px 1px #0003;
  border-bottom: 1px solid #e1e4eb;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Megabyte, sans-serif;
  line-height: 120%;
}

.rich-text h6 {
  margin-top: 40px;
  margin-bottom: 20px;
}

.rich-text h5 {
  margin-top: 40px;
  margin-bottom: 20px;
  font-family: Megabyte, sans-serif;
}

.rich-text p {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Megabyte, sans-serif;
}

.rich-text.vacancy-rich-text {
  border-bottom-style: none;
  padding-bottom: 0;
}

.rich-text blockquote {
  font-family: Megabyte, sans-serif;
}

.article-author {
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.author-info {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-post-author-image {
  border-radius: 50%;
  flex: none;
  width: 96px;
  height: 96px;
  margin-right: 28px;
  overflow: hidden;
}

.blog-author-written-by {
  color: var(--bright-grey\<deleted\|variable-de418f72\>);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-family: Megabyte, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.blog-share-on {
  color: var(--bright-grey\<deleted\|variable-de418f72\>);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-family: Megabyte, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.athour-social-links {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-social-item {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: transform .2s;
  display: flex;
}

.blog-social-item:hover {
  transform: translate(0, -3px);
}

.similar-blog-post-heading {
  margin-bottom: 0;
}

.similar-posts-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 0;
}

.career-hero-section {
  background-color: #f1f3f6;
}

.career-hero-heading {
  margin-bottom: 16px;
}

.career-image-item {
  border-radius: 12px;
  width: 49%;
  max-width: 620px;
  height: 450px;
  overflow: hidden;
}

.jobs-section {
  width: 100%;
}

.jobs-left {
  width: 40%;
  max-width: 510px;
  position: static;
}

.jobs-heading {
  margin-bottom: 16px;
}

.jobs-right {
  width: 55%;
  padding-top: 20px;
}

.jobs-tabs {
  position: static;
}

.jobs-tab-menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: 1fr;
  max-width: 560px;
  display: grid;
  position: absolute;
  inset: 330px auto auto 0%;
}

.jobs-tabs-content {
  overflow: visible;
}

.job-tab-link {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  text-align: center;
  background-color: #f1f3f6;
  border-radius: 12px;
  margin-bottom: 0;
  margin-right: 0;
  padding: 8px 16px;
  font-family: Megabyte, sans-serif;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
}

.job-tab-link.w--current {
  background-color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  color: #fff;
  margin-bottom: 0;
  margin-right: 0;
}

.job-tab-pane {
  padding: 20px 14px;
}

.job-item {
  background-color: #fff;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 28px;
  padding: 32px 40px;
  text-decoration: none;
  display: flex;
  overflow: visible;
  box-shadow: 17px 17px 200px #40454f0f;
}

.job-item:hover {
  color: var(--white);
  box-shadow: 17px 17px 200px #40454f0f;
}

.job-item-heading {
  margin-bottom: 8px;
}

.vacancy-dot-info {
  color: var(--black\<deleted\|variable-43e84d7f\>);
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.vacancy-dot-info.job-post {
  margin-top: 40px;
  font-size: 22px;
}

.job-dot {
  background-color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
  border-radius: 50%;
  flex: none;
  width: 5px;
  height: 5px;
  margin-left: 8px;
  margin-right: 8px;
  overflow: hidden;
}

.job-salary-range {
  color: var(--black\<deleted\|variable-43e84d7f\>);
  margin-top: 4px;
}

.perks-section {
  text-align: center;
  width: 100%;
}

.perks-heading {
  margin-bottom: 16px;
}

.perks-up {
  width: 100%;
  max-width: 620px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
}

.perks-items {
  grid-column-gap: 40px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  display: grid;
}

.perk-item {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.perk-icon {
  margin-bottom: 20px;
}

.contact-hero-section {
  background-color: #f1f3f6;
}

.contact-hero-heading {
  margin-bottom: 16px;
}

.contact-hero-text {
  max-width: 620px;
  font-size: 22px;
}

.contact-form-block {
  width: 100%;
  margin-top: 0;
  margin-bottom: 48px;
  padding: 64px;
  box-shadow: 17px 17px 200px #40454f0f;
}

.contact-form {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.contact-form-item {
  width: 48%;
}

.contact-form-row {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 16px;
  display: flex;
}

.contact-form-field-label {
  color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
  margin-bottom: 16px;
  font-weight: 500;
}

.contact-form-field-label.contact-page {
  color: var(--black\<deleted\|variable-43e84d7f\>);
}

.contact-form-text-field {
  background-color: #f1f3f6;
  border: 1px #000;
  border-radius: 12px;
  margin-bottom: 24px;
  padding: 30px 28px;
  font-size: 18px;
}

.contact-form-text-area {
  background-color: #f1f3f6;
  border: 1px #000;
  border-radius: 12px;
  margin-bottom: 48px;
  padding: 20px 28px 100px;
  font-size: 18px;
}

.contact-cards-container {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.contact-card-item {
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 48%;
  padding: 40px;
  display: flex;
  overflow: hidden;
  box-shadow: 17px 17px 200px #40454f0f;
}

.contact-card-icon {
  margin-bottom: 28px;
}

.contact-card-heading {
  margin-bottom: 8px;
}

.contact-card-link {
  color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
  text-decoration: none;
}

.location-left-text {
  max-width: 400px;
}

.location-heading {
  margin-bottom: 16px;
}

.location-item {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 16px;
  display: flex;
}

.location-icon {
  flex: none;
  margin-right: 16px;
}

.location-right-images {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.location-image {
  object-fit: cover;
  height: 560px;
}

.sign-up-section {
  margin-left: auto;
  margin-right: auto;
}

.sign-up-image {
  max-width: 40%;
  height: 100%;
  position: relative;
}

.sign-up-logo {
  z-index: 60;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  position: absolute;
  inset: 50px auto auto 80px;
}

.sign-up-right {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 54px;
  padding-bottom: 54px;
  display: flex;
}

.sign-up-heading {
  margin-bottom: 16px;
}

.sign-up-link {
  color: var(--blue\<deleted\|variable-e4e7adfc\>);
  font-weight: 500;
  text-decoration: none;
}

.sign-up-with-google {
  color: var(--black\<deleted\|variable-43e84d7f\>);
  border: 1.5px solid #000;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  padding: 15px 90px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.sign-up-with-google:hover {
  border-color: var(--blue\<deleted\|variable-e4e7adfc\>);
}

.sign-up-with-google-icon {
  flex: none;
  margin-right: 20px;
}

.or-continue-with {
  align-items: center;
  margin-top: 28px;
  display: flex;
}

.or-continue-with-line {
  background-color: #e1e4eb;
  width: 120px;
  height: 1px;
}

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

.sign-in-form {
  flex-direction: column;
  display: flex;
}

.faq-down {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.progress-bar {
  z-index: 1;
  flex-direction: column;
  align-self: flex-start;
  width: 25%;
  max-width: 290px;
  margin-top: 0;
  font-family: Megabyte, sans-serif;
  display: block;
  position: sticky;
  top: 110px;
}

.progress-bar-item {
  color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 20px;
  font-weight: 500;
  display: flex;
}

.progress-bar-item.lists {
  flex-direction: column;
}

.progress-bar-grey-line {
  background-color: #e1e4eb;
  width: 2px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.progress-bar-blue-line {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  position: absolute;
  inset: 0%;
}

.pricing-comparison-section.pricing-page-3 {
  margin-bottom: 60px;
}

.comparison-up {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.comparison-heading-and-subheading {
  max-width: 510px;
}

.blue {
  color: var(--blue\<deleted\|variable-e4e7adfc\>);
  text-decoration: underline;
}

.comparison-table-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #e1e4eb;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 30px;
  padding-bottom: 30px;
  display: grid;
}

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

.comparison-plan.pricing-page-3 {
  align-items: center;
}

.comparison-plan-price {
  font-size: 16px;
}

.comparison-table {
  margin-top: 80px;
}

.success-message {
  color: #1ebd53;
  background-color: #fff;
  border-radius: 4px;
  font-weight: 500;
  overflow: hidden;
}

.error-message {
  color: #ff7847;
  background-color: #fffcfc;
  border-radius: 4px;
  padding: 17px;
  font-weight: 500;
  overflow: hidden;
}

.integrations-hero-section {
  background-color: #f1f3f6;
  overflow: hidden;
}

.integrations-hero-heading {
  margin-bottom: 16px;
}

.hero-integrations-text {
  max-width: 620px;
  font-size: 22px;
}

.integrations-features-section.homepage-2 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.integrations-features-up {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 600px;
  margin-bottom: 80px;
  display: flex;
}

.integrations-features-heading {
  margin-bottom: 16px;
}

.integrations-features-items {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.integrations-features-icon {
  margin-bottom: 28px;
}

.integrations-featrues-heading {
  margin-bottom: 8px;
}

.most-popular-integration-section.homepage-3 {
  padding-top: 70px;
  padding-bottom: 40px;
}

.most-popular-integrations-up {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.most-popular-integrations-headings {
  max-width: 510px;
}

.most-popular-integrations-text {
  width: 45%;
  max-width: 510px;
}

.all-integrations-heading {
  margin-bottom: 16px;
}

._404-heading {
  margin-bottom: 0;
}

._404-robot {
  width: 400px;
  margin-top: 64px;
}

._404-section {
  background-color: #f1f3f6;
}

.vacancy-post-hero-section {
  background-color: #f1f3f6;
  font-family: Megabyte, sans-serif;
}

.heading-1-vacancy {
  margin-bottom: 16px;
}

.vacancy-hero-info {
  max-width: 620px;
}

.vacancy-rich-text-section {
  width: 100%;
}

.rich-text-wrapper {
  width: 70%;
  max-width: 840px;
}

.utility-page-wrap {
  background-color: #f1f3f6;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: block;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  height: 80vh;
  margin-bottom: 0;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  max-width: 400px;
  margin: auto;
  display: flex;
}

.password-heading {
  margin-bottom: 40px;
}

.password-heading.reset-page {
  margin-bottom: 16px;
}

.password-field-label {
  text-align: left;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 500;
}

.password-field-label.reset {
  color: var(--black\<deleted\|variable-43e84d7f\>);
}

.password-text-field {
  background-color: #fff;
  border: 1px #000;
  border-radius: 12px;
  margin-bottom: 28px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 28px;
  font-size: 18px;
  overflow: hidden;
}

.password-text-field::placeholder, .password-text-field.reset {
  color: var(--black\<deleted\|variable-43e84d7f\>);
}

.style-guide-hero-section {
  background-color: #f1f3f6;
}

.style-guide-heading {
  margin-bottom: 16px;
}

.style-guide-main-content {
  width: 70%;
  max-width: 840px;
}

.style-guide-item-heading {
  margin-bottom: 16px;
}

.colors-grid {
  grid-column-gap: 25px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  margin-bottom: 64px;
  display: grid;
}

.color-box {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  border-radius: 8px;
  height: 96px;
  margin-bottom: 16px;
}

.color-box._2 {
  background-color: #1ebd53;
}

.color-box._3 {
  background-color: #ffcb3d;
}

.color-box._4 {
  background-color: #ff7847;
}

.color-box._5 {
  background-color: #47c1fe;
}

.color-box._6 {
  background-color: var(--black\<deleted\|variable-43e84d7f\>);
}

.color-box._7 {
  background-color: #0f1f3d;
}

.color-box._8 {
  background-color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
}

.color-box._9 {
  background-color: #c7cad1;
}

.color-box._10 {
  background-color: #e1e4eb;
}

.color-box._11 {
  background-color: #f1f3f6;
}

.color-box._12 {
  background-color: #fff;
}

.typography-heading {
  margin-bottom: 16px;
}

.typography-main {
  grid-column-gap: 16px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  margin-bottom: 64px;
  display: grid;
}

.typography-item-description {
  margin-top: 16px;
}

.italic {
  font-family: Megabyte, sans-serif;
  font-style: italic;
}

.bold {
  font-family: Megabyte, sans-serif;
  font-weight: 700;
}

.buttons {
  margin-bottom: 64px;
}

.buttons-heading {
  margin-bottom: 16px;
}

.buttons-grid {
  grid-column-gap: 16px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-top: 40px;
  display: grid;
}

.licensing-hero-section {
  background-color: #f1f3f6;
}

.licensing-hero-heading {
  margin-bottom: 16px;
}

.licensing-main {
  width: 70%;
  max-width: 840px;
}

.licensing-item {
  margin-bottom: 100px;
}

.licensing-item-heading-and-source {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.source-link {
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  font-weight: 700;
  display: flex;
  position: relative;
}

.image-2 {
  flex: none;
  margin-left: 12px;
}

.source-line {
  position: absolute;
  inset: auto 0% 0%;
}

.licensing-images-grid {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.licensing-large-image {
  border-radius: 8px;
  height: 510px;
  overflow: hidden;
}

.licensing-small-image {
  border-radius: 8px;
  height: 240px;
  overflow: hidden;
}

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

.font-text {
  color: var(--blue\<deleted\|variable-e4e7adfc\>);
  text-align: center;
  background-color: #d0deff;
  border-radius: 8px;
  margin-top: 40px;
  padding-top: 50px;
  padding-bottom: 50px;
  font-size: 80px;
}

.licensing-illustration-image {
  margin-top: 40px;
}

.changelog-hero-section {
  background-color: #f1f3f6;
}

.changelog-hero-heading, .changelog-date {
  margin-bottom: 16px;
}

.instructions-hero-section {
  background-color: #f1f3f6;
}

.instructions-hero-heading, .conditional-visibility-heading {
  margin-bottom: 16px;
}

.youtube {
  margin-top: 40px;
}

.testimonial-section {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 100px;
  overflow: hidden;
}

.testimonial-heading {
  text-align: center;
  margin-bottom: 16px;
}

.testimonial-heading.dark {
  color: #fff;
  text-align: center;
  max-width: 700px;
}

.testimonial-heading.overview {
  width: 80%;
  max-width: 800px;
}

.testimonial-heading.overview._60 {
  width: 60%;
}

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

.testimonial-up {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 4000%;
  margin-bottom: 48px;
  padding-bottom: 0;
  display: flex;
}

.testimonial-item {
  border-radius: 12px;
  max-width: 600px;
  margin-right: 40px;
  padding: 32px 28px 50px;
  overflow: hidden;
  box-shadow: 17px 17px 200px #40454f0f;
}

.testimonial-item.sign-up-page {
  z-index: 20;
  background-color: #fff;
  position: absolute;
  inset: auto auto 4% 6%;
}

.testimonial-item.review-hero {
  background-color: #fff;
  max-width: 520px;
  margin-bottom: 40px;
  margin-right: 0;
  padding-top: 28px;
  padding-bottom: 28px;
}

.testimonial-item.review-hero-middle {
  background-color: #fff;
  max-width: 520px;
  margin-bottom: 40px;
  margin-right: 0;
  padding-top: 28px;
  padding-bottom: 28px;
  position: relative;
  right: -80px;
}

.testimonial-item.reviews-main {
  background-color: #fff;
  margin-right: 0;
  padding-bottom: 32px;
}

.testimonial-image-and-name {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 22px;
  display: flex;
}

.testimonial-image-and-name.review-hero {
  margin-bottom: 20px;
}

.testimonial-image-and-name.review-twitter {
  justify-content: flex-start;
  margin-bottom: 20px;
}

.testimonial-image {
  border-radius: 100%;
  flex: none;
  width: 56px;
  height: 56px;
  margin-right: 20px;
  overflow: hidden;
}

.testimonial-move-1 {
  display: flex;
}

.home-hero-bg-circle {
  background-image: linear-gradient(#f1f3f6, #f1f3f633);
  border-radius: 100%;
  width: 920px;
  height: 920px;
  position: absolute;
  inset: 15% -50% 0% auto;
}

.home-hero-bg-circle.homepage-3 {
  background-image: radial-gradient(circle closest-side at 100% 0, #f1f3f6, #f1f3f633);
  inset: 25% auto 0% -50%;
}

.home-blog-heading.h2-60-px.center {
  text-align: center;
}

.testimonial-move-2 {
  display: flex;
}

.testimonial-down {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 4000%;
  margin-bottom: 48px;
  padding-bottom: 0;
  display: flex;
}

.testimonial-move-3, .testimonial-move-4 {
  display: flex;
}

.integrations-inside-container-3 {
  align-items: flex-start;
  display: flex;
}

.integrations-inside-container-4 {
  flex: none;
  align-items: flex-start;
  display: flex;
}

.footer {
  background-color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  width: 100%;
  overflow: hidden;
}

.footer-up {
  grid-column-gap: 120px;
  grid-row-gap: 16px;
  border-bottom: 1px solid var(--dark-grey\<deleted\|variable-4c72cd38\>);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 45px;
  display: grid;
}

.footer-form-block {
  margin-top: 185px;
}

.footer-form-field-label {
  color: #fff;
  font-family: Megabyte, sans-serif;
  font-weight: 500;
}

.footer-field-and-button {
  justify-content: space-between;
  margin-top: 20px;
  display: flex;
}

.footer-text-field {
  color: #fff;
  background-color: #fff3;
  border: 1px #000;
  border-radius: 12px;
  margin-bottom: 0;
  margin-right: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 24px;
  font-family: Megabyte, sans-serif;
  font-size: 16px;
  overflow: hidden;
}

.footer-text-field::placeholder {
  color: #fff;
}

.footer-links-row {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer-link {
  color: #fff;
  margin-bottom: 24px;
  font-family: Megabyte, sans-serif;
  font-size: 16px;
  line-height: 130%;
  transition: opacity .2s;
  display: block;
}

.footer-link:hover {
  color: #c7cad1;
}

.footer-link.w--current {
  margin-bottom: 24px;
  font-family: Megabyte, sans-serif;
}

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

.footer-link.cf {
  color: var(--blue\<deleted\|variable-e4e7adfc\>);
  display: inline-block;
}

.footer-link.no-margin {
  margin-bottom: 0;
}

.footer-down {
  color: #fffc;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: Megabyte, sans-serif;
  font-size: 16px;
  display: flex;
}

.social-links {
  justify-content: flex-start;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.footer-links-container {
  grid-column-gap: 64px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-heading {
  margin-bottom: 16px;
}

.job-item-2 {
  background-color: #fff;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 28px;
  padding: 32px 40px;
  text-decoration: none;
  display: flex;
  overflow: visible;
  box-shadow: 17px 17px 200px #40454f0f;
}

.job-dot-2 {
  background-color: #40454f;
  border-radius: 50%;
  flex: none;
  width: 5px;
  height: 5px;
  margin-left: 8px;
  margin-right: 8px;
  overflow: hidden;
}

.blog-item-2 {
  color: #40454f;
  text-align: left;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.featured-author-image-2 {
  border: 1px solid #fff;
  border-radius: 50%;
  flex: none;
  width: 48px;
  height: 48px;
  margin-right: 16px;
  overflow: hidden;
}

.blog-dot-2 {
  background-color: #40454f;
  border-radius: 60%;
  flex: none;
  width: 5px;
  height: 5px;
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
}

.navigation-drop-container {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.navigation-drop-container.features {
  border-radius: 10px;
  justify-content: flex-start;
  padding: 0;
  overflow: hidden;
}

.navigation-drop-container.features.pages {
  border-radius: 16px;
}

.dropdown-toggle {
  color: #04121f;
  padding-left: 12px;
  padding-right: 24px;
  transition: color .2s;
  display: inline-block;
}

.dropdown-toggle:hover {
  color: var(--blue\<deleted\|variable-e4e7adfc\>);
  font-weight: 500;
}

.dropdown-toggle.white {
  color: #fff;
}

.dropdown-toggle.hide {
  display: none;
}

.footer-brand {
  flex: 1;
  align-items: center;
  width: 210px;
  height: 40px;
  margin-right: 0;
  padding-bottom: 4px;
  display: flex;
}

.footer-brand.w--current {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navigation-left {
  justify-content: space-between;
  align-items: center;
  width: 210px;
  display: flex;
}

.dropdown-list {
  background-color: #0000;
  border-radius: 8px;
  top: 80px;
  left: 0;
  right: 0;
  overflow: hidden;
  box-shadow: 0 30px 50px #00000014;
}

.dropdown-list.w--open {
  width: 80%;
  box-shadow: none;
  padding-top: 25px;
  overflow: visible;
}

.dropdown-list.blog.w--open {
  width: 80%;
}

.dropdown-list.oplossingen, .dropdown-list.voor-wie, .dropdown-list.info {
  top: 60px;
}

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

.navigation-menu {
  align-items: center;
  margin-left: 0;
  font-size: 16px;
  display: flex;
  position: static;
}

.dropdown-arrow {
  margin-right: 5px;
  font-size: 14px;
}

.nav-link {
  color: #04121f;
  margin-left: 0;
  margin-right: 0;
  font-size: 16px;
  transition: all .2s;
}

.nav-link:hover {
  color: var(--blue\<deleted\|variable-e4e7adfc\>);
  font-weight: 500;
}

.nav-link.w--current {
  color: #2cae76;
  font-weight: 500;
}

.nav-link.login {
  flex: none;
  font-weight: 500;
}

.nav-link.login.desktop {
  color: var(--bright-grey\<deleted\|variable-de418f72\>);
  padding-left: 15px;
  padding-right: 15px;
  font-family: Megabyte, sans-serif;
  font-weight: 500;
}

.nav-link.login.desktop:hover {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.nav-link.white {
  color: #fff;
}

.nav-link.login-mob {
  display: none;
}

.dropdown {
  margin-left: 5px;
  margin-right: 5px;
  font-family: Megabyte, sans-serif;
  display: block;
  position: static;
}

.dropdown-list-full-wrapper {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 1160px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  box-shadow: 0 30px 100px #40454f1a;
}

.dropdown-list-full-wrapper.blog {
  max-width: 1160px;
}

.navigation {
  z-index: 100;
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.main-navigations-container {
  z-index: 100;
  background-color: var(--white);
  border-bottom: 1px solid #f3f4f7;
  position: fixed;
  inset: 0% 0% auto;
}

.menu-button-mob {
  display: none;
}

.homepage-secondary-nav {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  display: none;
}

.homepage-secondary-nav.homepage-3 {
  font-weight: 500;
}

.homepage-secondary-nav.black {
  background-color: var(--black\<deleted\|variable-43e84d7f\>);
  font-weight: 400;
}

.secondary-nav-power-icon {
  margin-right: 12px;
}

.secondary-nav-link {
  color: #fff;
  justify-content: flex-start;
  margin-left: 10px;
  font-weight: 500;
  display: flex;
}

.user-action-link-arrow {
  margin-left: 6px;
}

.about-team-blue-div {
  opacity: 0;
  background-color: #145aff80;
  display: block;
  position: absolute;
  inset: 0%;
}

.about-colour-icon {
  opacity: 0;
  display: block;
}

._18px.pricing-sub-paragraph {
  text-align: center;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 500;
}

.search-results {
  flex-direction: column;
  max-width: 100%;
  margin-top: 140px;
}

.flex-seacrh {
  align-items: stretch;
  margin-top: 10px;
  margin-bottom: 42px;
  display: flex;
}

.flex-seacrh.blog-page {
  justify-content: center;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.search-input {
  border-radius: 10px;
  max-width: 400px;
  height: auto;
  margin-bottom: 0;
  margin-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 18px;
}

.search-input:focus {
  border: 1px solid #83e0a2;
}

.search-input::placeholder {
  font-size: 18px;
}

.search-result-item {
  margin-bottom: 30px;
}

.integration-card-link {
  width: 90px;
  color: var(--black\<deleted\|variable-43e84d7f\>);
  background-color: #f1f3f6;
  border: 1px solid #f1f3f6;
  border-radius: 8px;
  justify-content: center;
  margin-top: 40px;
  margin-right: 28px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.integration-card-link:hover {
  border: 1px solid var(--dark-blue\<deleted\|variable-d81267ff\>);
  color: var(--blue\<deleted\|variable-e4e7adfc\>);
}

.integration-card-link-icon {
  margin-right: 8px;
}

.integration-card-link-icon.details-page {
  margin-right: 16px;
}

.team-member-hero-image {
  border-radius: 8px;
  align-items: center;
  max-height: 500px;
  display: flex;
  overflow: hidden;
}

.team-member-hero-name {
  text-align: center;
  margin: 40px auto 20px;
  font-size: 40px;
}

.team-member-position {
  margin-left: auto;
  margin-right: auto;
}

.author-flex {
  justify-content: center;
  display: flex;
}

.navigation-center {
  width: auto;
  margin-left: -23px;
  display: flex;
}

.navigation-center.margin {
  margin-left: -90px;
}

.empty-state {
  background-color: #0000;
  padding-top: 20px;
  padding-bottom: 20px;
}

.downloads-hero-section {
  background-color: #f1f3f6;
}

.download-cards-section {
  margin-top: -140px;
}

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

.download-image {
  object-fit: contain;
}

.download-card-heading {
  margin-top: 28px;
  margin-bottom: 8px;
}

.download-card-links {
  color: #0d0e10;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  padding-bottom: 10px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.feature-text-download {
  color: var(--black\<deleted\|variable-43e84d7f\>);
}

.pricing-h4 {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 8px;
}

.blue-link {
  cursor: pointer;
  text-decoration: underline;
  transition: color .2s;
}

.blue-link:hover {
  color: #1ebd53;
}

.faq-question-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq-icon {
  transform: rotate(0);
}

.faqs-section {
  width: 100%;
}

.faq-questions {
  width: 90%;
  color: var(--black\<deleted\|variable-43e84d7f\>);
  font-family: Megabyte, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 34px;
}

.faq-questions.dark-blue {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.faqs-text {
  width: 35%;
}

.faq-answer-wrapper {
  padding-bottom: 0;
  padding-right: 10%;
}

.bottom-line {
  background-color: #dfd8d1;
  width: 100%;
  height: 1px;
}

.faq-content {
  color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
  padding-bottom: 24px;
  font-family: Megabyte, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.faq-content.dark-blue {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.wrapper-1200px {
  justify-content: space-between;
  align-items: stretch;
  width: 85%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.wrapper-1200px.faqs {
  max-width: 1280px;
  padding-bottom: 144px;
}

.faq-card {
  color: #181818;
  width: 100%;
  max-width: 730px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  text-decoration: none;
}

.faq-question-container {
  cursor: pointer;
  padding-top: 20px;
  padding-bottom: 20px;
}

.faqs-questions {
  width: 60%;
  padding-top: 40px;
}

.faq-paragraph {
  max-width: 640px;
  margin-top: 16px;
  margin-bottom: 0;
}

.review-text-container {
  width: 45%;
  max-width: 520px;
  margin-top: 80px;
}

.review-hero-heading {
  margin-bottom: 16px;
}

.review-hero-paragraph {
  margin-bottom: 32px;
  font-size: 22px;
}

.review-tweet-container {
  width: 50%;
  max-width: 520px;
}

.review-paragraph {
  color: var(--black\<deleted\|variable-43e84d7f\>);
}

.review-paragraph.center {
  max-width: 620px;
  color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
  text-align: center;
  margin-top: 16px;
}

.stats-wrapper {
  border-top: 1px solid #e1e4eb;
  border-bottom: 1px solid #e1e4eb;
}

.review-hero-section {
  background-color: #f1f3f6;
}

.testimonial-main-wrapper {
  z-index: auto;
  flex-direction: column;
  align-items: center;
  padding-top: 0;
  padding-bottom: 60px;
  display: flex;
  position: relative;
}

.reviews-container {
  z-index: 5;
  margin-top: 80px;
  display: flex;
  position: static;
}

.reviews-grid {
  grid-column-gap: 0px;
  grid-row-gap: 48px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  max-width: 552px;
}

.reviews-grid.left {
  margin-right: 48px;
}

.reviews-grid.right {
  z-index: 5;
  margin-bottom: 44px;
  position: static;
}

.twitter-link {
  margin-left: auto;
}

.hero-bg-circle-reviews {
  z-index: -1;
  background-image: radial-gradient(circle closest-corner at 0 0, #f1f3f6, #f1f3f633);
  border-radius: 100%;
  width: 920px;
  height: 920px;
  position: absolute;
  inset: auto -27% -224% auto;
}

.hero-bg-circle-reviews.overview {
  background-image: radial-gradient(circle closest-corner at 100% 100%, #f1f3f6, #f1f3f633);
  inset: 34% -34% auto auto;
}

.hero-bg-circle-reviews.overview._2 {
  top: 60%;
}

.hero-bg-circle-reviews.overview._3 {
  width: 480px;
  height: 480px;
  inset: 19% auto auto -18%;
}

.hero-bg-circle-reviews.reviews {
  z-index: 1;
  background-image: radial-gradient(circle closest-corner at 0 0, #f1f3f6, #f1f3f633);
  top: 40%;
  bottom: auto;
  right: -30%;
}

.email-field {
  color: #6e7687;
  background-color: #f1f3f6;
  border: 1px #000;
  border-radius: 12px;
  width: 400px;
  max-width: 370px;
  height: 60px;
  margin-bottom: 0;
  margin-right: 20px;
  padding-left: 28px;
  font-size: 18px;
}

.email-field.white {
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  color: #fff;
  background-color: #fff3;
  width: 400px;
  max-width: 400px;
  margin-bottom: 0;
}

.email-field.white::placeholder {
  color: #fff;
}

.trial-form {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.home-hero-circle-decoration-homepage-3 {
  background-color: #47c1fe;
  border-radius: 50%;
  width: 63px;
  height: 64px;
  position: absolute;
  inset: auto -5% -5% auto;
}

.home-hero-circle-decoration-homepage-3.homepage-2 {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  width: 96px;
  height: 96px;
  bottom: 10%;
  right: 5%;
}

.logos-contain {
  opacity: 1;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 48px;
  display: flex;
}

.logos-image {
  background-color: #0000;
  margin-bottom: 0;
  margin-left: 1%;
  margin-right: 1%;
}

.logos-wrapper {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 85%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 110px;
  padding-bottom: 150px;
  display: flex;
  position: relative;
}

.bold-black-span {
  color: var(--black\<deleted\|variable-43e84d7f\>);
  font-weight: 700;
}

.feature-4-floating-2 {
  z-index: 2;
  max-width: 280px;
  position: absolute;
  inset: 8% 4% auto auto;
}

.features-slider-section {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
}

.features-slider-wrapper {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 85%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 144px;
  padding-bottom: 144px;
  display: flex;
  position: relative;
}

.features-top-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 80px;
  display: flex;
}

.features-left-contain {
  max-width: 500px;
}

.features-slider {
  background-color: #0000;
  width: 100%;
  height: 362px;
  margin-bottom: 80px;
}

.slide-nav {
  display: none;
}

.features-slide {
  max-width: 400px;
  margin-right: 40px;
}

.slider-mask {
  max-width: 400px;
  overflow: visible;
}

.feature-slide-wrap {
  max-width: 400px;
}

.feature-slide-heading {
  color: #fff;
  margin-top: 28px;
  margin-bottom: 8px;
}

.slider-left {
  filter: brightness(250%);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: all .2s;
  display: flex;
  inset: auto auto -120px 0%;
}

.slider-left:hover {
  filter: brightness();
  background-color: #fff;
  transform: translate(-5px);
}

.slider-right {
  filter: brightness(250%);
  background-color: #0000;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: all .2s;
  display: flex;
  inset: auto auto -120px 76px;
}

.slider-right:hover {
  filter: brightness();
  background-color: #fff;
  transform: translate(5px);
}

.testimonial-slider {
  background-color: #0000;
  width: 100%;
  max-width: 560px;
  height: 372px;
  margin-top: 80px;
}

.slide-nav-2 {
  display: none;
}

.testimonial-slide {
  max-width: 560px;
  margin-right: 208px;
}

.mask {
  max-width: 560px;
  overflow: visible;
}

.testimonial-slide-contain {
  background-color: #fff;
  border-radius: 12px;
  padding: 40px;
}

.testimonial-title {
  margin-top: 32px;
  margin-bottom: 12px;
}

.contain {
  object-fit: contain;
}

.contain.saas-logo {
  width: 100%;
  max-width: 44px;
}

.testimonial-text {
  color: var(--black\<deleted\|variable-43e84d7f\>);
  margin-bottom: 32px;
  font-size: 22px;
}

.testimonial-info-contain {
  align-items: center;
  display: flex;
}

.testimonial-about {
  margin-left: 16px;
}

.testimonial-name {
  margin-bottom: 4px;
}

.testimonial-position {
  color: #6e7687;
  font-size: 16px;
  line-height: 150%;
}

.testimonial-left {
  background-image: url('../images/caret-left-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 12px;
  width: 48px;
  height: 48px;
  transition: all .2s;
  left: -120px;
}

.testimonial-left:hover {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  transform: translate(-5px);
}

.testimonial-right {
  background-color: #0000;
  background-image: url('../images/caret-left-1-2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 12px;
  width: 48px;
  height: 48px;
  transition: all .2s;
  right: -120px;
}

.testimonial-right:hover {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  transform: translate(5px);
}

.two-cards-cta-section {
  z-index: 1;
  margin-top: 140px;
  margin-bottom: -140px;
  position: relative;
}

.two-cards-grid {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  width: 100%;
}

.cta-card-wrapper {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: visible;
}

.contact-cta-heading {
  color: #fff;
}

.cta-text-block {
  color: #fff;
  margin-top: 8px;
  margin-bottom: 32px;
}

.cta-top {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.contact-button {
  color: var(--blue\<deleted\|variable-e4e7adfc\>);
  background-color: #fff;
  border-radius: 12px;
  padding: 16px 32px;
  font-family: Megabyte, sans-serif;
  font-weight: 700;
  transition: all .2s;
}

.contact-button:hover {
  background-color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  color: #fff;
}

.background-image-container {
  background-image: url('../images/BG.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.hero-points-contain {
  display: flex;
}

.hero-image-floating-4 {
  z-index: 4;
  border-radius: 12px;
  width: 50%;
  max-width: 200px;
  position: absolute;
  inset: 15% 0% auto auto;
  overflow: hidden;
  box-shadow: 17px 17px 100px #40454f1a;
}

.statistics-homepage-2 {
  padding-top: 60px;
}

.statistics-left-container {
  flex-direction: column;
  align-items: flex-start;
  width: 40%;
  max-width: 500px;
  display: flex;
}

.statistics-right-text {
  color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
  padding-top: 48px;
  font-size: 22px;
  line-height: 140%;
}

.feature-tabs-section-r {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 0;
  display: block;
  position: relative;
}

.klantervaring-tabs {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 12px;
  display: flex;
}

.klantervaring-tab-link {
  grid-column-gap: 8px;
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  background-color: #0000;
  border-radius: 12px;
  align-items: center;
  margin-right: 0;
  padding: 10px 10px 10px 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
  display: flex;
}

.klantervaring-tab-link.w--current {
  grid-column-gap: 8px;
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  background-color: #16264d;
  align-items: center;
  margin-right: 0;
  padding: 10px 10px 10px 16px;
  font-size: 18px;
  display: flex;
}

.klantervaring-tab-link.last {
  margin-right: 0;
}

.klantervaring-menu-tabs {
  grid-column-gap: 12px;
  border: 1px solid #16264d;
  border-radius: 16px;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px;
  font-family: Megabyte, sans-serif;
  display: flex;
}

.klantervaring-content-tabs {
  width: 100%;
  overflow: visible;
}

.integration-icon-rows-contain {
  width: 100%;
}

.integration-icon-top-row {
  display: flex;
  position: relative;
}

.integration-icon-wrap {
  flex: none;
  width: 128px;
  height: 128px;
  margin-right: 16px;
}

.integration-icon-bottom-row {
  margin-left: -7%;
  display: flex;
}

.case-studies-section {
  margin-top: 100px;
  margin-bottom: 100px;
}

.case-studies-section.cs-page {
  margin-top: 180px;
}

.cta-wrapper-left {
  width: 80%;
}

.cta-wrapper-left.trial {
  width: auto;
}

.white-button {
  color: var(--blue\<deleted\|variable-e4e7adfc\>);
  background-color: #fff;
  border-radius: 12px;
  padding: 15px 28px;
  font-weight: 700;
  transition: color .2s, background-color .2s;
}

.white-button:hover {
  color: #fff;
  background-color: #0f1f3d;
}

.pricing-top-left {
  flex-direction: column;
  align-items: flex-start;
  width: 70%;
  max-width: 620px;
  display: flex;
}

.pricing-page-2-blog---grid {
  justify-content: space-between;
  margin-top: -100px;
  margin-bottom: 144px;
  display: flex;
}

.blog-container---pricing-page-2 {
  margin-top: 160px;
  margin-right: 5%;
  position: sticky;
  top: 40px;
}

.pricing-grid-contain {
  width: 75%;
}

.pricing-page-plan-type {
  margin-bottom: 8px;
}

.pricing-top-flex {
  border-bottom: 2px solid #e1e4eb;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 24px;
  display: flex;
}

.pricing-top-flex.business {
  border-bottom-color: #fff3;
}

.pricing-cost-page-2 {
  margin-bottom: 0;
}

.pricing-points-grid-contain {
  border-bottom: 2px solid #e1e4eb;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.pricing-points-grid-contain.business {
  border-bottom-color: #fff3;
}

.pricing-points-grid {
  grid-column-gap: 48px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  width: 100%;
}

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

.pricing-point-wrapper.inactive {
  opacity: .5;
}

.checkmark {
  object-fit: contain;
}

.price-point {
  color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
  margin-left: 16px;
  font-size: 18px;
  font-weight: 400;
}

.price-point.white {
  color: #fff;
}

.pricing-bottom-flex {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 32px;
  display: flex;
}

.demo-section {
  margin-bottom: 145px;
}

.demo-flex-wrapper {
  max-width: 600px;
}

.demo-heading {
  color: #fff;
  margin-bottom: 0;
}

.blue-demo-button {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  color: #fff;
  border-radius: 12px;
  flex: none;
  padding: 15px 28px;
  font-weight: 700;
  transition: background-color .2s;
}

.blue-demo-button:hover {
  background-color: #1ebd53;
}

.demo-hero-wrapper-text {
  width: 45%;
  max-width: 520px;
  margin-top: 0;
}

.demo-hero-wrapper-form {
  width: 50%;
  max-width: 520px;
  position: absolute;
  inset: -5% 0% auto auto;
}

.demo-form {
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: 780px;
  margin-bottom: 0;
  padding: 40px 48px;
  display: flex;
  box-shadow: 0 24px 200px #40454f0f;
}

.demo-form-title {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  margin-bottom: 16px;
  font-family: Megabyte, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.demo-text-field {
  color: #6e7687;
  background-color: #f1f3f6;
  border: 1px #000;
  border-radius: 12px;
  height: 60px;
  margin-bottom: 24px;
  padding-left: 28px;
  font-family: Megabyte, sans-serif;
  font-size: 18px;
}

.demo-text-field::placeholder {
  color: #6e7687;
}

.select-demo-field {
  color: #6e7687;
  background-color: #0000;
  border: 1px #000;
  width: 97%;
  margin-bottom: 0;
  padding-left: 28px;
  font-size: 18px;
}

.select-demo-wrapper {
  background-color: #f1f3f6;
  border-radius: 12px;
  align-items: center;
  height: 60px;
  margin-bottom: 24px;
  font-family: Megabyte, sans-serif;
  display: flex;
}

.demo-hero-section {
  background-color: #f1f3f6;
  width: 100%;
}

.integration-name-wrapper, .integration-heading-wrapper {
  display: flex;
}

.integration-detail-about {
  text-align: left;
  max-width: 620px;
  font-size: 22px;
}

.integration-details-bottom {
  align-items: center;
  width: 100%;
  margin-top: 48px;
  display: flex;
}

.integration-logo {
  background-color: #fff;
  border: 4px solid #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 96px;
  display: flex;
}

.integration-logo.top {
  background-image: url('../images/background.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 4px #f1f3f6;
  justify-content: center;
  align-items: center;
  margin-left: -20px;
  display: flex;
}

.integration-image {
  width: 100%;
  max-width: 56px;
}

.integartions-detail-wrapper {
  width: 85%;
  max-width: 1280px;
  margin: 144px auto;
}

.sticky-detail-section {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.detail-rich-text {
  flex-direction: column;
  align-items: flex-start;
  width: 70%;
  max-width: 840px;
  margin-left: auto;
  display: flex;
}

.integration-content {
  margin-bottom: 16px;
  font-style: normal;
  font-weight: 400;
}

.integration-content h2 {
  margin-bottom: 16px;
}

.integration-content p {
  margin-bottom: 32px;
}

.integration-content h4, .integration-content h1, .integration-content h3, .integration-content h5, .integration-content h6 {
  margin-bottom: 16px;
}

.integration-content a {
  text-decoration: underline;
}

.integration-content ul {
  margin-top: 0;
  margin-bottom: 32px;
}

.integration-content li {
  margin-top: 16px;
}

.integration-button {
  color: #fff;
  background-color: #1ebd53;
  border: 1px #f1f3f6;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding: 5px 28px;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .2s;
  display: flex;
  position: static;
  inset: 0% 0% auto auto;
}

.integration-button:hover {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  border: 1px #000;
}

.integration-button.top {
  margin-left: auto;
}

.integration-collection {
  align-items: center;
  margin-top: 80px;
  display: flex;
}

.integration-logo-small {
  max-width: 40px;
}

.collection-list {
  display: flex;
}

.integration-top-row {
  flex: none;
}

.support-pointers-list {
  width: 100%;
  color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 20px;
}

.support-list {
  margin-top: 12px;
}

.pointer-dropdown {
  display: flex;
}

.arrow-icon {
  margin-right: 12px;
}

.support-text {
  width: 70%;
  max-width: 840px;
  margin-left: auto;
}

.support-rich-text h2 {
  margin-bottom: 16px;
}

.support-rich-text p {
  margin-bottom: 32px;
}

.support-rich-text h4, .support-rich-text h1, .support-rich-text h3, .support-rich-text h5 {
  margin-bottom: 16px;
}

.support-rich-text a {
  text-decoration: underline;
}

.support-rich-text a:hover {
  color: #0f1f3d;
}

.support-rich-text ul {
  margin-top: 0;
  margin-bottom: 32px;
}

.support-rich-text li {
  margin-top: 16px;
}

.support-hero-center {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.support-hero-text {
  text-align: center;
  max-width: 620px;
  margin-bottom: 48px;
  font-size: 22px;
}

.support-search {
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.search-field {
  height: 60px;
  color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
  background-image: url('../images/search-icon.svg');
  background-position: 28px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px #000;
  border-radius: 12px;
  margin-bottom: 0;
  padding-left: 72px;
  font-size: 18px;
}

.search-field:focus {
  border-style: none;
}

.search-field::placeholder {
  color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
}

.search-field.grey {
  background-color: #f1f3f6;
}

.hero-form-block {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.email-form-field {
  color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
  background-color: #fff;
  border: 1px #000;
  border-radius: 12px;
  margin-bottom: 0;
  margin-right: 24px;
  padding: 28px 155px 28px 28px;
  font-size: 18px;
}

.email-form-field::placeholder {
  color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
}

.all-blogs-top-flex {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 80px;
  display: flex;
}

.blog-tabs {
  justify-content: space-between;
  display: flex;
  position: relative;
}

.tabs-blog-menu {
  flex-direction: column;
  margin-right: 60px;
  display: flex;
  position: static;
  top: 40px;
}

.blog-right {
  flex-direction: column;
  justify-content: center;
  padding-left: 40px;
  display: flex;
}

.blog-tab {
  color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
  background-color: #0000;
  border-right: 2px solid #fff;
  padding-left: 0;
  padding-right: 40px;
  font-weight: 500;
}

.blog-tab.w--current {
  border-right-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  color: var(--black\<deleted\|variable-43e84d7f\>);
  background-color: #0000;
  font-weight: 500;
}

.next-button {
  background-color: #f1f3f6;
  background-image: url('../images/caret-left-1_1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-style: none;
  border-radius: 12px;
  width: 48px;
  height: 48px;
  transition: background-color .2s;
}

.next-button:hover {
  background-color: #e1e4eb;
}

.previous-button {
  background-color: #f1f3f6;
  background-image: url('../images/caret-left-1-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-style: none;
  border-radius: 12px;
  width: 48px;
  height: 48px;
  transition: background-color .2s;
}

.previous-button:hover {
  background-color: #e1e4eb;
}

.empty-text {
  color: var(--blue\<deleted\|variable-e4e7adfc\>);
  text-align: center;
}

.date-text, .time-text {
  flex: none;
}

.tabs-content {
  overflow: visible;
}

.collection-item {
  align-items: center;
  width: 100%;
  display: flex;
}

.collection-list-2, .collection-list-wrapper {
  width: 100%;
}

.left-text-contain {
  flex-direction: column;
  align-items: flex-start;
  width: 55%;
  max-width: 600px;
  margin-top: 0;
  padding-bottom: 0;
  display: flex;
}

.left-text-contain.blog-page-3, .left-text-contain._50-width {
  width: 50%;
}

.image-case-study {
  width: 45%;
  max-width: 560px;
  position: relative;
  inset: 5% 0% auto auto;
}

.image-case-study.static {
  position: static;
}

.case-study-hero-heading {
  margin-bottom: 16px;
}

.company-logo {
  max-width: 200px;
  margin-bottom: 28px;
}

.cs-hero-paragraph {
  margin-bottom: 20px;
  font-size: 22px;
}

.author-info-blog {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.medium-text-span {
  font-weight: 500;
}

.medium-text-span.black {
  color: var(--black\<deleted\|variable-43e84d7f\>);
}

.medium-text-span.grey {
  color: #6e7687;
}

.medium-text-span.gray {
  color: var(--bright-grey\<deleted\|variable-de418f72\>);
  font-size: 16px;
  line-height: 100%;
}

.author-name {
  color: var(--black\<deleted\|variable-43e84d7f\>);
  font-weight: 500;
}

.read-more-link {
  color: #0d0e10;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 10px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.read-more-link.all {
  margin-left: 48px;
}

.case-study-wrapper {
  width: 100%;
  color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.case-study-wrapper.template {
  align-items: center;
  padding-top: 0;
}

.case-study-wrapper.reverse {
  flex-direction: row-reverse;
  align-items: center;
}

.case-study-image {
  border-radius: 12px;
}

.case-study-image.cs-main, .case-study-image.template {
  object-fit: cover;
  width: 560px;
  height: 640px;
}

.case-studies-collection {
  width: 100%;
  margin-top: 80px;
}

.case-study-item {
  width: 100%;
  max-width: 360px;
  color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
  text-align: left;
  cursor: pointer;
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 48px;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
  position: relative;
}

.case-study-item:hover {
  opacity: .8;
}

.case-study-item.pricing-page-2 {
  cursor: pointer;
}

.cs-image {
  border-radius: 12px;
  max-width: 400px;
  height: 280px;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
}

.cs-image.pricing-page-2 {
  max-width: 360px;
  height: 240px;
}

.company-name {
  margin-bottom: 8px;
}

.cs-image-rounded {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  height: 100%;
}

.cs-hero-section {
  background-color: #0000;
  position: relative;
}

.cs-content {
  flex-direction: column;
  align-items: flex-start;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 145px;
  padding-bottom: 145px;
  display: flex;
}

.cs-rich-text {
  max-width: 840px;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
}

.cs-rich-text h2, .cs-rich-text h4 {
  margin-bottom: 16px;
}

.cs-rich-text p {
  margin-bottom: 32px;
}

.cs-rich-text h1, .cs-rich-text h3, .cs-rich-text h5, .cs-rich-text h6 {
  margin-bottom: 16px;
}

.cs-rich-text blockquote {
  color: var(--black\<deleted\|variable-43e84d7f\>);
  border-left-width: 2px;
  margin-left: 28px;
  margin-right: 28px;
  padding-left: 28px;
  padding-right: 0;
  font-size: 22px;
  font-weight: 400;
}

.cs-rich-text a {
  text-decoration: underline;
  transition: color .2s;
}

.cs-rich-text a:hover {
  color: #0f1f3d;
}

.collection-list-wrapper-2 {
  width: 100%;
}

.blog-tag {
  margin-bottom: 8px;
}

.blog-image-contain {
  width: 45%;
  max-width: 560px;
  position: static;
  bottom: -40px;
}

.blog-wrapper {
  width: 100%;
  color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-wrapper.reverse {
  flex-direction: row-reverse;
}

.blog-date {
  color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
  font-weight: 500;
}

.blog-image-page-3 {
  object-fit: cover;
  border-radius: 12px;
  width: 620px;
  height: 440px;
}

.blog-main-tabs {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 24px;
  display: flex;
}

.blog-tab-link {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  background-color: #f1f3f6;
  border-radius: 12px;
  margin-right: 0;
  padding: 16px 24px;
  font-family: Megabyte, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
}

.blog-tab-link.w--current {
  background-color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  color: #fff;
  margin-right: 0;
  padding: 16px 24px;
  font-family: Megabyte, sans-serif;
  line-height: 100%;
}

.blog-tab-link.last {
  margin-right: 0;
}

.last-articles {
  padding-top: 40px;
}

.blog-item-page-3 {
  margin-bottom: 48px;
}

.pagination-blog-page-3 {
  margin-top: 0;
  display: none;
}

.blog-hero-section-page-3 {
  background-color: #f1f3f6;
  padding-bottom: 0;
}

.case-study-headings {
  text-align: center;
  max-width: 720px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
}

.blog-main-menu {
  grid-column-gap: 24px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  display: grid;
}

.button-container {
  display: flex;
}

.heading-and-text-contain {
  margin-left: 16px;
}

.right-side-links {
  flex-direction: column;
  justify-content: space-between;
  width: 20%;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.navigation-heading {
  margin-bottom: 20px;
}

.navigation-heading.more {
  color: var(--blue\<deleted\|variable-e4e7adfc\>);
  margin-bottom: 0;
}

.navigation-heading.more:hover {
  color: #1ebd53;
}

.divider-nav {
  background-color: #f1f3f6;
  width: 100%;
  height: 2px;
  margin-top: 38px;
  margin-bottom: 28px;
}

.link-div {
  color: #0d0e10;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 10px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.link-div.all {
  margin-left: 48px;
}

.footer-text {
  color: #fffc;
  max-width: 300px;
  margin-top: 12px;
  font-family: Megabyte, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

.footer-text.bright-grey {
  max-width: 320px;
  color: var(--bright-grey\<deleted\|variable-de418f72\>);
}

.grey-section {
  background-color: #f1f3f6;
  height: 100vh;
}

.password-wrapper {
  flex-direction: column;
  align-items: center;
  max-width: 680px;
  margin: 60px auto 0;
  padding-bottom: 0;
  display: flex;
}

.password-text {
  text-align: center;
  max-width: 480px;
  margin-bottom: 40px;
}

.password-form {
  flex-direction: column;
  width: 400px;
  max-width: 400px;
  display: flex;
}

.forgot-password {
  color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
  flex: none;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  text-decoration: underline;
  transition: color .2s;
}

.forgot-password:hover {
  color: var(--blue\<deleted\|variable-e4e7adfc\>);
}

.collection-list-wrapper-integrations {
  flex-direction: row;
  display: flex;
}

.collection-list-integrations {
  align-self: stretch;
  display: flex;
}

.overview-stats-section {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  background-image: url('../images/Shapes_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -100px;
  padding-top: 48px;
  padding-bottom: 48px;
  position: relative;
}

.overview-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-between;
  align-items: center;
  margin-top: 64px;
  display: flex;
}

.overview-grid.bottom {
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 48px;
}

.overview-grid.bottom-2-grid {
  grid-template-columns: 1fr 1fr;
  max-width: 840px;
  margin-top: 48px;
}

.overview-wrapper {
  flex-direction: column;
  align-items: center;
  max-width: 400px;
  display: flex;
}

.overview-wrapper.middle {
  margin-left: 40px;
  margin-right: 40px;
}

.overview-wrapper.right {
  margin-left: 40px;
}

.overview-wrapper.small {
  max-width: none;
}

.overview-image-wrapper {
  background-color: #e1e4eb;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  max-width: 400px;
  height: 400px;
  margin-bottom: 24px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden;
}

.overview-image-wrapper.small {
  height: auto;
}

.overview-sections {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.search-button {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  color: #fff;
  border-radius: 12px;
  margin-left: 20px;
  padding: 20px 25px;
  font-weight: 700;
  line-height: 120%;
  transition: background-color .2s;
}

.search-button:hover {
  background-color: #1ebd53;
}

.overview-video-contain {
  justify-content: center;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.overview-dark-section {
  background-color: #0f1f3d;
  flex-direction: column;
  align-items: center;
  padding-top: 128px;
  padding-bottom: 128px;
  display: flex;
  position: relative;
}

.overview-blocks-container {
  margin-top: 64px;
}

.blocks-images {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 40px;
}

.blocks-images.middle {
  z-index: 2;
  position: relative;
  left: -60px;
}

.blocks-images.last {
  z-index: 2;
  margin-bottom: 0;
  position: relative;
  right: -60px;
}

.overview-images {
  width: 400px;
  max-width: 400px;
}

.overview-decor {
  background-color: #ffcb3d;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  inset: 5% auto auto -8%;
}

.overview-decor._1 {
  z-index: auto;
  background-color: #1ebd53;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: 5% 15% auto auto;
}

.overview-decor._2 {
  z-index: auto;
  background-color: #ffcb3d;
  width: 50px;
  height: 50px;
  position: absolute;
  inset: 20% auto auto -1%;
}

.overview-decor._3 {
  z-index: 1;
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  width: 40px;
  height: 40px;
  position: absolute;
  inset: auto auto 47% 50%;
}

.overview-decor._4 {
  z-index: 1;
  background-color: #47c1fe;
  width: 16px;
  height: 16px;
  position: absolute;
  inset: auto auto 29% 10%;
}

.overview-decor._5 {
  z-index: 1;
  background-color: #6e7687;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: auto auto 4% 30%;
}

.overview-decor._6 {
  z-index: 1;
  background-color: #ff7847;
  width: 60px;
  height: 60px;
  position: absolute;
  inset: auto auto 7% 89%;
}

.headings {
  width: 40%;
}

.pricing-row-contain {
  border-bottom: 1px solid #e1e4eb;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.pricing-row-contain.sticky {
  align-items: flex-start;
}

.price-grid-contain {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 60%;
  display: grid;
}

.most-popular-integrations-contain {
  margin-top: 80px;
}

.integrations-logos {
  max-width: 40px;
}

.background-colour-div {
  z-index: -1;
  background-color: #f1f3f6;
  width: 100%;
  height: 680px;
  position: absolute;
  inset: 0% 0% auto;
}

.testimonial-images {
  object-fit: contain;
  max-width: 60px;
}

.stars-image {
  object-fit: contain;
  width: 100%;
  max-width: 136px;
}

.overview-image {
  position: relative;
}

.image-scroll {
  border-radius: 10px;
  width: 400px;
  position: relative;
  inset: 0% auto auto 0%;
}

.cart-button {
  color: #0f1f3d;
  background-color: #0000;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  font-weight: 500;
}

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

.cart-quantity {
  height: auto;
  color: var(--blue\<deleted\|variable-e4e7adfc\>);
  background-color: #145aff1a;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 16px;
  display: flex;
}

.cart-quantity.white {
  color: #fff;
  background-color: #ffffff1a;
}

.product-details-2 {
  margin-top: 20px;
  font-size: 18px;
}

.plan-detail-title {
  color: var(--black\<deleted\|variable-43e84d7f\>);
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
}

.product-box-wrap {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  height: auto;
  padding: 40px;
  box-shadow: 0 10px 30px #0f1f3d14;
}

.about-product-text {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 150%;
}

.product-name-wrapper {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.buynow-button {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  text-align: center;
  border-radius: 100px;
  justify-content: center;
  width: 150px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 20px;
  padding: 16px 40px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  transition: background-color .3s;
  display: flex;
}

.buynow-button:hover {
  color: #fff;
  background-color: #1ebd53;
}

.image-container {
  justify-content: center;
  align-items: center;
  width: 48%;
  max-width: 550px;
  display: flex;
  position: relative;
}

.image-container.product-hero {
  flex-direction: column;
  align-items: stretch;
  width: 50%;
  max-width: 600px;
}

.products-name {
  color: #0f1f3d;
  margin-bottom: 8px;
  margin-right: 10px;
}

.text-container {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 48%;
  max-width: 550px;
  display: flex;
  position: relative;
}

.text-container.product-hero {
  width: 45%;
  max-width: 500px;
  margin-top: 100px;
}

.add-to-cart-buttons {
  text-align: center;
  background-color: #1ebd53;
  border-radius: 100px;
  justify-content: center;
  width: 150px;
  margin-top: 0;
  padding: 16px 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  transition: background-color .2s;
}

.add-to-cart-buttons:hover {
  color: #fff;
  background-color: #0f1f3d;
}

.plan-price {
  color: var(--black\<deleted\|variable-43e84d7f\>);
  margin-bottom: 20px;
  font-size: 38px;
  font-weight: 700;
  line-height: 54px;
}

.plans-hero-section {
  background-color: #0000;
}

.checkout-form {
  background-color: #0000;
  padding: 0;
}

.apple-pay {
  border-radius: 12px;
  height: 60px;
}

.text-field {
  color: #6e7687;
  background-color: #f1f3f6;
  border: 1px #000;
  border-radius: 12px;
  height: 60px;
  margin-bottom: 24px;
  padding-left: 28px;
  font-size: 18px;
}

.text-field::placeholder {
  color: #6e7687;
}

.block-header {
  color: #0f1f3d;
  border-color: #e1e4eb;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.block-content {
  color: #0f1f3d;
  border-bottom-color: #e1e4eb;
  border-left-color: #e1e4eb;
  border-right-color: #e1e4eb;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.select-field-checkout {
  background-color: #f6f6fa;
  border: 1px #836ae4;
  border-radius: 12px;
  height: 55px;
  padding: 10px 10px 10px 16px;
}

.checkbox-label {
  margin-bottom: 0;
}

.billing-address-toggle {
  align-items: center;
}

.checkbox {
  margin-top: 0;
}

.order-confirmation {
  background-color: #0000;
}

.overview-hero-image {
  width: 23%;
  margin-right: 2%;
  transform: rotate(-15deg);
  box-shadow: 0 48px 128px #0d0e101f;
}

.blog-main-wrapper {
  z-index: auto;
  flex-direction: column;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.quantity {
  display: none;
}

.option-list {
  margin-top: 40px;
}

.duration-buttons {
  background-color: #145aff1a;
  border-style: none;
  border-radius: 10px;
}

.duration-buttons.w--ecommerce-pill-selected {
  background-color: #0f1f3d;
  font-weight: 500;
}

.button-group {
  margin-bottom: 20px;
}

.buttons-contain-div {
  justify-content: flex-start;
  display: flex;
}

.option-list-nav {
  margin-top: 0;
}

.cart-quantity-2 {
  color: var(--black\<deleted\|variable-43e84d7f\>);
  background-color: #1ebd531a;
  border-color: #1ebd53;
}

.plan-name-cart {
  color: var(--black\<deleted\|variable-43e84d7f\>);
}

.option {
  margin-top: 0;
}

.text-block {
  color: var(--blue\<deleted\|variable-e4e7adfc\>);
  margin-top: 10px;
}

.checkout-button {
  background-color: #1ebd53;
  border-radius: 12px;
  justify-content: center;
  height: 60px;
  font-weight: 600;
  display: flex;
}

.checkout-button:hover {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
}

.pricing-block {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.collection-list-wrapper-ecom-plans {
  width: 100%;
}

.job-type {
  margin-bottom: 16px;
  display: flex;
}

.cart-list {
  padding-left: 10px;
}

.sticky-nav-div {
  z-index: 999999999;
  background-color: #fff;
  margin-top: -120px;
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 0 10px 50px #0f1f3d0f;
}

.heading-2 {
  letter-spacing: 0;
  font-family: Megabyte, sans-serif;
  font-size: 40px;
}

.heading-2.dark-blue {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.heading-2.dark-blue.aling-center, .heading-2.white.center {
  text-align: center;
}

.heading-3 {
  letter-spacing: 0;
  font-family: Megabyte, sans-serif;
  font-size: 32px;
}

.heading-3.dark-blue {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.heading-4 {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Megabyte, sans-serif;
}

.heading-4.dark-blue {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.heading-5 {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  font-family: Megabyte, sans-serif;
  font-size: 24px;
  line-height: 125%;
}

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

.heading-5.dark-blue {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.heading-6 {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  font-family: Megabyte, sans-serif;
}

.paragraph-1 {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  text-transform: none;
  font-family: Megabyte, sans-serif;
}

.paragraph-1.white {
  color: var(--white);
  font-weight: 400;
}

.paragraph-1.white.measures {
  text-align: center;
  width: 243px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.paragraph-1.bright-grey {
  color: var(--bright-grey\<deleted\|variable-de418f72\>);
}

.paragraph-1.bright-grey.aling-center {
  text-align: center;
}

.paragraph-1.bright-grey.cut {
  overflow: hidden;
}

.paragraph-1.blue {
  color: var(--blue\<deleted\|variable-e4e7adfc\>);
  text-decoration: none;
}

.paragraph-1.blue.aling-center {
  text-align: center;
}

.paragraph-1.gray {
  color: var(--bright-grey\<deleted\|variable-de418f72\>);
}

.paragraph-1.gray.aling-center {
  text-align: center;
}

.paragraph-1.gray.max-width {
  max-width: 400px;
}

.link, .list, .list-2, .text-block-2 {
  font-family: Megabyte, sans-serif;
}

.hero-image {
  border-radius: 24px;
  max-width: 100%;
}

.hero-image.stiky-nav {
  z-index: 1;
  margin-top: 14px;
}

.wrapper-text {
  flex: 0 auto;
}

.wrapper-text.heading-1 {
  max-width: 1040px;
  padding-top: 0;
}

.wrapper-text.subheading {
  letter-spacing: 0;
  max-width: 370px;
  margin-top: 8px;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 150%;
}

.wrapper-text.h2-our-power {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

.wrapper-text.h2-our-power.klantervaring {
  max-width: 1380px;
}

.wrapper-text.paragraph-1 {
  margin-bottom: 32px;
}

.wrapper-text.paragraph-1-overview {
  max-width: 490px;
  margin-top: 16px;
}

.wrapper-text.h2-blog {
  margin-top: 16px;
  margin-bottom: 0;
}

.wrapper-text.heading-2-only-bottom {
  margin-top: 0;
  margin-bottom: 40px;
}

.wrapper-text.h4-integrations {
  margin-bottom: 4px;
}

.wrapper-text.heading-2-small-bottom {
  margin-bottom: 16px;
}

.wrapper-text.p1-cta-card {
  width: 270px;
  padding-top: 8px;
  padding-bottom: 40px;
}

.wrapper-text.subheading-bottom {
  max-width: 370px;
  margin-top: 8px;
  margin-bottom: 0;
}

.wrapper-text.h1-hero-article-section {
  margin-top: 16px;
  margin-bottom: 16px;
}

.wrapper-text.heading-4-blog {
  margin-top: 4px;
  margin-bottom: 8px;
}

.wrapper-text.p1-similar-posts {
  margin-top: 16px;
}

.wrapper-text.heading-4-career {
  margin-bottom: 8px;
}

.wrapper-text.paragraph-1-hero {
  width: 411px;
  padding-top: 10px;
}

.wrapper-text.h1-hero-section {
  text-align: center;
}

.wrapper-text.p1-hero-section {
  text-align: center;
  width: 410px;
  padding-top: 10px;
}

.wrapper-text.h1-about-hero-section, .wrapper-text.h2-members-section {
  padding-top: 16px;
  padding-bottom: 16px;
}

.wrapper-text.h2-values {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

.wrapper-text.h2-values.klantervaring {
  max-width: 1380px;
}

.wrapper-text.p1-values {
  padding-bottom: 32px;
}

.wrapper-text.p1-cta-card-flyer {
  width: 270px;
  padding-top: 8px;
  padding-bottom: 40px;
}

.wrapper-text.h2-demo-hero-section {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

.wrapper-text.h2-demo-hero-section.klantervaring {
  max-width: 1380px;
}

.wrapper-text.h1-hero-career-section {
  margin-top: 16px;
  margin-bottom: 16px;
}

.wrapper-text.h2-jobs-section {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

.wrapper-text.h2-jobs-section.klantervaring {
  max-width: 1380px;
}

.wrapper-text.h2-perks {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

.wrapper-text.h2-perks.klantervaring {
  max-width: 1380px;
}

.wrapper-text.h2-diensten, .wrapper-text.h2-klantervaring {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

.wrapper-text.h2-workflow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
  display: flex;
}

.wrapper-text.h2-features-category {
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
}

.wrapper-text.h2-overview {
  padding-top: 10px;
  padding-bottom: 24px;
}

.wrapper-text.h2-about {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

.wrapper_objects.button-text {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.wrapper_objects.button-header {
  z-index: 1;
  grid-column-gap: 24px;
  flex-direction: row;
  align-items: center;
  margin-top: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
  position: relative;
}

.paragraph-3 {
  font-family: Megabyte, sans-serif;
  font-size: 12px;
  line-height: 130%;
}

.paragraph-3.gray {
  color: var(--bright-grey\<deleted\|variable-de418f72\>);
}

.container.applications-partners {
  grid-column-gap: 64px;
  width: auto;
  margin-top: 0;
  display: flex;
}

.heading-4-copy {
  font-family: Megabyte, sans-serif;
}

.text-style-1 {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  font-family: Megabyte, sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.text-style-1.dark-blue {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.paragraph-1-medium {
  letter-spacing: 0;
  text-transform: none;
  font-weight: 500;
}

.paragraph-1-medium.aling-center {
  text-align: center;
}

.paragraph-1-medium.aling-center.dark-grey {
  color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
}

.paragraph-1-medium.dark-blue {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.paragraph-1-medium.dark-gray {
  color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
}

.home-featured-3-section-r {
  width: 100%;
}

.home-overview-section-r {
  position: relative;
}

.subheading-blog-article {
  color: var(--black\<deleted\|variable-43e84d7f\>);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: Megabyte, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
}

.subheading-blog-article.light-blue {
  color: #47c1fe;
}

.subheading-blog-article.blue {
  text-decoration: none;
}

.subheading-blog-article.white {
  color: var(--white);
}

.collection-list-wrapper-app-partners {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: block;
}

.collection-list-apps-partners {
  grid-column-gap: 64px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.logo-applications-partners {
  object-fit: contain;
  max-width: none;
  height: 40px;
}

.logo-applications-partners.fill-conteiner {
  max-width: 100%;
  height: 40px;
}

.paragraph-1 {
  padding-bottom: 10px;
}

.home-data-and-integrations-r {
  position: relative;
  overflow: hidden;
}

.collection-list-wrapper-data-tech {
  grid-column-gap: 64px;
}

.logo-data-tech {
  object-fit: cover;
  max-width: none;
  height: 40px;
  display: inline-block;
}

.collection-list-data-tech {
  grid-column-gap: 64px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: space-between center;
  place-items: center;
  padding-top: 0;
  display: flex;
  position: static;
  inset: 0% auto auto 0%;
}

.image-3 {
  object-fit: contain;
  height: 40px;
}

.image-4 {
  object-fit: contain;
  height: 230px;
  position: absolute;
  inset: 5% auto auto 4%;
  transform: rotate(-7deg);
}

.icon-for-lead-apps, .icon-for-marktplaats {
  width: 32px;
  height: 100%;
}

.mockup-flyer {
  width: 230px;
  height: 290px;
  position: absolute;
  inset: auto 1% -22% auto;
  overflow: visible;
  transform: rotate(30deg);
}

.flyer-container {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.main-logo {
  flex: 1;
  display: block;
}

.image-for-cta {
  width: 48px;
  height: 48px;
}

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

.image-5 {
  height: 40px;
}

.paragraph-2 {
  font-family: Megabyte, sans-serif;
  font-size: 14px;
  line-height: 130%;
}

.paragraph-2.bright-gray, .paragraph-2.gray {
  color: var(--bright-grey\<deleted\|variable-de418f72\>);
}

.paragraph-2-medium {
  font-family: Megabyte, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
}

.paragraph-2-medium.bright-gray {
  color: var(--bright-grey\<deleted\|variable-de418f72\>);
}

.text-block-4 {
  font-family: Megabyte, sans-serif;
}

.author-blog-big {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 40px;
  display: flex;
}

.empty-state-2 {
  background-color: #f1f1f1;
  border-radius: 13px;
  justify-content: center;
  align-items: center;
  height: 198px;
  padding-bottom: 0;
  font-family: Megabyte, sans-serif;
  display: flex;
}

.empty-state-3 {
  background-color: #f1f1f1;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  height: 198px;
  font-family: Megabyte, sans-serif;
  display: flex;
}

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

.title-points-dropdown {
  color: var(--bright-grey\<deleted\|variable-de418f72\>);
  text-transform: uppercase;
  margin-bottom: 16px;
  font-weight: 700;
}

.imagetext {
  border-bottom: 0 solid #dadee7;
  align-items: center;
  width: 100%;
  padding-bottom: 16px;
  display: flex;
}

.imagetext.no-border {
  border-bottom-style: none;
  border-bottom-width: 0;
  padding-bottom: 20px;
}

.image-for-point {
  width: 32px;
  height: 32px;
  margin-right: 16px;
}

.check-list {
  width: 25%;
  padding-top: 16px;
  padding-left: 0;
  padding-right: 0;
}

.list-point {
  display: flex;
}

.image-6 {
  margin-right: 4px;
}

.image-7 {
  width: 191px;
}

.flyer {
  object-fit: cover;
}

.text-block-5 {
  color: var(--white);
}

.collection-item-5 {
  align-self: center;
}

.slider-loop {
  grid-column-gap: 64px;
  flex-direction: row;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.heading-footer {
  color: #3a4763;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-bottom: 24px;
  font-family: Megabyte, sans-serif;
  font-weight: 500;
}

.tab-link-tab-1 {
  background-color: #0000;
  margin-left: 15px;
  padding: 0;
}

.tab-link-tab-1.w--current {
  background-color: #16264d;
  border-radius: 8px;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.tab-link-tab-2 {
  background-color: #0000;
  margin-left: 0;
  padding: 0;
}

.tab-link-tab-2.w--current {
  background-color: #16264d;
  border-radius: 8px;
  margin-left: 0;
  display: inline-block;
}

.tabs {
  margin-top: 16px;
  padding-bottom: 16px;
  position: static;
}

.tab-pane-tab-1 {
  width: 100%;
}

.tabs-content-2 {
  align-items: center;
  margin-right: 530px;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.image-8 {
  width: 100%;
}

.tabs-menu-2 {
  margin-bottom: 0;
}

.tab-pane-tab-2 {
  width: 100%;
}

.div-block {
  background-color: red;
  height: 200px;
  position: sticky;
  inset: 0% 0% auto;
}

.div-block-2 {
  height: 100vw;
}

.div-block-3 {
  background-color: red;
  height: 100px;
  position: sticky;
  top: 0;
}

.sticky-sub-bar {
  z-index: 99;
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: sticky;
  top: 77px;
}

.fixed {
  z-index: 999;
  position: fixed;
  inset: 0% 0% auto;
}

.feature-section-klantervaring {
  background-color: #0000;
  padding-top: 100px;
}

.feature-section-workflow {
  margin-top: 0;
  padding-top: 100px;
}

.feature-section-diensten, .feature-section-roadmap {
  padding-top: 100px;
}

.cards-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-template: "."
                 "."
                 "."
                 "."
                 / minmax(630px, 708px) minmax(488px, 548px);
  grid-auto-rows: 0;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 0;
  display: flex;
}

.cards-wrapper.roadmap-features-section {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 32px;
  display: grid;
}

.card-image {
  object-fit: fill;
  margin-top: 0;
  display: block;
  position: relative;
}

.card-image.horizontal {
  margin-top: 0;
}

.icon-app-wrapper {
  width: 48px;
  height: 48px;
  margin-right: 0;
}

.container-for-icon-and-text {
  flex-direction: column;
  padding: 56px;
  display: flex;
}

.container-for-icon-and-text.horizontal {
  width: 40%;
}

.text-app {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  margin-top: 32px;
  padding-bottom: 0;
  display: flex;
}

.button-log-in {
  color: var(--bright-grey\<deleted\|variable-de418f72\>);
  background-color: #f5f7fa;
  border-radius: 12px;
  padding: 16px 32px;
  font-family: Megabyte, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  transition: background-color .2s;
}

.button-log-in:hover {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  background-color: #f5f7fa;
}

.button-log-in.pagination-button {
  border-style: none;
  padding: 16px 40px;
}

.button-log-in.dark-blue {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  padding: 16px 32px;
  font-size: 16px;
  line-height: 140%;
}

.button-log-in.dark-blue:hover {
  background-color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.button-log-in.dark-blue.submit {
  margin-left: auto;
  margin-right: auto;
}

.button-log-in.footer-form-button {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
}

.button-log-in.footer-form-button:hover {
  background-color: var(--white);
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.button-log-in.navigation-button {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex: none;
}

.button-log-in.navigation-button:hover {
  background-color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.button-log-in.navigation-button.white {
  background-color: #fff3;
  transition-property: all;
}

.button-log-in.navigation-button.white:hover {
  color: #0f1f3d;
  background-color: #fffffffa;
}

.button-log-in.navigation-button.mobile {
  display: none;
}

.button-log-in.search {
  padding-top: 15px;
  padding-bottom: 15px;
}

.button-log-in.trial {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  height: 60px;
  padding-left: 28px;
  padding-right: 28px;
}

.button-log-in.trial:hover {
  background-color: #1ebd53;
}

.button-log-in.trial.white {
  color: var(--blue\<deleted\|variable-e4e7adfc\>);
  background-color: #fff;
  transition: color .2s, background-color .2s;
}

.button-log-in.trial.white:hover {
  color: #fff;
  background-color: #0f1f3d;
}

.button-log-in.integrations-center {
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
}

.button-log-in.top-marin-80px {
  margin-top: 80px;
}

.button-log-in.sticky-nav {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  background-color: #f5f7fa;
  padding: 9px 20px;
  font-family: Megabyte, sans-serif;
  font-weight: 500;
}

.button-log-in.sticky-nav:hover {
  background-color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  color: var(--white);
}

.app-card-horizontal {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f2f3f7;
  border-radius: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 350px 1.75fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 24px;
  display: grid;
  overflow: hidden;
}

.app-card-horizontal.horizantal {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 48px;
}

.app-card-horizontal.yellow {
  background-color: #f7f5f2;
}

.image-part {
  border-radius: 16px;
  position: relative;
  left: 8%;
  overflow: hidden;
  box-shadow: 0 0 17px #0011330d;
}

.two-cards {
  grid-column-gap: 32px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.app-card-no-muckup-no-mockup {
  grid-column-gap: 0px;
  background-color: #f2f3f7;
  border-radius: 16px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-rows: 220px;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding: 24px;
  display: flex;
  position: static;
  overflow: hidden;
}

.app-card-no-muckup-no-mockup.horizantal {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 48px;
}

.app-card-no-muckup-no-mockup.yellow {
  background-color: #f7f5f2;
}

.image-part-vertical {
  border-radius: 8px;
  margin-top: -24px;
  position: relative;
  top: 60px;
  overflow: hidden;
  box-shadow: 0 0 17px #0011330d;
}

.cards-container-roadmap {
  grid-column-gap: 24px;
  flex-direction: column;
  grid-template: "."
  / 1fr 1fr;
  grid-auto-rows: 0;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 0;
  display: grid;
}

.roadmap-klantervaring {
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.roadmap-workflow {
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: start;
  place-items: start stretch;
  display: grid;
}

.roadmap-card {
  background-color: #f2f3f7;
  border-radius: 24px;
  align-items: center;
  margin-bottom: 24px;
  padding: 32px;
  display: flex;
}

.text-app-roadmap {
  grid-row-gap: 8px;
  flex-direction: column;
  flex: 1;
  margin-top: 0;
  margin-left: 24px;
  padding-left: 0;
  display: flex;
}

.roadmap-title {
  color: var(--bright-grey\<deleted\|variable-de418f72\>);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 24px;
  font-family: Megabyte, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.app-card {
  grid-column-gap: 0px;
  background-color: #f2f3f7;
  border-radius: 16px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-rows: 220px;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.app-card.horizantal {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 48px;
}

.app-card.yellow {
  background-color: #f7f5f2;
}

.wrapper-content {
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: static;
}

.wrapper_text {
  grid-row-gap: 24px;
  flex-direction: column;
  margin-top: 32px;
  margin-bottom: 32px;
  display: flex;
}

.wrapper-points {
  grid-row-gap: 16px;
  flex-direction: column;
  max-width: 360px;
  display: flex;
}

.image_wrapper {
  width: 40px;
}

.wrepper_point {
  grid-column-gap: 16px;
  align-items: flex-start;
  display: flex;
}

.html-embed, .html-embed-2 {
  color: var(--white);
}

.tabs-workflow {
  flex: 1;
  height: 546px;
  position: relative;
}

.tab-pane-tab-1-2 {
  position: static;
  inset: 0% auto auto 0%;
}

.tabs-content-3 {
  width: 48.5%;
  height: 60%;
  margin-top: 120px;
  margin-bottom: 120px;
  position: absolute;
  inset: 3.6% auto auto 0%;
}

.tabs-menu-3 {
  position: absolute;
  inset: 0% -66% auto auto;
}

.tabs-2 {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: block;
}

.wrapper-workflow {
  grid-column-gap: 32px;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.wrapper-image {
  width: 100%;
  padding-bottom: 0;
}

.features-learn-more-link-white {
  color: var(--black\<deleted\|variable-43e84d7f\>);
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 10px;
  font-family: Megabyte, sans-serif;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.features-learn-more-link-white.white {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.features-learn-more-link-white.white.right-side {
  margin-left: auto;
}

.features-learn-more-link-white.white.testimonial {
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
}

.features-learn-more-link-white.dark.klant {
  margin-top: 24px;
  margin-left: 90px;
  padding-left: 0;
}

.workflow-text {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.tab-link-tab-1-2 {
  grid-column-gap: 8px;
  color: var(--white);
  background-color: #0000;
  align-items: center;
  padding: 12px 16px;
  font-family: Megabyte, sans-serif;
  font-weight: 500;
  line-height: 100%;
  display: flex;
}

.tab-link-tab-1-2.w--current {
  grid-column-gap: 8px;
  color: var(--white);
  background-color: #16264d;
  border-radius: 12px;
  align-items: center;
  padding: 12px 16px;
  font-family: Megabyte, sans-serif;
  font-weight: 500;
  line-height: 100%;
  display: flex;
}

.text-block-6 {
  line-height: 100%;
}

.tab-link-tab-2-2 {
  grid-column-gap: 8px;
  color: var(--white);
  background-color: #0000;
  align-items: center;
  padding: 12px 16px;
  font-family: Megabyte, sans-serif;
  font-weight: 500;
  line-height: 100%;
  display: flex;
}

.tab-link-tab-2-2.w--current {
  background-color: #16264d;
  border-radius: 12px;
}

.tab-link-tab-3 {
  grid-column-gap: 8px;
  color: var(--white);
  background-color: #0000;
  align-items: center;
  padding: 12px 16px;
  font-family: Megabyte, sans-serif;
  font-weight: 500;
  line-height: 100%;
  display: flex;
}

.tab-link-tab-3.w--current {
  background-color: #16264d;
  border-radius: 12px;
}

.image-10 {
  position: absolute;
}

.demo-hero-image {
  border-radius: 16px;
  margin-top: 32px;
}

.faq-card-open {
  color: #181818;
  width: 100%;
  max-width: 730px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  text-decoration: none;
}

.faq-icon-open {
  transform: rotate(45deg);
}

.faq-question-container-open {
  cursor: pointer;
  padding-top: 20px;
  padding-bottom: 20px;
}

.faq-title-and-image {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq-title {
  width: 90%;
  color: var(--black\<deleted\|variable-43e84d7f\>);
  font-family: Megabyte, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 34px;
}

.faq-title.dark-blue {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.faq-answer-wrapper-open {
  padding-bottom: 0;
  padding-right: 10%;
}

.faq-content-open {
  color: var(--dark-grey\<deleted\|variable-4c72cd38\>);
  padding-bottom: 24px;
  font-family: Megabyte, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.faq-content-open.dark-blue {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.text-block-7 {
  font-size: 18px;
  line-height: 100%;
}

.text-block-tabs, .text-block-9 {
  line-height: 100%;
}

.image-11 {
  position: static;
}

.card-image-container {
  display: none;
  position: absolute;
  inset: 61% 0 0%;
}

.card-no-mockup {
  grid-column-gap: 32px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.app-card-no-mockup {
  grid-column-gap: 0px;
  background-color: #f2f3f7;
  border-radius: 16px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-rows: 220px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.app-card-no-mockup.horizantal {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 48px;
}

.app-card-no-mockup.yellow {
  background-color: #f7f5f2;
}

.container-for-icon-and-text-no-muckup {
  grid-column-gap: 16px;
  flex-direction: row;
  align-items: flex-start;
  padding: 8px;
  display: flex;
}

.container-for-icon-and-text-no-muckup.horizontal {
  width: 40%;
}

.text-app-no-mockup {
  grid-column-gap: 0px;
  grid-row-gap: 8px;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  margin-top: 0;
  padding-bottom: 0;
  display: flex;
}

.fake-lead-app-solar, .fake-lead-app-heat, .fake-huisscan, .fake-installateur-marktplaats, .fake-schouw-app {
  width: 100%;
  height: 0%;
  padding-top: 0;
  position: relative;
  inset: -344px 0% 0%;
}

.fake-klantenservice {
  width: 100%;
  padding-top: 0;
  position: relative;
  inset: -344px 0% 0%;
}

.fake-capaciteit-map {
  width: 100%;
  height: 140%;
  padding-top: 0;
  position: relative;
  inset: -344px 0% 0%;
}

.fake-planboard, .fake-crm, .fake-oplever-app {
  width: 100%;
  padding-top: 0;
  position: relative;
  inset: -344px 0% 0%;
}

.fake-portals, .fake-integraties, .fake-workforce-management, .fake-platform-innovatie, .fake-proces-optimalisatie, .fake-kwaliteit-management, .fake-groei-optimalisatie, .fake-operationeel-support {
  width: 100%;
  height: 0%;
  padding-top: 0;
  position: relative;
  inset: -344px 0% 0%;
}

.lightbox-lead-app-solar {
  flex: 0 auto;
  position: absolute;
  inset: 0%;
}

.image-12 {
  position: relative;
}

.light-box-image {
  position: relative;
  top: 234px;
}

.lightbox-lead-app-heating, .lightbox-huisscan, .lightbox-installateur-marketplaats, .lightbox-schouw-app, .lightbox-klantenservice, .lightbox-capaciteit-map, .lightbox-planboard, .lightbox-crm, .lightbox-oplever-app, .lightbox-leads-hub {
  flex: 0 auto;
  position: absolute;
  inset: 0%;
}

.success-message-2 {
  background-color: #0000;
  font-family: Megabyte, sans-serif;
  font-weight: 500;
}

.hero-video {
  z-index: 2;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-top: 0;
  display: block;
  position: relative;
  inset: 0%;
}

.card-paragraph {
  color: var(--bright-grey\<deleted\|variable-de418f72\>);
  font-family: Megabyte, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.container-for-mockup {
  width: 210%;
}

.wrapper-card {
  display: flex;
}

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

.card-long {
  cursor: pointer;
  background-color: #f2f3f7;
  border: 1px solid #f0f1f5;
  border-radius: 24px;
  flex: 0 auto;
  width: 58%;
  position: relative;
  overflow: hidden;
}

.card-short {
  background-color: #f1f2f6;
  border: 1px solid #f0f1f5;
  border-radius: 24px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  width: 42%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-long-wrapper {
  border-radius: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-long-icon-and-text-wrapper {
  z-index: 0;
  width: 50%;
  padding: 56px 48px 56px 56px;
  position: relative;
}

.card-long-mockup-wrapper {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.card-icon-wrapper {
  width: 48px;
  height: 48px;
}

.card-long-text-wrapper {
  grid-row-gap: 16px;
  flex-direction: column;
  margin-top: 32px;
  display: flex;
}

.paragpaph-feature-card {
  color: var(--bright-grey\<deleted\|variable-de418f72\>);
  font-family: Megabyte, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.card-long-mockup-image-wrapper {
  background-color: #fff;
  border-radius: 8px;
  min-width: 480px;
  max-width: 500px;
  margin-left: 0;
  overflow: hidden;
  box-shadow: 0 0 45px #81859933;
}

.card-long-mockup-image-wrapper.no_fill_shadow {
  box-shadow: none;
  background-color: #0000;
}

.card-long-mockup-and-icon {
  align-items: center;
  display: flex;
}

.card-long-arrow-icon-wrapper {
  z-index: 1;
  opacity: 1;
  align-items: center;
  width: 48px;
  height: 48px;
  display: block;
  position: absolute;
  left: -3%;
}

.card-long-arrow-icon-wrapper.oplever {
  left: 25%;
}

.long-arrow-image-left, .long-arrow-image-right {
  opacity: 0;
  position: absolute;
}

.card_blur {
  z-index: 20;
  opacity: .09;
  filter: blur(20px);
  background-color: #7585a3;
  position: absolute;
  inset: 0%;
}

.image-13 {
  filter: blur();
}

.card-long-empty {
  z-index: 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
  position: relative;
}

.blur-card {
  opacity: 0;
  filter: blur(20px);
  background-color: #00122e1a;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.card-short-wrapper {
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  position: relative;
}

.card-short-no-mockup-icon-and-text-wrapper {
  width: 100%;
  padding: 56px;
  position: relative;
}

.card-short-empty {
  width: 30%;
  position: relative;
}

.card-short-mockup-wrapper {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.card-short-mockup-and-icon {
  align-items: center;
  display: flex;
}

.card-short-text-wrapper {
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 32px;
  display: flex;
}

.card-short-arrow-icon-wrapper {
  width: 48px;
  height: 48px;
  position: absolute;
  left: -1%;
}

.card-short-mockup-image-wrapper {
  max-width: 330px;
  overflow: hidden;
}

.short-arrow-image-left, .short-arrow-image-right {
  opacity: 0;
  position: absolute;
}

.card-short-no-mockup {
  background-color: #f1f2f6;
  border: 1px solid #f0f1f5;
  border-radius: 24px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  width: 42%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-short-no-mockup-wrapper {
  display: flex;
  position: relative;
}

.card-short-no-mockup-horizontal {
  background-color: #f1f2f6;
  border: 1px solid #f0f1f5;
  border-radius: 24px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.card-short-no-mockup-wrapper-horizontal {
  flex-direction: row;
  display: flex;
  position: relative;
}

.card-short-no-mockup-icon-and-text-wrapper-horizontal {
  grid-column-gap: 24px;
  align-items: flex-start;
  width: 100%;
  padding: 32px;
  display: flex;
  position: relative;
}

.card-short-text-wrapper-horizontal {
  grid-row-gap: 2px;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.div-block-4 {
  z-index: 99;
  background-color: #f3f4f7;
  height: 1px;
  position: sticky;
  top: -50px;
}

.shadow {
  position: absolute;
  inset: 0%;
  box-shadow: 0 8px 20px #7585a330;
}

.button-sticky-sub-blue {
  grid-column-gap: 10px;
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  background-color: #f5f7fa;
  border-radius: 12px;
  align-items: center;
  padding: 5px 5px 5px 15px;
  font-family: Megabyte, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  transition: opacity .2s;
  display: flex;
}

.button-sticky-sub-blue.w--current {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  transition-property: none;
}

.button-sticky-sub-blue.blue {
  text-decoration: none;
}

.text-block-10 {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.button-sticky-sub-icon-wrapper {
  background-color: #f5f7fa;
  border-radius: 8px;
  padding: 4px;
}

.button-sticky-sub-yellow {
  grid-column-gap: 10px;
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  background-color: #f5f7fa;
  border-radius: 12px;
  align-items: center;
  padding: 5px 5px 5px 15px;
  font-family: Megabyte, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  display: flex;
}

.button-sticky-sub-yellow.w--current {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.button-sticky-sub-yellow.blue {
  text-decoration: none;
}

.button-sticky-sub-darkblue {
  grid-column-gap: 10px;
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  background-color: #f5f7fa;
  border-radius: 12px;
  align-items: center;
  padding: 5px 5px 5px 15px;
  font-family: Megabyte, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  display: flex;
}

.button-sticky-sub-darkblue.w--current {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.button-sticky-sub-darkblue.blue {
  text-decoration: none;
}

.button-sticky-sub-gray {
  grid-column-gap: 10px;
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  background-color: #f5f7fa;
  border-radius: 12px;
  align-items: center;
  padding: 5px 5px 5px 15px;
  font-family: Megabyte, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  display: flex;
}

.button-sticky-sub-gray.w--current {
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
}

.button-sticky-sub-gray.blue {
  text-decoration: none;
}

.div-block-5 {
  height: 290px;
}

.short_image_card {
  object-fit: cover;
  height: 70%;
}

.diensten_photo {
  background-image: url('../images/B-roll-shots.00_00_26_06.Still013-1-min.jpg');
  background-position: 0 0;
  background-size: 960px;
  height: 60%;
  padding-bottom: 0;
}

.video_wrapper {
  border-radius: 24px;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.video_bg {
  flex-direction: row;
  place-content: flex-start center;
  align-items: stretch;
  width: 100%;
  position: relative;
}

.video_gif {
  width: 100%;
  height: 0%;
  padding-top: 78px;
}

.video_bg_and_link {
  border-radius: 24px;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.backgtound-for-vacantures {
  opacity: 1;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-6 {
  position: absolute;
  inset: 0%;
}

.video-container {
  z-index: 3;
  opacity: 0;
  flex: 1;
  min-height: 610px;
  display: block;
  position: absolute;
  inset: 0%;
}

.background-video-hero {
  z-index: 1;
  opacity: 1;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.workflow-r {
  background-color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  width: 100%;
}

.wrapper-new {
  justify-content: space-between;
  align-items: center;
  width: 85%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
}

.wrapper-new.home-stats-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.wrapper-new.home-feature-1-wrapper {
  padding-top: 80px;
  padding-bottom: 150px;
}

.wrapper-new.home-feature-1-wrapper.homepage-3 {
  padding-top: 145px;
}

.wrapper-new.home-feature-1-wrapper.home-2 {
  width: 100%;
}

.wrapper-new.features-2-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 85%;
  padding-top: 80px;
  padding-bottom: 40px;
}

.wrapper-new.features-2-wrapper.homepage-2 {
  padding-bottom: 0;
}

.wrapper-new.home-integrations-wrapper {
  flex-direction: column;
  align-items: stretch;
  padding-top: 80px;
  padding-bottom: 0;
}

.wrapper-new._1920px {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 1440px;
  padding-top: 60px;
  padding-bottom: 140px;
  overflow: visible;
}

.wrapper-new._1920px.background-image {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  background-image: none;
  max-width: none;
  padding-top: 100px;
  padding-bottom: 100px;
}

.wrapper-new._1920px.background-image.pricing-page-3 {
  padding-top: 140px;
  padding-bottom: 140px;
}

.wrapper-new._1920px.features-2-vertical {
  background-image: url('../images/Group-2687.png');
  background-position: 50%;
  background-size: cover;
  align-items: center;
  max-width: none;
  padding-top: 144px;
  padding-bottom: 144px;
}

.wrapper-new.home-feature-3-wrapper {
  flex-direction: row-reverse;
  padding-top: 40px;
  padding-bottom: 145px;
}

.wrapper-new.home-feature-3-wrapper.home-2 {
  width: 100%;
  padding-top: 80px;
}

.wrapper-new.feature-4-wrapper {
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper-new.feature-4-wrapper.features {
  flex-direction: row-reverse;
}

.wrapper-new.feature-4-wrapper.vertical {
  flex-direction: column;
}

.wrapper-new.cta-wrapper {
  background-image: url('../images/Feature-4-min.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.wrapper-new.about-hero-up {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 1280px;
  padding-top: 140px;
  padding-bottom: 210px;
}

.wrapper-new.about-images-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.75fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  display: grid;
}

.wrapper-new.about-story-up-wrapper {
  align-items: flex-start;
  padding-top: 79px;
}

.wrapper-new.about-grid {
  text-align: center;
  padding-top: 0;
  padding-bottom: 145px;
}

.wrapper-new.about-values-wrapper {
  padding-top: 100px;
  padding-bottom: 100px;
}

.wrapper-new.home-hero-wrapper {
  align-items: flex-start;
}

.wrapper-new.home-hero-wrapper.homepage-3 {
  flex-direction: row-reverse;
}

.wrapper-new.home-hero-wrapper.homepage-2 {
  flex-direction: column;
}

.wrapper-new.home-blog-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 40px;
  padding-bottom: 145px;
}

.wrapper-new.home-blog-wrapper.vertical-blog {
  align-items: center;
  padding-top: 145px;
  padding-bottom: 45px;
}

.wrapper-new.features-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 840px;
  padding-top: 100px;
  padding-bottom: 240px;
}

.wrapper-new.features-loop-wrapper {
  text-align: center;
  justify-content: flex-start;
  align-items: stretch;
  width: 300%;
  max-width: none;
  padding-top: 0;
}

.wrapper-new.visual-features-wrapper {
  flex-direction: column;
  align-items: stretch;
  padding-top: 145px;
  padding-bottom: 145px;
}

.wrapper-new.features-5-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper-new.team-wrapper {
  flex-direction: column;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 80px;
}

.wrapper-new.pricing-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 840px;
  padding-top: 100px;
  padding-bottom: 240px;
}

.wrapper-new.pricing-hero-wrapper.pricing-page-2 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  max-width: 1280px;
  padding-bottom: 220px;
}

.wrapper-new.pricing-table-wrapper {
  flex-direction: column;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper-new.faq-wrapper {
  flex-direction: column;
  align-items: flex-end;
}

.wrapper-new.blog-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 840px;
  padding-top: 100px;
  padding-bottom: 240px;
}

.wrapper-new.blog-featured-wrapper {
  flex-direction: column;
  align-items: stretch;
  padding-top: 0;
}

.wrapper-new.all-blogs-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 140px;
}

.wrapper-new.all-blogs-wrapper.blog-page-2 {
  align-items: flex-start;
}

.wrapper-new.blog-subscribe-wrapper {
  background-image: url('../images/Shapes-min.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  padding-left: 96px;
  padding-right: 96px;
  overflow: hidden;
}

.wrapper-new.blog-post-hero-wrapper {
  flex-direction: column;
  align-items: flex-start;
  max-width: 1280px;
  padding-top: 131px;
  padding-bottom: 220px;
}

.wrapper-new.blog-post-image-wrapper {
  border-radius: 12px;
  height: 560px;
  margin-top: -180px;
  margin-bottom: 64px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.wrapper-new.blog-post-rich-text-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 840px;
  padding-top: 0;
}

.wrapper-new.blog-similar-post-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  padding-top: 40px;
}

.wrapper-new.blog-similar-post-wrapper.margin-bottom {
  padding-top: 80px;
  padding-bottom: 80px;
}

.wrapper-new.career-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 620px;
  padding-top: 120px;
  padding-bottom: 0;
}

.wrapper-new.career-images-wrapper {
  margin-top: 0;
  padding-top: 0;
  top: -64px;
}

.wrapper-new.jobs-wrapper {
  align-items: flex-start;
  padding-top: 220px;
  padding-bottom: 120px;
  position: relative;
}

.wrapper-new.perks-wrapper {
  flex-direction: column;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 100px;
}

.wrapper-new.contact-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 840px;
  padding-top: 100px;
  padding-bottom: 240px;
}

.wrapper-new.contact-form-wrapper {
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  align-items: stretch;
  max-width: 920px;
  margin-top: -145px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: visible;
}

.wrapper-new.location-wrapper {
  padding-top: 145px;
}

.wrapper-new.sign-up-wrapper {
  align-items: flex-start;
  width: 100%;
  max-width: 1920px;
  height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper-new.pricing-comparison-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 0;
}

.wrapper-new.integrations-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 840px;
  padding-top: 100px;
  padding-bottom: 240px;
}

.wrapper-new.integrations-features-wrapper {
  flex-direction: column;
  justify-content: center;
  padding-top: 0;
}

.wrapper-new.most-popular-integrations-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}

.wrapper-new.all-integrations-wrapper {
  flex-direction: column;
  justify-content: center;
  padding-top: 64px;
  padding-bottom: 145px;
}

.wrapper-new._404-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 620px;
  height: 100vh;
}

.wrapper-new.vacancy-hero-wrapper {
  flex-direction: row;
  align-items: flex-end;
  padding-top: 150px;
  padding-bottom: 100px;
}

.wrapper-new.vacancy-rich-text-wrapper {
  align-items: flex-start;
  padding-top: 145px;
  padding-bottom: 100px;
}

.wrapper-new.style-guide-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 620px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.wrapper-new.style-guide-wrapper {
  align-items: flex-start;
  padding-top: 100px;
}

.wrapper-new.licensing-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 620px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.wrapper-new.licensing-wrapper {
  align-items: flex-start;
}

.wrapper-new.changelog-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 620px;
  padding-top: 100px;
}

.wrapper-new.changelog-wrapper {
  flex-direction: column;
  justify-content: center;
  padding-top: 130px;
  padding-bottom: 130px;
}

.wrapper-new.instructions-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 620px;
  padding-top: 100px;
}

.wrapper-new.instructions-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 980px;
}

.wrapper-new.testimonial-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 620px;
  padding-top: 145px;
}

.wrapper-new.footer-wrapper {
  border-bottom: 1px solid var(--dark-grey\<deleted\|variable-4c72cd38\>);
  flex-direction: column;
  align-items: stretch;
  padding-top: 320px;
  padding-bottom: 0;
}

.wrapper-new.footer-wrapper._80-top-padding {
  padding-top: 80px;
}

.wrapper-new.search-result {
  padding-top: 0;
}

.wrapper-new.download-cards-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding-top: 0;
  display: grid;
}

.wrapper-new.reviews-page {
  align-items: flex-start;
  padding-top: 60px;
}

.wrapper-new.reviews {
  z-index: 5;
  flex-direction: column;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.wrapper-new.reviews._0px-padding-top {
  padding-top: 0;
}

.wrapper-new.two-cards {
  padding-bottom: 0;
  display: flex;
}

.wrapper-new.features-vertical-tabs {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.wrapper-new.features-vertical-tabs.lead-apps, .wrapper-new.features-vertical-tabs.market {
  flex-direction: column;
  align-items: flex-start;
}

.wrapper-new.integrations-icons-wrapper {
  flex-direction: column;
  justify-content: center;
  padding-top: 144px;
  padding-bottom: 0;
}

.wrapper-new.plans-grid {
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper-new.integrations-details-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 1280px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.wrapper-new.support {
  flex-direction: column;
  align-items: flex-end;
  padding-top: 144px;
  padding-bottom: 144px;
}

.wrapper-new.support-hero-wrapper {
  flex-direction: column;
  padding-top: 96px;
  padding-bottom: 144px;
}

.wrapper-new.case-study-page {
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: block;
}

.wrapper-new.case-study-page.template, .wrapper-new.case-study-page.main {
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper-new.cs-bottom {
  z-index: 1;
  flex-direction: column;
  padding-top: 0;
  position: relative;
}

.wrapper-new.cs {
  z-index: 1;
  flex-direction: column;
  padding-top: 84px;
  position: relative;
}

.wrapper-new.cs-template {
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper-new.overview-section {
  flex-direction: column;
  padding-top: 128px;
  padding-bottom: 128px;
}

.wrapper-new.overview-section.no-top-padding {
  padding-top: 0;
}

.wrapper-new.checkout {
  align-items: flex-start;
  width: 85%;
}

.wrapper-new.navigation-wrapper {
  padding-top: 4px;
  padding-bottom: 4px;
}

.wrapper-new.hero-section {
  flex-direction: column;
  padding-top: 100px;
  padding-bottom: 32px;
}

.wrapper-new.hero-section.stiky-nav {
  padding-top: 120px;
  padding-bottom: 12px;
  position: static;
}

.wrapper-new.plans {
  align-items: flex-start;
}

.wrapper-new.applications-partners {
  flex-flow: row;
  justify-content: flex-start;
  width: auto;
  max-width: 1280px;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.wrapper-new.applications-partners.features {
  padding-top: 40px;
  padding-bottom: 40px;
}

.wrapper-new.overview {
  flex-direction: column;
  position: absolute;
  inset: 13% 0% auto;
}

.wrapper-new.klantevaring {
  flex-direction: column;
  padding-top: 40px;
  padding-bottom: 40px;
}

.wrapper-new.workflow, .wrapper-new.diensten, .wrapper-new.roadmap {
  flex-direction: column;
  padding-top: 40px;
}

.wrapper-new.home-workflow {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding-top: 80px;
  padding-bottom: 80px;
}

.wrapper-new.home-workflow.homepage-3 {
  padding-top: 145px;
}

.wrapper-new.home-workflow.home-2 {
  width: 100%;
}

.wrapper-new.hero-blog {
  padding-top: 120px;
  padding-bottom: 64px;
}

.wrapper-new.video {
  border-radius: 24px;
  width: 85%;
  overflow: hidden;
}

.wrapper-new.video.vacantures {
  margin-top: -10px;
  top: 50px;
}

.workflow-tabs {
  width: 100%;
  color: var(--white);
  align-items: flex-start;
  font-family: Megabyte, sans-serif;
  font-weight: 500;
  display: flex;
  position: relative;
}

.workflow-menu-tabs {
  z-index: 1;
  grid-column-gap: 12px;
  border: 1px solid #f0f1f6;
  border-radius: 16px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 52%;
}

.workflow-content-tabs {
  flex: 1;
  height: 100%;
  position: relative;
  inset: 0% 0% auto;
}

.workflow_tab_content_1 {
  position: relative;
  inset: 0% 0% auto;
}

.workflow_tab_content_2 {
  top: 0%;
  left: 0%;
  right: 0%;
}

.workflow-tab-link {
  grid-column-gap: 8px;
  background-color: #0000;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.workflow-tab-link.w--current {
  grid-column-gap: 8px;
  background-color: #f0f1f6;
  border-radius: 12px;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.workflow_tab_2 {
  grid-column-gap: 8px;
  background-color: #0000;
  border-radius: 12px;
  padding: 12px 16px;
  display: flex;
}

.workflow_tab_2.w--current {
  background-color: #16264d;
}

.workflow_tab_3 {
  grid-column-gap: 8px;
  background-color: #0000;
  border-radius: 12px;
  padding: 12px 16px;
  display: flex;
}

.workflow_tab_3.w--current {
  background-color: #16264d;
}

.workflow-image-wrapper {
  width: 100%;
  position: relative;
}

.workflow-text-wrapper {
  align-items: center;
  width: 100%;
  display: flex;
}

.workflow_tab_contenr_wrapper {
  grid-column-gap: 4px;
  display: flex;
}

.text-block-location {
  color: var(--bright-grey\<deleted\|variable-de418f72\>);
  padding-top: 20px;
  padding-right: 40px;
  font-family: Megabyte, sans-serif;
}

.about-image-first {
  background-image: url('../images/B-roll-shots.00_00_26_06.Still013-1-min.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
  height: 460px;
  overflow: hidden;
}

.about-image-third {
  background-image: url('../images/Menu-support.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
  height: 460px;
  overflow: hidden;
}

.image-large {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.image-large.contain {
  object-fit: contain;
  width: 32px;
  max-width: 100%;
  height: 100%;
  margin-top: 0;
}

.image-large.contain.signup {
  display: inline-block;
}

.image-large.about-team {
  filter: grayscale();
}

.image-large.contain {
  object-fit: contain;
}

.team_image {
  background-image: url("https://cdn.prod.website-files.com/648c75310169e2407e8604dc/64f1a6d0250bee320c695e37_Portret%20foto's.00_10_35_21.Still017.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 48vw;
}

.main {
  flex-direction: column;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.main.features {
  position: relative;
}

.hero-section-old {
  width: 100%;
}

.main-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 85%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  display: flex;
}

.main-wrapper.applications-and-partners-section-mobile {
  align-items: flex-start;
  width: 100%;
}

.main-wrapper.applications-and-partners-section {
  flex-direction: row;
  width: 100%;
  max-width: 1280px;
  position: relative;
}

.main-wrapper.integrations {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 1440px;
  padding-top: 60px;
  padding-bottom: 140px;
  position: relative;
}

.main-wrapper.hero-article-image-section {
  border-radius: 16px;
  height: 560px;
  margin-top: -180px;
  margin-bottom: 64px;
  position: relative;
  overflow: hidden;
}

.main-wrapper.article-rich-text {
  max-width: 840px;
}

.main-wrapper.hero-video {
  z-index: 0;
  border-radius: 24px;
  top: 50px;
  overflow: hidden;
}

.main-wrapper.vacancy-rich-text-section {
  position: relative;
}

.main-wrapper.applications-and-partners, .main-wrapper.applications-and-partners-copy {
  flex-direction: row;
  justify-content: flex-start;
}

.main-wrapper.overview-section {
  position: absolute;
  inset: 0% 0% auto;
}

.main-wrapper.data-and-integrations-section {
  align-items: flex-start;
  width: auto;
  position: relative;
}

.main-wrapper.tabs {
  grid-row-gap: 24px;
  align-items: flex-start;
  width: 100%;
}

.main-wrapper.huisscan {
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
}

.content-wrapper.hero-section {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 120px;
  margin-bottom: 80px;
  display: flex;
}

.content-wrapper.applications-and-partners-section {
  flex-direction: row;
  align-items: flex-start;
  padding: 80px 40px;
  display: flex;
}

.content-wrapper.about-hero-section {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 140px;
  padding-bottom: 340px;
  display: flex;
  position: relative;
}

.content-wrapper.hero-about-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.75fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.content-wrapper.about-story-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  place-items: flex-start stretch;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  display: grid;
}

.content-wrapper.about-story-grid {
  width: 100%;
}

.content-wrapper.team-members {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-bottom: 80px;
  display: flex;
}

.content-wrapper.values-section {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.content-wrapper.blog {
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
}

.content-wrapper.cta-cards {
  width: 100%;
}

.content-wrapper.demo-hero-section {
  align-items: center;
  margin-top: 180px;
  margin-bottom: 200px;
  display: flex;
  position: relative;
}

.content-wrapper.demo-location-section {
  padding-top: 145px;
  display: flex;
}

.content-wrapper.integrations-section {
  padding-top: 140px;
}

.content-wrapper.faqs-section {
  justify-content: space-between;
  padding-top: 100px;
  padding-bottom: 140px;
  display: flex;
}

.content-wrapper.hero-section-blog {
  padding-top: 120px;
  padding-bottom: 64px;
}

.content-wrapper.blog-main-section {
  flex-direction: column;
  align-self: auto;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.content-wrapper.hero-article-section {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 130px;
  padding-bottom: 220px;
  display: flex;
  position: relative;
}

.content-wrapper.blog-similar-posts-section {
  flex-direction: column;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.content-wrapper.careers-hero-section {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 620px;
  padding-top: 120px;
  display: flex;
}

.content-wrapper.jobs-section {
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 140px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
}

.content-wrapper.careers-hero-video-section {
  border-radius: 24px;
  position: relative;
  top: 40px;
  overflow: hidden;
}

.content-wrapper.perks-section {
  padding-bottom: 80px;
}

.content-wrapper.vacancy-hero-section {
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 150px;
  padding-bottom: 100px;
  display: flex;
}

.content-wrapper.vacancy-rich-text-section {
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 145px;
  padding-bottom: 100px;
  display: flex;
}

.content-wrapper.applications-and-partners-section-desktop {
  padding-top: 40px;
  padding-bottom: 40px;
}

.content-wrapper.our-power-section {
  justify-content: space-between;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.content-wrapper.overview-section {
  flex-direction: column;
  flex: 0 auto;
  align-items: center;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.content-wrapper.diensten-section {
  justify-content: space-between;
  padding-top: 120px;
  padding-bottom: 80px;
  display: flex;
}

.content-wrapper.klantervaring-section {
  padding-top: 80px;
  padding-bottom: 100px;
}

.content-wrapper.workflow-section {
  padding-top: 80px;
  padding-bottom: 120px;
}

.content-wrapper.planboard, .content-wrapper.capaciteit-map, .content-wrapper.crm {
  grid-column-gap: 40px;
  display: flex;
}

.content-wrapper.about-photos-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1.75fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.content-wrapper.features-hero-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 20px;
  display: flex;
}

.content-wrapper.sticky-sub-bar {
  grid-column-gap: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.content-wrapper.features-hero-photo-section {
  border-radius: 32px;
  margin-top: 10px;
  overflow: hidden;
}

.content-wrapper.klantervaring-features-section {
  flex-direction: column;
  align-items: center;
  padding-top: 120px;
  display: flex;
}

.content-wrapper.workflow-features-section {
  width: 100%;
  padding-top: 120px;
}

.content-wrapper.diensten-features-section, .content-wrapper.roadmap-features-section {
  padding-top: 120px;
}

.content-wrapper.section {
  padding-top: 100px;
}

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

.wrapper-text-copy {
  flex: 0 auto;
  width: 100%;
}

.wrapper-text-copy.heading-1 {
  max-width: 1040px;
  padding-top: 0;
}

.wrapper-text-copy.subheading {
  letter-spacing: 0;
  max-width: 370px;
  margin-top: 8px;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 150%;
}

.wrapper-text-copy.heading-2 {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

.wrapper-text-copy.heading-2.klantervaring {
  max-width: 1380px;
}

.wrapper-text-copy.paragraph-1 {
  margin-bottom: 32px;
}

.wrapper-text-copy.paragraph-1-overview {
  max-width: 490px;
  margin-top: 16px;
}

.wrapper-text-copy.heading-2-only-top {
  margin-top: 16px;
  margin-bottom: 0;
}

.wrapper-text-copy.heading-2-only-bottom {
  margin-top: 0;
  margin-bottom: 40px;
}

.wrapper-text-copy.heading-4, .wrapper-text-copy.heading-2-small-bottom {
  margin-bottom: 16px;
}

.wrapper-text-copy.paragraph-1-big {
  width: 270px;
  padding-top: 8px;
  padding-bottom: 40px;
}

.wrapper-text-copy.subheading-bottom {
  max-width: 370px;
  margin-top: 8px;
  margin-bottom: 0;
}

.wrapper-text-copy.heading-1-top-and-bottom {
  margin-top: 16px;
  margin-bottom: 16px;
}

.wrapper-text-copy.heading-4-blog {
  margin-top: 4px;
  margin-bottom: 8px;
}

.wrapper-text-copy.paragraph-1-up {
  margin-top: 16px;
}

.wrapper-text-copy.heading-4-career {
  margin-bottom: 8px;
}

.wrapper-text-copy.paragraph-1-hero {
  width: 411px;
  padding-top: 10px;
}

.wrapper-button-and-text {
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.wrapper-hero-video {
  border-radius: 24px;
  justify-content: space-between;
  align-items: center;
  width: 86%;
  max-width: 840px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.wrapper-hero-video.home-stats-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.wrapper-hero-video.home-feature-1-wrapper {
  padding-top: 80px;
  padding-bottom: 150px;
}

.wrapper-hero-video.home-feature-1-wrapper.homepage-3 {
  padding-top: 145px;
}

.wrapper-hero-video.home-feature-1-wrapper.home-2 {
  width: 100%;
}

.wrapper-hero-video.features-2-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 85%;
  padding-top: 80px;
  padding-bottom: 40px;
}

.wrapper-hero-video.features-2-wrapper.homepage-2 {
  padding-bottom: 0;
}

.wrapper-hero-video.home-integrations-wrapper {
  flex-direction: column;
  align-items: stretch;
  padding-top: 140px;
  padding-bottom: 0;
}

.wrapper-hero-video._1920px {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 1440px;
  padding-top: 60px;
  padding-bottom: 140px;
  overflow: visible;
}

.wrapper-hero-video._1920px.background-image {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  background-image: none;
  max-width: none;
  padding-top: 100px;
  padding-bottom: 100px;
}

.wrapper-hero-video._1920px.background-image.pricing-page-3 {
  padding-top: 140px;
  padding-bottom: 140px;
}

.wrapper-hero-video._1920px.features-2-vertical {
  background-image: url('../images/Group-2687.png');
  background-position: 50%;
  background-size: cover;
  align-items: center;
  max-width: none;
  padding-top: 144px;
  padding-bottom: 144px;
}

.wrapper-hero-video.home-feature-3-wrapper {
  flex-direction: row-reverse;
  padding-top: 40px;
  padding-bottom: 145px;
}

.wrapper-hero-video.home-feature-3-wrapper.home-2 {
  width: 100%;
  padding-top: 80px;
}

.wrapper-hero-video.feature-4-wrapper {
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper-hero-video.feature-4-wrapper.features {
  flex-direction: row-reverse;
}

.wrapper-hero-video.feature-4-wrapper.vertical {
  flex-direction: column;
}

.wrapper-hero-video.cta-wrapper {
  background-image: url('../images/Feature-4-min.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.wrapper-hero-video.about-hero-up {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 1280px;
  padding-top: 140px;
  padding-bottom: 210px;
}

.wrapper-hero-video.about-images-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.75fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  display: grid;
}

.wrapper-hero-video.about-story-up-wrapper {
  align-items: flex-start;
  padding-top: 79px;
}

.wrapper-hero-video.about-grid {
  text-align: center;
  padding-top: 0;
  padding-bottom: 145px;
}

.wrapper-hero-video.about-values-wrapper {
  padding-top: 100px;
  padding-bottom: 100px;
}

.wrapper-hero-video.home-hero-wrapper {
  align-items: flex-start;
}

.wrapper-hero-video.home-hero-wrapper.homepage-3 {
  flex-direction: row-reverse;
}

.wrapper-hero-video.home-hero-wrapper.homepage-2 {
  flex-direction: column;
}

.wrapper-hero-video.home-blog-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 40px;
  padding-bottom: 145px;
}

.wrapper-hero-video.home-blog-wrapper.vertical-blog {
  align-items: center;
  padding-top: 145px;
  padding-bottom: 45px;
}

.wrapper-hero-video.features-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 840px;
  padding-top: 100px;
  padding-bottom: 240px;
}

.wrapper-hero-video.features-loop-wrapper {
  text-align: center;
  justify-content: flex-start;
  align-items: stretch;
  width: 300%;
  max-width: none;
  padding-top: 0;
}

.wrapper-hero-video.visual-features-wrapper {
  flex-direction: column;
  align-items: stretch;
  padding-top: 145px;
  padding-bottom: 145px;
}

.wrapper-hero-video.features-5-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper-hero-video.team-wrapper {
  flex-direction: column;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 80px;
}

.wrapper-hero-video.pricing-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 840px;
  padding-top: 100px;
  padding-bottom: 240px;
}

.wrapper-hero-video.pricing-hero-wrapper.pricing-page-2 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  max-width: 1280px;
  padding-bottom: 220px;
}

.wrapper-hero-video.pricing-table-wrapper {
  flex-direction: column;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper-hero-video.faq-wrapper {
  flex-direction: column;
  align-items: flex-end;
}

.wrapper-hero-video.blog-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 840px;
  padding-top: 100px;
  padding-bottom: 240px;
}

.wrapper-hero-video.blog-featured-wrapper {
  flex-direction: column;
  align-items: stretch;
  padding-top: 0;
}

.wrapper-hero-video.all-blogs-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 140px;
}

.wrapper-hero-video.all-blogs-wrapper.blog-page-2 {
  align-items: flex-start;
}

.wrapper-hero-video.blog-subscribe-wrapper {
  background-image: url('../images/Shapes-min.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  padding-left: 96px;
  padding-right: 96px;
  overflow: hidden;
}

.wrapper-hero-video.blog-post-hero-wrapper {
  flex-direction: column;
  align-items: flex-start;
  max-width: 1280px;
  padding-top: 131px;
  padding-bottom: 220px;
}

.wrapper-hero-video.blog-post-image-wrapper {
  border-radius: 12px;
  height: 560px;
  margin-top: -180px;
  margin-bottom: 64px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.wrapper-hero-video.blog-post-rich-text-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 840px;
  padding-top: 0;
}

.wrapper-hero-video.blog-similar-post-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  padding-top: 40px;
}

.wrapper-hero-video.blog-similar-post-wrapper.margin-bottom {
  padding-top: 80px;
  padding-bottom: 80px;
}

.wrapper-hero-video.career-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 620px;
  padding-top: 120px;
  padding-bottom: 0;
}

.wrapper-hero-video.career-images-wrapper {
  margin-top: 0;
  padding-top: 0;
  top: -64px;
}

.wrapper-hero-video.jobs-wrapper {
  align-items: flex-start;
  padding-top: 220px;
  padding-bottom: 120px;
  position: relative;
}

.wrapper-hero-video.perks-wrapper {
  flex-direction: column;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 100px;
}

.wrapper-hero-video.contact-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 840px;
  padding-top: 100px;
  padding-bottom: 240px;
}

.wrapper-hero-video.contact-form-wrapper {
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  align-items: stretch;
  max-width: 920px;
  margin-top: -145px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: visible;
}

.wrapper-hero-video.location-wrapper {
  padding-top: 145px;
}

.wrapper-hero-video.sign-up-wrapper {
  align-items: flex-start;
  width: 100%;
  max-width: 1920px;
  height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper-hero-video.pricing-comparison-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 0;
}

.wrapper-hero-video.integrations-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 840px;
  padding-top: 100px;
  padding-bottom: 240px;
}

.wrapper-hero-video.integrations-features-wrapper {
  flex-direction: column;
  justify-content: center;
  padding-top: 0;
}

.wrapper-hero-video.most-popular-integrations-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}

.wrapper-hero-video.all-integrations-wrapper {
  flex-direction: column;
  justify-content: center;
  padding-top: 64px;
  padding-bottom: 145px;
}

.wrapper-hero-video._404-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 620px;
  height: 100vh;
}

.wrapper-hero-video.vacancy-hero-wrapper {
  flex-direction: row;
  align-items: flex-end;
  padding-top: 150px;
  padding-bottom: 100px;
}

.wrapper-hero-video.vacancy-rich-text-wrapper {
  align-items: flex-start;
  padding-top: 145px;
  padding-bottom: 100px;
}

.wrapper-hero-video.style-guide-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 620px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.wrapper-hero-video.style-guide-wrapper {
  align-items: flex-start;
  padding-top: 100px;
}

.wrapper-hero-video.licensing-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 620px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.wrapper-hero-video.licensing-wrapper {
  align-items: flex-start;
}

.wrapper-hero-video.changelog-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 620px;
  padding-top: 100px;
}

.wrapper-hero-video.changelog-wrapper {
  flex-direction: column;
  justify-content: center;
  padding-top: 130px;
  padding-bottom: 130px;
}

.wrapper-hero-video.instructions-hero-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 620px;
  padding-top: 100px;
}

.wrapper-hero-video.instructions-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 980px;
}

.wrapper-hero-video.testimonial-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 620px;
  padding-top: 145px;
}

.wrapper-hero-video.footer-wrapper {
  border-bottom: 1px solid var(--dark-grey\<deleted\|variable-4c72cd38\>);
  flex-direction: column;
  align-items: stretch;
  padding-top: 320px;
  padding-bottom: 0;
}

.wrapper-hero-video.footer-wrapper._80-top-padding {
  padding-top: 80px;
}

.wrapper-hero-video.search-result {
  padding-top: 0;
}

.wrapper-hero-video.download-cards-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding-top: 0;
  display: grid;
}

.wrapper-hero-video.reviews-page {
  align-items: flex-start;
  padding-top: 60px;
}

.wrapper-hero-video.reviews {
  z-index: 5;
  flex-direction: column;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.wrapper-hero-video.reviews._0px-padding-top {
  padding-top: 0;
}

.wrapper-hero-video.two-cards {
  padding-bottom: 0;
  display: flex;
}

.wrapper-hero-video.features-vertical-tabs {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.wrapper-hero-video.features-vertical-tabs.lead-apps, .wrapper-hero-video.features-vertical-tabs.market {
  flex-direction: column;
  align-items: flex-start;
}

.wrapper-hero-video.integrations-icons-wrapper {
  flex-direction: column;
  justify-content: center;
  padding-top: 144px;
  padding-bottom: 0;
}

.wrapper-hero-video.plans-grid {
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper-hero-video.integrations-details-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 1280px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.wrapper-hero-video.support {
  flex-direction: column;
  align-items: flex-end;
  padding-top: 144px;
  padding-bottom: 144px;
}

.wrapper-hero-video.support-hero-wrapper {
  flex-direction: column;
  padding-top: 96px;
  padding-bottom: 144px;
}

.wrapper-hero-video.case-study-page {
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: block;
}

.wrapper-hero-video.case-study-page.template, .wrapper-hero-video.case-study-page.main {
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper-hero-video.cs-bottom {
  z-index: 1;
  flex-direction: column;
  padding-top: 0;
  position: relative;
}

.wrapper-hero-video.cs {
  z-index: 1;
  flex-direction: column;
  padding-top: 84px;
  position: relative;
}

.wrapper-hero-video.cs-template {
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper-hero-video.overview-section {
  flex-direction: column;
  padding-top: 128px;
  padding-bottom: 128px;
}

.wrapper-hero-video.overview-section.no-top-padding {
  padding-top: 0;
}

.wrapper-hero-video.checkout {
  align-items: flex-start;
  width: 85%;
}

.wrapper-hero-video.navigation-wrapper {
  padding-top: 4px;
  padding-bottom: 4px;
}

.wrapper-hero-video.hero-section {
  flex-direction: column;
  padding-top: 100px;
  padding-bottom: 32px;
}

.wrapper-hero-video.hero-section.stiky-nav {
  padding-top: 120px;
  padding-bottom: 12px;
  position: static;
}

.wrapper-hero-video.plans {
  align-items: flex-start;
}

.wrapper-hero-video.applications-partners {
  flex-flow: row;
  justify-content: flex-start;
  width: auto;
  max-width: 1280px;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.wrapper-hero-video.applications-partners.features {
  padding-top: 40px;
  padding-bottom: 40px;
}

.wrapper-hero-video.overview {
  flex-direction: column;
  position: absolute;
  inset: 13% 0% auto;
}

.wrapper-hero-video.klantevaring {
  flex-direction: column;
  padding-top: 40px;
  padding-bottom: 40px;
}

.wrapper-hero-video.workflow, .wrapper-hero-video.diensten, .wrapper-hero-video.roadmap {
  flex-direction: column;
  padding-top: 40px;
}

.wrapper-hero-video.home-workflow {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding-top: 80px;
  padding-bottom: 80px;
}

.wrapper-hero-video.home-workflow.homepage-3 {
  padding-top: 145px;
}

.wrapper-hero-video.home-workflow.home-2 {
  width: 100%;
}

.wrapper-hero-video.hero-blog {
  padding-top: 120px;
  padding-bottom: 64px;
}

.wrapper-hero-video.video {
  border-radius: 24px;
  width: 85%;
  overflow: hidden;
}

.wrapper-hero-video.video.vacantures {
  margin-top: -10px;
  top: 50px;
}

.wrapper-hero-video.workflow-features {
  flex-direction: column;
  padding-top: 40px;
}

.wrapper-hero-video.vacantures {
  top: 24px;
}

.slider-mobile-app-and-partners {
  grid-column-gap: 64px;
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.applications-and-partners-section-mobile {
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.applications-and-partners-section-mobile-slider {
  width: 100%;
  display: none;
  overflow: hidden;
}

.div-block-7 {
  flex: 1;
  display: flex;
}

.about-photos-section {
  width: 100%;
  margin-top: -140px;
  position: relative;
}

.about-team-photo-section {
  width: 100%;
}

.team-photo {
  background-image: url('../images/20250407_105326.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 48vw;
  margin-top: 48px;
  margin-bottom: 48px;
}

.blog-section {
  width: 100%;
}

.two-cta-cards-section {
  z-index: 2;
  width: 100%;
  margin-bottom: -140px;
  position: relative;
}

.flyer-container-mobile {
  display: none;
}

.form-cont-int {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.38889vw;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 2.77vw;
  display: grid;
  position: relative;
}

.demo-location-section, .integrations-section {
  width: 100%;
}

.collection-item-6 {
  align-self: stretch;
}

.hero-section-blog {
  width: 100%;
}

.hero-section-blog.gray {
  background-color: #f1f3f6;
}

.blog-main-section {
  width: 100%;
}

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

.hero-article-section {
  width: 100%;
}

.hero-article-section.gray {
  background-color: #f1f3f6;
}

.image-article {
  object-fit: none;
  width: 100%;
  height: 100%;
}

.hero-image-article-section {
  border-radius: 16px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 85%;
  max-width: 1280px;
  height: 47.5vw;
  margin: -180px auto 64px;
  padding-left: 0;
  display: flex;
  overflow: hidden;
}

.hero-image-article-section.applications-and-partners-section-mobile {
  align-items: flex-start;
  width: 100%;
}

.hero-image-article-section.applications-and-partners-section {
  flex-direction: row;
  width: 100%;
  max-width: 1280px;
  position: relative;
}

.hero-image-article-section.integrations {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 1440px;
  padding-top: 60px;
  padding-bottom: 140px;
  position: relative;
}

.hero-image-article-section.hero-article-image-section {
  border-radius: 16px;
  height: 560px;
  margin-top: -180px;
  margin-bottom: 64px;
  position: relative;
  overflow: hidden;
}

.article-rich-text-section, .blog-similar-posts-section, .careers-hero-section {
  width: 100%;
}

.careers-hero-section.gray {
  background-color: #f1f3f6;
}

.careers-hero-video-section, .vacancy-hero-section {
  width: 100%;
}

.vacancy-hero-section.gray {
  background-color: #f1f3f6;
  background-image: linear-gradient(#fff0 10%, #fff), url('../images/672b68a00d06b9d38bb44853_image-1-1_1.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.applications-and-partners-section-desktop {
  width: 100%;
  overflow: hidden;
}

.applications-and-partners-section-desktop.border {
  border-top: 1px solid #f2f3f7;
  border-bottom: 1px solid #f2f3f7;
}

.our-power-section {
  width: 100%;
  padding-bottom: 0;
}

.our-power-section.blue {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
}

.overview-section {
  width: 100%;
  position: static;
}

.overview-section.grey {
  background-color: #fbfbfb;
  padding-top: 40px;
  padding-bottom: 40px;
}

.diensten-section {
  width: 100%;
}

.diensten-points {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: 0 0 16px;
  display: flex;
}

.diensten-points.white {
  margin-bottom: 0;
}

.diensten-points.white.margin-left-24px {
  margin-left: 24px;
}

.data-and-integrations-section {
  width: 100%;
}

.klantervaring-section {
  background-color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  width: 100%;
}

.klantervaring-left {
  flex-direction: column;
  align-items: flex-start;
  width: 45%;
  max-width: 500px;
  display: flex;
}

.klantervaring-left.white {
  width: 45%;
}

.klantervaring-right {
  justify-content: space-between;
  align-items: center;
  width: 50%;
  max-width: 620px;
  display: flex;
  position: relative;
}

.klantervaring-right.feature-3 {
  flex-direction: row-reverse;
  width: 50%;
  position: relative;
}

.huisscan-points {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: 0 0 16px;
  display: flex;
}

.huisscan-points.white {
  margin-bottom: 0;
}

.huisscan-points.white.margin-left-24px {
  margin-left: 24px;
}

.huisscan-points-image {
  background-color: var(--white);
  border-radius: 8px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-right: 19px;
  padding: 6px;
  display: flex;
}

.marketplaats-tabs {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.marktplaats-menu {
  flex-direction: column;
  width: 45%;
  max-width: 500px;
  margin-right: auto;
  display: flex;
}

.marktplaats-link {
  background-color: #0000;
  border-radius: 12px;
  padding: 32px 28px;
  overflow: hidden;
}

.marktplaats-link.w--current {
  background-color: #16264d;
}

.marktplaats-link.middle {
  margin-top: 0;
  margin-bottom: 0;
}

.marktplaats-content-tabs {
  width: 50%;
  max-width: 620px;
  overflow: visible;
}

.workflow-section {
  width: 100%;
}

.workflow-right-items-wrapper {
  margin-top: 20px;
  margin-bottom: 24px;
}

.workflow-point-image {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-top: 0;
  margin-right: 19px;
  display: flex;
}

.features-hero-photo-section {
  width: 100%;
}

.klantervaring-features-section {
  width: 100%;
  position: relative;
}

.features-category-up {
  text-align: center;
}

.workflow-features-section {
  width: 100%;
  position: relative;
}

.diensten-features-section {
  width: 100%;
  padding-top: 0;
  position: relative;
}

.roadmap-features-section {
  width: 100%;
  position: relative;
}

.fake-klantervaring-section, .fake-workflow-section {
  width: 100%;
  position: absolute;
  inset: -4% 0% auto;
}

.fake-diensten-section, .fake-roadmap-section {
  width: 100%;
  position: absolute;
  inset: -8% 0% auto;
}

.paragraph-4 {
  font-size: 14px;
  line-height: 130%;
}

.footer-down-2 {
  color: #fffc;
  justify-content: space-between;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 16px;
  display: flex;
}

.main-navigations-container-2 {
  z-index: 100;
  background-color: #fff;
  border-bottom: 1px solid #f3f4f7;
  position: fixed;
  inset: 0% 0% auto;
}

.contact-button-2 {
  color: #1234d9;
  background-color: #fff;
  border-radius: 12px;
  padding: 16px 32px;
  font-weight: 700;
  transition: all .2s;
}

.contact-button-2:hover {
  color: #fff;
  background-color: #013;
}

.subheading-2 {
  color: #0d0e10;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
}

.subheading-2.blue {
  text-decoration: none;
}

.blog-author-written-by-2 {
  color: #7585a3;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.image-17 {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.blog-share-on-2 {
  color: #7585a3;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.cta-card-wrapper-2 {
  background-color: #1234d9;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: visible;
}

.footer-up-2 {
  grid-column-gap: 120px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #40454f;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 45px;
  display: grid;
}

.heading-footer-2 {
  color: #3a4763;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-bottom: 24px;
  font-weight: 500;
}

.article-date-and-time-2 {
  z-index: 190;
  color: #7585a3;
  flex: none;
  align-items: center;
  margin-top: 8px;
  display: flex;
}

.heading-7 {
  letter-spacing: 0;
  font-size: 45px;
  line-height: 120%;
}

.heading-7.dark-blue {
  color: #013;
}

.blog-dot-3 {
  background-color: #7585a3;
  border-radius: 60%;
  flex: none;
  width: 4px;
  height: 4px;
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
}

.rich-text-2 {
  color: #013;
  border-bottom: 0 solid #e1e4eb;
  padding-bottom: 40px;
}

.heading-8 {
  letter-spacing: 0;
  font-size: 32px;
}

.heading-9 {
  color: #013;
}

.footer-link-2 {
  color: #fff;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 130%;
  transition: opacity .2s;
  display: block;
}

.footer-link-2:hover {
  color: #c7cad1;
}

.footer-link-2.w--current {
  margin-bottom: 24px;
}

.footer-2 {
  background-color: #013;
  width: 100%;
  overflow: hidden;
}

.footer-text-2 {
  color: #fffc;
  max-width: 300px;
  margin-top: 12px;
  font-size: 16px;
  line-height: 150%;
}

.footer-text-2.bright-grey {
  color: #7585a3;
  max-width: 320px;
}

.paragraph-5 {
  color: #013;
  text-transform: none;
}

.paragraph-5.bright-grey {
  color: #7585a3;
}

.paragraph-5.white {
  color: #fff;
  font-weight: 400;
}

.heading-10 {
  letter-spacing: 0;
  font-size: 40px;
}

.location-image-wrapper {
  object-fit: cover;
  background-image: url('../images/20230905_165821.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 990px;
  height: 560px;
}

.location-image-wrapper-left {
  object-fit: cover;
  background-image: url('../images/20230905_165821.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  height: 560px;
}

.location-image-wrapper-right {
  object-fit: cover;
  background-image: url('../images/PXL_20230629_113457091.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  height: 560px;
}

.vacantures-video {
  z-index: 2;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-top: 0;
  display: block;
  position: relative;
  inset: 0%;
}

.background-video-vacantures {
  z-index: 1;
  opacity: 1;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.tab-image-wrapper, .tab-image-wrapper-vertical {
  background-color: var(--white);
  border-radius: 8px;
  padding: 6px;
}

.tab-image-wrapper-workflow {
  background-color: #fff;
  border-radius: 8px;
  padding: 6px;
}

.cookies_pop_up {
  z-index: 8000;
  grid-column-gap: 4.51389vw;
  border: 1px solid var(--gray-black--800);
  background-color: var(--gray-black--900);
  color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  border-radius: 1.2vw;
  align-items: center;
  padding: .83vw .83vw .83vw 1.38vw;
  display: flex;
  position: fixed;
  bottom: 1.66667vw;
  left: 50%;
  overflow: visible;
  transform: translate(-50%);
  box-shadow: 0 0 20px #1b283a4d;
}

.cookies-subheading {
  color: var(--white);
  font-size: 1.1vw;
  font-weight: 700;
  line-height: 140%;
}

.cookies-buttons-wrapper {
  grid-column-gap: .555556vw;
  display: flex;
}

.no-color-button {
  color: var(--white);
  background-color: #0000;
  border: 1px solid #000;
  border-radius: .65vw;
  justify-content: center;
  align-items: center;
  padding: .69vw 1.38vw;
  font-size: 1.11vw;
  transition: all .2s ease-out;
  display: flex;
}

.no-color-button:hover {
  border-color: var(--gray-black--700);
  background-color: var(--gray-black--750);
}

.button-cookie-text {
  color: var(--white);
  font-size: .972222vw;
  font-weight: 700;
  line-height: 130%;
  display: inline-block;
}

.blue-button {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  border-radius: .416667vw;
  justify-content: center;
  align-items: center;
  padding: .48vw 1.38vw;
  display: flex;
}

.cookies-modal {
  z-index: 9000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.cookies-modal-close {
  background-color: #0009;
  position: absolute;
  inset: 0%;
}

.cookie-banner-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  border-radius: 1.11111vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 41.1111vw;
  padding: 1.1vw;
  display: none;
  position: relative;
}

.cookies-contect-wrapper {
  grid-row-gap: 1.66667vw;
  flex-direction: column;
  display: flex;
}

.button-wrapper {
  padding-left: .5vw;
  padding-right: .5vw;
}

.cookie-icon {
  width: 2.22222vw;
  height: 2.22222vw;
  position: absolute;
  top: 0%;
  right: -2.7vw;
}

.cookies-content-wrapper {
  grid-row-gap: 1.66667vw;
  flex-direction: column;
  display: flex;
  position: relative;
}

.cookies-top-banner {
  background-color: var(--gray-black--900);
  border-radius: .833333vw;
  padding-top: 2.2vw;
  padding-bottom: 2.2vw;
  padding-left: 2.2vw;
  position: relative;
}

.cookies-top-image {
  width: 8vw;
  position: absolute;
  inset: 16% 5% 0% auto;
}

.cookies-top-text {
  grid-row-gap: .277vw;
  flex-direction: column;
  width: 22.7778vw;
  padding-bottom: 0;
  display: flex;
}

.heading-1-cookies {
  color: var(--white);
  font-size: 1.25vw;
  font-weight: 900;
  line-height: 145%;
}

.cookies-paragraph {
  color: var(--gray-black--500);
  font-size: .972222vw;
  font-weight: 500;
  line-height: 180%;
}

.cookies-paragraph.gray {
  color: var(--gray-black--500);
}

.cookies-text-wrapper {
  padding-left: .5vw;
  padding-right: .5vw;
}

.cookies-form-wrapper {
  grid-column-gap: 1.66667vw;
  grid-row-gap: 1.66667vw;
  flex-direction: column;
  display: flex;
}

.cookies-head-text {
  background-color: var(--gray-black--25);
  border-radius: .555556vw;
  justify-content: space-between;
  align-items: center;
  padding: .83vw 1.1vw;
  display: flex;
}

.cookies-main-text {
  padding-top: .83vw;
  padding-left: 1.1vw;
  padding-right: 1.1vw;
}

.heading-2-cookies {
  font-size: 1.11111vw;
  font-weight: 700;
  line-height: 150%;
}

.check-toggle-wrapper {
  margin-bottom: 5px;
  padding-left: 20px;
}

.checkbox-label-2 {
  display: none;
}

.blue-button-modal-cookies {
  background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  border-radius: .555556vw;
  justify-content: center;
  align-items: center;
  height: 3.33333vw;
  padding: .902778vw 2.77778vw;
  font-weight: 700;
  line-height: 140%;
  display: flex;
}

.cross-image {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  display: inline-block;
}

.down-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 0px;
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-end;
  display: flex;
}

.dowm-wrapper-bottom {
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.overview-video {
  width: 100%;
  height: NaN% ;
  flex: 0 auto;
  position: relative;
  inset: auto 0% 0%;
}

.html-embed-3 {
  flex: 0 auto;
  width: 100%;
}

.background-video {
  align-self: center;
  width: 100%;
}

.html-embed-4 {
  height: 900px;
}

.video-embed {
  width: 100%;
  height: 500px;
  position: static;
}

.background-video-2 {
  width: 100%;
}

.overview-video {
  position: static;
}

.background-video-3 {
  width: 100%;
  display: none;
}

.namediv-video {
  width: 100%;
  height: 100%;
  inset: 0%;
}

.background-video-4 {
  width: 100%;
}

.namediv-wrapper {
  width: 100%;
  height: 900px;
  position: relative;
}

.background-video-5, .background-video-6 {
  width: 100%;
}

.overview-text-and-button {
  z-index: 2;
  text-align: center;
  align-self: center;
  position: absolute;
  inset: 10.8vw 0% auto;
}

.video-overview {
  display: none;
}

.namediv-wrapper-mob {
  width: 100%;
  height: 60vw;
  display: none;
  position: relative;
  top: 35px;
}

.namediv-wrapper-mob.mob {
  display: none;
}

.namediv-video-mob {
  width: 100%;
  height: 100%;
  inset: 0%;
}

.hero-section {
  width: 100%;
}

.wrapper-text-and-video {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text {
  width: 32vw;
  margin-top: 120px;
}

.hero-tab-image {
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  width: 50vw;
  padding: 0;
  display: flex;
  position: relative;
}

.title-subtitle {
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: flex;
}

.bullets-list {
  grid-row-gap: 12px;
  flex-direction: column;
  margin-top: 40px;
  display: flex;
}

.bullet-item {
  grid-column-gap: 8px;
  flex: 1;
  align-items: center;
  display: flex;
}

.button-up {
  margin-top: 40px;
}

.div-block-8 {
  width: 100%;
  height: 100%;
  margin: 80px 40px;
}

.background-video-8 {
  border-radius: 2vw;
  width: 38vw;
  height: 38vw;
}

.about-homezero-wrapper {
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  margin-top: 80px;
  margin-bottom: 80px;
  display: flex;
}

.about-info {
  flex-direction: column;
  flex: 0 auto;
  display: flex;
}

.about-info.rows {
  grid-row-gap: 16px;
  flex: 0 auto;
  padding-left: 0;
}

.about-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.about-item-text {
  flex-direction: column;
  display: flex;
}

.about-info-block {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: center;
  width: 100%;
  display: flex;
}

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

.video-section {
  width: 100%;
}

.heading-and-label {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: flex-start;
  display: flex;
}

.soon-label {
  background-color: #e0e3e9;
  border-radius: 4px;
  padding: 2px 4px 1px;
}

.soon-label.tabs {
  margin-top: 0;
  position: absolute;
  inset: auto auto 0% 40%;
}

.soon-label.apps {
  padding-left: 12px;
  padding-right: 12px;
}

.div-block-9 {
  position: absolute;
  inset: 0% auto auto 0%;
}

.label-product-card {
  background-color: #e0e3e8;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 10px 14px 8px;
  position: absolute;
  inset: 0% auto auto 8%;
}

.label-product-card.small {
  left: 10%;
}

.title-label {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.image-title {
  width: 75%;
}

.hero-tabs {
  flex-direction: column;
  align-self: auto;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  display: flex;
}

.hero-tabs-wrapper {
  z-index: 1;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #f0f1f5;
  border-radius: 12px;
  padding: 4px;
  display: flex;
  position: absolute;
  top: 10%;
  left: 0%;
}

.tab-link-tab-1-3 {
  width: 118px;
}

.tab-link-tab-1-3.w--current {
  padding-left: 0;
  padding-right: 0;
}

.hero-tab-item {
  background-color: #fff0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 118px;
  padding: 10px 0;
  display: flex;
}

.hero-tab-item.w--current {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 118px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.hero-tabs-container {
  margin-bottom: 0;
}

.article-video {
  display: block;
}

.measures-section {
  width: 100%;
}

.measures-section.dark-blue {
  background-color: #013;
  background-image: radial-gradient(circle farthest-side at 50% 100%, #0130, #013 69%), url('../images/Grid.png');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, repeat-y;
  background-size: auto, 1440px;
  background-attachment: scroll, scroll;
}

.measures-up {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 547px;
  margin-top: 80px;
  display: flex;
}

.measures-cards-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-wrap: wrap;
  grid-template: "."
  / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  max-width: 665px;
  margin-top: 56px;
  display: flex;
}

.meusure-card {
  grid-row-gap: 20px;
  background-color: #06142f;
  border: 1px solid #1234d9;
  border-radius: 16px;
  flex-direction: column;
  width: 200px;
  height: 220px;
  padding: 12px 12px 24px;
  display: flex;
  position: relative;
  transform: rotate(0);
  box-shadow: 0 0 24px 8px #1234d926;
}

.measure-card-animation-container {
  background-image: radial-gradient(circle, #04173c, #051127);
  border: 1px solid #14233f;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 145px;
  display: flex;
  overflow: hidden;
}

.measure-card-animation-container.white-bg {
  background-color: #fff;
  background-image: none;
}

.measurs-card-title {
  color: #b8c0d0;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
}

.lottie-animation-card {
  width: 100%;
  height: 100%;
}

.lottie-animation-card.heatpump {
  width: 75%;
}

.lottie-animation-card.solar-panels {
  width: 260px;
  height: 180px;
  margin-left: -50px;
  margin-right: -50px;
}

.lottie-animation-card.car-charger {
  width: 120px;
  height: 120px;
  margin-left: -5px;
}

.lottie-animation-card.glass-insullation {
  width: 278px;
  height: 166px;
  margin-left: -50px;
  margin-right: -50px;
  position: relative;
  top: -4px;
  left: 0;
}

.lottie-animation-card.home-battery {
  width: 120px;
  height: 120px;
}

.fs-socialshare_icon {
  width: 1.25rem;
  height: 1.25rem;
}

.fs-socialshare_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.fs-socialshare_link {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #252525;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 1.5rem 2rem;
  text-decoration: none;
  display: flex;
}

.fs-socialshare_link:hover {
  opacity: .6;
}

.fs-socialshare_link.is-linkedin {
  background-color: #326a9b;
}

.fs-socialshare_link.is-facebook {
  background-color: #2543b9;
}

.fs-socialshare_link.is-telegram {
  background-color: #435785;
}

.fs-socialshare_link.is-pinterest {
  background-color: #b4282b;
}

.fs-socialshare_link.is-twitter {
  background-color: #0a6cdb;
}

.fs-socialshare_link.is-reddit {
  background-color: #d55e0e;
}

.p1 {
  font-size: 1.11vw;
  font-weight: 400;
  line-height: 150%;
}

.p1._500 {
  color: var(--gray-black--500);
}

.p1._500.apps {
  margin-bottom: .5vw;
}

.p1-bold {
  font-weight: 700;
}

.p2 {
  font-size: .97vw;
  font-weight: 400;
  line-height: 140%;
}

.p2.p2-all-caps.white {
  color: var(--white);
  font-family: Aspekta, Arial, sans-serif;
}

.p2.p2-all-caps.blue {
  color: var(--blue--500);
  text-decoration: none;
}

.p2._400 {
  color: var(--gray-black--400);
}

.p2-bold {
  font-weight: 700;
}

.p2-all-caps {
  letter-spacing: .02em;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 110%;
}

.p3 {
  font-size: .8vw;
  font-weight: 400;
  line-height: 140%;
}

.p3._500 {
  color: var(--gray-black--500);
}

.p3._600 {
  color: var(--gray-black--600);
}

.p3._700 {
  color: var(--gray-black--700);
}

.p3.p3-all-caps {
  text-transform: uppercase;
}

.ylw-btn {
  border: 1px solid var(--pimary--300);
  background-color: var(--pimary--500);
  color: var(--white);
  border-radius: .65vw;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: .69vw 1.38vw;
  font-size: 1.11vw;
  font-weight: 500;
  line-height: 150%;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 .2vw .8vw #6746001a;
}

.body-2 {
  -webkit-backdrop-filter: drop-shadow(0 2px #000000b3);
  backdrop-filter: drop-shadow(0 2px #000000b3);
}

.ylw-blur {
  background-color: var(--pimary--50);
  opacity: .7;
  filter: blur(1vw);
  width: 10.06vw;
  height: 1.3vw;
  transform: rotate(-30deg);
}

.ylw-blur.tab-hide {
  display: none;
}

.blur-cont {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.blue-btn {
  border: 1px solid var(--blue--200);
  background-color: var(--blue--500);
  color: var(--white);
  border-radius: .7vw;
  padding: .69vw 1.38vw;
  font-size: 1.11vw;
  font-weight: 500;
  line-height: 150%;
  position: relative;
  overflow: hidden;
  box-shadow: 0 .2vw .8vw #0011671a;
}

.blue-blur {
  background-color: var(--blue--300);
  filter: blur(1vw);
  width: 10.06vw;
  height: 1.3vw;
  transform: rotate(-30deg);
}

.blue-blur.tab-hide {
  display: none;
}

.btn-text {
  z-index: 1;
  text-align: center;
  position: relative;
}

.white-btn {
  border: 1px solid var(--gray-black--100);
  background-color: var(--white);
  color: var(--gray-black--900);
  border-radius: .7vw;
  padding: .69vw 1.38vw;
  font-size: 1.11vw;
  font-weight: 500;
  line-height: 150%;
  transition: all .3s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 .2vw .48vw #3333330d;
}

.white-btn:hover {
  border-color: var(--gray-black--300);
}

.link-text {
  color: var(--blue--500);
  font-size: 1.11vw;
  line-height: 150%;
}

.btn-link {
  grid-column-gap: .13vw;
  grid-row-gap: .13vw;
  align-items: center;
  transition: all .3s;
  display: flex;
}

.btn-link:hover {
  opacity: .6;
}

.icon-chevron {
  width: 1.38vw;
  height: 1.38vw;
}

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

.sect.blck {
  background-color: var(--gray-black--900);
}

.sect.sticky {
  height: 100vh;
}

.sect.apps {
  height: 100vh;
  padding-bottom: 100vh;
  position: relative;
}

.sect.hide {
  display: none;
}

.main-cont {
  flex-flow: column;
  align-self: stretch;
  align-items: stretch;
  width: 100%;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.tag-sect {
  border: 1px solid var(--gray-black--100);
  background-color: var(--gray-black--25);
  border-radius: .4vw;
  justify-content: center;
  align-items: center;
  padding: .3vw .4vw;
  display: flex;
}

.tag-sect.blck {
  border-color: var(--gray-black--700);
  background-color: var(--gray-black--800);
}

.hero-cont {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  align-items: center;
  padding-top: 8.8vw;
  padding-bottom: 0;
  display: flex;
}

.sect-txt {
  grid-column-gap: 1.25vw;
  grid-row-gap: 1.25vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tag-head {
  grid-column-gap: .83vw;
  grid-row-gap: .83vw;
  text-align: center;
  flex-flow: column;
  align-items: center;
  display: flex;
  position: relative;
}

.tag-head.left, .tag-head.left-apps {
  grid-column-gap: .69vw;
  grid-row-gap: .69vw;
  text-align: left;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
}

.h1-width {
  width: 59.6528vw;
}

.hero-msrs {
  grid-column-gap: .5vw;
  grid-row-gap: .5vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.msrs-cont {
  grid-column-gap: 1.6vw;
  grid-row-gap: 1.6vw;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.msrs-cont.hide {
  display: none;
}

.p3-bold {
  font-weight: 700;
}

.msr-cont {
  grid-column-gap: .277vw;
  grid-row-gap: .277vw;
  align-items: center;
  display: flex;
}

.msr-icon {
  width: 1.25vw;
  height: 1.25vw;
}

.msrs-dvd {
  background-color: var(--gray-black--100);
  width: 1px;
  height: 1.11vw;
}

.wht-grd {
  display: none;
}

.hero-video {
  z-index: -1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 62.2vw;
  margin-top: -5vw;
  display: flex;
  position: relative;
}

.hero-up {
  grid-column-gap: 1.6vw;
  grid-row-gap: 1.6vw;
  flex-flow: column;
  display: flex;
}

.lg-cont-slide {
  width: 100%;
  position: relative;
}

.comp-cont {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  justify-content: center;
  align-items: center;
  display: flex;
}

.comp-lg-cont {
  justify-content: center;
  align-items: center;
  width: 10vw;
  height: 3.472vw;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.lg-image {
  object-fit: contain;
  width: 6.5vw;
}

.lg-collect {
  justify-content: center;
  align-items: center;
  padding-right: 2vw;
  display: flex;
}

.lg-cont-anim {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.lg-white-grdnt {
  z-index: 1;
  background-image: linear-gradient(90deg, #fff 10%, #fff0 35% 65%, #fff 90%);
  position: absolute;
  inset: 0%;
}

.lg-anim-cont {
  overflow: hidden;
}

.lg-cont-copy {
  position: relative;
}

.lg-cont {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 10vw;
  padding-bottom: 2vw;
  display: flex;
}

.bef-aft-cont {
  padding-left: 7.56vw;
  padding-right: 7.56vw;
}

.bef-aft-up {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  text-align: center;
  flex-flow: column;
  align-items: center;
  padding-top: 7vw;
  display: flex;
}

.bef-aft-crd {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  align-items: flex-start;
  padding-top: 6vw;
  padding-bottom: 6vw;
  display: flex;
  position: relative;
}

.aft-card {
  grid-column-gap: 1.38vw;
  grid-row-gap: 1.38vw;
  border: 1px solid var(--gray-black--100);
  background-color: var(--white);
  border-radius: 1.66vw;
  flex-flow: column;
  flex: 1;
  padding: 2.77vw;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 .41vw .83vw #ddd3;
}

.aft-card.yellow {
  border-color: var(--pimary--500);
  background-color: var(--pimary--25);
}

.list-bef-aft {
  grid-column-gap: .41vw;
  grid-row-gap: .41vw;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.list-item-bef-aft {
  grid-column-gap: .34px;
  grid-row-gap: .34px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.list-bullet {
  width: 1.6vw;
  height: 1.6vw;
}

.dots-aft {
  position: absolute;
  inset: 0%;
}

.aft-card-list {
  grid-column-gap: 1.38vw;
  grid-row-gap: 1.38vw;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.line-dot {
  width: 50%;
}

.line-dot.cta, .line-dot.intg, .line-dot.apps {
  width: 60%;
}

.line-cont {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.line-cont._1 {
  inset: 1.1vw 0% auto;
}

.line-cont._2 {
  transform-style: preserve-3d;
  inset: auto 0% 1.1vw;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.line-cont.cta {
  top: -6%;
}

.line-cont.cta-2 {
  inset: auto 0% -6.1%;
}

.line-cont.intg {
  top: 5.8%;
}

.line-cont.intg-2 {
  inset: auto 0% 5.6%;
}

.line-cont.apps {
  inset: -8% 0% auto;
}

.head-tag {
  grid-column-gap: 1.6vw;
  grid-row-gap: 1.6vw;
  flex-flow: column;
  display: flex;
}

.h2-width {
  width: 50vw;
}

.h2-width.wht {
  color: var(--white);
}

.h2-width.dm {
  width: 41vw;
}

.sol-img-txt {
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-items: center;
  padding-top: 1.12vw;
  padding-bottom: 6.11vw;
  display: flex;
}

.p1-width {
  text-align: center;
  width: 26vw;
}

.sol-img {
  width: 42vw;
}

.sol-img.desktop {
  width: 60vw;
}

.sol-img.mobile {
  display: none;
}

.blck-cta {
  padding-top: 4.44vw;
  padding-bottom: 4.44vw;
  position: relative;
}

.blck-cta-cont {
  background-color: var(--gray-black--900);
  border-radius: 1.6vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 .69vw 1.11vw #52525224;
}

.blck-cta-txt {
  grid-column-gap: 3.33vw;
  grid-row-gap: 3.33vw;
  color: var(--white);
  flex-flow: column;
  flex: 1;
  align-items: flex-start;
  padding-top: 3.54vw;
  padding-bottom: 3.54vw;
  display: flex;
  position: relative;
}

.blck-cts-img {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blck-cta-up {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.blck-usp {
  align-items: flex-start;
  display: flex;
}

.blck-usp-item {
  grid-column-gap: .55vw;
  grid-row-gap: .55vw;
  flex-flow: column;
  align-items: flex-start;
  width: 10vw;
  display: flex;
}

.blck-usp-img {
  width: 2.2vw;
}

.img-cta.mobile {
  display: none;
}

.lght {
  position: absolute;
}

.lght.desktop {
  z-index: 0;
  height: 100%;
  inset: 0% 0% auto auto;
}

.apps-cont {
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 2.6vw;
  padding-bottom: 2.6vw;
  display: flex;
}

.hzpc-cont {
  padding-bottom: 0;
}

.tsts-cont {
  position: relative;
}

.tsts-cont-slider {
  justify-content: flex-start;
  align-items: center;
  padding-top: 1.5vw;
  padding-bottom: 1.5vw;
  position: relative;
}

.swiper.testimonials {
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  display: flex;
  overflow: visible;
}

.swiper-wrapper {
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.swiper-slide {
  border: 1px solid var(--gray-black--50);
  background-color: var(--white);
  border-radius: 1.11111vw;
  flex-flow: column;
  flex: none;
  align-self: flex-start;
  align-items: center;
  width: 26%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 .41vw .83vw #ddd3;
}

.lg-cont-tsts {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 8vw;
  display: flex;
  position: relative;
}

.tsts-text {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  padding: 1vw 1.2vw 1.2vw;
  display: flex;
  position: relative;
}

.tsts-quote {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0.8vw;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.38vw;
  display: flex;
  position: relative;
}

.tsts-bg.mobile {
  display: none;
}

.tsts-img-cont {
  position: absolute;
  inset: 0%;
}

.txt-stl-1 {
  font-size: 1.15vw;
  font-weight: 600;
  line-height: 130%;
}

.qut-blck {
  background-color: var(--pimary--500);
  width: .2vw;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.clnt-cont {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  align-items: center;
  padding-top: 1.2vw;
  display: flex;
}

.clnt-ava {
  border-radius: 10vw;
  width: 3.2vw;
  height: 3.2vw;
}

.clnt-txt {
  grid-column-gap: .13vw;
  grid-row-gap: .13vw;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.logo-img {
  object-fit: contain;
  width: 15.97vw;
  height: 5.69444vw;
}

.logo-cont {
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 2vw;
  display: flex;
  position: absolute;
  inset: 0%;
}

.intg-cont {
  justify-content: center;
  align-items: center;
  padding-top: 11.11vw;
  padding-bottom: 11.11vw;
  display: flex;
  position: relative;
}

.intg-blck {
  border: 1px solid var(--gray-black--700);
  background-color: var(--gray-black--900);
  border-radius: 1.6vw;
  flex: 1;
  overflow: hidden;
  box-shadow: 0 .6vw 1.1vw #52525226;
}

.intg-txt {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 5vw;
  padding-bottom: 5vw;
  display: flex;
  position: relative;
}

.intg-lg {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 5.5vw;
  display: flex;
  position: relative;
}

.intg-des {
  grid-column-gap: 1.66vw;
  grid-row-gap: 1.66vw;
  justify-content: flex-start;
  align-items: center;
  margin-top: 3.88889vw;
  display: flex;
  position: relative;
}

.intg-stat {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.intg-div {
  background-color: #ffffff1a;
  width: 1px;
  height: 3.8vw;
}

.intg-des-size {
  align-items: center;
  width: 17.77vw;
  display: flex;
}

.txt-stl-2 {
  font-size: 2.5vw;
  font-weight: 500;
  line-height: 100%;
}

.txt-stl-2.wht {
  color: var(--white);
}

.intg-wrp {
  position: relative;
}

.grd-yel {
  background-image: linear-gradient(304deg, var(--pimary--500) 36%, var(--pimary--200));
  mix-blend-mode: darken;
  display: block;
  position: absolute;
  inset: 0%;
}

.img-bg-intg {
  z-index: 0;
  position: absolute;
  inset: 0%;
}

.lght-intg {
  width: 35.8333vw;
  position: absolute;
  inset: -13% -3% auto auto;
}

.intg-lg-cont {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 57.6vw;
  display: flex;
}

.intg-lg-cont-line {
  flex-flow: column;
  align-items: center;
  display: block;
}

.lg-cont-intg {
  justify-content: center;
  align-items: center;
  width: 14.4vw;
  height: 6.8vw;
  display: flex;
}

.intg-lg-stc {
  object-fit: contain;
  width: 11vw;
  height: 3.2vw;
}

.dvdr-intg {
  border: 1px solid var(--gray-black--800);
  background-color: var(--gray-black--25);
  border-radius: 12px;
  width: 100%;
  height: .069vw;
  position: absolute;
  inset: 0% 0% auto;
}

.dvdr-intg._2 {
  top: 25%;
}

.dvdr-intg._3 {
  top: 52%;
}

.dvdr-intg._4 {
  width: .069%;
  height: 100%;
  inset: 0% auto auto 33.8%;
}

.dvdr-intg._5 {
  width: .069%;
  height: 100%;
  inset: 0% auto auto 49.87%;
}

.dvdr-intg._6 {
  width: .069%;
  height: 100%;
  inset: 0% auto auto 66%;
}

.dvdr-intg._7 {
  top: 52%;
}

.intg-dot.mbl {
  display: none;
}

.blg-cont {
  overflow: visible;
}

.blg-txt {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 10vw;
  display: flex;
}

.blg-txt-th {
  grid-column-gap: .55vw;
  grid-row-gap: .55vw;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.blg-cms {
  align-items: center;
}

.collection-list-6 {
  display: flex;
}

.blg-cms-cont {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  padding-top: 3.3vw;
  display: flex;
}

.blg-item {
  border: 1px solid var(--gray-black--50);
  background-color: var(--white);
  cursor: pointer;
  border-radius: 1.11vw;
  flex: 1;
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
  overflow: hidden;
  box-shadow: 0 .41vw .833333vw #ddd3;
}

.blg-item:hover {
  border-color: var(--gray-black--200);
}

.blg-img {
  object-fit: cover;
  width: 100%;
  height: 22.22vw;
}

.blg-txt-item {
  grid-column-gap: 2.22vw;
  grid-row-gap: 2.22vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 2.22vw 1.94vw;
  display: flex;
}

.blg-tghd {
  grid-column-gap: .55vw;
  grid-row-gap: .55vw;
  flex-flow: column;
  display: flex;
}

.blg-txt-tlt {
  height: 6.45vw;
}

.blg-bttm {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.auth-blg-ph {
  object-fit: cover;
  border-radius: 2.7vw;
  width: 2.7vw;
  height: 2.7vw;
}

.auth-blg-cont {
  grid-column-gap: .83vw;
  grid-row-gap: .83vw;
  align-items: center;
  display: flex;
}

.blg-cont-btn {
  align-items: center;
  display: flex;
}

.why-cont {
  padding-top: 5.55vw;
}

.why-crds {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  flex-flow: wrap;
  place-content: flex-start center;
  align-items: flex-start;
  padding-top: 3.33vw;
  padding-bottom: 3.33vw;
  display: flex;
}

.why-crd {
  grid-column-gap: .41vw;
  grid-row-gap: .41vw;
  border: 1px solid var(--gray-black--50);
  background-color: var(--white);
  border-radius: 1.11vw;
  flex-flow: column;
  width: 29.23vw;
  height: 17.56vw;
  padding: 1.66667vw 1.66667vw 2.2vw;
  display: flex;
  box-shadow: 0 .41vw .833333vw #ccc3;
}

.why-txt {
  grid-column-gap: .833333vw;
  grid-row-gap: .833333vw;
  flex-flow: column;
  display: flex;
}

.why-icon {
  width: 5.277vw;
  height: 5.277vw;
}

.blg-img-cont {
  background-color: var(--gray-black--25);
  object-fit: cover;
  width: 100%;
  height: 22.22vw;
}

.faq-cont {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 9.33vw;
  padding-bottom: 9.33vw;
  display: flex;
}

.faq-cont-wrap {
  grid-column-gap: .83vw;
  grid-row-gap: .83vw;
  flex-flow: column;
  align-items: stretch;
  width: 59.4vw;
  padding-top: 3.33vw;
  display: flex;
}

.faq-list {
  border: 1px solid var(--gray-black--50);
  background-color: var(--white);
  border-radius: 1.11vw;
  width: 100%;
  transition: all .5s ease-out;
  box-shadow: 0 .416vw .83vw #ccc3;
}

.faq-list:hover {
  border-color: var(--gray-black--200);
}

.head-list {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding: 1.66vw 1.66vw 1.66vw 2.2vw;
  display: flex;
}

.head-list.w--open {
  justify-content: space-between;
  align-items: stretch;
}

.drpdwn-list {
  overflow: hidden;
}

.drpdwn-list.w--open {
  background-color: #0000;
  position: static;
}

.drpdwn-cont {
  padding: 0 16vw 1.66vw 1.66vw;
}

.head-list-wrap {
  flex: 0 auto;
  width: 90%;
  display: block;
}

.chvrn-list {
  width: 2.2vw;
  height: 2.2vw;
}

.faq-tlt {
  white-space: normal;
}

.form-cont {
  padding-top: 5.5vw;
}

.form-sect {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  border: 1px solid var(--gray-black--700);
  background-color: var(--gray-black--800);
  border-radius: 1.11vw;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.form-blk {
  flex-flow: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 50%;
  padding-left: 4.44vw;
  padding-right: 4.44vw;
  display: flex;
  position: relative;
}

.quote-blk {
  width: 50%;
  height: 55vw;
  position: relative;
  overflow: hidden;
}

.form-txt-tag {
  z-index: 1;
  grid-column-gap: 2.22vw;
  grid-row-gap: 2.22vw;
  color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.form-tlt-des {
  grid-column-gap: .55vw;
  grid-row-gap: .55vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.form {
  align-self: stretch;
}

.inpt-cont {
  grid-column-gap: .55vw;
  grid-row-gap: .55vw;
  flex-flow: column;
  display: flex;
}

.label {
  color: var(--white);
  margin-bottom: 0;
  font-size: .9vw;
  font-weight: 500;
  line-height: 110%;
}

.label.gray {
  color: var(--gray-black--400);
}

.label.black {
  color: var(--gray-black--900);
}

.txt-field {
  border: 1px solid var(--gray-black--700);
  background-color: var(--gray-black--800);
  color: var(--white);
  border-radius: .5vw;
  margin-bottom: 0;
  padding: .5vw .8vw;
  font-size: .97vw;
  transition: all .2s ease-out;
}

.txt-field:hover {
  border-color: var(--gray-black--600);
}

.txt-field:active, .txt-field:focus {
  border-color: var(--gray-black--500);
}

.txt-field::placeholder {
  color: var(--gray-black--600);
}

.txt-field-area {
  border: 1px solid var(--gray-black--700);
  background-color: var(--gray-black--800);
  min-height: 10vw;
  max-height: 10vw;
  color: var(--white);
  border-radius: .555556vw;
  margin-bottom: 0;
  padding: .9vw .8vw .3vw;
  font-size: .97vw;
  transition: all .2s ease-out;
  overflow: visible;
}

.txt-field-area:hover {
  border-color: var(--gray-black--600);
}

.txt-field-area:active, .txt-field-area:focus {
  border-color: var(--gray-black--500);
}

.txt-field-area::placeholder {
  color: var(--gray-black--600);
}

.form-btn-oth {
  flex-flow: column;
  padding-top: 1.11vw;
  display: flex;
}

.form-bnf {
  grid-column-gap: 1.94vw;
  grid-row-gap: 1.94vw;
  justify-content: center;
  align-items: center;
  padding-top: 2.22222vw;
  display: flex;
}

.bnf-itm {
  grid-column-gap: .41vw;
  grid-row-gap: .41vw;
  color: var(--white);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form-icn {
  width: 1.38vw;
  height: 1.38vw;
}

.form-dvd {
  background-color: var(--gray-black--700);
  width: 1px;
  height: 1.11vw;
}

.hidden-submit {
  display: none;
}

.form-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.quote-blck {
  z-index: 1;
  padding: 1.6vw;
  position: absolute;
  inset: auto 0% 0%;
}

.form-quote-blck {
  border: 1px solid var(--gray-black--700);
  background-color: var(--gray-black--800);
  border-radius: 1.11vw;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.image-quote {
  flex: 1;
  align-self: stretch;
  position: relative;
}

.quote-txt {
  grid-column-gap: 2.7vw;
  grid-row-gap: 2.7vw;
  color: var(--white);
  flex-flow: column;
  flex: 1;
  padding-top: 2.22vw;
  padding-bottom: 2.22vw;
  padding-right: 2vw;
  display: flex;
}

.ceo-txt {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.txt-stl-3 {
  font-size: 1.66vw;
  font-weight: 500;
  line-height: 120%;
}

.form-dots {
  position: absolute;
  inset: 0% 0% auto;
}

.form-grd {
  background-image: linear-gradient(0deg, #000000e6, #0000 39%);
  position: absolute;
  inset: 0%;
}

.ft-dvd-cont {
  justify-content: space-between;
  align-items: center;
  height: 5vw;
  display: flex;
  position: relative;
}

.ft-dvd {
  background-image: linear-gradient(270deg, var(--gray-black--900), var(--gray-black--750) 30%, var(--gray-black--700) 50%, var(--gray-black--750) 70%, var(--gray-black--900));
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.ft-dvd.btm {
  inset: 0% 0% auto;
}

.ft-cont-lnk {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 4.44vw;
  padding-bottom: 4.44vw;
  display: flex;
  position: relative;
}

.ft-inf {
  z-index: 1;
  grid-column-gap: 9.16vw;
  grid-row-gap: 9.16vw;
  flex-flow: column;
  width: 29.16vw;
  padding-right: 9.513vw;
  display: flex;
  position: relative;
}

.ft-lnks {
  z-index: 1;
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.ft-lg-txt {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.ft-lg {
  width: 9.86vw;
}

.ft-lg-txt-btm {
  grid-column-gap: .555556vw;
  grid-row-gap: .555556vw;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.footerlinks {
  color: var(--gray-black--600);
  font-size: .8vw;
  font-weight: 400;
  line-height: 140%;
  transition: all .2s;
}

.footerlinks:hover {
  color: var(--gray-black--100);
}

.footerlinks._500 {
  color: var(--gray-black--500);
}

.footerlinks._600 {
  color: var(--gray-black--600);
}

.scl-icon {
  width: 1.38vw;
  height: 1.38vw;
}

.ft-cl {
  grid-column-gap: 1.11111vw;
  grid-row-gap: 1.11111vw;
  flex-flow: column;
  align-items: flex-start;
  width: 10.83vw;
  display: flex;
}

.ft-cl-ls {
  grid-column-gap: .69vw;
  grid-row-gap: .69vw;
  flex-flow: column;
  display: flex;
}

.ft-btm-lk-l {
  grid-column-gap: 1.66667vw;
  grid-row-gap: 1.66667vw;
  align-items: center;
  display: flex;
}

.ft-btm-cont {
  grid-column-gap: 23.5vw;
  grid-row-gap: 23.5vw;
  align-items: center;
  display: flex;
}

.eq-txt {
  grid-column-gap: .416667vw;
  grid-row-gap: .416667vw;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.eq-img {
  width: 4.3vw;
}

.ft-dot {
  position: absolute;
  inset: 0% 0% auto;
}

.ft-dot.mobile {
  display: none;
}

.arrow-left {
  border: 1px solid var(--gray-black--100);
  background-color: var(--white);
  cursor: pointer;
  border-radius: .55vw;
  justify-content: center;
  align-items: center;
  width: 3.05vw;
  height: 3.05vw;
  transition: all .2s ease-out;
  display: flex;
  box-shadow: 0 .27vw .83vw #3333331a;
}

.arrow-left:hover {
  border-color: var(--gray-black--200);
}

.arrow-img {
  width: 1.66vw;
  height: 1.66vw;
}

.arrow-right {
  border: 1px solid var(--gray-black--100);
  background-color: var(--white);
  cursor: pointer;
  border-radius: .55vw;
  justify-content: center;
  align-items: center;
  width: 3.05vw;
  height: 3.05vw;
  transition: all .2s ease-out;
  display: flex;
  box-shadow: 0 .27vw .83vw #3333331a;
}

.arrow-right:hover {
  border-color: var(--gray-black--200);
}

.tsts-ar-cont {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.main-cont-sl {
  z-index: 1;
  flex-flow: column;
  align-items: stretch;
  width: 100%;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: absolute;
  top: 44%;
}

.dmv-cont {
  grid-column-gap: 1.11111vw;
  grid-row-gap: 1.11111vw;
  justify-content: flex-start;
  align-items: flex-end;
}

.dmv-text {
  flex: 1;
}

.dmv-text-cont {
  grid-column-gap: 1.66667vw;
  grid-row-gap: 1.66667vw;
  flex-flow: column;
  align-items: flex-start;
  width: 37.0139vw;
  padding-left: 2.2vw;
  display: flex;
}

.dmv-cont-h {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  padding-top: 12vw;
  display: flex;
}

.div-block-10 {
  height: 100vh;
  display: flex;
}

.apps-stck-wrap, .apps-stck-elmnt {
  height: 100vh;
  position: sticky;
  top: 0;
}

.sticky-wrap {
  padding-bottom: 100vh;
  position: relative;
  inset: 0%;
}

.sticky-trigger {
  height: 100vh;
}

.sticky-track {
  position: absolute;
  inset: 0%;
}

.sticky-element {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: auto;
}

.sticky-element.sticky-section {
  overflow: scroll;
}

.apps-cont-scroll {
  border: 1px solid var(--gray-black--100);
  background-color: var(--white);
  border-radius: 1.66vw;
  flex: 1;
  align-self: stretch;
  position: relative;
  overflow: hidden;
  box-shadow: 0 .41vw .8vw #ccc3;
}

.sls-cont {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .7fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
  position: absolute;
  inset: 0%;
}

.app-cont-cont {
  flex: 1;
}

.app-cont-cont.txt {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 4.4vw 2.7vw 4.4vw 3.33vw;
  display: flex;
}

.app-cont-img {
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.apps-coll {
  padding-top: 2.22vw;
}

.apps-col-col {
  grid-column-gap: .416vw;
  grid-row-gap: .55vw;
  flex-flow: wrap;
  align-items: flex-start;
  display: flex;
}

.sales-tab {
  border: 1px solid var(--gray-black--100);
  background-color: var(--white);
  color: var(--gray-black--900);
  cursor: pointer;
  border-radius: .65vw;
  flex: none;
  align-items: center;
  padding: .55vw .97vw;
  font-size: 1.11vw;
  font-weight: 500;
  line-height: 150%;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 .13vw .34vw #8585850d;
}

.sales-tab:hover {
  border-color: var(--gray-black--200);
}

.sales-tab.active-tab {
  border-color: var(--pimary--200);
  background-color: var(--pimary--500);
  color: var(--white);
}

.tab-text {
  z-index: 1;
  text-align: center;
  font-weight: 400;
  position: relative;
}

.tg-sn {
  background-color: var(--gray-black--50);
  color: var(--gray-black--400);
  border-radius: .25vw;
  justify-content: center;
  align-items: center;
  padding: .277vw .27vw;
  display: flex;
  position: relative;
  left: .4vw;
}

.tg-sn.tg-sn-act {
  background-color: var(--pimary--400);
  color: var(--pimary--25);
}

.app-desc-cont {
  grid-column-gap: 1.111vw;
  grid-row-gap: 1.111vw;
  border: 1px solid var(--gray-black--100);
  background-color: var(--white);
  border-radius: 1.11vw;
  flex-flow: column;
  align-items: flex-start;
  padding: 2.22vw;
  display: flex;
}

.app-txt {
  grid-column-gap: .83vw;
  grid-row-gap: .83vw;
  flex-flow: column;
  display: flex;
}

.apps-desc-coll-coll {
  flex: 0 auto;
  align-self: stretch;
}

.apps-img-bg-cont {
  position: absolute;
  inset: 0%;
}

.img-apps {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.img-apps.desktop {
  width: 60%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.img-apps.mobile {
  display: none;
}

.mck-cont {
  border: 1px solid var(--gray-black--100);
  background-color: var(--white);
  border-radius: .97vw;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 33.25vw;
  display: flex;
  position: relative;
  left: -2%;
  box-shadow: 0 .69vw 1.2vw #0000000d;
}

.vid-url {
  border: 1px solid var(--gray-black--100);
  background-color: var(--white);
  border-radius: .41vw;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin: .625vw;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 .62vw #00000026;
}

.mck-cont-ads {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.mock-vid-col {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.mock-vid-col-col {
  justify-content: center;
  align-items: center;
  display: flex;
}

.video-item {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.app-descr {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: none;
}

.video-mc {
  z-index: 1;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  position: absolute;
  inset: 0%;
  overflow: auto;
}

._100 {
  width: 100vw;
}

.label-tab {
  margin-bottom: 0;
  font-size: .9vw;
  font-weight: 500;
  line-height: 110%;
}

.label-tab.gray {
  color: var(--gray-black--400);
}

.app-tlt-p {
  grid-column-gap: .83vw;
  grid-row-gap: .83vw;
  flex-flow: column;
  display: flex;
}

.h3-apps {
  margin-bottom: .5vw;
}

.operat-tab {
  border: 1px solid var(--gray-black--100);
  background-color: var(--white);
  color: var(--gray-black--900);
  cursor: pointer;
  border-radius: .65vw;
  flex: none;
  align-items: center;
  padding: .55vw .97vw;
  font-size: 1.11vw;
  font-weight: 500;
  line-height: 150%;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 .13vw .34vw #8585850d;
}

.operat-tab:hover {
  border-color: var(--gray-black--200);
}

.operat-tab.active-tab {
  border-color: var(--pimary--200);
  background-color: var(--pimary--500);
  color: var(--white);
  border-color: var(--blue--200);
  background-color: var(--blue--500);
}

.tg-sl-sn {
  background-color: var(--gray-black--50);
  color: var(--gray-black--400);
  border-radius: .25vw;
  justify-content: center;
  align-items: center;
  padding: .277vw .27vw;
  display: flex;
  position: relative;
  left: .4vw;
}

.tg-sl-sn.tg-sl-sn-act {
  background-color: var(--pimary--400);
  color: var(--pimary--25);
}

.tg-op-sn {
  background-color: var(--gray-black--50);
  color: var(--gray-black--400);
  border-radius: .25vw;
  justify-content: center;
  align-items: center;
  padding: .277vw .27vw;
  display: flex;
  position: relative;
  left: .4vw;
}

.tg-op-sn.tg-sl-sn-act {
  background-color: var(--pimary--400);
  color: var(--pimary--25);
}

.tg-op-sn.tg-op-sn-act {
  background-color: var(--blue--400);
  color: var(--blue--25);
}

.opr-cont {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .7fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
  position: absolute;
  inset: 0%;
}

.opr-cont.hide {
  display: none;
}

.blur-cont-tabs {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hr-mc-cont {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.hr-mc {
  z-index: 10;
  border: 1px solid var(--gray-black--100);
  background-color: var(--white);
  border-radius: 1.11vw;
  width: 74.86vw;
  height: 47.5vw;
  padding: .83vw;
  display: flex;
  position: relative;
  inset: 0%;
  box-shadow: 0 .83vw 1.66667vw #0000000d;
}

.img-hr {
  position: absolute;
  inset: 0%;
}

.hr-mc-ln {
  z-index: 10;
  border: 1px solid var(--gray-black--100);
  background-color: var(--white);
  border-radius: .48vw;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 .83vw #00000026;
}

.hr-mc-ln.blk {
  background-color: var(--gray-black--900);
}

.mc-el {
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  overflow: auto;
}

.demo-video {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 62.2vw;
  margin-top: 0;
  display: flex;
  position: relative;
}

.video-lightbox {
  z-index: 99999;
  background-color: #00000080;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.video-lightbox-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 3vw;
  display: flex;
}

.lightbox-card {
  z-index: 10;
  max-width: 67.5em;
  max-height: 90svh;
  position: relative;
}

.lightbox-video {
  background-color: var(--gray-black--900);
  border-radius: .5vw;
  width: 100%;
}

.close-l-btn {
  border: 1px solid var(--pimary--400);
  background-color: var(--pimary--500);
  color: var(--white);
  border-radius: .5vw;
  padding: .8vw 1.5vw;
  display: inline-block;
}

.close-l-btn.is-lightbox-close {
  z-index: 10;
  position: absolute;
  inset: -5vw 0% auto auto;
}

.pl-area {
  z-index: 20;
  background-image: linear-gradient(0deg, #1419421a, #dbdde81a);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.pl-r {
  width: 8vw;
}

.mc-el-ckl {
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  overflow: auto;
}

.main-cont-nav {
  border: 1px solid var(--gray-black--100);
  background-color: var(--white);
  border-radius: 1.11vw;
  flex-flow: row;
  align-self: stretch;
  align-items: center;
  width: 100%;
  display: flex;
  box-shadow: 0 .41vw 1.38vw #b8b8b833;
}

.sect-nav {
  z-index: 999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: .8vw;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
  overflow: visible;
}

.sect-nav.blck {
  background-color: var(--gray-black--900);
}

.sect-nav.sticky {
  height: 100vh;
}

.sect-nav.apps {
  height: 100vh;
  padding-bottom: 100vh;
  position: relative;
}

.nav-bar {
  background-color: #0000;
  align-self: stretch;
  padding-left: 5vw;
  padding-right: 5vw;
}

.nav-logo {
  justify-content: flex-start;
  align-items: center;
  height: 5vw;
  display: flex;
}

.lg-nav {
  object-fit: cover;
  width: 9.8vw;
  height: 4vw;
}

.nav-links {
  background-color: #0000;
  flex: 1;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  display: flex;
  position: static;
}

.mc-img {
  object-fit: fill;
  width: 140vw;
  height: 100%;
  display: none;
  position: absolute;
}

.lg-tab {
  grid-column-gap: .76vw;
  grid-row-gap: .76vw;
  justify-content: flex-start;
  align-items: center;
  padding-left: .97vw;
  display: flex;
}

.nav-dvd-for {
  justify-content: center;
  align-items: center;
  width: 1.11vw;
  display: flex;
  position: relative;
}

.dvd-nav {
  background-color: var(--gray-black--50);
  width: .06vw;
  height: 2.2vw;
  position: absolute;
}

.for-nav {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  padding-top: .27vw;
  padding-bottom: .27vw;
  display: flex;
  position: absolute;
}

.p-for {
  color: var(--gray-black--500);
  font-size: .694vw;
  font-weight: 500;
  line-height: 110%;
}

.tab-con-nav {
  border: 1px solid var(--gray-black--50);
  background-color: var(--gray-black--25);
  border-radius: .69vw;
  justify-content: center;
  align-items: center;
  width: 9.16vw;
  height: 2.91vw;
  padding: .3vw;
  display: flex;
}

.nav-tab-item {
  cursor: pointer;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.nav-tab-item:hover {
  opacity: .5;
}

.nav-tab-item.w--current {
  box-shadow: none;
  cursor: auto;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.nav-tab-item.w--current:hover {
  opacity: 1;
}

.nav-tab-item.active {
  border: .5px solid var(--gray-black--50);
  background-color: var(--white);
  pointer-events: none;
  border-radius: .4vw;
}

.nav-drop {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.drop-down-icon {
  width: 1.25vw;
  height: 1.25vw;
}

.drop-down-cont {
  grid-column-gap: .277vw;
  grid-row-gap: .277vw;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  transition: all .2s ease-out;
  display: flex;
}

.drop-down-cont:hover {
  opacity: .5;
}

.nav-drop-list {
  border: 1px solid var(--gray-black--100);
  background-color: var(--white);
  border-radius: 1.11111vw;
  width: auto;
  display: flex;
  position: static;
  inset: auto 0% 0% auto;
  box-shadow: 0 .41vw 1.38vw #b8b8b833;
}

.nav-drop-list.w--open {
  border: 1px solid var(--gray-black--50);
  background-color: var(--white);
  border-radius: 1.11111vw;
  position: absolute;
  inset: 110% -50% auto auto;
  overflow: hidden;
}

.nav-link {
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: none;
}

.nav-links-cont {
  grid-column-gap: 2.22vw;
  grid-row-gap: 2.22vw;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-btn-cont {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.lng-cont {
  flex: 0 auto;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  width: 5.18vw;
  display: flex;
}

.btns-nav {
  grid-column-gap: .5vw;
  grid-row-gap: .5vw;
  justify-content: center;
  align-items: center;
  padding-left: .972vw;
  padding-right: .972vw;
  display: flex;
}

.column-list {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 1vw;
  display: flex;
}

.column-list.oth {
  padding-top: 0;
}

.sol-cl {
  padding: .6vw;
}

.item-list-lnk {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  background-color: #0000;
  border-radius: .8vw;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 20vw;
  padding: .4vw;
  transition: all .2s ease-out;
  display: flex;
}

.item-list-lnk.ylw:hover {
  background-color: var(--pimary--50);
  color: var(--pimary--500);
}

.item-list-lnk.blu:hover {
  background-color: var(--blue--50);
  color: var(--blue--500);
}

.nav-tlt-cont {
  color: var(--gray-black--500);
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding-left: 1vw;
  display: flex;
}

.nav-tlt-cont.ylw {
  color: var(--pimary--500);
}

.nav-tlt-cont.blu {
  color: var(--blue--500);
}

.nav-drop-list-c {
  background-color: #0000;
  margin-top: 3.5vw;
  padding-top: 3vw;
  position: absolute;
  inset: 0% auto auto -280%;
}

.nav-drop-list-c.w--open {
  background-color: #0000;
  width: auto;
  margin-top: 2vw;
  padding-top: 3vw;
  position: absolute;
  inset: 0% auto auto;
  overflow: visible;
}

.nav-links-wrap {
  flex: 1;
  align-self: stretch;
  display: flex;
}

.ser-cont {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .7fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
  position: absolute;
  inset: 0%;
}

.ser-cont.hide {
  display: none;
}

.serv-tab {
  border: 1px solid var(--gray-black--100);
  background-color: var(--white);
  color: var(--gray-black--900);
  cursor: pointer;
  border-radius: .65vw;
  flex: none;
  align-items: center;
  padding: .55vw .97vw;
  font-size: 1.11vw;
  font-weight: 500;
  line-height: 150%;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 .13vw .34vw #8585850d;
}

.serv-tab:hover {
  border-color: var(--gray-black--200);
}

.serv-tab.active-tab {
  border-color: var(--pimary--200);
  color: var(--white);
  border-color: var(--blue--200);
  background-color: var(--blue--500);
}

.serv-tab.active-tab-ser {
  border-color: var(--gray-black--200);
  background-color: var(--gray-black--900);
  color: var(--white);
}

.black-blur {
  background-color: var(--gray-black--600);
  filter: blur(1vw);
  width: 10.06vw;
  height: 1.3vw;
  transform: rotate(-30deg);
}

.black-blur.tab-hide {
  display: none;
}

.tg-sr-sn {
  background-color: var(--gray-black--50);
  color: var(--gray-black--400);
  border-radius: .25vw;
  justify-content: center;
  align-items: center;
  padding: .277vw .27vw;
  display: flex;
  position: relative;
  left: .4vw;
}

.tg-sr-sn.tg-sl-sn-act {
  background-color: var(--pimary--400);
  color: var(--pimary--25);
}

.tg-sr-sn.tg-op-sn-act {
  background-color: var(--blue--400);
  color: var(--blue--25);
}

.tg-sr-sn.tg-sr-sn-act {
  background-color: var(--gray-black--700);
  color: var(--gray-black--50);
}

.mc-img-sales {
  z-index: 1;
  object-fit: fill;
  width: 140vw;
  height: 100%;
  display: none;
  position: absolute;
}

.video-mc-sales {
  flex: 1;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: auto;
}

.mc-img-oprt {
  z-index: 1;
  object-fit: fill;
  width: 140vw;
  height: 100%;
  display: none;
  position: absolute;
}

.video-mc-oprt {
  flex: 1;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: auto;
}

.mc-img-serv {
  z-index: 1;
  object-fit: fill;
  width: 140vw;
  height: 100%;
  display: none;
  position: absolute;
}

.video-mc-serv {
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: auto;
}

.video-mc-serv.no {
  width: 20vw;
  position: relative;
}

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

.thnk-cont {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.thnk-txt {
  grid-column-gap: .5vw;
  grid-row-gap: .5vw;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 25vw;
  display: flex;
}

.con-cont {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 20% 0% 0%;
}

.txt-stl-4 {
  font-size: 4vw;
  line-height: 100%;
}

.txt-stl-4.ylw {
  color: var(--pimary--500);
}

.txt-stl-4-sm {
  font-size: 3vw;
}

.lod {
  background-color: var(--pimary--500);
  border-radius: 2vw;
  justify-content: flex-start;
  align-items: flex-start;
  width: .4vw;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.vlght-sh {
  position: absolute;
  inset: 0%;
}

.tstm-tag {
  border: 1px solid var(--gray-black--50);
  background-color: var(--white);
  color: var(--gray-black--900);
  border-radius: .5vw;
  padding: .2vw .6vw;
  position: absolute;
  inset: 2% auto auto 2%;
}

.tl-tx-lnk {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.icn-cont-lnk {
  border: .5px solid var(--gray-black--25);
  border-radius: .5vw;
  justify-content: center;
  align-items: center;
  width: 3vw;
  height: 3vw;
  display: flex;
  position: relative;
}

.bg-lnk {
  position: absolute;
  inset: 0%;
}

.lnk-arw {
  width: 1.1vw;
  height: 1.1vw;
}

.lnk-tl-ar {
  grid-column-gap: .2vw;
  grid-row-gap: .2vw;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lnk-ic {
  width: 2.2vw;
  position: absolute;
}

.dv-nav-lst {
  background-color: var(--gray-black--25);
  width: 1px;
}

.hm-pc-ds-mb {
  display: none;
}

.hm-pc-cont {
  padding-top: 4vw;
}

._404-cont {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

._404-img {
  width: 28vw;
}

._404-txt-cont {
  grid-column-gap: .5vw;
  grid-row-gap: .5vw;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

._404-btn {
  justify-content: flex-start;
  align-items: center;
  padding-top: 1vw;
  display: flex;
}

._404-img-cont {
  justify-content: flex-start;
  align-items: center;
  width: 34vw;
  height: 30vw;
  display: flex;
}

.image-18 {
  margin-left: 0;
  position: static;
}

.image-19 {
  margin-left: 220px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

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

.german-only-link {
  color: var(--gray-black--600);
  font-size: .8vw;
  font-weight: 400;
  line-height: 140%;
  transition: all .2s;
}

.german-only-link:hover {
  color: var(--gray-black--100);
}

.german-only-link._500 {
  color: var(--gray-black--500);
}

.german-only-link._600 {
  color: var(--gray-black--600);
}

.footerlink {
  color: var(--gray-black--600);
  font-size: .8vw;
  font-weight: 400;
  line-height: 140%;
  transition: all .2s;
}

.footerlink:hover {
  color: var(--gray-black--100);
}

.footerlink._500 {
  color: var(--gray-black--500);
}

.footerlink._600 {
  color: var(--gray-black--600);
}

.dutch-only-link {
  color: var(--gray-black--600);
  transition: opacity .2s;
}

.dutchfooter {
  color: var(--gray-black--600);
  font-size: .8vw;
  font-weight: 400;
  line-height: 140%;
  transition: all .2s;
}

.dutchfooter:hover {
  color: var(--gray-black--100);
}

.dutchfooter._500 {
  color: var(--gray-black--500);
}

.dutchfooter._600 {
  color: var(--gray-black--600);
}

.uc-hero-section {
  background-color: #f3f4f7;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 140px;
  padding-bottom: 20px;
  display: block;
}

.uc-hero-section.image {
  background-color: #fff;
}

.uc-content-section {
  padding-top: 0;
  padding-bottom: 20px;
}

.uc-aanpak-section {
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 20px;
}

.uc-cta-section {
  text-align: center;
  background-color: #141e33;
  margin-top: 0;
  padding-top: 56px;
  padding-bottom: 80px;
}

.uc-cta-text {
  color: #ffffffd9;
  margin-bottom: 32px;
  font-family: Megabyte, sans-serif;
  font-size: 20px;
  line-height: 150%;
}

.image-20 {
  width: 800px;
  max-width: none;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1280px) {
  .button.sticky-nav.dark-blue:hover {
    background-color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  }

  .workflow-tab-link.w--current {
    align-items: center;
  }
}

@media screen and (min-width: 1440px) {
  .button.navigation-button:hover {
    background-color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  }

  .nav-link.login.desktop:hover {
    color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  }

  .button-log-in.navigation-button:hover {
    background-color: var(--dark-blue\<deleted\|variable-d81267ff\>);
  }
}

@media screen and (min-width: 1920px) {
  h1 {
    font-size: 72px;
  }

  h2 {
    font-size: 55px;
  }

  h3 {
    font-size: 33px;
  }

  .wrapper.home-feature-1-wrapper {
    justify-content: space-between;
    align-items: center;
    padding-top: 120px;
    padding-bottom: 180px;
  }

  .wrapper._1920px {
    max-width: none;
  }

  .wrapper.overview {
    top: 23%;
  }

  .wrapper.home-workflow {
    justify-content: space-between;
    align-items: center;
    padding-top: 240px;
    padding-bottom: 240px;
  }

  .dientsten-right.work-flow {
    width: 0%;
    max-width: 540px;
  }

  .diensten-left {
    justify-content: center;
  }

  .integrations-cards-wrapper-1 {
    margin-left: -2115px;
  }

  .cta-section.flex-horizontal.blue-shapes {
    background-position: 100%;
    background-size: cover;
  }

  .about-lightbox {
    height: 860px;
  }

  .visual-features-items-container.nav.pages {
    grid-column-gap: 100px;
  }

  .team-collection-list {
    width: 100%;
  }

  .team-member-item {
    align-items: center;
  }

  .rich-text {
    padding-left: 10px;
    padding-right: 10px;
  }

  .sign-up-section {
    max-width: 1800px;
  }

  .progress-bar {
    top: 110px;
  }

  .footer-link, .footer-link.w--current {
    font-family: Megabyte, sans-serif;
  }

  .footer-links-container {
    grid-column-gap: 110px;
  }

  .navigation-drop-container.features {
    justify-content: center;
    align-items: center;
  }

  .navigation-drop-container.features.pages {
    justify-content: flex-start;
    width: auto;
  }

  .footer-brand {
    flex: 0 auto;
    width: 240px;
  }

  .footer-brand.w--current {
    width: 210px;
  }

  .dropdown-list.oplossingen {
    justify-content: center;
    align-items: flex-start;
  }

  .dropdown-list-full-wrapper {
    justify-content: center;
    align-items: center;
    max-width: 1280px;
    display: flex;
  }

  .dropdown-list-full-wrapper.blog {
    max-width: 1280px;
  }

  .contain {
    width: 100%;
  }

  .background-image-container {
    background-size: contain;
  }

  .integration-icon-bottom-row {
    margin-left: -4%;
  }

  .demo-hero-wrapper-form {
    top: -2%;
  }

  .blog-main-menu {
    justify-content: center;
    align-self: auto;
    width: 100%;
    display: flex;
  }

  .overview-stats-section {
    background-repeat: no-repeat;
    background-size: cover;
  }

  .overview-video-contain {
    justify-content: center;
  }

  .text-block-2.white {
    color: var(--white);
  }

  .wrapper-text.heading-2-only-bottom {
    margin-top: 0;
    margin-bottom: 40px;
  }

  .wrapper-text.p1-cta-card, .wrapper-text.p1-cta-card-flyer {
    width: 350px;
  }

  .home-featured-3-section-r {
    width: 100%;
  }

  .subheading-blog-article.white {
    margin-bottom: 8px;
  }

  .home-data-and-integrations-r {
    width: 100%;
  }

  .collection-list-data-tech {
    padding-top: 24px;
  }

  .image-4 {
    top: 9%;
  }

  .mockup-flyer {
    right: 4%;
  }

  .empty-state-2 {
    border-radius: 16px;
    padding-bottom: 10px;
  }

  .empty-state-3 {
    background-color: #f1f1f1;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    height: 198px;
    font-family: Megabyte, sans-serif;
    display: flex;
  }

  .tabs-content-2 {
    overflow: visible;
  }

  .card-image {
    top: 12%;
  }

  .app-card-horizontal {
    align-items: center;
  }

  .card-image-container {
    top: 62%;
  }

  .card-long {
    width: 58%;
  }

  .card-short {
    flex: 0 auto;
  }

  .card-long-arrow-icon-wrapper {
    left: 10%;
  }

  .card-short-arrow-icon-wrapper {
    left: 3%;
  }

  .card-short-no-mockup {
    flex: 0 auto;
  }

  .card-short-no-mockup-horizontal {
    flex: 0 auto;
    justify-content: flex-start;
  }

  .wrapper-new.home-feature-1-wrapper {
    justify-content: space-between;
    align-items: center;
    padding-top: 120px;
    padding-bottom: 180px;
  }

  .wrapper-new._1920px {
    max-width: none;
  }

  .wrapper-new.overview {
    top: 23%;
  }

  .wrapper-new.home-workflow {
    justify-content: space-between;
    align-items: center;
    padding-top: 240px;
    padding-bottom: 240px;
  }

  .workflow-menu-tabs {
    z-index: 1;
  }

  .main-wrapper.applications-and-partners-section {
    align-items: stretch;
  }

  .content-wrapper.workflow-section {
    position: relative;
  }

  .wrapper-text-copy.heading-2-only-bottom {
    margin-top: 0;
    margin-bottom: 40px;
  }

  .wrapper-text-copy.paragraph-1-big {
    width: 350px;
  }

  .wrapper-hero-video.home-feature-1-wrapper {
    justify-content: space-between;
    align-items: center;
    padding-top: 120px;
    padding-bottom: 180px;
  }

  .wrapper-hero-video._1920px {
    max-width: none;
  }

  .wrapper-hero-video.overview {
    top: 23%;
  }

  .wrapper-hero-video.home-workflow {
    justify-content: space-between;
    align-items: center;
    padding-top: 240px;
    padding-bottom: 240px;
  }

  .form-cont-int {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-areas: ". ."
                         ". ."
                         "Area Area"
                         "Area-2 Area-2";
    grid-auto-columns: 1fr;
    padding-top: 40px;
  }

  .integrations-section {
    display: none;
  }

  .hero-image-article-section {
    height: 37.5vw;
  }

  .hero-image-article-section.applications-and-partners-section {
    align-items: stretch;
  }

  .applications-and-partners-section-desktop.border-hide {
    border-top-width: 0;
    border-bottom-width: 0;
  }

  .klantervaring-left {
    justify-content: center;
  }

  .klantervaring-right.work-flow {
    width: 0%;
    max-width: 540px;
  }

  .cookies_pop_up {
    grid-column-gap: 40px;
    border-radius: 16px;
    padding: 14px 14px 14px 24px;
    font-size: 18px;
  }

  .cookies-subheading {
    font-size: 16px;
  }

  .cookies-buttons-wrapper {
    grid-column-gap: 12px;
  }

  .no-color-button {
    border-radius: 8px;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    padding: 8px 12px;
    font-size: 16px;
  }

  .button-cookie-text {
    font-size: 16px;
  }

  .blue-button {
    border-radius: 8px;
    padding: 12px 24px;
    font-size: 16px;
  }

  .cookies-modal {
    display: none;
  }

  .cookie-banner-wrapper {
    border-radius: 24px;
    width: 600px;
    padding: 16px;
    display: none;
  }

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

  .cookie-icon {
    width: 32px;
    height: 32px;
    right: -40px;
  }

  .cookies-content-wrapper {
    grid-row-gap: 24px;
  }

  .cookies-top-banner {
    border-radius: 12px;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 32px;
  }

  .cookies-top-image {
    width: 120px;
    right: 4%;
  }

  .cookies-top-text {
    grid-row-gap: 4px;
    width: 328px;
  }

  .heading-1-cookies {
    font-size: 18px;
  }

  .cookies-paragraph {
    font-size: 14px;
  }

  .cookies-head-text {
    padding: 16px 20px;
  }

  .cookies-main-text {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-2-cookies {
    font-size: 20px;
  }

  .blue-button-modal-cookies {
    border-radius: 16px;
    height: 60px;
    padding: 0;
  }

  .background-video {
    position: static;
  }

  .namediv-wrapper {
    top: -14px;
  }

  .overview-text-and-button {
    top: 100px;
  }

  .namediv-wrapper-mob {
    height: 48vw;
    top: -14px;
  }

  .text {
    width: 22vw;
  }

  .hero-tab-image {
    width: 31.875vw;
  }

  .background-video-8 {
    border-radius: 1.5vw;
    width: 29.1vw;
    height: 29.1vw;
  }

  .about-info, .about-info.rows {
    flex: 0 auto;
  }

  .hero-tabs-container {
    margin-bottom: 0;
  }

  .measures-cards-container {
    grid-column-gap: 45px;
    max-width: 730px;
  }

  .measurs-card-title {
    text-transform: capitalize;
  }

  .p1 {
    font-size: 18px;
  }

  .p2 {
    font-size: 16px;
  }

  .p3 {
    font-size: 14px;
  }

  .ylw-btn {
    border-radius: 8px;
    padding: 10px 23px;
    font-size: 22px;
  }

  .ylw-blur {
    width: 170px;
    height: 24px;
  }

  .blue-btn {
    border-radius: 12px;
    padding: 10px 24px;
    font-size: 22px;
  }

  .blue-blur {
    width: 170px;
    height: 24px;
  }

  .btn-text {
    font-size: 18px;
  }

  .white-btn {
    border-radius: 12px;
    padding: 10px 24px;
    font-size: 22px;
    transition: all .3s;
    box-shadow: 0 3px 5px #3333330d;
  }

  .link-text {
    font-size: 23px;
  }

  .btn-link {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    transition: all .3s;
    display: flex;
  }

  .icon-chevron {
    width: 32px;
    height: 32px;
  }

  .main-cont {
    justify-content: flex-start;
    align-self: center;
    align-items: stretch;
    max-width: 1295px;
    padding-left: 0;
    padding-right: 0;
  }

  .main-cont.stck {
    max-width: 85vw;
  }

  .tag-sect {
    border-radius: 8px;
    padding: 8px 12px;
  }

  .hero-cont {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .tag-head {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .tag-head.left, .tag-head.left-apps {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .h1-width {
    width: 1010px;
  }

  .hero-msrs {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .msrs-cont {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .msr-cont {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .msr-icon {
    width: 22px;
    height: 22px;
  }

  .hero-video {
    height: 896px;
    margin-top: -116px;
  }

  .hero-up {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .comp-cont {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .comp-lg-cont {
    width: 123px;
    height: 50px;
  }

  .lg-image {
    width: 80px;
  }

  .lg-cont {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    height: 110px;
    padding-bottom: 24px;
  }

  .bef-aft-cont {
    padding-left: 109px;
    padding-right: 109px;
  }

  .bef-aft-up {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-top: 120px;
  }

  .bef-aft-crd {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .aft-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-radius: 24px;
    padding: 40px;
  }

  .list-bef-aft {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .list-item-bef-aft {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .list-bullet {
    width: 24px;
    height: 24px;
  }

  .aft-card-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .line-dot.apps {
    width: 50%;
  }

  .line-cont {
    bottom: 349px;
  }

  .line-cont._1 {
    top: 9px;
  }

  .line-cont._2 {
    bottom: 9px;
  }

  .line-cont.cta {
    inset: -34px 0% auto;
  }

  .line-cont.cta-2 {
    inset: auto 0% -34px;
  }

  .line-cont.intg {
    top: 62px;
    bottom: auto;
  }

  .line-cont.intg-2 {
    bottom: 62px;
  }

  .line-cont.apps {
    inset: -4.6% 0% auto;
  }

  .sol-cont {
    padding-top: 4.4vw;
  }

  .head-tag {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .h2-width {
    width: 710px;
  }

  .h2-width.dm {
    width: 532px;
  }

  .sol-img-txt {
    padding-top: 24px;
    padding-bottom: 64px;
  }

  .p1-width {
    width: 460px;
  }

  .sol-img {
    width: 612px;
  }

  .sol-img.desktop {
    width: 1080px;
  }

  .blck-cta {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .blck-cta-cont {
    border-radius: 24px;
    box-shadow: 0 10px 16px #52525224;
  }

  .blck-cta-txt {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .blck-cta-up {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .blck-usp-item {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    width: 190px;
  }

  .blck-usp-img {
    width: 32px;
  }

  .img-cta {
    object-fit: cover;
    height: 100%;
  }

  .hzpc-cont {
    padding-bottom: 80px;
  }

  .tsts-cont-slider {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
    overflow: visible;
  }

  .swiper.testimonials {
    overflow: visible;
  }

  .swiper-slide {
    border-radius: 16px;
    flex: none;
    align-items: center;
    width: 20%;
    height: 420px;
    box-shadow: 0 6px 12px #ddd3;
  }

  .lg-cont-tsts {
    height: 110px;
  }

  .tsts-text {
    padding: 16px;
  }

  .tsts-quote {
    margin-top: 0;
    padding-left: 20px;
  }

  .tsts-bg.desktop {
    width: 100%;
  }

  .txt-stl-1 {
    font-size: 15px;
  }

  .qut-blck {
    width: 2px;
  }

  .clnt-cont {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-top: 18px;
  }

  .clnt-ava {
    width: 60px;
    height: 60px;
  }

  .logo-img {
    width: 230px;
    height: 82px;
  }

  .logo-cont {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .intg-cont {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .intg-blck {
    border-radius: 24px;
    box-shadow: 0 10px 16px #52525226;
  }

  .intg-txt {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .intg-lg {
    padding-bottom: 80px;
  }

  .intg-des {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 40px;
  }

  .intg-stat {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .intg-div {
    height: 60px;
  }

  .intg-des-size {
    width: 280px;
  }

  .txt-stl-2 {
    font-size: 36px;
  }

  .lght-intg {
    width: 510px;
  }

  .intg-lg-cont {
    width: 832px;
  }

  .lg-cont-intg {
    width: 208px;
    height: 98px;
  }

  .intg-lg-stc {
    width: 130px;
    height: 48px;
  }

  .blg-txt {
    padding-top: 160px;
  }

  .blg-txt-th {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .blg-cms-cont {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-top: 56px;
  }

  .blg-item {
    cursor: pointer;
    border-radius: 16px;
    box-shadow: 0 6px 12px #ddd3;
  }

  .blg-img {
    height: 320px;
  }

  .blg-txt-item {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding: 32px 28px;
  }

  .blg-tghd {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .blg-txt-tlt {
    height: 122px;
  }

  .auth-blg-ph {
    width: 40px;
    height: 40px;
  }

  .auth-blg-cont {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .why-cont {
    padding-top: 64px;
  }

  .why-crds {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-top: 48px;
  }

  .why-crd {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border-radius: 16px;
    width: 421px;
    height: 272px;
    padding: 24px 24px 32px;
    box-shadow: 0 6px 12px #ccc3;
  }

  .why-txt {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .why-icon {
    width: 76px;
    height: 76px;
  }

  .blg-img-cont {
    height: 320px;
  }

  .faq-cont {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .faq-cont-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 1000px;
    padding-top: 48px;
  }

  .faq-list {
    border-radius: 16px;
    box-shadow: 0 6px 12px #ccc3;
  }

  .head-list {
    padding: 28px 28px 28px 32px;
  }

  .drpdwn-cont {
    padding: 0 80px 28px 32px;
  }

  .chvrn-list {
    width: 40px;
    height: 40px;
  }

  .form-cont {
    padding-top: 80px;
  }

  .form-sect {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border: 1px solid var(--gray-black--700);
    background-color: var(--gray-black--800);
    border-radius: 16px;
    align-items: flex-start;
    display: flex;
    overflow: hidden;
  }

  .form-blk {
    padding-bottom: 0;
    padding-left: 64px;
    padding-right: 64px;
  }

  .quote-blk {
    height: 920px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .form-txt-tag {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .form-tlt-des {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .form-flds {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template: ". ."
                   ". ."
                   "Area Area"
                   / 1fr 1fr;
    grid-auto-columns: 1fr;
    align-self: stretch;
    padding-top: 40px;
    display: grid;
  }

  .inpt-cont {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: column;
    display: flex;
  }

  .label {
    color: var(--white);
    font-size: 15px;
    font-weight: 500;
  }

  .txt-field {
    color: var(--white);
    border-radius: 8px;
    padding: 22px 18px;
    font-size: 16px;
  }

  .txt-field:active {
    border-color: var(--gray-black--500);
  }

  .txt-field-area {
    min-height: 180px;
    max-height: 180px;
    color: var(--white);
    border-radius: 8px;
    flex: 0 auto;
    margin-bottom: 0;
    padding: 16px 18px;
    font-size: 16px;
  }

  .txt-field-area:active {
    border-color: var(--gray-black--500);
  }

  .txt-field-area::placeholder {
    color: var(--gray-black--600);
    font-weight: 400;
  }

  .form-btn-oth {
    padding-top: 16px;
  }

  .form-bnf {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    justify-content: center;
    align-items: center;
    padding-top: 32px;
    display: flex;
  }

  .bnf-itm {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .form-icn {
    width: 28px;
    height: 28px;
  }

  .form-dvd {
    width: 1px;
    height: 24px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .quote-blck {
    padding: 24px;
  }

  .form-quote-blck {
    border-radius: 16px;
  }

  .quote-txt {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-right: 24px;
  }

  .ceo-txt {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .txt-stl-3 {
    font-size: 24px;
  }

  .ft-dvd-cont {
    height: 80px;
  }

  .ft-cont-lnk {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .ft-inf {
    width: 410px;
    padding-right: 100px;
  }

  .ft-lnks {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .ft-lg {
    width: 142px;
  }

  .ft-lg-txt-btm {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .footerlinks {
    font-size: 14px;
  }

  .scl-icon {
    width: 20px;
    height: 20px;
  }

  .ft-cl {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 148px;
  }

  .ft-cl-ls {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .ft-btm-lk-l {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .ft-btm-cont {
    grid-column-gap: 212px;
    grid-row-gap: 212px;
    justify-content: space-around;
  }

  .eq-txt {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .eq-img {
    width: 62px;
    height: 18px;
    overflow: visible;
  }

  .arrow-left {
    border-radius: 10px;
    width: 48px;
    height: 48px;
    box-shadow: 0 4px 12px #3333331a;
  }

  .arrow-img {
    width: 28px;
    height: 28px;
  }

  .arrow-right {
    border-radius: 12px;
    width: 48px;
    height: 48px;
  }

  .tsts-ar-cont {
    left: auto;
    right: auto;
  }

  .main-cont-sl {
    flex: 1;
    max-width: 1420px;
    padding-left: 0;
    padding-right: 0;
    top: 240px;
  }

  .dmv-text-cont {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 640px;
  }

  .dmv-cont-h {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding-top: 120px;
  }

  .sticky-trigger {
    height: 150vh;
  }

  .apps-cont-scroll {
    border-radius: 24px;
    box-shadow: 0 6px 12px #ccc3;
  }

  .app-cont-cont.txt {
    flex: 0 auto;
    width: 700px;
    padding: 90px 64px 92px 90px;
  }

  .apps-coll {
    padding-top: 32px;
  }

  .apps-col-col {
    grid-column-gap: 6px;
    grid-row-gap: 8px;
  }

  .sales-tab {
    border-radius: 10px;
    padding: 8px 14px;
    font-size: 18px;
    box-shadow: 0 2px 5px #8585850d;
  }

  .tg-sn {
    border-radius: 4px;
    padding: 4px 6px;
    left: 6px;
  }

  .app-desc-cont {
    grid-column-gap: 24vw;
    grid-row-gap: 24vw;
    border-radius: 16px;
    padding: 48px;
  }

  .img-apps.desktop {
    object-fit: cover;
    width: 40%;
  }

  .mck-cont {
    border-radius: 14px;
    width: 1390px;
    height: 850px;
    left: -42px;
    box-shadow: 0 10px 20px #0000000d;
  }

  .vid-url {
    border-radius: 6px;
    margin: 8px;
    box-shadow: 0 0 10px #00000026;
  }

  .label-tab {
    font-size: 15px;
    font-weight: 500;
  }

  .operat-tab {
    border-radius: 10px;
    padding: 8px 14px;
    font-size: 18px;
    box-shadow: 0 2px 5px #8585850d;
  }

  .tg-op-sn {
    border-radius: 4px;
    padding: 4px 6px;
    left: 6px;
  }

  .hr-mc {
    border-radius: 16px;
    width: 1078px;
    height: 684px;
    padding: 12px;
    box-shadow: 0 12px 24px #0000000d;
  }

  .hr-mc-ln {
    border-radius: 7px;
    box-shadow: 0 0 11px #00000026;
  }

  .demo-video {
    height: 896px;
    margin-top: 0;
    margin-bottom: 120px;
  }

  .lightbox-card {
    max-width: 77em;
    max-height: 100svh;
  }

  .close-l-btn.is-lightbox-close {
    border-radius: .3vw;
    padding: .5vw .8vw;
    top: -3.5vw;
  }

  .pl-r {
    width: 120px;
  }

  .main-cont-nav {
    border-radius: 24px;
    justify-content: flex-start;
    align-self: center;
    align-items: stretch;
    max-width: 1500px;
    padding-left: 0;
    padding-right: 0;
    box-shadow: 0 6px 20px #b8b8b833;
  }

  .main-cont-nav.stck {
    max-width: 85vw;
  }

  .nav-bar {
    justify-content: center;
    align-items: center;
    padding-left: 1vw;
    padding-right: 1vw;
    display: flex;
  }

  .nav-logo, .nav-logo.w--current {
    height: 88px;
  }

  .lg-nav {
    width: 190px;
    height: 70px;
  }

  .lg-tab {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-left: 16px;
  }

  .nav-dvd-for {
    width: 24px;
  }

  .dvd-nav {
    width: 1px;
    height: 40px;
  }

  .for-nav {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .p-for {
    font-size: 14px;
  }

  .tab-con-nav {
    border-radius: 12px;
    width: 160px;
    height: 55px;
    padding: 6px;
  }

  .nav-tab-item.w--current {
    border-radius: 8px;
    box-shadow: 0 1px 6px #0000001f;
  }

  .drop-down-icon {
    width: 24px;
    height: 24px;
  }

  .drop-down-cont {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .nav-drop-list {
    border-radius: 16px;
    box-shadow: 0 6px 20px #b8b8b833;
  }

  .nav-links-cont {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .lng-cont {
    width: 72px;
  }

  .btns-nav {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .column-list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-top: 16px;
  }

  .sol-cl {
    padding: 6px;
  }

  .item-list-lnk {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    border-radius: 16px;
    width: 360px;
    padding: 10px;
  }

  .nav-tlt-cont {
    padding-left: 16px;
  }

  .nav-drop-list-c.w--open {
    margin-top: 32px;
    padding-top: 56px;
  }

  .serv-tab {
    border-radius: 10px;
    padding: 8px 14px;
    font-size: 18px;
    box-shadow: 0 2px 5px #8585850d;
  }

  .black-blur {
    width: 170px;
    height: 24px;
  }

  .tg-sr-sn {
    border-radius: 4px;
    padding: 4px 6px;
    left: 6px;
  }

  .mc-img-sales, .mc-img-oprt, .mc-img-serv {
    object-fit: cover;
  }

  .thnk-cont {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .thnk-txt {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 420px;
  }

  .txt-stl-4 {
    font-size: 60px;
  }

  .txt-stl-4-sm {
    font-size: 46px;
  }

  .lod {
    width: 6px;
  }

  .tstm-tag {
    padding: 4px 10px;
  }

  .icn-cont-lnk {
    width: 56px;
    height: 56px;
  }

  .lnk-arw {
    width: 20px;
    height: 20px;
  }

  .lnk-tl-ar {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .lnk-ic {
    width: 40px;
  }

  .hm-pc-cont {
    padding-top: 64px;
  }

  ._404-img {
    width: 480px;
  }

  ._404-txt-cont {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  ._404-img-cont {
    width: 580px;
    height: 580px;
  }

  .german-only-link, .footerlink, .dutchfooter {
    font-size: 14px;
  }
}

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

  h2 {
    letter-spacing: 0;
    font-size: 4vw;
    line-height: 110%;
  }

  h3 {
    font-size: 2.4vw;
    font-weight: 700;
  }

  .display-heading {
    font-size: 65px;
  }

  .wrapper, .wrapper.home-feature-3-wrapper, .wrapper.feature-4-wrapper.features {
    flex-direction: column;
  }

  .wrapper.cta-wrapper {
    text-align: center;
    border-radius: 0;
    width: 100%;
  }

  .wrapper.about-values-wrapper {
    align-items: flex-start;
  }

  .wrapper.home-hero-wrapper {
    padding-bottom: 160px;
  }

  .wrapper.home-hero-wrapper.homepage-3 {
    flex-direction: column;
  }

  .wrapper.home-hero-wrapper.homepage-2 {
    padding-bottom: 0;
  }

  .wrapper.features-loop-wrapper {
    flex-direction: row;
    align-items: flex-start;
  }

  .wrapper.pricing-hero-wrapper.pricing-page-2 {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 100px;
  }

  .wrapper.faq-wrapper {
    align-items: flex-start;
  }

  .wrapper.blog-subscribe-wrapper {
    padding-left: 60px;
    padding-right: 60px;
  }

  .wrapper.contact-form-wrapper {
    overflow: visible;
  }

  .wrapper.location-wrapper {
    align-items: flex-start;
  }

  .wrapper.sign-up-wrapper {
    align-items: center;
    height: auto;
  }

  .wrapper.vacancy-hero-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .wrapper.search-result {
    width: 90%;
  }

  .wrapper.download-cards-wrapper {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }

  .wrapper.features-vertical-tabs {
    padding-bottom: 80px;
  }

  .wrapper.plans-grid {
    flex-direction: column-reverse;
  }

  .wrapper.support {
    align-items: flex-start;
  }

  .wrapper.cs {
    padding-top: 80px;
  }

  .wrapper.overview-section.no-top-padding {
    padding-bottom: 124px;
  }

  .wrapper.checkout {
    width: 85%;
  }

  .wrapper.navigation-wrapper {
    flex-direction: row;
  }

  .wrapper.footer-wrapper {
    padding-top: 200px;
  }

  .home-hero-left {
    width: 100%;
    margin-bottom: 80px;
  }

  .home-hero-left.homepage-3 {
    width: 100%;
    margin-left: 0%;
  }

  .para-large.home-hero-para {
    font-size: 20px;
  }

  .para-large.overview {
    width: 95%;
    font-size: 20px;
  }

  .button.navigation-button {
    margin-top: 0;
    margin-left: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px;
    display: none;
  }

  .button.navigation-button.mobile {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin-left: 5%;
    margin-right: 70%;
    display: flex;
  }

  .button.top-marin-80px {
    margin-top: 0;
  }

  .home-hero-pointers {
    margin-top: 60px;
  }

  .image.contain.signup {
    display: none;
  }

  .image.nav-icons {
    object-fit: fill;
    width: 27px;
  }

  .home-hero-images-container {
    width: 100%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .home-hero-main-image.homepage-2 {
    border-radius: 30px;
  }

  .hero-floating-image-1.homepage-2 {
    width: 200px;
    height: 55px;
    bottom: 11%;
  }

  .hero-floating-image-2.homepage-2 {
    width: 260px;
    height: auto;
  }

  .hero-floating-image-3.homepage-2 {
    width: 60px;
    height: 60px;
    top: 0%;
    left: 0%;
  }

  .story-stats-item.middle.review, .story-stats-item.review {
    text-align: center;
  }

  .stats-number-text {
    font-size: 52px;
  }

  .dientsten-right {
    align-self: stretch;
    width: 100%;
    max-width: none;
    margin-bottom: 60px;
  }

  .dientsten-right.feature-3 {
    width: 100%;
  }

  .klantervaring-image {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .home-feature-1-floating-image.feature-3 {
    bottom: 2%;
    right: -2%;
  }

  .home-feature-1-image-background {
    height: 600px;
    inset: 10% auto auto 0%;
  }

  .diensten-left {
    z-index: 1;
    width: 100%;
    max-width: none;
    position: relative;
  }

  .diensten-left.white {
    margin-bottom: 60px;
  }

  .lead-apps-tabs {
    flex-direction: column;
    justify-content: center;
  }

  .lead-apps-menu {
    flex-flow: column wrap;
    justify-content: center;
    width: 100%;
    max-width: none;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .lead-app-link.middle {
    padding-left: 20px;
    padding-right: 20px;
  }

  .lead-app-content-tabs {
    width: 100%;
    max-width: none;
    margin-top: 0;
  }

  .integratios-up {
    flex-direction: column;
    align-items: flex-start;
  }

  .integrations-subheading-and-heading {
    margin-bottom: 40px;
  }

  .heading-1 {
    font-size: 57px;
  }

  .home-integration-circle-2 {
    bottom: -9%;
  }

  .feature-3-floating-image-2 {
    right: 1%;
  }

  .feature-3-circle {
    left: 10%;
  }

  .our-power-text-left {
    width: 100%;
    max-width: 620px;
  }

  .info-items-right {
    width: 100%;
    margin-top: 60px;
  }

  .info-items-right._2-rows {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .cta-section {
    margin-bottom: 0;
  }

  .about-hero-text {
    font-size: 20px;
  }

  .about-image-second {
    height: 400px;
  }

  .about-story-left, .about-story-right {
    width: 100%;
  }

  .about-story-text {
    font-size: 20px;
  }

  .about-lightbox {
    height: 500px;
  }

  .about-values-left {
    width: 100%;
  }

  .up-blog {
    flex-direction: column;
    align-items: flex-start;
  }

  .home-blogs-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1.5fr;
  }

  .featured-main-item {
    overflow: hidden;
  }

  .featured-main-item.round-edges {
    border-radius: 12px;
  }

  .feature-collection-list._2 {
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    height: auto;
  }

  .feature-collection-item, .feature-image {
    height: auto;
  }

  .features-hero-text {
    font-size: 20px;
  }

  .features-cards {
    width: 400px;
    max-width: none;
  }

  .visual-features-up {
    flex-direction: column;
    align-items: flex-start;
  }

  .visual-features-text {
    margin-top: 30px;
  }

  .visual-features-items-container {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .visual-features-items-container.nav {
    max-width: 100%;
    margin: 0;
    display: block;
  }

  .visual-features-items-container.nav.pages {
    grid-row-gap: 24px;
    border-right-style: none;
    flex-direction: column;
    width: 100%;
    max-width: none;
    margin: 0;
    padding-left: 0;
    display: flex;
  }

  .visual-features-items-container.nav.blogs {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .visual-features-item.navbar.horizontal {
    justify-content: flex-start;
  }

  .white-2._500w {
    margin-top: 20px;
    margin-bottom: 0;
  }

  .diensten-image-wrapper {
    width: 100%;
    padding-top: 40px;
    position: static;
    left: auto;
  }

  .features-5-items-container {
    grid-template-columns: 1fr 1fr;
  }

  .team-collection-list {
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr;
  }

  .team-member-image {
    width: 100%;
  }

  .pricing-hero-text {
    font-size: 20px;
  }

  .pricing-hero-text.pricing-page-2 {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 0;
  }

  .pricing-tables-container.monthly, .pricing-tables-container.yearly {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .pricing-tables-container.pricing-page-3 {
    flex-flow: wrap;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    margin-bottom: 40px;
    display: flex;
  }

  .pricing-table-item {
    width: 100%;
  }

  .pricing-table-item.pricing-page-3 {
    width: 80%;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
  }

  .pricing-table-button.ecom:hover {
    color: #0f1f3d;
    background-color: #1ebd534d;
  }

  .faq-right, .faq-heading-and-subheading {
    width: 100%;
  }

  .blog-item.horizontal {
    flex-direction: column;
    margin-bottom: 60px;
  }

  .blogs-collection-list {
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr;
  }

  .blog-image.blog-page-2-down {
    width: 100%;
  }

  .blog-subscribe-left {
    width: 100%;
    max-width: none;
  }

  .paragraph-vacancy {
    font-size: 20px;
  }

  .blog-subscribe-form-container {
    width: 100%;
  }

  .career-image-item {
    width: 100%;
    margin-bottom: 30px;
  }

  .jobs-left {
    width: 100%;
  }

  .jobs-right {
    width: 100%;
    padding-top: 0;
  }

  .jobs-tabs {
    margin-top: 20px;
  }

  .jobs-tab-menu {
    margin-bottom: 20px;
    position: static;
  }

  .job-tab-pane {
    padding-left: 0;
    padding-right: 0;
  }

  .vacancy-dot-info.job-post {
    font-size: 20px;
  }

  .perks-items {
    grid-template-columns: 1fr 1fr;
  }

  .contact-hero-text {
    font-size: 20px;
  }

  .contact-form-block {
    padding: 40px;
  }

  .location-left-text {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .location-right-images {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .location-image {
    height: auto;
  }

  .sign-up-image {
    display: none;
  }

  .sign-up-logo {
    background-image: url('../images/Group-88.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 158px;
    height: 28px;
    top: 30px;
    left: 40px;
  }

  .sign-up-right {
    padding-top: 157px;
    padding-bottom: 138px;
  }

  .progress-bar {
    display: none;
  }

  .comparison-up {
    flex-direction: column;
    align-items: flex-start;
  }

  .comparison-table-item {
    grid-row-gap: 19px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .comparison-table-item.sticky {
    background-color: #fff;
    position: sticky;
    top: 0;
  }

  .comparison-table {
    position: relative;
  }

  .hero-integrations-text {
    max-width: 500px;
    font-size: 20px;
  }

  .integrations-features-items {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    max-width: 500px;
  }

  .most-popular-integrations-up {
    flex-direction: column;
    align-items: flex-start;
  }

  .most-popular-integrations-headings {
    max-width: none;
  }

  .most-popular-integrations-text {
    width: 76%;
    max-width: none;
    margin-top: 20px;
  }

  .vacancy-hero-info {
    margin-bottom: 60px;
  }

  .rich-text-wrapper, .style-guide-main-content, .licensing-main {
    width: 100%;
  }

  .testimonial-item {
    max-width: 500px;
  }

  .testimonial-item.review-hero-middle {
    margin-left: auto;
    left: 0;
    right: 0;
  }

  .home-hero-bg-circle {
    display: none;
  }

  .home-blog-heading {
    margin-bottom: 30px;
  }

  .footer-up {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .footer-logo-and-subscribe {
    margin-bottom: 40px;
  }

  .footer-form-block {
    max-width: 620px;
    margin-top: 0;
  }

  .footer-form-field-label {
    margin-top: 40px;
  }

  .footer-down {
    flex-direction: column;
  }

  .blog-featured-main-collection-list {
    margin-bottom: 20px;
  }

  .footer-logo {
    margin-bottom: 10px;
  }

  .navigation-drop-container {
    flex-direction: column;
  }

  .navigation-drop-container.features.pages {
    border-radius: 0;
    align-items: flex-start;
  }

  .dropdown-toggle {
    justify-content: flex-start;
    margin-left: 5%;
    margin-right: 5%;
    padding-left: 0;
    display: flex;
  }

  .dropdown-toggle.white {
    color: var(--black\<deleted\|variable-43e84d7f\>);
  }

  .footer-brand {
    width: 170px;
    margin-right: auto;
    padding-left: 0;
  }

  .navigation-left {
    width: 25%;
  }

  .dropdown-list.w--open {
    width: 90%;
    min-width: auto;
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 0;
    position: relative;
    top: 0;
  }

  .dropdown-list.blog.w--open {
    width: 90%;
  }

  .navigation-right {
    width: 50%;
    margin-right: 0;
  }

  .navigation-menu {
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100vh;
    padding-bottom: 80px;
    display: flex;
    position: absolute;
    overflow: auto;
    box-shadow: 0 50px 30px #0000000f;
  }

  .dropdown-arrow {
    margin-left: 7px;
    margin-right: 0;
    position: relative;
  }

  .nav-link {
    margin-left: 5%;
    margin-right: 5%;
    padding-left: 0;
    display: block;
  }

  .nav-link.login {
    padding: 15px 10px;
  }

  .nav-link.login.desktop {
    display: none;
  }

  .nav-link.white {
    color: var(--black\<deleted\|variable-43e84d7f\>);
  }

  .nav-link.login-mob {
    display: block;
  }

  .dropdown {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .dropdown-list-full-wrapper {
    box-shadow: none;
    padding: 0;
  }

  .navigation {
    display: block;
  }

  .menu-button-mob {
    color: #6b6768;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 50px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding: 11px;
    display: flex;
    position: relative;
    inset: 0% 0% 0% auto;
  }

  .menu-button-mob.w--open {
    color: #6b6768;
    background-color: #0000;
  }

  .navigation-center {
    display: block;
  }

  .download-image {
    width: 1005px;
  }

  .faqs-text {
    width: 100%;
    margin-bottom: 40px;
  }

  .h2-heading {
    font-size: 50px;
    line-height: 100%;
  }

  .faq-answer-wrapper {
    padding-bottom: 0;
  }

  .faq-content {
    padding-bottom: 24px;
  }

  .wrapper-1200px.faqs {
    flex-direction: column;
  }

  .faqs-questions {
    width: 100%;
    padding-top: 0;
  }

  .review-text-container {
    width: 100%;
    max-width: 100%;
    margin-top: 60px;
  }

  .review-hero-paragraph {
    font-size: 20px;
  }

  .review-tweet-container {
    width: 100%;
    max-width: none;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
  }

  .reviews-grid.left {
    margin-right: 24px;
  }

  .hero-bg-circle-reviews {
    display: none;
  }

  .logos-contain {
    flex-wrap: wrap;
    align-content: stretch;
  }

  .logos-image {
    margin-bottom: 20px;
    margin-left: 2%;
    margin-right: 2%;
  }

  .logos-wrapper, .features-slider-wrapper {
    flex-direction: column;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .features-top-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .testimonial-left {
    left: -80px;
  }

  .testimonial-right {
    right: -80px;
  }

  .two-cards-cta-section {
    margin-bottom: 100px;
  }

  .two-cards-grid {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .background-image-container {
    background-size: auto;
  }

  .hero-image-floating-4 {
    width: 20%;
  }

  .statistics-left-container {
    width: 100%;
  }

  .integration-icon-wrap {
    width: 100px;
    height: 100px;
  }

  .case-studies-section.cs-page {
    margin-top: 60px;
  }

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

  .cta-wrapper-left.trial {
    align-items: center;
  }

  .white-button {
    margin-top: 40px;
  }

  .pricing-top-left {
    width: 100%;
  }

  .pricing-page-2-blog---grid {
    margin-top: 0;
    margin-bottom: 100px;
  }

  .blog-container---pricing-page-2 {
    width: 100%;
    margin-top: 100px;
    margin-right: 0%;
    position: static;
  }

  .pricing-grid-contain {
    width: 100%;
    margin-top: 60px;
  }

  .pricing-points-grid-contain {
    flex-direction: column;
  }

  .pricing-points-grid {
    margin-bottom: 12px;
  }

  .price-point {
    padding-bottom: 0;
  }

  .price-point.bottom {
    margin-left: 0;
  }

  .pricing-bottom-flex {
    flex-wrap: wrap;
  }

  .demo-section {
    margin-bottom: 100px;
  }

  .demo-flex-wrapper {
    width: 100%;
  }

  .demo-heading {
    text-align: center;
    margin-bottom: 40px;
  }

  .demo-hero-wrapper-text {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
  }

  .demo-hero-wrapper-form {
    width: 100%;
    max-width: none;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0%;
  }

  .detail-rich-text {
    width: 100%;
  }

  .integration-collection {
    flex-wrap: wrap;
  }

  .integration-item {
    width: 50%;
  }

  .support-text {
    width: 100%;
  }

  .blog-tabs {
    flex-direction: column;
  }

  .tabs-blog-menu {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 40px;
    margin-right: 0;
    position: static;
  }

  .blog-right {
    margin-top: 20px;
    padding-left: 0;
  }

  .blog-tab {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-tab.w--current {
    border-bottom: 2px solid var(--blue\<deleted\|variable-e4e7adfc\>);
    border-right-style: none;
  }

  .left-text-contain {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
  }

  .left-text-contain.blog-page-3 {
    width: 100%;
  }

  .left-text-contain._50-width {
    width: 85%;
    margin-top: 60px;
  }

  .image-case-study {
    width: 100%;
    max-width: none;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
  }

  .image-case-study.static {
    justify-content: center;
    margin-top: 0;
    display: flex;
  }

  .cs-hero-paragraph {
    font-size: 20px;
  }

  .case-study-wrapper {
    flex-direction: column;
  }

  .case-study-wrapper.template {
    padding-top: 60px;
  }

  .case-study-wrapper.reverse {
    flex-direction: column-reverse;
  }

  .case-study-image {
    margin-left: auto;
    margin-right: auto;
  }

  .case-study-image.cs-main {
    max-width: 80%;
    height: auto;
  }

  .case-studies-collection {
    flex-wrap: wrap;
    display: flex;
  }

  .case-study-item {
    flex-wrap: nowrap;
    max-width: 400px;
  }

  .case-study-item.pricing-page-2 {
    max-width: none;
  }

  .cs-image.pricing-page-2 {
    max-width: none;
    height: 300px;
  }

  .cs-content {
    padding-top: 100px;
    padding-bottom: 140px;
  }

  .cs-rich-text blockquote {
    margin-left: 0;
    margin-right: 0;
    font-size: 20px;
  }

  .blog-image-contain {
    width: 100%;
    max-width: none;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
  }

  .blog-image-contain.homepage-3 {
    margin-top: 0;
    margin-bottom: 60px;
  }

  .blog-wrapper {
    flex-direction: column;
  }

  .blog-wrapper.reverse {
    flex-direction: column-reverse;
  }

  .blog-image-page-3, .blog-item-page-3 {
    width: 100%;
  }

  .case-study-headings.demo-page {
    margin-bottom: 40px;
  }

  .collection-item-case-study {
    flex-wrap: nowrap;
    width: 50%;
    display: flex;
  }

  .collection-list-case-study, .collection-list-blog-2, .collection-list-wrapper-blog {
    flex-wrap: wrap;
    display: flex;
  }

  .collection-item-blog-2, .collection-item-2 {
    width: 100%;
    margin-bottom: 60px;
  }

  .right-side-links {
    width: 100%;
  }

  .divider-nav {
    margin-top: 18px;
  }

  .password-wrapper {
    margin-top: 100px;
  }

  .overview-stats-section {
    margin-top: -60px;
  }

  .overview-grid {
    flex-direction: column;
  }

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

  .overview-wrapper.middle {
    margin-left: 0;
    margin-right: 0;
  }

  .overview-wrapper.right {
    margin-left: 0;
  }

  .headings {
    justify-content: center;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
  }

  .pricing-row-contain {
    flex-direction: column;
  }

  .pricing-row-contain.sticky {
    z-index: 10;
    background-color: #fff;
    flex-direction: column;
    position: sticky;
    top: 0;
  }

  .price-grid-contain {
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: .25fr;
    grid-auto-flow: row;
    width: 100%;
  }

  .collection-item-3 {
    width: 50%;
  }

  .image-container {
    width: 100%;
  }

  .image-container.product-hero {
    width: 100%;
    margin-top: 50px;
  }

  .text-container {
    width: 100%;
  }

  .text-container.product-hero {
    width: 100%;
    margin-top: 0;
  }

  .checkout-form {
    padding: 0;
  }

  .order-summary-contain {
    width: 100%;
    position: static;
  }

  .left-information-checkout {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .collection-list-wrapper-ecom-plans {
    width: 80%;
  }

  .collection-item-4 {
    justify-content: center;
    width: 100%;
    margin-bottom: 40px;
    display: flex;
  }

  .cart-list {
    padding-left: 10px;
  }

  .collection-item-cs-temp {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .wrapper-text.h2-blog {
    margin-bottom: 16px;
  }

  .collection-list-apps-partners {
    grid-column-gap: 32px;
  }

  .logo-applications-partners.fill-conteiner {
    height: 40px;
  }

  .oplossingen.column-1, .oplossingen.column-2, .oplossingen.column-3 {
    align-self: stretch;
  }

  .title-points-dropdown {
    margin-bottom: 8px;
  }

  .sticky-sub-bar {
    top: 57px;
  }

  .cards-wrapper.roadmap-features-section {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .button-log-in.navigation-button {
    margin-top: 0;
    margin-left: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px;
    display: none;
  }

  .button-log-in.navigation-button.mobile {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    max-width: 110px;
    margin-left: 5%;
    display: flex;
  }

  .button-log-in.top-marin-80px {
    margin-top: 0;
  }

  .roadmap-klantervaring, .roadmap-workflow {
    padding-top: 24px;
  }

  .workflow-text {
    padding-top: 32px;
  }

  .faq-answer-wrapper-open {
    padding-bottom: 0;
  }

  .faq-content-open {
    padding-bottom: 24px;
  }

  .two-cards-wrapper {
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: stretch;
  }

  .card-long, .card-short {
    width: 100%;
  }

  .card-long-wrapper {
    height: 370px;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .card-long-icon-and-text-wrapper {
    width: 60%;
    padding: 32px;
  }

  .card-long-mockup-wrapper {
    display: flex;
  }

  .card-short-wrapper {
    height: 370px;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .card-short-no-mockup-icon-and-text-wrapper {
    width: 60%;
    padding: 32px;
  }

  .card-short-mockup-wrapper {
    display: flex;
  }

  .card-short-mockup-image-wrapper {
    min-width: 480px;
    max-width: 500px;
  }

  .card-short-no-mockup {
    width: 100%;
  }

  .card-short-no-mockup-wrapper {
    align-items: center;
    height: 370px;
  }

  .wrapper-new, .wrapper-new.home-feature-3-wrapper, .wrapper-new.feature-4-wrapper.features {
    flex-direction: column;
  }

  .wrapper-new.cta-wrapper {
    text-align: center;
    border-radius: 0;
    width: 100%;
  }

  .wrapper-new.about-values-wrapper {
    align-items: flex-start;
  }

  .wrapper-new.home-hero-wrapper {
    padding-bottom: 160px;
  }

  .wrapper-new.home-hero-wrapper.homepage-3 {
    flex-direction: column;
  }

  .wrapper-new.home-hero-wrapper.homepage-2 {
    padding-bottom: 0;
  }

  .wrapper-new.features-loop-wrapper {
    flex-direction: row;
    align-items: flex-start;
  }

  .wrapper-new.pricing-hero-wrapper.pricing-page-2 {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 100px;
  }

  .wrapper-new.faq-wrapper {
    align-items: flex-start;
  }

  .wrapper-new.blog-subscribe-wrapper {
    padding-left: 60px;
    padding-right: 60px;
  }

  .wrapper-new.contact-form-wrapper {
    overflow: visible;
  }

  .wrapper-new.location-wrapper {
    align-items: flex-start;
  }

  .wrapper-new.sign-up-wrapper {
    align-items: center;
    height: auto;
  }

  .wrapper-new.vacancy-hero-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .wrapper-new.footer-wrapper {
    padding-top: 100px;
  }

  .wrapper-new.search-result {
    width: 90%;
  }

  .wrapper-new.download-cards-wrapper {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }

  .wrapper-new.features-vertical-tabs {
    padding-bottom: 80px;
  }

  .wrapper-new.plans-grid {
    flex-direction: column-reverse;
  }

  .wrapper-new.support {
    align-items: flex-start;
  }

  .wrapper-new.cs {
    padding-top: 80px;
  }

  .wrapper-new.overview-section.no-top-padding {
    padding-bottom: 124px;
  }

  .wrapper-new.checkout {
    width: 85%;
  }

  .wrapper-new.navigation-wrapper {
    flex-direction: row;
  }

  .workflow-menu-tabs {
    inset: 0% 0% auto;
  }

  .workflow-tab-link {
    flex: 1;
    justify-content: center;
  }

  .about-image-first, .about-image-third {
    height: 400px;
  }

  .image-large.contain.signup {
    display: none;
  }

  .image-large.nav-icons {
    object-fit: fill;
    width: 27px;
  }

  .main-wrapper.tabs {
    grid-row-gap: 32px;
    align-items: center;
  }

  .main-wrapper.tabs.mobile {
    align-items: flex-start;
  }

  .main-wrapper.huisscan {
    grid-row-gap: 32px;
    flex-direction: column;
  }

  .content-wrapper.hero-section {
    margin-top: 60px;
  }

  .content-wrapper.values-section {
    flex-direction: column;
    align-items: flex-start;
  }

  .content-wrapper.demo-hero-section {
    flex-direction: column;
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .content-wrapper.demo-location-section {
    flex-direction: column;
  }

  .content-wrapper.integrations-section {
    padding-top: 80px;
  }

  .content-wrapper.faqs-section {
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 80px;
  }

  .content-wrapper.blog-similar-posts-section {
    text-align: center;
  }

  .content-wrapper.jobs-section {
    flex-direction: column;
  }

  .content-wrapper.vacancy-hero-section, .content-wrapper.our-power-section {
    flex-direction: column;
    align-items: flex-start;
  }

  .content-wrapper.diensten-section {
    flex-direction: column;
  }

  .content-wrapper.klantervaring-section {
    padding-bottom: 120px;
  }

  .content-wrapper.planboard, .content-wrapper.capaciteit-map, .content-wrapper.crm {
    flex-direction: column;
    padding-top: 100px;
  }

  .content-wrapper.sticky-sub-bar {
    justify-content: space-between;
  }

  .content-wrapper.features-hero-photo-section {
    border-radius: 24px;
  }

  .content-wrapper.section {
    padding-top: 64px;
  }

  .wrapper-hero-video, .wrapper-hero-video.home-feature-3-wrapper, .wrapper-hero-video.feature-4-wrapper.features {
    flex-direction: column;
  }

  .wrapper-hero-video.cta-wrapper {
    text-align: center;
    border-radius: 0;
    width: 100%;
  }

  .wrapper-hero-video.about-values-wrapper {
    align-items: flex-start;
  }

  .wrapper-hero-video.home-hero-wrapper {
    padding-bottom: 160px;
  }

  .wrapper-hero-video.home-hero-wrapper.homepage-3 {
    flex-direction: column;
  }

  .wrapper-hero-video.home-hero-wrapper.homepage-2 {
    padding-bottom: 0;
  }

  .wrapper-hero-video.features-loop-wrapper {
    flex-direction: row;
    align-items: flex-start;
  }

  .wrapper-hero-video.pricing-hero-wrapper.pricing-page-2 {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 100px;
  }

  .wrapper-hero-video.faq-wrapper {
    align-items: flex-start;
  }

  .wrapper-hero-video.blog-subscribe-wrapper {
    padding-left: 60px;
    padding-right: 60px;
  }

  .wrapper-hero-video.contact-form-wrapper {
    overflow: visible;
  }

  .wrapper-hero-video.location-wrapper {
    align-items: flex-start;
  }

  .wrapper-hero-video.sign-up-wrapper {
    align-items: center;
    height: auto;
  }

  .wrapper-hero-video.vacancy-hero-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .wrapper-hero-video.footer-wrapper {
    padding-top: 100px;
  }

  .wrapper-hero-video.search-result {
    width: 90%;
  }

  .wrapper-hero-video.download-cards-wrapper {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }

  .wrapper-hero-video.features-vertical-tabs {
    padding-bottom: 80px;
  }

  .wrapper-hero-video.plans-grid {
    flex-direction: column-reverse;
  }

  .wrapper-hero-video.support {
    align-items: flex-start;
  }

  .wrapper-hero-video.cs {
    padding-top: 80px;
  }

  .wrapper-hero-video.overview-section.no-top-padding {
    padding-bottom: 124px;
  }

  .wrapper-hero-video.checkout {
    width: 85%;
  }

  .wrapper-hero-video.navigation-wrapper {
    flex-direction: row;
  }

  .form-cont-int {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    padding-top: 4vw;
  }

  .klantervaring-left {
    z-index: 1;
    width: 100%;
    max-width: none;
    position: relative;
  }

  .klantervaring-left.white {
    margin-bottom: 60px;
  }

  .klantervaring-right {
    align-self: stretch;
    width: 100%;
    max-width: none;
    margin-bottom: 0;
  }

  .klantervaring-right.feature-3 {
    width: 100%;
  }

  .marketplaats-tabs {
    flex-direction: column;
    justify-content: center;
  }

  .marktplaats-menu {
    width: 100%;
    max-width: none;
  }

  .marktplaats-link.middle {
    padding-left: 20px;
    padding-right: 20px;
  }

  .marktplaats-content-tabs {
    width: 100%;
    max-width: none;
    margin-top: 40px;
  }

  .fake-klantervaring-section, .fake-workflow-section, .fake-diensten-section, .fake-roadmap-section {
    top: -1%;
  }

  .footer-down-2 {
    flex-direction: column;
  }

  .footer-up-2 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .heading-7 {
    font-size: 57px;
  }

  .location-image-wrapper {
    height: auto;
  }

  .location-image-wrapper-left, .location-image-wrapper-right {
    height: 620px;
  }

  .cookies_pop_up {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    padding: 1.2vw 1.2vw 1.2vw 2vw;
  }

  .cookies-subheading {
    font-size: 2vw;
  }

  .cookies-buttons-wrapper {
    grid-column-gap: 1vw;
  }

  .no-color-button {
    font-size: 1.97vw;
  }

  .namediv-wrapper {
    display: none;
  }

  .video-overview {
    z-index: 1;
    width: 100%;
    margin-top: 10%;
    display: block;
  }

  .namediv-wrapper-mob {
    display: none;
  }

  .wrapper-text-and-video {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
    flex-direction: column;
    justify-content: flex-start;
  }

  .text {
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 24px;
    display: flex;
  }

  .hero-tab-image {
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .title-subtitle {
    text-align: center;
    align-items: center;
  }

  .bullets-list {
    align-items: center;
  }

  .background-video-8 {
    width: 85vw;
    height: 85vw;
  }

  .hero-tabs {
    align-self: stretch;
    align-items: center;
    padding-top: 24px;
  }

  .hero-tabs-wrapper {
    position: static;
    top: 4%;
    left: 30%;
  }

  .p1 {
    font-size: 1.97vw;
    line-height: 132%;
  }

  .p2 {
    font-size: 1.71vw;
    line-height: 140%;
  }

  .p2-all-caps {
    font-size: 1.4vw;
    line-height: 110%;
  }

  .p3 {
    font-size: 1.5vw;
    line-height: 140%;
  }

  .ylw-btn {
    border-radius: .9vw;
    padding: 1.3vw 2.6vw;
    font-size: 1.97vw;
    box-shadow: 0 .2vw 1vw #6746001a;
  }

  .ylw-blur {
    filter: blur(1.7vw);
    width: 18.4vw;
    height: 2.6vw;
  }

  .blur-cont.hide {
    display: none;
  }

  .blue-btn {
    border-radius: .9vw;
    padding: 1.3vw 2.6vw;
    font-size: 1.97vw;
    box-shadow: 0 .2vw 1vw #6746001a;
  }

  .blue-blur {
    filter: blur(1.7vw);
    width: 18.4vw;
    height: 2.6vw;
  }

  .white-btn {
    border-radius: .9vw;
    padding: 1.3vw 2.6vw;
    font-size: 1.97vw;
    box-shadow: 0 .39vw .6vw #3333330d;
  }

  .link-text {
    font-size: 1.97vw;
  }

  .icon-chevron {
    width: 2.6vw;
    height: 2.6vw;
  }

  .main-cont {
    padding-left: 2.1vw;
    padding-right: 2.1vw;
  }

  .tag-sect {
    border-radius: .65vw;
    padding: .65vw .92vw;
  }

  .hero-cont {
    grid-column-gap: 3.15vw;
    grid-row-gap: 3.15vw;
    padding-top: 11.5vw;
  }

  .sect-txt {
    grid-column-gap: 3.15vw;
    grid-row-gap: 3.15vw;
  }

  .tag-head {
    grid-column-gap: 1.5vw;
    grid-row-gap: 1.5vw;
  }

  .tag-head.left {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .tag-head.left-apps {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    text-align: center;
    justify-content: center;
    align-items: flex-start;
  }

  .hero-msrs {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
  }

  .msrs-cont {
    grid-column-gap: 1.84vw;
    grid-row-gap: 1.84vw;
  }

  .msr-cont {
    grid-column-gap: .4vw;
    grid-row-gap: .4vw;
  }

  .msr-icon {
    width: 2vw;
    height: 2vw;
  }

  .msrs-dvd {
    height: 1.8vw;
  }

  .hero-video {
    margin-top: -6vw;
  }

  .hero-up {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
  }

  .comp-cont {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
  }

  .comp-lg-cont {
    width: 12vw;
    height: 5vw;
  }

  .lg-image {
    width: 9vw;
  }

  .lg-collect {
    padding-right: 4vw;
  }

  .bef-aft-cont {
    padding-left: 0;
    padding-right: 0;
  }

  .bef-aft-up {
    grid-column-gap: 1.57vw;
    grid-row-gap: 1.57vw;
    text-align: center;
    padding-top: 8vw;
  }

  .bef-aft-crd {
    flex-flow: row;
    padding-top: 8vw;
    padding-bottom: 8vw;
  }

  .aft-card {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    border-radius: 2.1vw;
    padding: 3.15vw;
  }

  .list-bef-aft {
    grid-column-gap: .52vw;
    grid-row-gap: .52vw;
  }

  .list-item-bef-aft {
    grid-column-gap: .65vw;
    grid-row-gap: .65vw;
  }

  .list-bullet {
    width: 2.63vw;
    height: 2.63vw;
  }

  .aft-card-list {
    grid-column-gap: 2.1vw;
    grid-row-gap: 2.1vw;
  }

  .line-cont {
    bottom: 33.3vw;
  }

  .line-cont._1 {
    top: 1.7vw;
  }

  .line-cont._2 {
    bottom: 1.6vw;
  }

  .line-cont.cta, .line-cont.cta-2, .line-cont.intg, .line-cont.intg-2, .line-cont.apps {
    display: none;
  }

  .head-tag {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
  }

  .sol-img-txt {
    display: flex;
  }

  .p1-width {
    width: 45vw;
  }

  .sol-img.desktop {
    display: none;
  }

  .sol-img.mobile {
    display: block;
  }

  .blck-cta-cont {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }

  .blck-cta-txt, .blck-cta-up {
    justify-content: center;
    align-items: center;
  }

  .blck-usp-item {
    justify-content: flex-start;
    align-items: center;
    width: 17vw;
  }

  .img-cta {
    object-fit: cover;
    height: 100%;
  }

  .img-cta.desktop {
    display: none;
  }

  .img-cta.mobile {
    width: 100%;
    display: block;
  }

  .lght.desktop {
    display: none;
  }

  .apps-cont {
    height: auto;
  }

  .swiper-slide {
    border-radius: 2.1vw;
    justify-content: space-between;
    width: 20%;
    height: 45vw;
  }

  .lg-cont-tsts {
    height: 20vw;
  }

  .tsts-text {
    flex: 1;
    padding: 0 2.6vw 2.6vw;
  }

  .tsts-quote {
    height: 9vw;
    padding-left: 2vw;
  }

  .tsts-img-cont {
    width: 100%;
    inset: 0% 0% auto;
  }

  .txt-stl-1 {
    font-size: 1.9vw;
  }

  .qut-blck {
    width: .263158vw;
  }

  .clnt-cont {
    grid-column-gap: 1.5vw;
    grid-row-gap: 1.5vw;
    padding-top: 5vw;
  }

  .clnt-ava {
    width: 5vw;
    height: 5vw;
  }

  .clnt-txt {
    grid-column-gap: .3vw;
    grid-row-gap: .3vw;
  }

  .logo-img {
    width: 20vw;
    height: 8vw;
  }

  .intg-cont {
    padding-bottom: 4vw;
  }

  .intg-des-size {
    width: 31vw;
  }

  .txt-stl-2 {
    font-size: 4vw;
  }

  .intg-lg-cont {
    width: 78vw;
  }

  .lg-cont-intg {
    width: 26vw;
    height: 11vw;
  }

  .intg-lg-stc {
    width: 15.13vw;
    height: 4.73vw;
  }

  .dvdr-intg {
    height: .13vw;
  }

  .dvdr-intg._2 {
    top: 22%;
  }

  .dvdr-intg._3 {
    top: 45%;
  }

  .dvdr-intg._4 {
    left: 36.8%;
  }

  .dvdr-intg._5 {
    left: 65%;
  }

  .dvdr-intg._6 {
    display: none;
  }

  .dvdr-intg._7 {
    top: 66%;
  }

  .blg-cont {
    padding-top: 12vw;
    position: relative;
  }

  .blg-txt {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .blg-txt-th {
    grid-column-gap: 1.5vw;
    grid-row-gap: 1.5vw;
    justify-content: center;
    align-items: center;
  }

  .blg-cms-cont {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    padding-top: 3vw;
    padding-bottom: 15vw;
  }

  .blg-item {
    border-radius: 2vw;
  }

  .blg-txt-tlt {
    height: 12vw;
  }

  .blg-cont-btn {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: absolute;
    inset: auto 0% 4%;
  }

  .why-crd {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    border-radius: 2vw;
    width: 47.3vw;
    height: 27vw;
    padding: 2.66667vw;
  }

  .why-icon {
    width: 8vw;
    height: 8vw;
  }

  .faq-cont-wrap {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    width: 71vw;
    padding-top: 4vw;
  }

  .faq-list {
    border-radius: 2vw;
  }

  .head-list {
    padding: 2vw 2vw 2vw 2.5vw;
  }

  .head-list.w--open {
    align-items: center;
  }

  .drpdwn-cont {
    padding-bottom: 2.5vw;
    padding-left: 2.5vw;
    padding-right: 18vw;
  }

  .chvrn-list {
    width: 2.8vw;
    height: 2.8vw;
  }

  .form-cont {
    padding-top: 2.1vw;
  }

  .form-sect {
    border-radius: 2vw;
    flex-flow: column;
  }

  .form-blk {
    border-radius: 2vw;
    width: 100%;
    padding: 9.44vw;
  }

  .quote-blk {
    width: 100%;
    height: 80vw;
  }

  .inpt-cont {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
  }

  .label {
    font-size: 1.5vw;
  }

  .txt-field {
    border-radius: .9vw;
    padding: 2vw 1.5vw;
    font-size: 1.7vw;
  }

  .txt-field-area {
    border-radius: .9vw;
    min-height: 25vw;
    max-height: 25vw;
    padding: 2vw 1.5vw;
    font-size: 1.7vw;
  }

  .form-btn-oth {
    padding-top: 2vw;
  }

  .form-bnf {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
    padding-top: 4vw;
  }

  .bnf-itm {
    grid-column-gap: .8vw;
    grid-row-gap: .8vw;
  }

  .form-icn {
    width: 3vw;
    height: 3vw;
  }

  .form-dvd {
    height: 2vw;
  }

  .quote-blck {
    padding: 3.15789vw;
  }

  .form-quote-blck {
    border-radius: 2.10526vw;
  }

  .quote-txt {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
  }

  .txt-stl-3 {
    font-size: 4vw;
  }

  .ft-dvd-cont {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    height: 8vw;
  }

  .ft-inf {
    justify-content: space-between;
    width: 36vw;
    padding-right: 5vw;
  }

  .ft-lnks {
    grid-row-gap: 4vw;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
    justify-content: start;
    place-items: stretch stretch;
  }

  .ft-lg {
    width: 20vw;
  }

  .footerlinks {
    font-size: 1.5vw;
    line-height: 140%;
  }

  .scl-icon {
    width: 2.5vw;
    height: 2.5vw;
  }

  .ft-cl {
    grid-column-gap: 1.5vw;
    grid-row-gap: 1.5vw;
    width: 15vw;
  }

  .ft-btm-lk {
    width: 100%;
  }

  .ft-btm-cont {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    justify-content: space-between;
    align-items: center;
  }

  .eq-img {
    width: 6vw;
  }

  .main-cont-sl {
    padding-left: 2.1vw;
    padding-right: 2.1vw;
    display: none;
  }

  .dmv-text-cont {
    grid-column-gap: 2.10526vw;
    grid-row-gap: 2.10526vw;
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    width: 70vw;
    padding-left: 0;
  }

  .dmv-cont-h {
    grid-column-gap: 2.10526vw;
    grid-row-gap: 2.10526vw;
    flex-flow: column;
    align-items: center;
  }

  .sticky-wrap {
    padding-bottom: 0;
  }

  .sticky-trigger {
    height: auto;
  }

  .sticky-track {
    position: static;
  }

  .sticky-element {
    height: auto;
    position: static;
  }

  .apps-cont-scroll {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
    height: auto;
    box-shadow: none;
    border-width: 0;
    border-color: #0000;
    border-radius: 0;
    flex-flow: column;
    display: flex;
  }

  .sls-cont {
    border: 1px solid var(--gray-black--100);
    background-color: var(--white);
    border-radius: 1.6vw;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    height: auto;
    position: relative;
    overflow: hidden;
    box-shadow: 0 .78vw 1.57vw #ccc3;
  }

  .app-cont-cont.txt {
    justify-content: space-between;
    align-items: stretch;
    height: 70vw;
    padding: 4vw 6.1vw 6.1vw;
  }

  .app-cont-img {
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
  }

  .apps-col-col {
    grid-column-gap: .8vw;
    grid-row-gap: 1vw;
  }

  .sales-tab {
    border-radius: 1.1vw;
    padding: .8vw 1.8vw;
    font-size: 1.97vw;
    box-shadow: 0 .26vw .65vw #8282820d;
  }

  .tg-sn {
    border-radius: .5vw;
    padding: .5vw .7vw;
    left: .9vw;
  }

  .app-desc-cont {
    border-radius: 1.2vw;
    height: 20vh;
    padding: 4.22vw 17.22vw 4.22vw 4.22vw;
  }

  .apps-img-bg-cont {
    inset: 0% 0% auto;
  }

  .img-apps.desktop {
    display: none;
  }

  .img-apps.mobile {
    height: auto;
    display: block;
  }

  .mck-cont {
    width: 85vw;
    height: 54vw;
    margin-top: 5vw;
    position: static;
    left: auto;
    right: auto;
  }

  .mck-cont-ads {
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    position: relative;
  }

  .label-tab {
    font-size: 1.5vw;
  }

  .h3-apps {
    margin-bottom: 1vw;
  }

  .operat-tab {
    border-radius: 1.1vw;
    padding: .8vw 1.8vw;
    font-size: 1.97vw;
    box-shadow: 0 .2vw .65vw #8282820d;
  }

  .tg-op-sn {
    border-radius: .5vw;
    padding: .5vw .7vw;
    left: .9vw;
  }

  .opr-cont {
    border: 1px solid var(--gray-black--100);
    background-color: var(--white);
    border-radius: 1.6vw;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    height: auto;
    position: relative;
    overflow: hidden;
    box-shadow: 0 .78vw 1.57vw #ccc3;
  }

  .blur-cont-tabs.hide {
    display: none;
  }

  .hr-mc {
    width: 82vw;
    height: 52vw;
  }

  .demo-video {
    margin-top: 0;
  }

  .main-cont-nav {
    border-radius: 1.5vw;
    justify-content: space-between;
    align-items: center;
    padding-left: 1vw;
    padding-right: 1vw;
    position: static;
  }

  .sect-nav {
    padding-top: 0;
  }

  .nav-bar {
    padding-top: .8vw;
    padding-left: 2.1vw;
    padding-right: 2.1vw;
  }

  .nav-logo, .nav-logo.w--current {
    height: 7vw;
  }

  .lg-nav {
    width: 15vw;
    height: 6vw;
  }

  .nav-links {
    background-color: #0000;
    height: 93vh;
    padding: 2.1vw;
    position: absolute;
    inset: 0% 0% auto;
  }

  .lg-tab {
    grid-column-gap: 1.5vw;
    grid-row-gap: 1.5vw;
    padding-left: 0;
  }

  .dvd-nav {
    width: .13vw;
    height: 3.2vw;
  }

  .p-for {
    font-size: 1.3vw;
  }

  .tab-con-nav {
    border-radius: .8vw;
    width: 15vw;
    height: 4.5vw;
    padding: .5vw;
  }

  .nav-tab-item.w--current {
    border-radius: .6vw;
  }

  .nav-tab-item.active {
    border-radius: .5vw;
  }

  .nav-drop {
    flex-flow: column;
    justify-content: center;
    align-self: flex-start;
    align-items: flex-start;
  }

  .drop-down-icon {
    width: 2vw;
    height: 2vw;
  }

  .drop-down-cont:hover {
    opacity: 100;
  }

  .drop-down-cont.w--open {
    align-self: stretch;
    width: 100%;
  }

  .nav-drop-list {
    box-shadow: none;
    border-width: 0;
    border-radius: 0;
    flex-flow: column;
    padding-bottom: 4vw;
  }

  .nav-link {
    display: none;
  }

  .nav-links-cont {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .nav-btn-cont {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 2vw;
  }

  .btns-nav {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    padding-left: 0;
    padding-right: 0;
  }

  .brg-btn {
    border: 1px solid var(--gray-black--100);
    background-color: var(--white);
    border-radius: 1.05vw;
    padding: 1.3vw;
    box-shadow: 0 .39vw .65vw #3333330d;
  }

  .brg-btn.w--open {
    background-color: var(--white);
  }

  .brg-ic {
    width: 2.8vw;
    height: 2.8vw;
  }

  .brg-ic.close {
    display: none;
  }

  .column-list {
    border-style: solid;
    border-width: 1px 0 0;
    border-color: var(--gray-black--50) black black;
    margin-top: 3vw;
    padding-top: 2vw;
  }

  .sol-cl {
    justify-content: flex-start;
    align-self: stretch;
    align-items: flex-start;
    padding: 2vw 0 0;
  }

  .sol-cl-cont {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    flex-flow: column;
    display: flex;
  }

  .item-list-lnk {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    width: auto;
    padding: 0;
  }

  .item-list-lnk:hover {
    background-color: var(--white);
  }

  .item-list-lnk.ylw:hover, .item-list-lnk.blu:hover {
    background-color: var(--white);
    color: var(--gray-black--900);
  }

  .nav-tlt-cont {
    align-self: flex-start;
    padding-left: 0;
  }

  .nav-drop-list-c.w--open {
    margin-top: 0;
    padding-top: 0;
    position: static;
  }

  .nav-links-wrap {
    border: 1px solid var(--gray-black--100);
    background-color: var(--white);
    border-radius: 1.5vw;
    flex-flow: column;
    height: 100%;
    padding: 2vw;
  }

  .ser-cont {
    border: 1px solid var(--gray-black--100);
    background-color: var(--white);
    border-radius: 1.6vw;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    height: auto;
    position: relative;
    overflow: hidden;
    box-shadow: 0 .78vw 1.57vw #ccc3;
  }

  .serv-tab {
    border-radius: 1.1vw;
    padding: .8vw 1.8vw;
    font-size: 1.97vw;
    box-shadow: 0 .2vw .65vw #8282820d;
  }

  .black-blur {
    filter: blur(1.7vw);
    width: 18.4vw;
    height: 2.6vw;
  }

  .tg-sr-sn {
    border-radius: .5vw;
    padding: .5vw .7vw;
    left: .9vw;
  }

  .thnk-cont {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .thnk-txt {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    width: 40vw;
  }

  .txt-stl-4 {
    font-size: 10vw;
  }

  .txt-stl-4-sm {
    font-size: 8vw;
  }

  .lod {
    display: none;
  }

  .tstm-tag {
    border-radius: .8vw;
    padding: .5vw 1vw;
  }

  .icn-cont-lnk {
    border-radius: .8vw;
    width: 5vw;
    height: 5vw;
  }

  .lnk-arw {
    display: none;
  }

  .lnk-ic {
    width: 4vw;
  }

  ._404-cont {
    flex-flow: column;
  }

  ._404-txt-cont {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    justify-content: center;
    align-items: center;
  }

  ._404-btn {
    padding-top: 4vw;
  }

  ._404-img-cont {
    justify-content: center;
    align-items: center;
    height: 20vw;
  }

  .german-only-link, .footerlink, .dutchfooter {
    font-size: 1.5vw;
    line-height: 140%;
  }
}

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

  h2 {
    font-size: 40px;
  }

  h3 {
    font-size: 30px;
  }

  h4 {
    font-size: 23px;
  }

  .display-heading {
    font-size: 55px;
  }

  .wrapper {
    width: 90%;
  }

  .wrapper.features-2-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .wrapper.cta-wrapper {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
  }

  .wrapper.about-images-wrapper {
    grid-template-columns: 1fr;
  }

  .wrapper.blog-subscribe-wrapper {
    border-radius: 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

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

  .wrapper.download-cards-wrapper {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .wrapper.support {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .wrapper.cs {
    padding-bottom: 0;
  }

  .wrapper.checkout {
    width: 90%;
  }

  .para-large.home-hero-para.homepage-3, .para-large.home-hero-para.white-center, .para-large.overview {
    font-size: 20px;
  }

  .button.navigation-button {
    margin-left: 0%;
  }

  .button.navigation-button.mobile {
    justify-content: center;
  }

  .home-hero-main-image {
    width: auto;
    height: 460px;
  }

  .hero-floating-image-1 {
    width: 160px;
    height: 160px;
    right: -8%;
  }

  .hero-floating-image-2 {
    width: 240px;
    height: 145px;
    left: -6%;
  }

  .hero-floating-image-2.homepage-2 {
    width: 200px;
  }

  .hero-floating-image-3 {
    right: -5%;
  }

  .hero-floating-image-3.homepage-3 {
    left: -5%;
  }

  .story-stats-grid {
    border-top-style: none;
    grid-template-columns: 1fr;
  }

  .story-stats-item.middle {
    border-left-style: none;
    border-right-style: none;
  }

  .story-stats-item.review {
    align-items: center;
    padding-bottom: 0;
  }

  .home-feature-1-image-background {
    height: 500px;
  }

  .link-button.white.testimonial {
    margin-top: 140px;
  }

  .features-2-section {
    background-size: cover;
  }

  .white.features-4-text {
    text-align: left;
  }

  .heading-1 {
    font-size: 52px;
  }

  .integrations-inside-container-1 {
    flex: none;
  }

  .feature-3-floating-image-2 {
    right: -2%;
  }

  .feature-3-circle {
    left: 3%;
  }

  .cta-text {
    font-size: 21px;
  }

  .cta-form {
    flex-flow: column wrap;
    align-items: center;
  }

  .cta-form.stretch {
    align-items: stretch;
  }

  .cta-form-field {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .cta-pointers-container.left-align {
    flex-wrap: wrap;
  }

  .cta-pointer-item {
    margin-top: 10px;
  }

  .about-hero-text {
    max-width: 400px;
    font-size: 20px;
  }

  .about-lightbox {
    height: 550px;
  }

  .play-button {
    margin-top: 225px;
  }

  .home-blogs-container {
    grid-row-gap: 40px;
    grid-template-rows: 300px auto;
    grid-template-columns: 1fr;
  }

  .featured-main-item {
    height: 100%;
  }

  .featured-main-image {
    height: auto;
  }

  .feature-collection-list {
    grid-template-rows: 300px 300px;
  }

  .feature-collection-list._2 {
    grid-row-gap: 40px;
    grid-template-rows: 300px 300px;
    grid-template-columns: 1fr;
  }

  .features-cards {
    width: 400px;
  }

  .visual-features-items-container {
    grid-row-gap: 70px;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .features-5-items-container {
    grid-column-gap: 20px;
  }

  .team-member-image {
    height: 280px;
  }

  .pricing-hero-text.pricing-page-2 {
    font-size: 20px;
  }

  .pricing-tables-container.monthly {
    grid-template-columns: 1fr;
  }

  .pricing-tables-container.yearly {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .pricing-tables-container.pricing-page-3 {
    flex-direction: column;
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }

  .pricing-table-item {
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .pricing-table-item.pricing-page-3, .pricing-table-item.plans-ecommerce-ecommerce {
    width: 100%;
  }

  .pricing-table-button.pricing-page-2 {
    margin-bottom: 20px;
  }

  .blog-hero-text {
    font-size: 20px;
  }

  .all-blogs-heading.left {
    text-align: center;
  }

  .blogs-collection-list {
    grid-template-columns: 1fr;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .blog-image.blog-page-2, .blog-image.blog-page-3 {
    height: 350px;
  }

  .paragraph-vacancy {
    font-size: 20px;
  }

  .blog-form-button.subscribe {
    width: 400px;
    max-width: 400px;
  }

  .article-author {
    flex-direction: column;
    align-items: flex-start;
  }

  .author-info {
    margin-bottom: 20px;
  }

  .vacancy-dot-info {
    flex-direction: column;
    align-items: flex-start;
  }

  .job-dot {
    display: none;
  }

  .perks-items {
    grid-template-columns: 1fr 1fr;
  }

  .contact-form-block {
    padding-left: 30px;
    padding-right: 30px;
  }

  .contact-form-item {
    width: 100%;
  }

  .contact-form-item.up {
    margin-bottom: 20px;
  }

  .contact-form-row {
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 20px;
  }

  .contact-cards-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .contact-card-item {
    width: 70%;
  }

  .contact-card-item.up {
    margin-bottom: 30px;
  }

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

  .sign-up-logo {
    left: 40px;
  }

  .integrations-features-items {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .most-popular-integration-section.homepage-3 {
    padding-top: 0;
  }

  .most-popular-integrations-text {
    width: 90%;
  }

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

  .licensing-images-grid {
    grid-template-columns: 1fr;
  }

  .font-text {
    font-size: 50px;
  }

  .testimonial-item {
    max-width: 460px;
  }

  .testimonial-item.review-hero-middle {
    margin-left: 0;
  }

  .featured-main-collection-item, .featured-main-collection-list {
    height: 100%;
  }

  .integrations-inside-container-3 {
    flex: none;
  }

  .footer-form-field-label {
    margin-top: 40px;
  }

  .footer-field-and-button {
    max-width: 440px;
  }

  .footer-link.down, .footer-link.cf {
    margin-bottom: 0;
  }

  .social-links {
    margin-top: 40px;
  }

  .blog-featured-main-collection-list, .blog-featured-main-collection-item {
    height: 100%;
  }

  .footer-links-container {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .footer-logo {
    margin-bottom: 0;
  }

  .job-dot-2 {
    display: none;
  }

  .footer-brand {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .navigation-left {
    width: 26%;
  }

  .dropdown-list.w--open {
    width: 90%;
  }

  .navigation-right {
    width: 60%;
  }

  .menu-button-mob {
    width: 40px;
    padding-right: 10px;
  }

  .team-member-hero-name {
    font-size: 30px;
  }

  .download-card-wrapper {
    max-width: 80%;
  }

  .download-image {
    width: 100%;
  }

  .h2-heading {
    font-size: 40px;
  }

  .review-hero-paragraph {
    font-size: 20px;
  }

  .stats-wrapper {
    padding-bottom: 40px;
  }

  .reviews-container {
    flex-direction: column;
  }

  .reviews-grid.left {
    margin-bottom: 48px;
    margin-right: 0;
  }

  .reviews-grid.right {
    margin-bottom: 0;
  }

  .email-field.white {
    width: 300px;
  }

  .logos-wrapper, .features-slider-wrapper {
    width: 90%;
  }

  .testimonial-title {
    font-size: 20px;
  }

  .testimonial-text {
    font-size: 18px;
  }

  .testimonial-left {
    display: none;
    inset: auto auto -20% 0%;
  }

  .testimonial-right {
    inset: auto auto -20% 12%;
  }

  .background-image-container {
    background-position: 50% 0;
    background-size: auto;
  }

  .statistics-right-text {
    font-size: 20px;
  }

  .integration-icon-bottom-row {
    margin-left: -10%;
  }

  .case-studies-section {
    margin-top: 0;
    margin-bottom: 40px;
  }

  .case-studies-section.cs-page {
    margin-top: 40px;
  }

  .pricing-top-flex {
    flex-direction: column;
    align-items: flex-start;
  }

  .price-plan-left-text {
    margin-bottom: 20px;
  }

  .pricing-points-grid-contain {
    flex-direction: column;
  }

  .pricing-points-grid {
    margin-bottom: 12px;
  }

  .pricing-bottom-flex {
    flex-direction: column;
    align-items: flex-start;
  }

  .demo-section {
    margin-bottom: 60px;
  }

  .demo-hero-wrapper-form {
    margin-top: 60px;
  }

  .demo-form {
    padding-left: 40px;
    padding-right: 40px;
  }

  .integration-detail-about {
    font-size: 20px;
  }

  .integration-collection {
    justify-content: center;
  }

  .integration-item {
    width: 100%;
  }

  .support-hero-text {
    font-size: 20px;
  }

  .support-search.blog-2 {
    margin-top: 40px;
  }

  .hero-form-block {
    flex-flow: column wrap;
    align-items: stretch;
  }

  .email-form-field {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .all-blogs-top-flex {
    flex-direction: column;
    align-items: center;
  }

  .left-text-contain._50-width {
    width: 100%;
  }

  .company-logo {
    max-width: 180px;
  }

  .cs-hero-paragraph {
    font-size: 20px;
  }

  .case-study-image.cs-main {
    max-width: 80%;
    height: auto;
  }

  .case-study-image.template {
    height: auto;
  }

  .case-study-item {
    max-width: none;
  }

  .cs-image {
    width: 100%;
    max-width: none;
  }

  .cs-rich-text blockquote {
    padding-left: 20px;
    font-size: 18px;
  }

  .blog-image-page-3 {
    height: 350px;
  }

  .blog-tab-link {
    margin-top: 0;
    margin-right: 10px;
  }

  .case-study-headings.demo-page {
    margin-bottom: 20px;
  }

  .collection-item-case-study {
    width: 100%;
  }

  .blog-main-menu {
    text-align: center;
    flex-direction: row;
    align-items: stretch;
    display: flex;
  }

  .divider-nav {
    margin-top: 18px;
  }

  .overview-images {
    width: 300px;
  }

  .background-colour-div {
    height: 800px;
  }

  .collection-item-3 {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .collection-list-3 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .collection-list-4 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .product-box-wrap {
    padding: 30px;
  }

  .buynow-button, .add-to-cart-buttons {
    width: 50%;
  }

  .checkout-form {
    padding: 0;
  }

  .billing-address-toggle {
    align-items: center;
  }

  .order-summary-contain, .collection-list-wrapper-ecom-plans {
    width: 100%;
  }

  .cart-list {
    padding-left: 10px;
  }

  .button-log-in.navigation-button {
    margin-left: 0%;
  }

  .button-log-in.navigation-button.mobile {
    justify-content: center;
  }

  .features-learn-more-link-white.white.testimonial {
    margin-top: 140px;
  }

  .wrapper-new {
    width: 90%;
  }

  .wrapper-new.features-2-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .wrapper-new.cta-wrapper {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
  }

  .wrapper-new.about-images-wrapper {
    grid-template-columns: 1fr;
  }

  .wrapper-new.blog-subscribe-wrapper {
    border-radius: 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .wrapper-new.changelog-wrapper {
    text-align: center;
  }

  .wrapper-new.download-cards-wrapper {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .wrapper-new.support {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .wrapper-new.cs {
    padding-bottom: 0;
  }

  .wrapper-new.checkout, .wrapper-hero-video {
    width: 90%;
  }

  .wrapper-hero-video.features-2-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .wrapper-hero-video.cta-wrapper {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
  }

  .wrapper-hero-video.about-images-wrapper {
    grid-template-columns: 1fr;
  }

  .wrapper-hero-video.blog-subscribe-wrapper {
    border-radius: 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .wrapper-hero-video.changelog-wrapper {
    text-align: center;
  }

  .wrapper-hero-video.download-cards-wrapper {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .wrapper-hero-video.support {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .wrapper-hero-video.cs {
    padding-bottom: 0;
  }

  .wrapper-hero-video.checkout {
    width: 90%;
  }

  .heading-7 {
    font-size: 52px;
  }

  .location-image-wrapper, .location-image-wrapper-left, .location-image-wrapper-right {
    object-fit: cover;
  }

  .fs-socialshare_wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .uc-hero-section, .uc-content-section, .uc-aanpak-section {
    padding-left: 10px;
    padding-right: 10px;
  }
}

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

  h1 {
    font-size: 7.7vw;
  }

  h2 {
    font-size: 6.6vw;
  }

  h3 {
    font-size: 4.7vw;
  }

  .display-heading {
    font-size: 50px;
  }

  .wrapper.home-feature-1-wrapper {
    padding-bottom: 100px;
  }

  .wrapper.features-2-wrapper {
    padding-top: 120px;
  }

  .wrapper._1920px, .wrapper.about-grid {
    padding-bottom: 100px;
  }

  .wrapper.home-blog-wrapper.vertical-blog {
    padding-top: 100px;
  }

  .wrapper.visual-features-wrapper, .wrapper.team-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .wrapper.blog-featured-wrapper {
    padding-bottom: 0;
  }

  .wrapper.blog-subscribe-wrapper {
    border-radius: 0;
    width: 100%;
    padding: 60px 15px;
  }

  .wrapper.blog-post-image-wrapper {
    height: 450px;
  }

  .wrapper.sign-up-wrapper {
    width: 90%;
  }

  .wrapper.download-cards-wrapper {
    padding-bottom: 0;
  }

  .wrapper.integrations-icons-wrapper {
    padding-top: 100px;
  }

  .wrapper.cs {
    padding-top: 40px;
  }

  .wrapper.navigation-wrapper {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .wrapper.applications-partners {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wrapper.home-workflow {
    padding-bottom: 100px;
  }

  .wrapper.footer-wrapper {
    padding-top: 180px;
  }

  .para-large.home-hero-para, .para-large.home-hero-para.homepage-3, .para-large.home-hero-para.white-center, .para-large.overview {
    font-size: 18px;
  }

  .button.navigation-button {
    border-radius: 8px;
    padding: 12px;
    font-size: 14px;
  }

  .button.navigation-button.mobile {
    text-align: left;
    justify-content: center;
    margin-right: 40%;
    font-size: 16px;
  }

  .button.trial, .button.trial.white {
    margin-top: 20px;
  }

  .home-hero-pointers {
    grid-template-columns: 1fr;
    max-width: 300px;
  }

  .image.nav-icons {
    height: 100%;
  }

  .home-hero-main-image {
    width: auto;
    height: auto;
  }

  .hero-floating-image-1 {
    width: 140px;
    height: 140px;
  }

  .hero-floating-image-1.homepage-3 {
    width: 150px;
    height: auto;
  }

  .hero-floating-image-1.homepage-2 {
    width: 100px;
    height: 25px;
  }

  .home-hero-image-circle {
    width: 55px;
    height: 55px;
  }

  .hero-floating-image-2 {
    width: 150px;
    height: auto;
  }

  .hero-floating-image-2.homepage-2 {
    width: 100px;
  }

  .hero-floating-image-3 {
    width: 70px;
    height: 70px;
  }

  .hero-floating-image-3.homepage-3 {
    width: 50px;
    height: auto;
    top: -11%;
  }

  .hero-floating-image-3.homepage-2 {
    width: 40px;
    height: 40px;
  }

  .story-stats-grid.review-page {
    padding-bottom: 48px;
  }

  .klantervaring-image {
    width: 100%;
  }

  .home-feature-1-floating-image, .home-feature-1-floating-image.feature-3 {
    width: 50%;
  }

  .home-feature-1-image-background {
    width: 280px;
    height: 300px;
  }

  .workflow-section-points.white.margin-left-24px {
    margin-top: 20px;
    margin-left: 0;
  }

  .link-button.white.right-side {
    margin-right: auto;
  }

  .link-button.white.testimonial {
    margin-top: 200px;
  }

  .link-button.dark.klant {
    align-self: auto;
  }

  .featured-learn-more-arrow {
    width: 24px;
    height: 24px;
  }

  .white.features-4-text {
    text-align: left;
  }

  .white.features-4-text.center {
    text-align: center;
  }

  .lead-apps-tabs {
    justify-content: center;
    align-items: center;
  }

  .lead-apps-menu {
    flex-wrap: nowrap;
    align-self: stretch;
    align-items: center;
  }

  .lead-app-link, .lead-app-link.w--current {
    padding-left: 20px;
    padding-right: 20px;
  }

  .lead-app-content-tabs {
    width: 100%;
    margin-top: 0;
  }

  .lead-app-icon-wrapper {
    margin-top: 0;
  }

  .heading-1 {
    font-size: 32px;
  }

  .integration-card {
    max-width: 330px;
  }

  .feature-3-floating-image-2 {
    right: -8%;
  }

  .feature-3-circle {
    left: -3%;
  }

  .feature-4-section.features {
    margin-bottom: 100px;
  }

  .feature-4-section.download-feature-section {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .feature-4-section.homepage-3 {
    margin-bottom: 100px;
  }

  .info-items-right {
    grid-template-columns: 1fr;
    margin-top: 80px;
  }

  .info-items-right._2-rows {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .info-item {
    grid-row-gap: 4px;
  }

  .cta-text {
    font-size: 20px;
  }

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

  .cta-form {
    align-items: stretch;
  }

  .cta-form-field {
    width: auto;
    padding-left: 16px;
    padding-right: 10px;
  }

  .cta-form-field::placeholder {
    font-size: 16px;
  }

  .cta-pointers-container {
    flex-direction: column;
    align-items: flex-start;
  }

  .cta-pointer-item.first {
    margin-bottom: 8px;
  }

  .about-hero-text {
    font-size: 18px;
  }

  .about-image-second {
    height: 300px;
  }

  .about-story-text {
    font-size: 18px;
  }

  .about-lightbox {
    height: 500px;
  }

  .play-button {
    margin-top: 200px;
  }

  .featured-main-item {
    justify-content: flex-start;
    padding: 20px;
  }

  .featured-author {
    margin-bottom: 40px;
  }

  .feature-collection-list {
    grid-row-gap: 80px;
  }

  .feature-collection-list._2 {
    grid-column-gap: 40px;
    grid-row-gap: 80px;
    height: auto;
  }

  .feature-collection-item {
    height: auto;
  }

  .feature-item {
    height: auto;
    padding: 20px;
  }

  .featured-collection-wrapper {
    overflow: visible;
  }

  .features-hero-text {
    font-size: 18px;
  }

  .features-cards {
    width: 320px;
  }

  .visual-features-items-container.nav.pages {
    padding-right: 0;
  }

  .visual-features-item.navbar {
    padding: 20px;
  }

  .visual-features-item.navbar.w--current {
    flex-direction: column;
  }

  .features-floating {
    left: -2%;
  }

  .features-floating.homepage-3 {
    top: 50%;
  }

  .diensten-image-wrapper {
    margin-top: 80px;
    padding-top: 0;
  }

  .features-5-items-container, .team-collection-list {
    grid-template-columns: 1fr;
  }

  .pricing-hero-heading.center {
    text-align: center;
  }

  .pricing-hero-text, .pricing-hero-text.pricing-page-2 {
    font-size: 18px;
  }

  .pricing-switch-and-text {
    margin-bottom: 80px;
    position: relative;
  }

  .pricing-switch-text {
    font-size: 15px;
  }

  .save-30-image {
    margin-left: 0;
    position: absolute;
    inset: auto 3% -91% auto;
  }

  .pricing-table-item {
    max-width: none;
  }

  .pricing-table-item.pricing-page-2-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-cost-text-span.ecommerce-price {
    font-size: 40px;
  }

  .pricing-table-button.pricing-page-2 {
    flex: none;
    padding-left: 10px;
    padding-right: 10px;
  }

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

  .blog-hero-text {
    font-size: 18px;
  }

  .blog-image.blog-page-2, .blog-image.blog-page-3 {
    height: 250px;
  }

  .paragraph-vacancy {
    font-size: 18px;
  }

  .blog-form-button.subscribe {
    width: auto;
  }

  .rich-text blockquote {
    font-size: 20px;
    line-height: 130%;
  }

  .career-image-item {
    height: 300px;
  }

  .jobs-tabs {
    margin-top: 48px;
  }

  .jobs-tab-menu {
    grid-template-rows: auto auto;
    grid-template-columns: auto auto;
  }

  .job-item {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 10px;
  }

  .job-item-details {
    margin-bottom: 20px;
  }

  .vacancy-dot-info {
    flex-direction: column;
    align-items: flex-start;
  }

  .vacancy-dot-info.job-post {
    font-size: 18px;
  }

  .job-dot {
    display: none;
  }

  .perks-up {
    margin-bottom: 40px;
  }

  .contact-hero-text {
    font-size: 18px;
  }

  .contact-form-block {
    padding-left: 10px;
    padding-right: 10px;
  }

  .contact-form-field-label {
    margin-bottom: 10px;
    font-size: 16px;
  }

  .contact-form-text-field, .contact-form-text-area {
    padding-left: 16px;
  }

  .contact-card-item {
    width: 100%;
  }

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

  .sign-up-logo {
    width: 130px;
    left: 0;
  }

  .sign-up-right {
    text-align: center;
  }

  .sign-up-with-google {
    padding-left: 31px;
    padding-right: 31px;
  }

  .sign-in-form-block {
    max-width: 300px;
  }

  .sign-in-form {
    text-align: left;
  }

  .comparison-table-item.sticky {
    justify-items: start;
  }

  .comparison-plan {
    max-width: 120px;
  }

  .comparison-plan-price {
    text-align: center;
  }

  .integrations-hero-heading.template {
    font-size: 36px;
  }

  .hero-integrations-text {
    font-size: 18px;
  }

  .most-popular-integration-section.homepage-3 {
    padding-bottom: 0;
  }

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

  .licensing-icons-grid {
    grid-template-columns: 1fr 1fr;
    place-items: center;
  }

  .font-text {
    font-size: 30px;
  }

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

  .testimonial-item {
    max-width: 320px;
  }

  .footer {
    overflow: hidden;
  }

  .footer-up {
    grid-row-gap: 60px;
  }

  .footer-form-block {
    max-width: 300px;
  }

  .footer-field-and-button {
    flex-direction: column;
    width: 100%;
    max-width: 280px;
  }

  .footer-text-field {
    margin-bottom: 20px;
    padding-left: 16px;
  }

  .footer-down {
    align-items: flex-start;
  }

  .social-links {
    margin-top: 24px;
  }

  .job-item-2 {
    padding-left: 10px;
  }

  .job-dot-2 {
    display: none;
  }

  .navigation-drop-container.features.pages {
    padding-right: 0;
  }

  .footer-brand {
    width: 190px;
    height: 30px;
  }

  .footer-brand.w--current {
    flex-direction: row;
    justify-content: flex-start;
  }

  .navigation-left {
    width: 45%;
  }

  .navigation-right {
    width: 50%;
  }

  .navigation-menu {
    padding-bottom: 160px;
    overflow: auto;
  }

  .nav-link.login {
    display: none;
  }

  .dropdown {
    display: block;
  }

  .main-navigations-container {
    position: fixed;
  }

  .menu-button-mob {
    flex: none;
    width: 50px;
    margin-left: 0;
  }

  .homepage-secondary-nav {
    flex-direction: column;
    display: none;
  }

  ._18px {
    font-size: 16px;
    line-height: 150%;
  }

  .search-results {
    margin-top: 100px;
  }

  .flex-seacrh {
    flex-direction: column;
  }

  .search-input {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .team-member-hero-name {
    margin-bottom: 10px;
    font-size: 26px;
  }

  .author-flex {
    display: inline;
  }

  .navigation-center {
    display: none;
  }

  .download-card-wrapper {
    max-width: 100%;
  }

  .faq-questions {
    font-size: 18px;
    line-height: 140%;
  }

  .h2-heading {
    font-size: 35px;
    line-height: 120%;
  }

  .faq-content {
    font-size: 16px;
  }

  .wrapper-1200px {
    width: 90%;
  }

  .wrapper-1200px.faqs {
    padding-top: 20px;
  }

  .review-hero-paragraph {
    font-size: 18px;
  }

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

  .email-field {
    width: auto;
    margin-right: 0;
  }

  .email-field.white {
    width: 270px;
    margin-right: 0;
  }

  .trial-form {
    flex-direction: column;
    align-items: stretch;
  }

  .logos-image {
    width: 150px;
    margin-left: 0%;
    margin-right: 0%;
  }

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

  .feature-4-floating-2 {
    max-width: 200px;
    right: 3%;
  }

  .slider-left, .slider-right {
    bottom: -30px;
  }

  .testimonial-slide-contain {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contain.saas-logo {
    width: 100%;
    max-width: 35px;
  }

  .testimonial-name {
    font-size: 16px;
  }

  .testimonial-position {
    font-size: 14px;
  }

  .testimonial-left {
    bottom: -40%;
  }

  .testimonial-right {
    bottom: -40%;
    left: 25%;
  }

  .two-cards-grid {
    grid-column-gap: 0px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 100%;
    justify-items: stretch;
  }

  .cta-card-wrapper {
    text-align: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-cta-heading {
    margin-top: 16px;
  }

  .cta-top {
    grid-row-gap: 8px;
    flex-direction: column-reverse;
  }

  .hero-points-contain {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-image-floating-4 {
    inset: 0% 0% auto auto;
  }

  .statistics-right-text {
    font-size: 18px;
  }

  .klantervaring-tab-link {
    justify-content: center;
    align-self: stretch;
    margin-right: 0;
  }

  .klantervaring-tab-link.w--current {
    justify-content: center;
    align-self: stretch;
    margin-top: 0;
  }

  .klantervaring-menu-tabs {
    grid-row-gap: 8px;
    flex-direction: column;
    align-self: stretch;
    align-items: stretch;
  }

  .integration-icon-bottom-row {
    margin-left: -19%;
  }

  .case-studies-section {
    margin-bottom: 40px;
  }

  .cta-wrapper-left.trial {
    align-items: flex-start;
  }

  .pricing-points-grid {
    grid-template-columns: 1fr;
  }

  .pricing-bottom-flex {
    flex: none;
  }

  .demo-form {
    padding-left: 20px;
    padding-right: 20px;
  }

  .demo-text-field {
    padding-left: 19px;
    font-size: 16px;
  }

  .select-demo-field {
    padding-left: 12px;
  }

  .integration-heading-wrapper {
    font-size: 40px;
  }

  .integration-detail-about {
    font-size: 18px;
  }

  .integration-logo {
    width: 64px;
    height: 64px;
  }

  .integration-logo.top {
    margin-left: -11px;
  }

  .integration-image {
    object-fit: contain;
    max-width: 40px;
  }

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

  .support-hero-text {
    font-size: 18px;
  }

  .support-search {
    flex-direction: column;
    align-items: stretch;
  }

  .email-form-field {
    padding-right: 10px;
  }

  .tabs-blog-menu {
    flex-direction: column;
  }

  .company-logo {
    max-width: 150px;
  }

  .cs-hero-paragraph {
    font-size: 18px;
  }

  .author-info-blog {
    flex-wrap: wrap;
  }

  .medium-text-span.black {
    flex: none;
    font-size: 14px;
  }

  .medium-text-span.grey, .author-name {
    flex: none;
    font-size: 16px;
  }

  .read-more-link.all {
    margin-top: 20px;
    margin-left: 0;
  }

  .case-study-image.cs-main {
    max-width: 100%;
  }

  .case-study-image.template {
    height: auto;
  }

  .case-study-heading {
    text-align: center;
  }

  .blog-image-contain {
    margin-top: 40px;
  }

  .blog-image-page-3 {
    height: 300px;
  }

  .blog-tab-link {
    justify-content: center;
    margin-top: 0;
    margin-right: 0;
    display: flex;
  }

  .blog-tab-link.w--current {
    margin-top: 0;
  }

  .blog-main-menu {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: center;
    align-self: flex-start;
    align-items: stretch;
    width: 100%;
    display: grid;
  }

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

  .link-div.all {
    margin-top: 20px;
    margin-left: 0;
  }

  .footer-text {
    max-width: 300px;
  }

  .password-text {
    max-width: 310px;
  }

  .password-form {
    width: 270px;
  }

  .overview-stats-section {
    margin-top: 0;
  }

  .search-button {
    margin-top: 20px;
    margin-left: 0;
  }

  .integrations-logos {
    max-width: 40px;
  }

  .background-colour-div {
    height: 800px;
  }

  .collection-item-3 {
    width: 100%;
  }

  .cart-button {
    padding: 11px 10px;
    font-size: 14px;
  }

  .cart-quantity {
    font-size: 14px;
  }

  .plan-detail-title {
    font-size: 30px;
    line-height: 40px;
  }

  .product-box-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .buynow-button {
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
  }

  .add-to-cart-buttons {
    width: 100%;
  }

  .plan-price {
    font-size: 30px;
  }

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

  .block-header, .block-content {
    padding-left: 16px;
    padding-right: 16px;
  }

  .billing-address-toggle {
    align-items: flex-start;
  }

  .checkbox {
    margin-top: 4px;
  }

  .order-item {
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .order-summary-contain {
    width: 100%;
    position: static;
  }

  .buttons-contain-div {
    flex-wrap: wrap;
  }

  .collection-list-wrapper-ecom-plans {
    width: 100%;
  }

  .cart-list {
    padding-left: 10px;
  }

  .required-text {
    flex: none;
  }

  .option-lists {
    margin-top: 0;
  }

  .options {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .heading-2 {
    font-size: 28px;
  }

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

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

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

  .paragraph-1.white.measures {
    width: 226px;
  }

  .wrapper-text.h2-blog {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .wrapper-text.p1-cta-card {
    width: 100%;
    padding-top: 16px;
  }

  .wrapper-text.paragraph-1-hero {
    width: auto;
  }

  .wrapper-text.h1-hero-section {
    width: 100%;
  }

  .wrapper-text.p1-hero-section {
    width: 100%;
    padding-top: 10px;
  }

  .wrapper-text.p1-cta-card-flyer {
    width: 100%;
    padding-top: 16px;
    padding-bottom: 20px;
  }

  .collection-list-apps-partners {
    grid-column-gap: 32px;
  }

  .logo-applications-partners {
    height: 32px;
  }

  .mockup-flyer {
    width: 47.2222vw;
    display: none;
    top: 37%;
    left: auto;
    right: auto;
  }

  .main-logo {
    width: 100%;
  }

  .author-blog-big {
    flex-wrap: wrap;
  }

  .check-list {
    width: 100%;
    padding-left: 0;
  }

  .slider-loop {
    grid-column-gap: 32px;
  }

  .cards-wrapper.roadmap-features-section {
    padding-top: 0;
  }

  .button-log-in.navigation-button {
    border-radius: 8px;
    padding: 12px;
    font-size: 14px;
  }

  .button-log-in.navigation-button.mobile {
    text-align: left;
    justify-content: center;
    font-size: 16px;
  }

  .button-log-in.trial, .button-log-in.trial.white {
    margin-top: 20px;
  }

  .roadmap-card {
    margin-bottom: 16px;
    padding: 24px;
  }

  .features-learn-more-link-white.white.right-side {
    margin-right: auto;
  }

  .features-learn-more-link-white.white.testimonial {
    margin-top: 200px;
  }

  .faq-title {
    font-size: 18px;
    line-height: 140%;
  }

  .faq-content-open {
    font-size: 16px;
  }

  .hero-video {
    opacity: 0;
    border-radius: 16px;
    overflow: hidden;
  }

  .card-long {
    overflow: hidden;
  }

  .card-long-wrapper {
    align-items: flex-start;
    height: 360px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .card-long-icon-and-text-wrapper {
    align-self: flex-start;
    width: 100%;
    padding: 24px;
  }

  .card-long-mockup-wrapper {
    flex: 0 auto;
    display: flex;
  }

  .card-icon-wrapper {
    width: 40px;
    height: 40px;
  }

  .card-long-text-wrapper {
    margin-top: 24px;
  }

  .card-long-mockup-image-wrapper {
    min-width: 100px;
    max-width: 380px;
  }

  .card-long-mockup-and-icon {
    justify-content: center;
    margin-left: 24px;
    margin-right: 24px;
    display: flex;
  }

  .card-long-empty {
    width: 0%;
  }

  .card-short-wrapper {
    height: 360px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .card-short-no-mockup-icon-and-text-wrapper {
    width: 100%;
    padding: 24px;
  }

  .card-short-empty {
    width: 0%;
  }

  .card-short-mockup-and-icon {
    margin-left: 24px;
    margin-right: 24px;
    display: flex;
  }

  .card-short-text-wrapper {
    margin-top: 24px;
  }

  .card-short-mockup-image-wrapper {
    min-width: 100px;
    max-width: 380px;
  }

  .card-short-no-mockup-wrapper {
    align-items: flex-start;
    height: auto;
  }

  .card-short-no-mockup-icon-and-text-wrapper-horizontal {
    grid-row-gap: 24px;
    flex-direction: column;
    padding: 24px;
  }

  .button-sticky-sub-blue {
    justify-content: center;
    font-size: 14px;
  }

  .button-sticky-sub-icon-wrapper {
    width: 32px;
    height: 32px;
  }

  .button-sticky-sub-yellow, .button-sticky-sub-darkblue, .button-sticky-sub-gray {
    justify-content: center;
    font-size: 14px;
  }

  .background-video-hero {
    border-radius: 16px;
  }

  .wrapper-new.home-feature-1-wrapper {
    padding-bottom: 100px;
  }

  .wrapper-new.features-2-wrapper {
    padding-top: 120px;
  }

  .wrapper-new._1920px, .wrapper-new.about-grid {
    padding-bottom: 100px;
  }

  .wrapper-new.home-blog-wrapper.vertical-blog {
    padding-top: 100px;
  }

  .wrapper-new.visual-features-wrapper, .wrapper-new.team-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .wrapper-new.blog-featured-wrapper {
    padding-bottom: 0;
  }

  .wrapper-new.blog-subscribe-wrapper {
    border-radius: 0;
    width: 100%;
    padding: 60px 15px;
  }

  .wrapper-new.blog-post-image-wrapper {
    height: 450px;
  }

  .wrapper-new.sign-up-wrapper {
    width: 90%;
  }

  .wrapper-new.download-cards-wrapper {
    padding-bottom: 0;
  }

  .wrapper-new.integrations-icons-wrapper {
    padding-top: 100px;
  }

  .wrapper-new.cs {
    padding-top: 40px;
  }

  .wrapper-new.navigation-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .wrapper-new.home-workflow {
    padding-bottom: 100px;
  }

  .workflow-menu-tabs {
    flex-direction: column;
    inset: -14% 0% auto;
  }

  .workflow-tab-link, .workflow-tab-link.w--current {
    align-self: stretch;
  }

  .about-image-first, .about-image-third {
    height: 300px;
  }

  .image-large.nav-icons {
    height: 100%;
  }

  .main-wrapper {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .main-wrapper.integrations {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .main-wrapper.article-rich-text {
    max-width: 480px;
  }

  .main-wrapper.vacancy-rich-text-section {
    overflow: hidden;
  }

  .main-wrapper.applications-and-partners-section-mobile-slider {
    align-items: flex-start;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .main-wrapper.overview-section {
    background-color: #0000;
    padding-top: 35%;
  }

  .main-wrapper.tabs {
    align-items: stretch;
  }

  .main-wrapper.tabs.mobile {
    align-items: center;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .main-wrapper.huisscan {
    padding-top: 48px;
    padding-bottom: 0;
  }

  .content-wrapper.hero-section {
    margin-top: 57px;
    margin-bottom: 0;
    padding-top: 0;
  }

  .content-wrapper.applications-and-partners-section {
    padding: 24px 0;
  }

  .content-wrapper.hero-about-section {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    align-self: stretch;
  }

  .content-wrapper.about-story-section {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .content-wrapper.values-section {
    flex-direction: column;
  }

  .content-wrapper.demo-hero-section {
    flex-direction: column;
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .content-wrapper.demo-location-section {
    flex-direction: column;
    padding-top: 100px;
  }

  .content-wrapper.faqs-section {
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 80px;
  }

  .content-wrapper.hero-section-blog {
    padding-top: 100px;
  }

  .content-wrapper.blog-main-section {
    align-self: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .content-wrapper.hero-article-section, .content-wrapper.careers-hero-section {
    padding-top: 100px;
  }

  .content-wrapper.jobs-section {
    flex-direction: column;
  }

  .content-wrapper.careers-hero-video-section {
    border-radius: 16px;
    top: 24px;
  }

  .content-wrapper.perks-section {
    padding-bottom: 80px;
  }

  .content-wrapper.vacancy-hero-section {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 100px;
    padding-bottom: 64px;
  }

  .content-wrapper.vacancy-rich-text-section {
    padding-top: 80px;
  }

  .content-wrapper.applications-and-partners-section-mobile-slider {
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: visible;
  }

  .content-wrapper.our-power-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .content-wrapper.overview-section {
    background-color: #0000;
    align-self: center;
    padding-bottom: 0;
    top: 36px;
    overflow: visible;
  }

  .content-wrapper.diensten-section {
    padding-bottom: 0;
  }

  .content-wrapper.klantervaring-section {
    align-self: stretch;
  }

  .content-wrapper.workflow-section {
    padding-top: 160px;
  }

  .content-wrapper.about-photos-section {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .content-wrapper.features-hero-section {
    padding-top: 90px;
  }

  .content-wrapper.sticky-sub-bar {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .content-wrapper.features-hero-photo-section {
    margin-top: 24px;
  }

  .content-wrapper.klantervaring-features-section, .content-wrapper.workflow-features-section, .content-wrapper.diensten-features-section, .content-wrapper.roadmap-features-section {
    padding-top: 80px;
  }

  .wrapper-button-and-text {
    grid-row-gap: 8px;
    margin-top: 16px;
  }

  .wrapper-hero-video {
    border-radius: 16px;
    width: 100%;
    margin-top: 24px;
  }

  .wrapper-hero-video.home-feature-1-wrapper {
    padding-bottom: 100px;
  }

  .wrapper-hero-video.features-2-wrapper {
    padding-top: 120px;
  }

  .wrapper-hero-video._1920px, .wrapper-hero-video.about-grid {
    padding-bottom: 100px;
  }

  .wrapper-hero-video.home-blog-wrapper.vertical-blog {
    padding-top: 100px;
  }

  .wrapper-hero-video.visual-features-wrapper, .wrapper-hero-video.team-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .wrapper-hero-video.blog-featured-wrapper {
    padding-bottom: 0;
  }

  .wrapper-hero-video.blog-subscribe-wrapper {
    border-radius: 0;
    width: 100%;
    padding: 60px 15px;
  }

  .wrapper-hero-video.blog-post-image-wrapper {
    height: 450px;
  }

  .wrapper-hero-video.sign-up-wrapper {
    width: 90%;
  }

  .wrapper-hero-video.download-cards-wrapper {
    padding-bottom: 0;
  }

  .wrapper-hero-video.integrations-icons-wrapper {
    padding-top: 100px;
  }

  .wrapper-hero-video.cs {
    padding-top: 40px;
  }

  .wrapper-hero-video.navigation-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .wrapper-hero-video.home-workflow {
    padding-bottom: 100px;
  }

  .applications-and-partners-section-mobile {
    width: 100%;
  }

  .applications-and-partners-section-mobile-slider {
    width: 100%;
    display: block;
  }

  .team-photo {
    height: 80vw;
  }

  .flyer-container-mobile {
    margin-left: 50px;
    margin-right: 50px;
    padding-bottom: 20px;
    display: block;
    transform: rotate(30deg);
  }

  .form-cont-int {
    grid-column-gap: 5.55556vw;
    grid-row-gap: 5.55556vw;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 6.66667vw;
  }

  .image-article {
    border-radius: 16px;
  }

  .hero-image-article-section {
    width: 90%;
    height: 86.5625vw;
    margin-left: 16px;
    margin-right: 16px;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .hero-image-article-section.integrations {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .applications-and-partners-section-desktop {
    width: 100%;
    display: none;
  }

  .overview-section {
    background-color: #f0f1f5;
    padding-bottom: 80px;
  }

  .overview-section.grey {
    background-color: #fcfbfc;
  }

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

  .overview-bg {
    object-fit: cover;
    padding-top: 90%;
  }

  .diensten-points.white.margin-left-24px, .huisscan-points.white.margin-left-24px {
    margin-top: 20px;
    margin-left: 0;
  }

  .marktplaats-menu {
    margin-bottom: 40px;
  }

  .marktplaats-link, .marktplaats-link.w--current {
    padding-left: 20px;
    padding-right: 20px;
  }

  .marktplaats-content-tabs {
    width: 100%;
    margin-top: 0;
  }

  .fake-link {
    color: var(--dark-blue\<deleted\|variable-d81267ff\>);
    margin-top: 8px;
    font-size: 18px;
    font-weight: 500;
    text-decoration: underline;
  }

  .fake-button {
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    padding-top: 24px;
    padding-bottom: 24px;
    display: flex;
  }

  .fake-button.bg-blue {
    background-color: var(--blue\<deleted\|variable-e4e7adfc\>);
  }

  .fake-block-text {
    color: var(--white);
    font-size: 18px;
    font-weight: 700;
  }

  .fake-klantervaring-section, .fake-workflow-section {
    top: -120px;
  }

  .fake-diensten-section {
    top: -115px;
  }

  .fake-roadmap-section {
    top: -8%;
  }

  .text-block-11 {
    font-size: 14px;
  }

  .footer-down-2 {
    align-items: flex-start;
  }

  .main-navigations-container-2 {
    position: fixed;
  }

  .cta-card-wrapper-2 {
    text-align: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-up-2 {
    grid-row-gap: 60px;
  }

  .heading-7 {
    font-size: 32px;
  }

  .rich-text-2 {
    max-width: 480px;
  }

  .heading-8 {
    font-size: 26px;
  }

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

  .footer-2 {
    overflow: hidden;
  }

  .footer-text-2 {
    max-width: 300px;
  }

  .heading-10 {
    font-size: 28px;
  }

  .location-image-wrapper-left, .location-image-wrapper-right {
    height: 230px;
  }

  .vacantures-video {
    opacity: 0;
    border-radius: 16px;
    overflow: hidden;
  }

  .background-video-vacantures {
    border-radius: 16px;
  }

  .cookies_pop_up {
    grid-row-gap: 4.44444vw;
    border-radius: 4.44444vw 4.44444vw 0 0;
    flex-direction: column;
    align-items: flex-start;
    padding: 3.3vw 4.4vw 4.4vw;
    display: flex;
    inset: auto 0% 0%;
    transform: none;
  }

  .cookies-subheading {
    font-size: 3.88889vw;
    font-weight: 600;
  }

  .cookies-buttons-wrapper {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .no-color-button {
    border-radius: 1.66667vw;
    flex: 1;
    justify-content: center;
    padding: 2.7vw 5.5vw;
    font-size: 4.16vw;
    display: flex;
  }

  .button-cookie-text {
    font-size: 3.88889vw;
  }

  .blue-button {
    border-radius: 1.66667vw;
    flex: 1;
    justify-content: center;
    padding-top: 1.9vw;
    padding-bottom: 1.9vw;
    display: flex;
  }

  .cookies-modal {
    z-index: 100000;
    flex-direction: column;
    justify-content: flex-end;
    display: none;
  }

  .cookie-banner-wrapper {
    border-radius: 4.44444vw 4.44444vw 0 0;
    width: 100vw;
    padding: 2.2vw 2.2vw 0;
    display: none;
    position: fixed;
    inset: auto 0% 0%;
  }

  .button-wrapper {
    background-color: var(--white);
    border-top-left-radius: 3.33333vw;
    border-top-right-radius: 3.33333vw;
    padding: 3.3vw 4.4vw;
    position: absolute;
    inset: auto 0% 0%;
    box-shadow: 0 -10px 20px #1b283a0d;
  }

  .cookie-icon {
    width: 8.88889vw;
    height: 8.88889vw;
    top: -11.1111vw;
    right: 0%;
  }

  .cookies-content-wrapper {
    grid-row-gap: 4.44444vw;
    border-radius: 4.4vw;
    height: 140vw;
    padding-bottom: 20vw;
    position: static;
    overflow: scroll;
  }

  .cookies-top-banner {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 4.44444vw;
    flex: none;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 4.4vw;
    padding-bottom: 0;
    padding-left: 0;
    display: grid;
    overflow: hidden;
  }

  .cookies-top-image {
    width: 22vw;
    position: relative;
    inset: 0% 0% auto;
  }

  .cookies-top-text {
    z-index: 1;
    text-align: center;
    align-items: center;
    width: auto;
    padding: 4.4vw 8.8vw;
    position: relative;
  }

  .heading-1-cookies, .cookies-paragraph {
    font-size: 3.88889vw;
  }

  .cookies-text-wrapper {
    flex: none;
    margin-left: 2.2vw;
    margin-right: 2.2vw;
  }

  .cookies-form-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 6.66667vw;
  }

  .cookies-head-text {
    border-radius: 2.22222vw;
    height: 12.7778vw;
    padding: 3.3vw;
  }

  .cookies-main-text {
    padding-top: 3.3vw;
    padding-left: 4.4vw;
    padding-right: 4.4vw;
  }

  .heading-2-cookies {
    font-size: 3.88889vw;
  }

  .blue-button-modal-cookies {
    grid-column-gap: .555556vw;
    border-radius: 2.22222vw;
    flex: 1;
    justify-content: center;
    height: 13.3333vw;
    padding: 3.61111vw 0;
    display: flex;
  }

  .down-wrapper {
    grid-row-gap: 16px;
    flex-direction: column;
  }

  .down-wrapper.margin-top {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    margin-top: 32px;
  }

  .namediv-video {
    position: static;
    inset: auto 0% 0%;
  }

  .namediv-wrapper {
    align-self: center;
    height: 97vw;
    padding-top: 0;
    display: none;
    position: relative;
    top: -23px;
  }

  .overview-text-and-button {
    padding-bottom: 0;
    position: static;
  }

  .stroke {
    z-index: 1;
    border: 10px solid #fbfbfb;
    border-radius: 2px;
    width: 100%;
    height: 60vw;
    position: absolute;
    top: 72.9vw;
  }

  .video-overview {
    z-index: 1;
    width: 100%;
    height: 60vw;
    position: relative;
  }

  .namediv-wrapper-mob {
    align-self: center;
    height: 180vw;
    padding-top: 0;
    display: block;
    position: relative;
    top: -23px;
  }

  .namediv-wrapper-mob.mob {
    height: 185vw;
    display: block;
    top: -3px;
  }

  .namediv-video-mob {
    position: static;
    inset: auto 0% 0%;
  }

  .background-video-7 {
    z-index: 1;
    width: 100%;
  }

  .wrapper-text-and-video {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .text {
    margin-top: 24px;
  }

  .hero-tab-image {
    padding-bottom: 40px;
  }

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

  .bullets-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: flex-start;
    margin-top: 24px;
  }

  .bullet-item {
    grid-column-gap: 12px;
    align-items: center;
  }

  .button-up {
    justify-content: center;
    margin-top: 24px;
    display: flex;
  }

  .background-video-8 {
    border-radius: 6vw;
    width: 90vw;
    height: 90vw;
  }

  .about-homezero-wrapper {
    flex-direction: column;
    margin-top: 40px;
  }

  .about-info.rows {
    grid-column-gap: 0px;
    grid-row-gap: 24px;
    margin-top: 16px;
  }

  .about-item {
    align-items: flex-start;
  }

  .about-info-block {
    grid-column-gap: 0px;
    grid-row-gap: 32px;
    flex-direction: column;
  }

  .collection-list-5 {
    grid-template-columns: 1fr;
  }

  .soon-label {
    left: 221px;
  }

  .soon-label.tabs {
    position: static;
  }

  .label-product-card, .label-product-card.small {
    inset: 0% 10% auto auto;
  }

  .title-label {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: row;
    align-items: center;
  }

  .image-title {
    width: 100%;
  }

  .hero-tabs {
    align-self: center;
    align-items: center;
    padding-top: 24px;
  }

  .hero-tabs-wrapper {
    position: static;
    inset: 0% auto auto 0%;
  }

  .article-video {
    border-radius: 0;
    height: 100%;
  }

  .measures-section.dark-blue {
    background-position: 0 0, 50% 100%;
    background-repeat: repeat, repeat-y;
    background-size: auto, 1260px;
    background-attachment: scroll, fixed;
  }

  .meusure-card {
    border-radius: 4.44444vw;
    width: 80%;
    height: 73vw;
  }

  .measure-card-animation-container {
    border-radius: 2.22222vw;
    height: 53vw;
  }

  .measurs-card-title {
    font-size: 5vw;
  }

  .lottie-animation-card.solar-panels {
    width: 94.4444vw;
    height: 55.5556vw;
    margin-left: -13.8889vw;
    margin-right: -13.8889vw;
  }

  .lottie-animation-card.car-charger {
    width: 47.2222vw;
    height: 41.6667vw;
  }

  .lottie-animation-card.glass-insullation {
    width: 123vw;
    height: 83vw;
    margin-left: -13.8889vw;
    margin-right: -13.8889vw;
    top: -1.74129vw;
  }

  .lottie-animation-card.home-battery {
    width: 44.4444vw;
    height: 44.4444vw;
  }

  .fs-socialshare_wrapper {
    grid-template-columns: 1fr;
  }

  .p1 {
    font-size: 4.16vw;
  }

  .p2 {
    font-size: 3.61111vw;
  }

  .p2.p2-all-caps {
    font-weight: 600;
  }

  .p2-all-caps {
    font-size: 3.05556vw;
  }

  .p3 {
    font-size: 3.33vw;
  }

  .ylw-btn {
    border-radius: 2.2vw;
    flex: 1;
    padding: 2.7vw 5.5vw;
    font-size: 4.16vw;
    box-shadow: 0 .5vw 2.22222vw #6746001a;
  }

  .ylw-blur {
    filter: blur(3.2vw);
    width: 40vw;
    height: 4vw;
  }

  .blue-btn {
    border-radius: 2.2vw;
    flex: 0 auto;
    padding: 2.7vw 5.5vw;
    font-size: 4.16vw;
    box-shadow: 0 .5vw 2.22222vw #6746001a;
  }

  .blue-blur {
    filter: blur(3.2vw);
    width: 40vw;
    height: 4vw;
  }

  .white-btn {
    border-radius: 2.2vw;
    flex: 1;
    padding: 2.7vw 5.5vw;
    font-size: 4.16vw;
    box-shadow: 0 .83vw 1.38vw #3333330a;
  }

  .link-text {
    font-size: 5vw;
  }

  .btn-link {
    grid-column-gap: .55vw;
    grid-row-gap: .55vw;
  }

  .icon-chevron {
    width: 5vw;
    height: 5vw;
  }

  .main-cont {
    padding-left: 4.4vw;
    padding-right: 4.4vw;
    position: relative;
  }

  .tag-sect {
    border-radius: 1.4vw;
    padding: .8vw 1.5vw;
  }

  .hero-cont {
    grid-column-gap: 3.3vw;
    grid-row-gap: 3.3vw;
    padding-top: 24.4vw;
  }

  .sect-txt {
    grid-column-gap: 6.6vw;
    grid-row-gap: 6.6vw;
  }

  .tag-head {
    z-index: 1;
    grid-column-gap: 3.3vw;
    grid-row-gap: 3.3vw;
  }

  .tag-head.left, .tag-head.left-apps {
    grid-column-gap: 3.33vw;
    grid-row-gap: 3.33vw;
  }

  .h1-width {
    width: auto;
  }

  .hero-msrs {
    grid-column-gap: 2.22vw;
    grid-row-gap: 2.22vw;
    width: 100%;
  }

  .msrs-cont {
    grid-column-gap: 3.8vw;
    grid-row-gap: 3.8vw;
    flex: none;
    justify-content: flex-start;
    align-items: center;
  }

  .msrs-cont.hide {
    display: flex;
  }

  .msr-cont {
    grid-column-gap: 1.11vw;
    grid-row-gap: 1.11vw;
    flex: none;
  }

  .msr-icon {
    width: 5vw;
    height: 5vw;
  }

  .msrs-dvd {
    flex: none;
    width: 1px;
    height: 4.44vw;
  }

  .msrs-slider {
    grid-column-gap: 3.8vw;
    grid-row-gap: 3.8vw;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .mrs-slider-anm {
    grid-column-gap: 3.8vw;
    grid-row-gap: 3.8vw;
    display: flex;
  }

  .wht-grd {
    background-image: linear-gradient(90deg, #fff, #fff0 15% 85%, #fff);
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .hero-video {
    opacity: 100;
    width: 100vw;
    margin-top: 0;
    overflow: visible;
  }

  .hero-up {
    grid-column-gap: 6.66vw;
    grid-row-gap: 6.66vw;
    width: 100%;
  }

  .comp-cont {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
  }

  .comp-lg-cont {
    width: 27.7vw;
    height: 15vw;
  }

  .lg-image {
    width: 20vw;
  }

  .lg-white-grdnt {
    background-image: linear-gradient(90deg, #fff, #fff0 10% 90%, #fff);
  }

  .lg-cont {
    grid-column-gap: 3.05vw;
    grid-row-gap: 3.05vw;
    height: 32vw;
    padding-top: 16vw;
    padding-bottom: 4vw;
  }

  .bef-aft-up {
    grid-column-gap: 3.33vw;
    grid-row-gap: 3.33vw;
    padding-top: 17.7vw;
  }

  .bef-aft-crd {
    grid-column-gap: 4.44444vw;
    grid-row-gap: 4.44444vw;
    flex-flow: column;
    padding-top: 4.44vw;
    padding-bottom: 17.77vw;
  }

  .aft-card {
    border-radius: 4.4vw;
    width: 100%;
    padding: 5.2vw;
    box-shadow: 0 .5vw 2.2vw #c8c8c826;
  }

  .list-item-bef-aft {
    grid-column-gap: 1.38vw;
    grid-row-gap: 1.38vw;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .list-bullet {
    width: 5.55vw;
    height: 5.55vw;
  }

  .aft-card-list {
    grid-column-gap: 4.44vw;
    grid-row-gap: 4.44vw;
  }

  .line-cont {
    display: none;
  }

  .head-tag {
    grid-column-gap: 6.66vw;
    grid-row-gap: 6.66vw;
    width: 100%;
  }

  .h2-width {
    width: auto;
  }

  .h2-width.dm {
    width: 70vw;
  }

  .sol-img-txt {
    padding-top: 4.44444vw;
  }

  .p1-width, .sol-img {
    width: 100%;
  }

  .sol-img.mobile {
    width: 100vw;
  }

  .blck-cta-cont {
    border-radius: 4.4vw;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row dense;
    align-items: center;
    box-shadow: 0 .55vw 2.22vw #c8c8c8;
  }

  .blck-cta-txt {
    grid-column-gap: 8.88vw;
    grid-row-gap: 8.88vw;
    padding-top: 15.55vw;
  }

  .blck-cta-up {
    grid-column-gap: 8.88vw;
    grid-row-gap: 8.88vw;
  }

  .blck-usp {
    grid-column-gap: 3.33vw;
    grid-row-gap: 3.33vw;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .blck-usp-item {
    grid-column-gap: 1.94444vw;
    grid-row-gap: 1.94444vw;
    flex-flow: row;
    width: auto;
  }

  .blck-usp-img {
    width: 5.55556vw;
  }

  .img-cta.desktop {
    display: none;
  }

  .img-cta.mobile {
    height: 66vw;
    display: block;
  }

  .lght.desktop {
    height: 38%;
    display: block;
    inset: 0% 0% auto auto;
  }

  .apps-cont {
    padding-top: 0;
    padding-bottom: 12vw;
  }

  .hzpc-cont {
    padding-top: 17.7778vw;
    padding-bottom: 8vw;
  }

  .tsts-cont-slider {
    padding-top: 4vw;
    padding-bottom: 10vw;
  }

  .swiper-slide {
    border-radius: 4.4vw;
    align-self: stretch;
    width: 95vw;
    height: 90vw;
    box-shadow: 0 .555556vw 2.22222vw #ddd3;
  }

  .lg-cont-tsts {
    grid-column-gap: 3.05vw;
    grid-row-gap: 3.05vw;
    height: 28vw;
    padding-top: 6vw;
    padding-bottom: 4vw;
  }

  .tsts-text {
    padding: 4vw;
  }

  .tsts-quote {
    height: auto;
    padding-left: 4.44444vw;
  }

  .tsts-bg.desktop {
    display: none;
  }

  .tsts-bg.mobile {
    display: block;
  }

  .txt-stl-1 {
    font-size: 3.8vw;
  }

  .qut-blck {
    width: .5vw;
  }

  .clnt-cont {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .clnt-ava {
    width: 11.1vw;
    height: 11.1vw;
  }

  .logo-img {
    width: 50vw;
    height: 17.7778vw;
  }

  .logo-cont {
    padding-bottom: 10vw;
  }

  .intg-cont {
    padding-top: 6.66vw;
    padding-bottom: 6.66vw;
  }

  .intg-blck {
    border-radius: 4.44vw;
  }

  .intg-txt {
    padding-top: 8.88vw;
    padding-bottom: 6.66vw;
  }

  .intg-lg {
    padding-bottom: 0;
  }

  .intg-des {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    flex-flow: column;
    width: 100%;
    margin-top: 8.88vw;
  }

  .intg-stat {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
  }

  .intg-div {
    display: none;
  }

  .intg-des-size {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 71.11vw;
  }

  .txt-stl-2.wht {
    font-size: 10vw;
  }

  .lght-intg {
    width: 60vw;
    top: -3%;
    right: -3%;
  }

  .intg-lg-cont {
    width: 100%;
  }

  .lg-cont-intg {
    width: 30.1vw;
    height: 20vw;
  }

  .intg-lg-stc {
    object-fit: cover;
    width: 18.8vw;
    height: 6.5vw;
  }

  .dvdr-intg {
    height: .27vw;
  }

  .dvdr-intg._2 {
    top: 24%;
  }

  .dvdr-intg._3 {
    top: 49%;
  }

  .dvdr-intg._4 {
    left: 32.8%;
  }

  .dvdr-intg._5 {
    left: 67%;
  }

  .dvdr-intg._7 {
    top: 74%;
  }

  .intg-dot.dskp {
    display: none;
  }

  .intg-dot.mbl {
    display: block;
  }

  .blg-cont {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 10.7vw;
    padding-bottom: 40vw;
    display: flex;
  }

  .blg-txt-th {
    grid-column-gap: 3.3vw;
    grid-row-gap: 3.3vw;
  }

  .blg-cms {
    width: 100vw;
  }

  .blg-cms-cont {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    margin-bottom: 4vw;
    padding: 6.6vw 4.44vw 5vw;
    overflow: auto;
  }

  .blg-item {
    border-radius: 4.4vw;
    flex: none;
    width: 88vw;
    transition-property: none;
    box-shadow: 0 .5vw 2.2vw #ddd3;
  }

  .blg-item:hover {
    border-color: var(--gray-black--200);
  }

  .blg-img {
    height: 61.11vw;
  }

  .blg-txt-item {
    grid-column-gap: 6.6vw;
    grid-row-gap: 6.6vw;
    padding: 6.66vw;
  }

  .blg-tghd {
    grid-column-gap: 2.2vw;
    grid-row-gap: 2.2vw;
  }

  .blg-txt-tlt {
    height: 17vw;
  }

  .auth-blg-ph {
    border-radius: 6vw;
    width: 8.88vw;
    height: 8.88vw;
  }

  .auth-blg-cont {
    grid-column-gap: 3.3vw;
    grid-row-gap: 3.3vw;
  }

  .blg-cont-btn {
    align-self: center;
    bottom: 14%;
  }

  .why-cont {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 15vw;
    display: flex;
  }

  .why-crds {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    flex-flow: row;
    justify-content: flex-start;
    width: 100vw;
    padding: 8vw 4.44444vw 4.44vw;
    overflow: auto;
  }

  .why-crd {
    grid-column-gap: 1.6vw;
    grid-row-gap: 1.6vw;
    border-radius: 4.44vw;
    flex: none;
    width: 68.88vw;
    height: 61vw;
    padding: 6.6vw 6.6vw 8.8vw;
    box-shadow: 0 .55vw 2.22vw #ccc3;
  }

  .why-txt {
    grid-column-gap: 2.22222vw;
    grid-row-gap: 2.22222vw;
    padding-top: 1vw;
  }

  .why-icon {
    width: 15.55vw;
    height: 15.55vw;
  }

  .blg-img-cont {
    height: 61.11vw;
  }

  .faq-cont-wrap {
    grid-column-gap: 2.222vw;
    grid-row-gap: 2.222vw;
    width: 100%;
    padding-top: 8.88889vw;
  }

  .faq-list {
    border-radius: 4.44444vw;
    box-shadow: 0 1.6vw 3.3vw #ccc3;
  }

  .head-list {
    padding: 4.4vw 4.4vw 4.4vw 5.5vw;
  }

  .drpdwn-cont {
    padding: 0 4.4vw 4.4vw 5.5vw;
  }

  .head-list-wrap {
    width: 75%;
    display: block;
  }

  .chvrn-list {
    width: 7.7vw;
    height: 7.7vw;
  }

  .form-cont {
    padding-top: 8vw;
    padding-bottom: 4.4vw;
  }

  .form-sect {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    border-radius: 4.4vw;
  }

  .form-blk {
    padding: 6.66667vw 6.66667vw 0;
  }

  .quote-blk {
    height: auto;
  }

  .form-txt-tag {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .form-tlt-des {
    grid-column-gap: 2.22vw;
    grid-row-gap: 2.22vw;
  }

  .inpt-cont {
    grid-column-gap: 1.66vw;
    grid-row-gap: 1.66vw;
  }

  .label {
    font-size: 3.3vw;
  }

  .txt-field {
    border-radius: 2.2vw;
    padding: 2.7vw 3.33vw;
    font-size: 3.611vw;
  }

  .txt-field-area {
    border-radius: 2.2vw;
    min-height: 40vw;
    max-height: 40vw;
    padding: 2.7vw 3.33vw;
    font-size: 3.611vw;
  }

  .form-btn-oth {
    padding-top: 4vw;
  }

  .form-bnf {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    padding-top: 6vw;
  }

  .form-icn {
    display: none;
  }

  .form-dvd {
    height: 4vw;
  }

  .form-img {
    display: none;
  }

  .quote-blck {
    padding: 0 6.66vw 6.66vw;
    position: static;
  }

  .form-quote-blck {
    border-radius: 3.3vw;
    flex-flow: column;
  }

  .quote-txt {
    grid-column-gap: 11.11vw;
    grid-row-gap: 11.11vw;
    text-align: center;
    align-items: center;
    padding: 0 6.66vw 8.8vw;
  }

  .ceo-txt {
    justify-content: center;
    align-items: center;
  }

  .txt-stl-3 {
    font-size: 7vw;
  }

  .form-dots, .form-grd {
    display: none;
  }

  .ft-dvd-cont {
    grid-column-gap: 2.22vw;
    grid-row-gap: 2.22vw;
    justify-content: flex-end;
    align-items: flex-start;
    height: auto;
    padding-top: 7vw;
    padding-bottom: 5vw;
    position: static;
  }

  .ft-dvd {
    background-image: linear-gradient(270deg, var(--gray-black--900), var(--gray-black--750) 20%, var(--gray-black--700) 50%, var(--gray-black--750) 80%, var(--gray-black--900));
    inset: 5% 0% auto;
  }

  .ft-dvd.btm {
    display: none;
  }

  .ft-cont-lnk {
    grid-column-gap: 17.7778vw;
    grid-row-gap: 17.7778vw;
    flex-flow: column;
    position: static;
  }

  .ft-inf {
    width: 100%;
    padding-top: 10vw;
    padding-right: 14vw;
  }

  .ft-lnks {
    grid-column-gap: 3.33vw;
    grid-row-gap: 10vw;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .ft-lg-txt {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
  }

  .ft-lg {
    width: 35.2778vw;
  }

  .ft-lg-txt-btm {
    grid-column-gap: 1.66667vw;
    grid-row-gap: 1.66667vw;
  }

  .footerlinks {
    font-size: 3.33vw;
  }

  .scl-icon {
    width: 5vw;
    height: 5vw;
  }

  .ft-cl {
    grid-column-gap: 3.33vw;
    grid-row-gap: 3.33vw;
    width: auto;
  }

  .ft-cl-ls {
    grid-column-gap: 1.66667vw;
    grid-row-gap: 1.66667vw;
  }

  .ft-btm-cont {
    grid-column-gap: 6.66667vw;
    grid-row-gap: 6.66667vw;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .eq-txt {
    grid-column-gap: 1.6vw;
    grid-row-gap: 1.6vw;
  }

  .eq-img {
    width: 17.22vw;
  }

  .ft-dot.desktop {
    display: none;
  }

  .ft-dot.mobile {
    display: block;
    top: 5.3%;
  }

  .main-cont-sl {
    padding-left: 4.4vw;
    padding-right: 4.4vw;
    position: relative;
  }

  .dmv-cont {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

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

  .dmv-text-cont {
    grid-column-gap: 4.44vw;
    grid-row-gap: 4.44vw;
    width: 100%;
  }

  .dmv-cont-h {
    grid-column-gap: 4.44vw;
    grid-row-gap: 4.44vw;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
  }

  .div-block-10 {
    width: 100%;
    height: 50vh;
  }

  .sls-cont {
    border-radius: 4.44vw;
  }

  .app-cont-cont.txt {
    height: auto;
    padding: 6vw;
  }

  .apps-coll {
    padding-top: 4.4vw;
  }

  .apps-col-col {
    grid-column-gap: 1vw;
    grid-row-gap: 1.2vw;
  }

  .sales-tab {
    border-radius: 2.2vw;
    height: 8.3vw;
    padding: 2.6vw 2.4vw;
    box-shadow: 0 .5vw .83vw #b8b8b80d;
  }

  .tab-text {
    font-size: 3.1vw;
  }

  .tg-sn {
    border-radius: 1vw;
    padding: .83vw 1.38vw;
    left: 1.1vw;
  }

  .app-desc-cont {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    border-width: 0;
    border-radius: 0;
    height: 40vw;
    padding: 10vw 0 0;
  }

  .mck-cont {
    border-radius: 1.277vw;
    justify-content: center;
    align-items: flex-start;
    width: 85vw;
    height: 55.5vw;
    margin-top: 3.88vw;
  }

  .vid-url {
    border-radius: .5vw;
    margin: .8vw;
  }

  .label-tab {
    font-size: 2.5vw;
  }

  .h3-apps {
    margin-bottom: 2vw;
  }

  .operat-tab {
    border-radius: 2.2vw;
    height: 8.3vw;
    padding: 2.6vw 2.4vw;
    font-size: 4.16vw;
    box-shadow: 0 .5vw .8vw #b8b8b80d;
  }

  .tg-op-sn {
    border-radius: 1vw;
    padding: .83vw 1.38vw;
    left: 1.1vw;
  }

  .opr-cont {
    border-radius: 4.44vw;
  }

  .hr-mc {
    border-radius: 1.27vw;
    justify-content: center;
    align-items: stretch;
    width: 90vw;
    height: 58vw;
    padding: .8vw;
    box-shadow: 0 0 1.11vw #0000000d;
  }

  .img-hr {
    object-fit: cover;
    height: 76vw;
    position: absolute;
    inset: -15% 0% 0%;
  }

  .hr-mc-ln {
    border-radius: .5vw;
  }

  .demo-video {
    opacity: 100;
    width: 100vw;
    margin-top: 10vw;
    margin-bottom: 20vw;
    overflow: visible;
  }

  .close-l-btn.is-lightbox-close {
    border-radius: 2vw;
    padding: 1.8vw 3.5vw;
    top: -13.5vw;
  }

  .pl-r {
    width: 21vw;
  }

  .main-cont-nav {
    border-radius: 3.33vw;
    padding-left: 1.5vw;
    padding-right: 2.22vw;
    position: relative;
    box-shadow: 0 1.66vw 4vw #81818133;
  }

  .nav-bar {
    padding-top: 2.2vw;
    padding-left: 2.2vw;
    padding-right: 2.1vw;
  }

  .nav-logo {
    height: 15vw;
  }

  .nav-logo.w--current {
    height: 15.83vw;
  }

  .lg-nav {
    width: 36vw;
    height: 11vw;
  }

  .nav-links {
    height: 85vh;
  }

  .lg-tab {
    grid-column-gap: 2.3vw;
    grid-row-gap: 2.3vw;
  }

  .nav-dvd-for {
    width: 4.44vw;
  }

  .dvd-nav {
    width: .23vw;
    height: 8.3vw;
  }

  .p-for {
    font-size: 2.77vw;
  }

  .tab-con-nav {
    border-radius: 2.2vw;
    width: 32.5vw;
    height: 11.38vw;
    padding: 1.2vw;
  }

  .nav-tab-item.w--current {
    border-radius: 1.38vw;
    box-shadow: 0 .27vw 1.6vw #0000001f;
  }

  .nav-tab-item.active {
    border-radius: 1.2vw;
  }

  .nav-drop {
    justify-content: center;
    align-self: flex-start;
    align-items: flex-start;
  }

  .drop-down-icon {
    width: 4vw;
    height: 4vw;
  }

  .drop-down-cont {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
  }

  .nav-drop-list {
    width: 75.5vw;
    padding-bottom: 0;
  }

  .nav-links-cont {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
    overflow: scroll;
  }

  .nav-btn-cont {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    flex-flow: row;
    justify-content: flex-start;
    align-items: stretch;
  }

  .lng-cont {
    flex: 1;
    width: 18vw;
    height: 40px;
  }

  .btns-nav {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .brg-btn {
    border-radius: 2.2vw;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 11.38vw;
    height: 11.38vw;
    padding: 3.05vw;
    display: flex;
  }

  .brg-ic {
    width: 5vw;
    height: 5vw;
  }

  .column-list {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    margin-top: 6vw;
    padding-top: 6vw;
  }

  .sol-cl-cont {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .item-list-lnk {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    padding-left: 0;
  }

  .nav-links-wrap {
    border-radius: 3vw;
    padding: 5vw;
  }

  .ser-cont {
    border-radius: 4.44vw;
  }

  .serv-tab {
    border-radius: 2.2vw;
    height: 8.3vw;
    padding: 2.6vw 2.4vw;
    font-size: 4.16vw;
    box-shadow: 0 .5vw .8vw #b8b8b80d;
  }

  .black-blur {
    filter: blur(3.2vw);
    width: 40vw;
    height: 4vw;
  }

  .tg-sr-sn {
    border-radius: 1vw;
    padding: .83vw 1.38vw;
    left: 1.1vw;
  }

  .thnk-txt {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    width: 100%;
  }

  .con-cont {
    top: 11%;
  }

  .txt-stl-4 {
    font-size: 14vw;
  }

  .txt-stl-4-sm {
    font-size: 11vw;
  }

  .tstm-tag {
    border-radius: 2vw;
    padding: 1vw 2vw;
  }

  .icn-cont-lnk {
    border-radius: 2vw;
    width: 10vw;
    height: 10vw;
  }

  .lnk-ic {
    width: 8vw;
  }

  .dvd-md {
    background-color: var(--gray-black--50);
    width: 100%;
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hm-pc-ds {
    display: none;
  }

  .hm-pc-ds-mb {
    display: block;
  }

  ._404-img {
    width: 70vw;
  }

  ._404-txt-cont {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    width: 70vw;
  }

  ._404-img-cont {
    justify-content: center;
    align-items: flex-end;
    width: 60vw;
    height: 26vw;
    margin-bottom: 8vw;
  }

  .german-only-link, .footerlink, .dutchfooter {
    font-size: 3.33vw;
  }

  .uc-hero-section, .uc-content-section, .uc-aanpak-section, .uc-cta-section {
    padding-left: 10px;
    padding-right: 10px;
  }
}

#w-node-_36ea07f2-1858-b08c-6577-1f42f8f01b77-75e343b5, #w-node-c1d90c73-98c8-567e-132f-930f10932d03-75e343b5, #w-node-c10625e0-3282-7869-d4af-8ead815e9b48-75e343b5 {
  align-self: auto;
}

#w-node-_67bf2315-f336-d7dc-efda-72e6f910d0ef-75e343b5 {
  justify-self: center;
}

#w-node-_51326728-5413-c424-d712-ee5fa4f31c95-75e343b5, #w-node-_040a51aa-dd54-0212-fcf7-965cf2dcb2f0-75e343b5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1600c23d-eea7-f200-e994-b99a4c140345-8893ca84, #w-node-_900da426-c39c-4d64-e4ff-3a24b972fbec-8893ca84, #w-node-_870dfbe7-efba-001e-d81a-00ac153130ed-8893ca84 {
  place-self: center;
}

#w-node-_67a24892-fd33-b7fe-c57b-d617d0dad93d-46355082, #w-node-_392885b3-7753-9892-f11d-383ea37a3863-46355082, #w-node-_92cf1c8b-a29f-3bf5-abe5-65051eeaa8ca-46355082 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1600c23d-eea7-f200-e994-b99a4c140345-8893cb2d, #w-node-_900da426-c39c-4d64-e4ff-3a24b972fbec-8893cb2d, #w-node-_870dfbe7-efba-001e-d81a-00ac153130ed-8893cb2d, #w-node-_1600c23d-eea7-f200-e994-b99a4c140345-8893cb30, #w-node-_900da426-c39c-4d64-e4ff-3a24b972fbec-8893cb30, #w-node-_870dfbe7-efba-001e-d81a-00ac153130ed-8893cb30 {
  place-self: center;
}

#w-node-_668bc022-b3ee-51bf-a3fb-6559fc2b281a-8893cb40 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a95f3d42-22f0-098f-f738-b07eda3912e5-8893cb40 {
  align-self: center;
}

#w-node-_935451b7-e2c4-cba8-b055-59c2026b75a6-8893cb69 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_935451b7-e2c4-cba8-b055-59c2026b75a7-8893cb69 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_935451b7-e2c4-cba8-b055-59c2026b75a9-8893cb69, #w-node-_935451b7-e2c4-cba8-b055-59c2026b75b1-8893cb69, #w-node-_935451b7-e2c4-cba8-b055-59c2026b75b9-8893cb69, #w-node-_935451b7-e2c4-cba8-b055-59c2026b75c1-8893cb69, #w-node-_935451b7-e2c4-cba8-b055-59c2026b75c9-8893cb69, #w-node-_935451b7-e2c4-cba8-b055-59c2026b75d1-8893cb69 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_935451b7-e2c4-cba8-b055-59c2026b75d2-8893cb69 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_935451b7-e2c4-cba8-b055-59c2026b75d4-8893cb69, #w-node-_935451b7-e2c4-cba8-b055-59c2026b75dc-8893cb69, #w-node-_935451b7-e2c4-cba8-b055-59c2026b75e4-8893cb69, #w-node-_935451b7-e2c4-cba8-b055-59c2026b75ec-8893cb69, #w-node-_935451b7-e2c4-cba8-b055-59c2026b75f4-8893cb69 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_36ea07f2-1858-b08c-6577-1f42f8f01b77-6b20c78f, #w-node-c1d90c73-98c8-567e-132f-930f10932d03-6b20c78f, #w-node-c10625e0-3282-7869-d4af-8ead815e9b48-6b20c78f {
  align-self: auto;
}

#w-node-_67bf2315-f336-d7dc-efda-72e6f910d0ef-6b20c78f {
  justify-self: center;
}

#w-node-_51326728-5413-c424-d712-ee5fa4f31c95-6b20c78f, #w-node-_040a51aa-dd54-0212-fcf7-965cf2dcb2f0-6b20c78f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_36ea07f2-1858-b08c-6577-1f42f8f01b77-02424835, #w-node-c1d90c73-98c8-567e-132f-930f10932d03-02424835, #w-node-c10625e0-3282-7869-d4af-8ead815e9b48-02424835, #w-node-_36ea07f2-1858-b08c-6577-1f42f8f01b77-120488fe, #w-node-c1d90c73-98c8-567e-132f-930f10932d03-120488fe, #w-node-c10625e0-3282-7869-d4af-8ead815e9b48-120488fe, #w-node-_36ea07f2-1858-b08c-6577-1f42f8f01b77-fcb42997 {
  align-self: auto;
}

#w-node-_0998d99a-3560-221e-a539-12b134664037-fcb42997, #w-node-_5cf1f3b5-77c1-2a1a-9d40-9b47863d0f15-fcb42997 {
  justify-self: stretch;
}

#w-node-_67bf2315-f336-d7dc-efda-72e6f910d0ef-fcb42997 {
  justify-self: center;
}

#w-node-_51326728-5413-c424-d712-ee5fa4f31c95-fcb42997, #w-node-_040a51aa-dd54-0212-fcf7-965cf2dcb2f0-fcb42997 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_110ed1b2-3d0e-7001-f932-bd533b8934cb-d4b5f885 {
  justify-self: center;
}

#w-node-_36ea07f2-1858-b08c-6577-1f42f8f01b77-d4b5f885, #w-node-c1d90c73-98c8-567e-132f-930f10932d03-d4b5f885, #w-node-c10625e0-3282-7869-d4af-8ead815e9b48-d4b5f885 {
  align-self: auto;
}

#w-node-_0998d99a-3560-221e-a539-12b134664037-d4b5f885, #w-node-_5cf1f3b5-77c1-2a1a-9d40-9b47863d0f15-d4b5f885 {
  justify-self: stretch;
}

#w-node-_67bf2315-f336-d7dc-efda-72e6f910d0ef-d4b5f885 {
  justify-self: center;
}

#w-node-_51326728-5413-c424-d712-ee5fa4f31c95-d4b5f885, #w-node-_040a51aa-dd54-0212-fcf7-965cf2dcb2f0-d4b5f885 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_110ed1b2-3d0e-7001-f932-bd533b8934cb-2e1a815e {
  justify-self: center;
}

#w-node-_36ea07f2-1858-b08c-6577-1f42f8f01b77-2e1a815e, #w-node-c1d90c73-98c8-567e-132f-930f10932d03-2e1a815e, #w-node-c10625e0-3282-7869-d4af-8ead815e9b48-2e1a815e {
  align-self: auto;
}

#w-node-_0998d99a-3560-221e-a539-12b134664037-2e1a815e, #w-node-_5cf1f3b5-77c1-2a1a-9d40-9b47863d0f15-2e1a815e {
  justify-self: stretch;
}

#w-node-_67bf2315-f336-d7dc-efda-72e6f910d0ef-2e1a815e {
  justify-self: center;
}

#w-node-_51326728-5413-c424-d712-ee5fa4f31c95-2e1a815e, #w-node-_040a51aa-dd54-0212-fcf7-965cf2dcb2f0-2e1a815e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (min-width: 1920px) {
  #w-node-_51326728-5413-c424-d712-ee5fa4f31c95-75e343b5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_040a51aa-dd54-0212-fcf7-965cf2dcb2f0-75e343b5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: auto;
  }

  #w-node-_51326728-5413-c424-d712-ee5fa4f31c95-6b20c78f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_040a51aa-dd54-0212-fcf7-965cf2dcb2f0-6b20c78f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: auto;
  }

  #w-node-_0998d99a-3560-221e-a539-12b134664037-fcb42997 {
    align-self: stretch;
  }

  #w-node-_51326728-5413-c424-d712-ee5fa4f31c95-fcb42997 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_040a51aa-dd54-0212-fcf7-965cf2dcb2f0-fcb42997 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: auto;
  }

  #w-node-_0998d99a-3560-221e-a539-12b134664037-d4b5f885 {
    align-self: stretch;
  }

  #w-node-_51326728-5413-c424-d712-ee5fa4f31c95-d4b5f885 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_040a51aa-dd54-0212-fcf7-965cf2dcb2f0-d4b5f885 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: auto;
  }

  #w-node-_0998d99a-3560-221e-a539-12b134664037-2e1a815e {
    align-self: stretch;
  }

  #w-node-_51326728-5413-c424-d712-ee5fa4f31c95-2e1a815e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_040a51aa-dd54-0212-fcf7-965cf2dcb2f0-2e1a815e {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: auto;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_36ea07f2-1858-b08c-6577-1f42f8f01b77-75e343b5 {
    justify-self: stretch;
  }

  #w-node-_00ecd766-7803-4b5e-6b93-e16985a3640b-75e343b5 {
    order: 0;
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
  }

  #w-node-c1d90c73-98c8-567e-132f-930f10932d22-75e343b5, #w-node-c10625e0-3282-7869-d4af-8ead815e9b65-75e343b5 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
  }

  #w-node-fb836dff-5d61-e13c-158a-541fc0d723fb-c0d723f8, #w-node-_5f3be92f-f616-ff4b-618c-116d98c32f76-c0d723f8, #w-node-d9f21bcf-4776-b20c-b6c1-647191a8e0d2-8893caec, #w-node-d9f21bcf-4776-b20c-b6c1-647191a8e0d7-8893caec {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af9229555584-8893cafa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af9229555589-8893cafa {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af922955558e-8893cafa {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af9229555598-8893cafa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af922955559b-8893cafa {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af922955559e-8893cafa {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af92295555a6-8893cafa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af92295555a9-8893cafa {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af92295555ac-8893cafa {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af92295555b4-8893cafa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af92295555b6-8893cafa {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af92295555b8-8893cafa {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af92295555bf-8893cafa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af92295555c1-8893cafa {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af92295555c3-8893cafa {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af92295555ca-8893cafa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af92295555cc-8893cafa {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af92295555ce-8893cafa {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af92295555d5-8893cafa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af92295555d7-8893cafa {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af92295555d9-8893cafa {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af92295555e0-8893cafa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af92295555e2-8893cafa {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af92295555e4-8893cafa {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af92295555eb-8893cafa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af92295555ed-8893cafa {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af92295555ef-8893cafa {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af92295555f6-8893cafa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af92295555f8-8893cafa {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af92295555fa-8893cafa {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af9229555601-8893cafa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af9229555603-8893cafa {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af9229555605-8893cafa {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af922955560c-8893cafa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af922955560e-8893cafa {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af9229555610-8893cafa {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af9229555617-8893cafa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af9229555619-8893cafa {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_7ec96865-07bb-77fc-4fcd-af922955561b-8893cafa {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_98a4349f-8421-ebc8-7c9c-efcdf84febe6-8893cb47 {
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-_4aa6d78b-e40e-ea68-85ce-27f7216549cc-8893cb47 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-f2faa30d-64d7-7140-b581-00ad54ebb1cf-8893cb47 {
    grid-area: 2 / 3 / 3 / 5;
  }

  #w-node-_4c1113ed-9f79-408e-ca82-6a1961547fb8-8893cb47 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_820ca006-5fe1-6cfc-c419-fff3f36593ff-8893cb47 {
    grid-area: 3 / 3 / 4 / 5;
  }

  #w-node-_57be9a2e-f545-1686-1437-df2c244d6841-8893cb47 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_57be9a2e-f545-1686-1437-df2c244d6846-8893cb47 {
    grid-area: 2 / 3 / 3 / 5;
  }

  #w-node-_57be9a2e-f545-1686-1437-df2c244d684b-8893cb47 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_57be9a2e-f545-1686-1437-df2c244d6850-8893cb47 {
    grid-area: 3 / 3 / 4 / 5;
  }

  #w-node-cfed8045-d735-cec5-11fc-f98e4b0265eb-8893cb47 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-cfed8045-d735-cec5-11fc-f98e4b0265ee-8893cb47 {
    grid-area: 2 / 3 / 3 / 5;
  }

  #w-node-cfed8045-d735-cec5-11fc-f98e4b0265f1-8893cb47 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-cfed8045-d735-cec5-11fc-f98e4b0265f4-8893cb47 {
    grid-area: 3 / 3 / 4 / 5;
  }

  #w-node-a9eaa540-1af5-620e-b785-027fe3db2a3d-8893cb47 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-a9eaa540-1af5-620e-b785-027fe3db2a40-8893cb47 {
    grid-area: 2 / 3 / 3 / 5;
  }

  #w-node-a9eaa540-1af5-620e-b785-027fe3db2a43-8893cb47 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-a9eaa540-1af5-620e-b785-027fe3db2a46-8893cb47 {
    grid-area: 3 / 3 / 4 / 5;
  }

  #w-node-_558085e1-337c-27a9-208b-8f0a5b23cbcf-8893cb47 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_558085e1-337c-27a9-208b-8f0a5b23cbd1-8893cb47 {
    grid-area: 2 / 3 / 3 / 5;
  }

  #w-node-_558085e1-337c-27a9-208b-8f0a5b23cbd3-8893cb47 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_558085e1-337c-27a9-208b-8f0a5b23cbd5-8893cb47 {
    grid-area: 3 / 3 / 4 / 5;
  }

  #w-node-_8b86bb92-57bd-c173-d80c-6719cc86f137-8893cb47 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_8b86bb92-57bd-c173-d80c-6719cc86f139-8893cb47 {
    grid-area: 2 / 3 / 3 / 5;
  }

  #w-node-_8b86bb92-57bd-c173-d80c-6719cc86f13b-8893cb47 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_8b86bb92-57bd-c173-d80c-6719cc86f13d-8893cb47 {
    grid-area: 3 / 3 / 4 / 5;
  }

  #w-node-d9bc814e-c0aa-a5f5-7c26-bdd005032e25-8893cb47 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-d9bc814e-c0aa-a5f5-7c26-bdd005032e27-8893cb47 {
    grid-area: 2 / 3 / 3 / 5;
  }

  #w-node-d9bc814e-c0aa-a5f5-7c26-bdd005032e29-8893cb47 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-d9bc814e-c0aa-a5f5-7c26-bdd005032e2b-8893cb47 {
    grid-area: 3 / 3 / 4 / 5;
  }

  #w-node-_4bc18879-97d7-f2a4-11d4-473ef2a232ff-8893cb47 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_4bc18879-97d7-f2a4-11d4-473ef2a23301-8893cb47 {
    grid-area: 2 / 3 / 3 / 5;
  }

  #w-node-_4bc18879-97d7-f2a4-11d4-473ef2a23303-8893cb47 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_4bc18879-97d7-f2a4-11d4-473ef2a23305-8893cb47 {
    grid-area: 3 / 3 / 4 / 5;
  }

  #w-node-a71b6606-dd91-8b59-adcd-246b905226f8-8893cb47 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-a71b6606-dd91-8b59-adcd-246b905226fa-8893cb47 {
    grid-area: 2 / 3 / 3 / 5;
  }

  #w-node-a71b6606-dd91-8b59-adcd-246b905226fc-8893cb47 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-a71b6606-dd91-8b59-adcd-246b905226fe-8893cb47 {
    grid-area: 3 / 3 / 4 / 5;
  }

  #w-node-_4c180c4c-6c23-68d4-3791-d61952dfd294-8893cb47 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_4c180c4c-6c23-68d4-3791-d61952dfd296-8893cb47 {
    grid-area: 2 / 3 / 3 / 5;
  }

  #w-node-_4c180c4c-6c23-68d4-3791-d61952dfd298-8893cb47 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_4c180c4c-6c23-68d4-3791-d61952dfd29a-8893cb47 {
    grid-area: 3 / 3 / 4 / 5;
  }

  #w-node-e72ad457-d2eb-d41a-fb95-b15ff8b11e2f-8893cb47 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-e72ad457-d2eb-d41a-fb95-b15ff8b11e31-8893cb47 {
    grid-area: 2 / 3 / 3 / 5;
  }

  #w-node-e72ad457-d2eb-d41a-fb95-b15ff8b11e33-8893cb47 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-e72ad457-d2eb-d41a-fb95-b15ff8b11e35-8893cb47 {
    grid-area: 3 / 3 / 4 / 5;
  }

  #w-node-_105e5456-05c4-794c-9c32-5bb73fa58def-8893cb47 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_105e5456-05c4-794c-9c32-5bb73fa58df1-8893cb47 {
    grid-area: 2 / 3 / 3 / 5;
  }

  #w-node-_105e5456-05c4-794c-9c32-5bb73fa58df3-8893cb47 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_105e5456-05c4-794c-9c32-5bb73fa58df5-8893cb47 {
    grid-area: 3 / 3 / 4 / 5;
  }

  #w-node-_6d65cbdb-c1ad-9632-da89-e78aa1f32938-8893cb47 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_6d65cbdb-c1ad-9632-da89-e78aa1f3293a-8893cb47 {
    grid-area: 2 / 3 / 3 / 5;
  }

  #w-node-_6d65cbdb-c1ad-9632-da89-e78aa1f3293c-8893cb47 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_6d65cbdb-c1ad-9632-da89-e78aa1f3293e-8893cb47 {
    grid-area: 3 / 3 / 4 / 5;
  }

  #w-node-_132fb877-feaf-2ffa-1670-affea41db6d4-a41db6d1, #w-node-a04f7d8b-fa73-38e4-d194-a39b7947c20c-a41db6d1 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_36ea07f2-1858-b08c-6577-1f42f8f01b77-6b20c78f {
    justify-self: stretch;
  }

  #w-node-_00ecd766-7803-4b5e-6b93-e16985a3640b-6b20c78f {
    order: 0;
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
  }

  #w-node-c1d90c73-98c8-567e-132f-930f10932d22-6b20c78f, #w-node-c10625e0-3282-7869-d4af-8ead815e9b65-6b20c78f {
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
  }

  #w-node-_36ea07f2-1858-b08c-6577-1f42f8f01b77-02424835 {
    justify-self: stretch;
  }

  #w-node-_00ecd766-7803-4b5e-6b93-e16985a3640b-02424835 {
    order: 0;
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
  }

  #w-node-c1d90c73-98c8-567e-132f-930f10932d22-02424835, #w-node-c10625e0-3282-7869-d4af-8ead815e9b65-02424835 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
  }

  #w-node-_36ea07f2-1858-b08c-6577-1f42f8f01b77-120488fe {
    justify-self: stretch;
  }

  #w-node-_00ecd766-7803-4b5e-6b93-e16985a3640b-120488fe {
    order: 0;
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
  }

  #w-node-c1d90c73-98c8-567e-132f-930f10932d22-120488fe, #w-node-c10625e0-3282-7869-d4af-8ead815e9b65-120488fe {
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
  }

  #w-node-_36ea07f2-1858-b08c-6577-1f42f8f01b77-fcb42997 {
    justify-self: stretch;
  }

  #w-node-_00ecd766-7803-4b5e-6b93-e16985a3640b-fcb42997 {
    order: 0;
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
  }

  #w-node-_0998d99a-3560-221e-a539-12b134664037-fcb42997 {
    grid-area: 2 / 1 / 3 / 2;
    place-self: stretch stretch;
  }

  #w-node-_5cf1f3b5-77c1-2a1a-9d40-9b47863d0f15-fcb42997 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-_36ea07f2-1858-b08c-6577-1f42f8f01b77-d4b5f885 {
    justify-self: stretch;
  }

  #w-node-_00ecd766-7803-4b5e-6b93-e16985a3640b-d4b5f885 {
    order: 0;
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
  }

  #w-node-c1d90c73-98c8-567e-132f-930f10932d22-d4b5f885, #w-node-c10625e0-3282-7869-d4af-8ead815e9b65-d4b5f885 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
  }

  #w-node-_0998d99a-3560-221e-a539-12b134664037-d4b5f885 {
    grid-area: 2 / 1 / 3 / 2;
    place-self: stretch stretch;
  }

  #w-node-_5cf1f3b5-77c1-2a1a-9d40-9b47863d0f15-d4b5f885 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-_36ea07f2-1858-b08c-6577-1f42f8f01b77-2e1a815e {
    justify-self: stretch;
  }

  #w-node-_00ecd766-7803-4b5e-6b93-e16985a3640b-2e1a815e {
    order: 0;
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
  }

  #w-node-c1d90c73-98c8-567e-132f-930f10932d22-2e1a815e, #w-node-c10625e0-3282-7869-d4af-8ead815e9b65-2e1a815e {
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
  }

  #w-node-_0998d99a-3560-221e-a539-12b134664037-2e1a815e {
    grid-area: 2 / 1 / 3 / 2;
    place-self: stretch stretch;
  }

  #w-node-_5cf1f3b5-77c1-2a1a-9d40-9b47863d0f15-2e1a815e {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_08a9a2e3-8efb-9e4f-5f44-d6f1cdde5df1-75e343b5, #w-node-_8a6b356f-ad82-0e9e-e69d-d2d57ca91c5d-75e343b5, #w-node-c12ea3a3-a444-2d50-43d9-e877745fee54-75e343b5, #w-node-_5ba2fa82-2aa2-3244-5b02-6d51ef7bf1eb-75e343b5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_088b766a-4c65-a672-0266-abe71144055e-11440559 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_088b766a-4c65-a672-0266-abe711440563-11440559 {
    justify-self: center;
  }

  #w-node-e2191d65-5740-43cc-1208-b9be8e677717-8e677703, #w-node-ad024a2e-4277-a8bf-4d18-4c9d71a5a648-8893ca84 {
    justify-self: stretch;
  }

  #w-node-fb836dff-5d61-e13c-158a-541fc0d72420-c0d723f8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d9f21bcf-4776-b20c-b6c1-647191a8e0b7-8893caf0, #w-node-d9f21bcf-4776-b20c-b6c1-647191a8e0b7-8893caec {
    justify-self: stretch;
  }

  #w-node-d9f21bcf-4776-b20c-b6c1-647191a8e105-8893caec {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ad024a2e-4277-a8bf-4d18-4c9d71a5a648-8893cb2d, #w-node-ad024a2e-4277-a8bf-4d18-4c9d71a5a648-8893cb30 {
    justify-self: stretch;
  }

  #w-node-a04f7d8b-fa73-38e4-d194-a39b7947c23a-a41db6d1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_08a9a2e3-8efb-9e4f-5f44-d6f1cdde5df1-6b20c78f, #w-node-_8a6b356f-ad82-0e9e-e69d-d2d57ca91c5d-6b20c78f, #w-node-c12ea3a3-a444-2d50-43d9-e877745fee54-6b20c78f, #w-node-_5ba2fa82-2aa2-3244-5b02-6d51ef7bf1eb-6b20c78f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_0998d99a-3560-221e-a539-12b134664037-fcb42997 {
    grid-area: 2 / 1 / 3 / 3;
    place-self: stretch stretch;
  }

  #w-node-_5cf1f3b5-77c1-2a1a-9d40-9b47863d0f15-fcb42997 {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: stretch;
  }

  #w-node-_08a9a2e3-8efb-9e4f-5f44-d6f1cdde5df1-fcb42997, #w-node-_8a6b356f-ad82-0e9e-e69d-d2d57ca91c5d-fcb42997, #w-node-c12ea3a3-a444-2d50-43d9-e877745fee54-fcb42997, #w-node-_5ba2fa82-2aa2-3244-5b02-6d51ef7bf1eb-fcb42997 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_0998d99a-3560-221e-a539-12b134664037-d4b5f885 {
    grid-area: 2 / 1 / 3 / 3;
    place-self: stretch stretch;
  }

  #w-node-_5cf1f3b5-77c1-2a1a-9d40-9b47863d0f15-d4b5f885 {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: stretch;
  }

  #w-node-_08a9a2e3-8efb-9e4f-5f44-d6f1cdde5df1-d4b5f885, #w-node-_8a6b356f-ad82-0e9e-e69d-d2d57ca91c5d-d4b5f885, #w-node-c12ea3a3-a444-2d50-43d9-e877745fee54-d4b5f885, #w-node-_5ba2fa82-2aa2-3244-5b02-6d51ef7bf1eb-d4b5f885 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_0998d99a-3560-221e-a539-12b134664037-2e1a815e {
    grid-area: 2 / 1 / 3 / 3;
    place-self: stretch stretch;
  }

  #w-node-_5cf1f3b5-77c1-2a1a-9d40-9b47863d0f15-2e1a815e {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: stretch;
  }

  #w-node-_08a9a2e3-8efb-9e4f-5f44-d6f1cdde5df1-2e1a815e, #w-node-_8a6b356f-ad82-0e9e-e69d-d2d57ca91c5d-2e1a815e, #w-node-c12ea3a3-a444-2d50-43d9-e877745fee54-2e1a815e, #w-node-_5ba2fa82-2aa2-3244-5b02-6d51ef7bf1eb-2e1a815e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


@font-face {
  font-family: 'Aspekta';
  src: url('../fonts/Aspekta-500.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aspekta';
  src: url('../fonts/Aspekta-700.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aspekta';
  src: url('../fonts/Aspekta-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aspekta';
  src: url('../fonts/Aspekta-550.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aspekta';
  src: url('../fonts/Aspekta-650.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Megabyte';
  src: url('../fonts/MegabyteBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Megabyte';
  src: url('../fonts/MegabyteLight.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Megabyte';
  src: url('../fonts/MegabyteBlack.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Megabyte';
  src: url('../fonts/MegabyteLightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Megabyte';
  src: url('../fonts/MegabyteBoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Megabyte';
  src: url('../fonts/MegabyteBlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Megabyte';
  src: url('../fonts/MegabyteMedium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Megabyte';
  src: url('../fonts/MegabyteRegular.otf') format('opentype'), url('../fonts/MegabyteRegular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Megabyte';
  src: url('../fonts/MegabyteRegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Megabyte';
  src: url('../fonts/MegabyteMediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
/* ============================================================
   Apps section overrides — standard desktop (≥992px, <1920px)
   Fixes: nav overlap, media containment, 2-col layout stability
   Keeps the sticky scroll-pinning animation intact.
   ============================================================ */
@media screen and (min-width: 992px) and (max-width: 1919px) {
  .apps-cont {
    align-items: stretch;
    padding-top: 7.5vw;
    padding-bottom: 3vw;
  }

  .sls-cont,
  .opr-cont,
  .ser-cont {
    grid-template-columns: minmax(0, 0.78fr) minmax(0, 1fr);
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
  }

  .app-cont-cont,
  .app-cont-img {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
  }

  .app-cont-cont.txt {
    padding: 3vw 2.4vw 3vw 3vw;
  }

  .mck-cont {
    width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    margin: 0;
  }

  .mck-cont-ads {
    padding: 1.4vw 1.6vw;
  }

  .vid-url {
    margin: 0.5vw;
  }

  .video-mc-sales,
  .video-mc-oprt,
  .video-mc-serv,
  video.video-mc-sales,
  video.video-mc-oprt,
  video.video-mc-serv {
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }

  .mc-img-sales,
  .mc-img-oprt,
  .mc-img-serv {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    position: absolute;
    inset: 0;
  }

  .img-apps.desktop {
    width: 50%;
  }
}

/* Wide-desktop refinement: also constrain mock width to its column
   so it never extends past the card edge on 16:9 displays. */
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .mck-cont {
    box-shadow: 0 8px 16px #0000000d;
    border-radius: 0.75vw;
  }
}

/* ============================================================
   FAQ — compact, modern 2-column grid with subtle borders
   ============================================================ */
.faq-cont-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
}
.faq-list {
  border: 1px solid var(--gray-black--100);
  background: var(--white);
  border-radius: 14px;
  overflow: hidden;
  transition: border-color .2s, box-shadow .2s;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.faq-list:hover { border-color: var(--gray-black--200); box-shadow: 0 6px 18px #0000000a; }
.faq-list .head-list,
.faq-list .head-list.w-dropdown-toggle {
  padding: 16px 22px !important;
  display: flex !important;
  align-items: center;
  gap: 14px;
  width: 100%;
  cursor: pointer;
}
.faq-list .faq-icon {
  flex: none;
  width: 34px; height: 34px;
  border-radius: 8px;
  background: linear-gradient(135deg, #1a1a1a 0%, #0b1220 100%);
  color: #ffffff;
  border: 1px solid rgba(255,255,255,0.06);
  box-shadow: 0 6px 18px -10px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.05);
  display: flex; align-items: center; justify-content: center;
}
.faq-list .faq-icon svg { stroke: #ffffff; width: 16px; height: 16px; }
.faq-list .head-list-wrap { flex: 1; }
.faq-tlt {
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  margin: 0 !important;
}
.faq-list .chvrn-list {
  width: 14px; height: 14px; flex: none;
  transition: transform .25s;
  opacity: .55;
  margin-left: auto;
}
.faq-list.w--open .chvrn-list { transform: rotate(180deg); opacity: 1; }
.faq-list .drpdwn-list,
.faq-list nav.drpdwn-list.w-dropdown-list {
  position: static !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  width: 100% !important;
}
.faq-list .drpdwn-cont { padding: 0 22px 16px 72px !important; }
.faq-list .drpdwn-cont .p1 {
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: var(--gray-black--700);
  margin: 0;
}
@media (max-width: 767px) {
  .faq-list .head-list { padding: 14px 16px !important; gap: 12px; }
  .faq-list .faq-icon { width: 28px; height: 28px; }
  .faq-tlt { font-size: 14px !important; }
  .faq-list .drpdwn-cont { padding: 0 16px 14px 52px !important; }
}

/* Testimonials marquee — linear continuous scroll */
.testimonials .swiper-wrapper {
  transition-timing-function: linear !important;
  -webkit-transition-timing-function: linear !important;
}
.testimonials .swiper-pagination { display: none !important; }
.tsts-ar-cont { display: none !important; }

/* Compact USP cards — sizing aligned with site typography */
.why-crds {
  gap: 16px !important;
  padding-top: 24px !important;
  padding-bottom: 0 !important;
}
.why-cont { padding-bottom: 0 !important; }
.why-crd {
  padding: 22px 24px !important;
  gap: 14px !important;
  border-radius: 14px !important;
  height: auto !important;
}
.why-icon {
  width: 40px !important;
  height: 40px !important;
}
.why-crd h3 {
  font-size: 20px !important;
  line-height: 1.25 !important;
  margin: 0 0 6px !important;
  font-weight: 600 !important;
}
.why-crd .p1 {
  font-size: 16px !important;
  line-height: 1.5 !important;
}
.why-txt { gap: 4px !important; }
@media (max-width: 767px) {
  .why-crd { padding: 18px 20px !important; }
  .why-crd h3 { font-size: 18px !important; }
  .why-crd .p1 { font-size: 15px !important; }
}

/* FAQ typography aligned with site */
.faq-tlt { font-size: 16px !important; }
.faq-list .drpdwn-cont .p1 { font-size: 14px !important; }
@media (max-width: 767px) {
  .faq-tlt { font-size: 14px !important; }
  .faq-list .drpdwn-cont .p1 { font-size: 14px !important; }
}

/* ==== Modern nav restyle (2026) ==== */
.drop-down-icon { display: none !important; }

.nav-bar { backdrop-filter: saturate(140%) blur(14px); -webkit-backdrop-filter: saturate(140%) blur(14px); background-color: color-mix(in oklab, white 78%, transparent); }

.nav-links-cont { gap: 6px; }
.nav-drop .drop-down-cont,
.nav-link a.p1 {
  padding: 9px 16px !important;
  border-radius: 999px;
  font-weight: 500;
  letter-spacing: -0.01em;
  transition: background-color .18s ease, color .18s ease, opacity .18s ease;
  color: var(--gray-black--900, #0b1220);
}
.nav-drop .drop-down-cont:hover,
.nav-link a.p1:hover {
  background-color: color-mix(in oklab, var(--gray-black--100, #e9ecf2) 70%, transparent);
  opacity: 1 !important;
}
.nav-drop.w--open > .drop-down-cont {
  background-color: color-mix(in oklab, var(--gray-black--100, #e9ecf2) 90%, transparent);
}

/* Subtle dropdown chevron indicator */
.drop-down-cont::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%230b1220' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 1;
  transition: transform 0.2s ease, opacity 0.2s ease;
  flex-shrink: 0;
}

.drop-down-cont:hover::after {
  opacity: 0.7;
  transform: translateY(1px);
}

.nav-drop.w--open > .drop-down-cont::after {
  transform: rotate(180deg);
  opacity: 0.7;
}

/* Hide on mobile where custom nav takes over */
@media (max-width: 991px) {
  .drop-down-cont::after {
    display: none !important;
  }
}

/* Hide Weglot language switcher arrow */
.lng-cont .wg-li::after,
.lng-cont .wg-drop.country-selector .wgcurrent::after,
.lng-cont .wgcurrent::after,
.lng-cont .country-selector .wgcurrent:after,
.lng-cont .wg-drop a.wg-current:after,
.lng-cont .wgcurrent .wg-flag + span::after,
.lng-cont [class*="wg"] [class*="arrow"],
.lng-cont [class*="wg"] svg { display: none !important; background-image: none !important; }
.lng-cont .wgcurrent { padding-right: 8px !important; background-image: none !important; }

/* ==== Apps right-column restructure: description on top, media below ==== */
@media screen and (min-width: 992px) {
  .sls-cont, .opr-cont, .ser-cont {
    align-items: stretch !important;
    gap: 2vw;
  }
  .app-cont-cont.txt {
    padding: 2.4vw 1.4vw 2.4vw 2.6vw !important;
    align-self: stretch;
  }
  .app-cont-img {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1vw;
    padding: 2.4vw 2.6vw 2.4vw 0 !important;
    background: transparent;
    min-width: 0;
    min-height: 0;
  }
  .app-cont-img .app-desc-cont {
    position: static !important;
    width: 100%;
    margin: 0 !important;
    padding: 0 0 0 0.4vw !important;
    flex: none;
  }
  .app-cont-img .app-descr {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  .app-cont-img .h3-apps {
    margin: 0 0 0.5vw !important;
    font-size: 2.2vw !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em;
    color: var(--gray-black--900, #0b1220);
  }
  .app-cont-img .p1.apps,
  .app-cont-img .app-descr .p1 {
    margin: 0 !important;
    font-size: 1.05vw !important;
    line-height: 1.55 !important;
    color: color-mix(in oklab, var(--gray-black--900, #0b1220) 72%, transparent);
    max-width: 90%;
  }
  .app-cont-img .mck-cont-ads {
    flex: 0 0 auto;
    min-height: 0;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible;
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
  .sls-cont .app-cont-img .vid-url {
    background: linear-gradient(180deg,
      color-mix(in oklab, var(--yellow, #FFD500) 18%, white) 0%,
      color-mix(in oklab, var(--yellow, #FFD500) 8%, white) 100%) !important;
  }
  .opr-cont .app-cont-img .vid-url {
    background: linear-gradient(180deg,
      color-mix(in oklab, #2563eb 14%, white) 0%,
      color-mix(in oklab, #2563eb 4%, white) 100%) !important;
  }
  .ser-cont .app-cont-img .vid-url {
    background: linear-gradient(180deg,
      color-mix(in oklab, #0b1220 10%, white) 0%,
      color-mix(in oklab, #0b1220 3%, white) 100%) !important;
  }
  .app-cont-img .mck-cont {
    position: relative !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    inset: auto !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .app-cont-img .vid-url {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 1vw !important;
    position: relative !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .app-cont-img .mock-vid-col,
  .app-cont-img .mock-vid-col-col,
  .app-cont-img .video-item {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    position: relative !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  /* Compact the overall block so it fits without huge whitespace */
  .apps-cont {
    padding-top: 6vw !important;
    padding-bottom: 2vw !important;
  }
}

/* Force-override absolute positioning + IX2 hiding for new layout */
@media screen and (min-width: 992px) {
  .app-cont-img .mck-cont-ads {
    position: relative !important;
    inset: auto !important;
  }
  .app-cont-img .mck-cont {
    width: auto !important;
    left: 0 !important;
    height: auto !important;
    aspect-ratio: auto !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .sls-cont .app-cont-img .vid-url {
    border: 1px solid color-mix(in oklab, var(--yellow, #FFD500) 35%, transparent) !important;
    border-radius: 18px !important;
    margin: 0 !important;
    box-shadow:
      0 0 0 1px color-mix(in oklab, var(--yellow, #FFD500) 20%, transparent),
      0 12px 32px -8px color-mix(in oklab, var(--yellow, #FFD500) 35%, transparent),
      0 -8px 24px -10px color-mix(in oklab, var(--yellow, #FFD500) 25%, transparent) !important;
  }
  .opr-cont .app-cont-img .vid-url {
    border: 1px solid color-mix(in oklab, #2563eb 30%, transparent) !important;
    border-radius: 18px !important;
    margin: 0 !important;
    box-shadow:
      0 0 0 1px color-mix(in oklab, #2563eb 18%, transparent),
      0 12px 32px -8px color-mix(in oklab, #2563eb 30%, transparent),
      0 -8px 24px -10px color-mix(in oklab, #2563eb 22%, transparent) !important;
  }
  .ser-cont .app-cont-img .vid-url {
    border: 1px solid color-mix(in oklab, #0b1220 25%, transparent) !important;
    border-radius: 18px !important;
    margin: 0 !important;
    box-shadow:
      0 0 0 1px color-mix(in oklab, #0b1220 15%, transparent),
      0 12px 32px -8px color-mix(in oklab, #0b1220 30%, transparent),
      0 -8px 24px -10px color-mix(in oklab, #0b1220 22%, transparent) !important;
  }
  /* Description inherits panel-level fade from parent .sls-cont/.opr-cont/.ser-cont */
}

/* Ensure media renders with definite size in the new column layout */
@media screen and (min-width: 992px) {
  .app-cont-img .apps-img-bg-cont { display: none !important; }
  .app-cont-img .mck-cont-ads {
    width: auto !important;
    max-width: 100% !important;
    aspect-ratio: auto !important;
    height: auto !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  .app-cont-img .mck-cont {
    aspect-ratio: auto !important;
    height: auto !important;
    width: auto !important;
  }
  .app-cont-img .mc-img-sales,
  .app-cont-img .mc-img-oprt,
  .app-cont-img .mc-img-serv {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 60vh !important;
    object-fit: contain !important;
    display: block !important;
  }
  .app-cont-img .video-mc-sales,
  .app-cont-img .video-mc-oprt,
  .app-cont-img .video-mc-serv {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }
  .app-cont-img .video-item {
    position: relative !important;
    width: auto !important;
    height: auto !important;
    display: inline-flex !important;
  }
}

/* USP horizontal infinite marquee (desktop + mobile) */
.why-marquee {
  display: block !important;
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 4px 0;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%);
          mask-image: linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%);
}
.why-marquee .why-marquee-track {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  gap: 16px;
  animation: whyMarquee 60s linear infinite;
  will-change: transform;
}
.why-marquee:hover .why-marquee-track { animation-play-state: paused; }
.why-marquee .why-crd {
  flex: 0 0 auto;
  width: 320px;
  margin: 0 !important;
}
@keyframes whyMarquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
@media (max-width: 600px) {
  .why-marquee .why-crd { width: 260px; }
  .why-marquee .why-marquee-track { animation-duration: 45s; }
}

/* Navigation icon tinting per category */
.nav-col-leads .lnk-ic {
  filter: brightness(0) saturate(100%) invert(78%) sepia(70%) saturate(1800%) hue-rotate(360deg) brightness(103%) contrast(104%);
}
.nav-col-sales .lnk-ic {
  filter: brightness(0) saturate(100%) invert(28%) sepia(95%) saturate(2200%) hue-rotate(220deg) brightness(95%) contrast(95%);
}
.nav-col-ops .lnk-ic {
  filter: brightness(0) saturate(100%);
}

/* Tighten spacing between language selector and login button */
.nav-btn-cont .lng-cont { width: auto !important; margin-right: 4px !important; }
.nav-btn-cont .btns-nav { padding-left: 0 !important; }

/* === Apps viewer refinements (desktop) === */
@media screen and (min-width: 992px) {
  .app-cont-img {
    padding: 0 !important;
    gap: 0 !important;
    background: transparent;
  }
  .app-cont-img .app-desc-cont { display: none !important; }

  /* Subtle colored panel that matches media aspect — no top/bottom whitespace */
  .app-cont-img .mck-cont-ads {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    aspect-ratio: auto !important;
    padding: 0 !important;
    overflow: visible !important;
    width: 100% !important;
    height: auto !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .app-cont-img .mck-cont {
    aspect-ratio: auto !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    position: relative !important;
    inset: auto !important;
  }
  .app-cont-img .vid-url {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    border: 0 !important;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 18px 40px -18px color-mix(in oklab, var(--yellow, #FFD500) 55%, transparent),
                0 6px 18px -10px color-mix(in oklab, var(--yellow, #FFD500) 30%, transparent);
  }
  .opr-cont .app-cont-img .vid-url {
    box-shadow: 0 18px 40px -18px color-mix(in oklab, #2563eb 55%, transparent),
                0 6px 18px -10px color-mix(in oklab, #2563eb 30%, transparent);
  }
  .ser-cont .app-cont-img .vid-url {
    box-shadow: 0 18px 40px -18px rgba(11,18,32,0.55),
                0 6px 18px -10px rgba(11,18,32,0.30);
  }

  /* Description back below the apps list (left column) — no box, subtle top divider */
  .app-cont-cont.txt .app-desc-cont {
    display: block !important;
    margin-top: 1.6vw !important;
    padding: 1.4vw 0 0 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-top: 1px solid color-mix(in oklab, var(--gray-black--900, #0b1220) 10%, transparent) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .app-cont-cont.txt .app-descr {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  .app-cont-cont.txt .h3-apps {
    margin: 0 0 0.5vw !important;
    font-size: 1.6vw !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em;
    color: var(--gray-black--900, #0b1220);
  }
  .app-cont-cont.txt .p1.apps {
    margin: 0 !important;
    font-size: 1.05vw !important;
    line-height: 1.55 !important;
    color: color-mix(in oklab, var(--gray-black--900, #0b1220) 75%, transparent);
    max-width: 95%;
  }

  /* Media items: preserve aspect ratio, fill width */
  .app-cont-img .vid-url > .mock-vid-col,
  .app-cont-img .mock-vid-col-col,
  .app-cont-img .video-item {
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    display: block !important;
  }
  .app-cont-img .mc-img-sales,
  .app-cont-img .mc-img-oprt,
  .app-cont-img .mc-img-serv,
  .app-cont-img .video-mc-sales,
  .app-cont-img .video-mc-oprt,
  .app-cont-img .video-mc-serv {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
  }
}


/* Mobile: hide app description + title, show only media and apps list */
@media (max-width: 767px) {
  .app-cont-cont.txt .app-desc-cont,
  .app-cont-img .app-desc-cont,
  .app-desc-cont,
  .h3-apps,
  .p1.apps {
    display: none !important;
  }
}

/* Hide Webflow CMS placeholder when image src isn't bound yet */
.app-cont-img img.w-dyn-bind-empty,
.app-cont-img img[src*="placeholder.60f9b1840c.svg"],
.app-cont-img img:not([src]),
.app-cont-img img[src=""] {
  display: none !important;
}

/* ======================================================================
   HZ — unified navbar overrides (single source: src/routes/_nav.html)
   ====================================================================== */

/* 3. Make Product/Voor wie/Info hover state match the B2C/B2B2C tab style
      (rounded rectangle, not pill). Matches .nav-tab-item on hover/active. */
.hz-nav .drop-down-cont {
  border-radius: 10px;
  padding: 6px 14px;
  transition: background-color .15s ease;
}
.hz-nav .drop-down-cont:hover,
.hz-nav .drop-down-cont.w--open {
  background-color: #f1f1f1;
  border-radius: 10px;
}
.hz-nav .nav-link {
  border-radius: 10px;
  padding: 6px 14px;
  transition: background-color .15s ease;
}
.hz-nav .nav-link:hover { background-color: #f1f1f1; }
.hz-nav .nav-tab-item { border-radius: 10px; }

/* Mono icons in Voor wie / Info — render in neutral black, like product list */
.hz-nav .hz-ic-mono {
  width: 22px;
  height: 22px;
  object-fit: contain;
  filter: brightness(0);
  opacity: .85;
}

/* 4. Pull the language switcher right next to the buttons */
.hz-nav .hz-nav-btn-cont { gap: 8px; }
.hz-nav .hz-lng {
  margin-right: 4px !important;
  margin-left: 0 !important;
  padding: 0 !important;
}
.hz-nav .hz-lng:empty { display: flex; min-width: 32px; }

/* 5. Pico button: icon left of label, no extra whitespace */
.hz-nav .hz-pico-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.hz-nav .hz-pico-icon {
  height: 18px;
  width: auto;
  display: block;
}

/* ======================================================================
   HZ — compact apps sticky panels
   The original Webflow design pinned each apps panel at 100vh, leaving
   large empty bands above/below the media. Cap the panel height to the
   tallest media we typically upload so the section stays compact and
   stops shifting as the user scrolls.
   ====================================================================== */
@media (min-width: 768px) {
  .apps-stck-wrap,
  .apps-stck-elmnt,
  .sticky-element,
  .sticky-element.sticky-section,
  .sticky-trigger {
    height: clamp(560px, 78vh, 720px) !important;
  }
  .sticky-wrap {
    padding-bottom: clamp(560px, 78vh, 720px) !important;
  }
  /* Tighten the inner padding so content fits the smaller frame */
  .app-cont-cont.txt {
    padding: 2.4vw 2.2vw !important;
  }
  .mck-cont {
    height: auto !important;
    max-height: 100%;
  }
}

/* Breathing room between the sticky apps section and the top navbar */
@media (min-width: 768px) {
  .sticky-wrap { margin-top: 64px; }
  .sticky-element { top: 96px !important; }
}

/* ======================================================================
   HZ — disable sticky-scroll on the 3 apps blocks
   Stack them vertically. Each block has a static colored left rail
   (yellow/blue/black). No more pinning, no more height: 100vh.
   ====================================================================== */
.sticky-wrap {
  padding-bottom: 0 !important;
  margin-top: 24px !important;
}
.sticky-trigger {
  height: auto !important;
}
.sticky-track {
  position: static !important;
  inset: auto !important;
}
.sticky-element,
.sticky-element.sticky-section {
  position: static !important;
  height: auto !important;
  top: auto !important;
  overflow: visible !important;
  display: block !important;
}
.apps-cont {
  height: auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: block !important;
}
.apps-stck-wrap, .apps-stck-elmnt {
  height: auto !important;
  position: static !important;
}
/* Container: one column of three panels */
.apps-cont-scroll {
  position: relative !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: min(100%, 1295px) !important;
  max-width: calc(100vw - 48px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Hide the decorative dots image that sat behind the sticky stage */
.apps-cont-scroll > img.img-apps.desktop { display: none !important; }

/* Each block becomes its own card — no longer absolutely stacked */
.sls-cont,
.opr-cont,
.ser-cont {
  position: relative !important;
  inset: auto !important;
  height: auto !important;
  min-height: 520px;
  background-color: var(--white);
  border: 1px solid var(--gray-black--100);
  border-radius: 1.66vw;
  box-shadow: 0 .41vw .8vw #ccc3;
  overflow: hidden;
  /* Reset any Webflow IX2 inline transforms / opacity */
  transform: none !important;
  opacity: 1 !important;
}
.opr-cont.hide,
.ser-cont.hide { display: grid !important; }

/* Per-card colored left border (rebuilt) */
.sls-cont { border-left: 5px solid var(--yellow, #FFD500) !important; } /* Leads */
.opr-cont { border-left: 5px solid var(--blue--500) !important; } /* Sales */
.ser-cont { border-left: 5px solid var(--gray-black--900) !important; } /* Operatie */

/* Kill any pseudo-element rails from earlier rules */
.sls-cont::before, .opr-cont::before, .ser-cont::before,
.sls-cont::after,  .opr-cont::after,  .ser-cont::after {
  content: none !important; display: none !important;
  background: transparent !important;
}

/* Remove the decorative yellow line images that bleed across the apps section */
.sticky-wrap .line-cont,
.sticky-wrap .line-dot,
.line-cont.apps,
.sticky-wrap .img-apps.desktop,
.sticky-wrap .apps-img-bg-cont { display: none !important; }

/* Reset any IX2 transforms on inner panels too */
.sls-cont *, .opr-cont *, .ser-cont * {
  /* Only neutralize the wrapper-level transforms used by the scroll FX */
}
.app-cont-cont, .app-cont-img, .app-txt-cont, .mck-cont {
  transform: none !important;
  opacity: 1 !important;
}

/* ======================================================================
   HZ — apps cards refinements (static rails, dim non-focused, clean media)
   ====================================================================== */

/* More breathing room around and between the 3 cards */
.apps-cont-scroll { gap: 40px !important; padding-bottom: 64px; }

/* Hard-reset any residual transforms/opacity from Webflow IX2 */
.sticky-wrap, .sticky-trigger, .sticky-track,
.sticky-element, .apps-cont, .apps-cont-scroll,
.sls-cont, .opr-cont, .ser-cont,
.sls-cont *, .opr-cont *, .ser-cont * {
  transform: none !important;
  will-change: auto !important;
}

/* App description must always be visible (was hidden + animated in by IX2) */
.app-descr { display: flex !important; opacity: 1 !important; }
.h3-apps, .p1.apps { opacity: 1 !important; }

/* (rails removed — replaced by border-left above) */

/* Dim the cards that aren't centered in the viewport using scroll-driven view() */
@supports (animation-timeline: view()) {
  .sls-cont, .opr-cont, .ser-cont {
    animation: hz-card-focus linear both;
    animation-timeline: view();
    animation-range: cover 0% cover 100%;
  }
  @keyframes hz-card-focus {
    0%, 100% { opacity: .35; }
    40%, 60% { opacity: 1; }
  }
}

/* Media frame: drop the gray box, show only the media with a soft colored glow */
.mck-cont {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  width: auto !important;
  height: auto !important;
  left: 0 !important;
  padding: 0 !important;
  align-self: stretch;
  flex: 1;
}
.mck-cont-ads { padding: 1.6vw 1.6vw 1.6vw 0; }

.vid-url {
  border: 0 !important;
  margin: 0 !important;
  border-radius: 16px !important;
  overflow: hidden;
  background: transparent !important;
  box-shadow: none !important;
}
.vid-url img,
.vid-url video {
  border-radius: 16px !important;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Per-panel subtle colored glow around the media */
.sls-cont .vid-url { box-shadow: 0 12px 40px -12px rgba(245,197,24,.55), 0 0 0 1px rgba(245,197,24,.15) !important; }
.opr-cont .vid-url { box-shadow: 0 12px 40px -12px rgba(41,80,255,.45),  0 0 0 1px rgba(41,80,255,.15)  !important; }
.ser-cont .vid-url { box-shadow: 0 12px 40px -12px rgba(0,0,0,.45),       0 0 0 1px rgba(0,0,0,.12)        !important; }

/* Final app-section guard: no yellow rail, centered cards with page gutters */
.sticky-wrap .main-cont.stck {
  width: min(100% - 48px, 1295px) !important;
  max-width: 1295px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.sticky-wrap .apps-cont { width: 100% !important; }
.sticky-wrap .apps-cont-scroll {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.sticky-wrap #sales.sls-cont {
  border-left-color: var(--yellow, #FFD500) !important;
  box-shadow: inset 5px 0 0 var(--yellow, #FFD500), 0 .41vw .8vw #ccc3 !important;
}
.sticky-wrap #operations.opr-cont {
  border-left-color: var(--blue--500) !important;
  box-shadow: inset 5px 0 0 var(--blue--500), 0 .41vw .8vw #ccc3 !important;
}
.sticky-wrap #services.ser-cont {
  border-left-color: var(--gray-black--900) !important;
  box-shadow: inset 5px 0 0 var(--gray-black--900), 0 .41vw .8vw #ccc3 !important;
}

/* Header hero video — match frame to video aspect ratio (1096x720) */
.hero-video .hr-mc {
  aspect-ratio: 1096 / 720;
  height: auto !important;
}
.hero-video .hr-mc-ln .mc-el {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
}

/* Replace Webflow's "No items found" placeholder with a subtle skeleton loader. */
.w-dyn-empty {
  background-color: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  min-height: 120px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: stretch;
}
.w-dyn-empty > div {
  font-size: 0 !important;
  color: transparent !important;
  flex: 1 1 220px;
  min-height: 120px;
  border-radius: 14px;
  background: linear-gradient(90deg,
    rgba(15, 23, 42, 0.04) 0%,
    rgba(15, 23, 42, 0.09) 50%,
    rgba(15, 23, 42, 0.04) 100%);
  background-size: 200% 100%;
  animation: hzSkeleton 1.4s ease-in-out infinite;
}
@keyframes hzSkeleton {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
@media (prefers-reduced-motion: reduce) {
  .w-dyn-empty > div { animation: none; opacity: 0.6; }
}

/* On-brand YouTube facade player. */
.hz-video {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 32px auto 0;
  aspect-ratio: 16 / 9;
  border-radius: 20px;
  overflow: hidden;
  background: #0b1020;
  box-shadow: 0 30px 80px -30px rgba(15, 23, 42, 0.55), 0 8px 24px -12px rgba(15, 23, 42, 0.4);
  isolation: isolate;
}
.hz-video__btn {
  appearance: none;
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: transparent;
  position: relative;
  display: block;
}
.hz-video__thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease, filter 0.4s ease;
  filter: saturate(1.05) contrast(1.02);
}
.hz-video::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(11, 16, 32, 0) 35%, rgba(11, 16, 32, 0.55) 100%);
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.hz-video__btn:hover .hz-video__thumb { transform: scale(1.03); }
.hz-video__play {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 88px; height: 88px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0b1020;
  background: #fff;
  box-shadow: 0 14px 40px -8px rgba(0, 0, 0, 0.45), 0 0 0 0 rgba(255, 255, 255, 0.6);
  transition: transform 0.25s ease, box-shadow 0.4s ease, background 0.25s ease;
}
.hz-video__play svg { width: 36px; height: 36px; margin-left: 4px; }
.hz-video__btn:hover .hz-video__play {
  transform: translate(-50%, -50%) scale(1.06);
  box-shadow: 0 18px 50px -8px rgba(0, 0, 0, 0.55), 0 0 0 12px rgba(255, 255, 255, 0.12);
}
.hz-video__btn:focus-visible { outline: none; }
.hz-video__btn:focus-visible .hz-video__play {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.85), 0 0 0 8px rgba(59, 130, 246, 0.7);
}
.hz-video.is-active::after { opacity: 0; }
.hz-video__iframe {
  width: 100%; height: 100%; border: 0; display: block;
}
@media (max-width: 600px) {
  .hz-video { border-radius: 14px; margin-top: 24px; }
  .hz-video__play { width: 64px; height: 64px; }
  .hz-video__play svg { width: 26px; height: 26px; }
}

/* Native HomeZero video player additions. */
.hz-video[data-native] {
  cursor: pointer;
}
.hz-video__media {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background: #0b1020;
}
.hz-video__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  transition: opacity 0.35s ease;
  z-index: 2;
}
.hz-video__overlay[data-state="hidden"] { opacity: 0; }
.hz-video[data-playing="1"] .hz-video__overlay { opacity: 0; }
.hz-video[data-playing="0"] .hz-video__overlay { opacity: 1; }
.hz-video__overlay .hz-video__play {
  position: static;
  transform: none;
}
.hz-video__sound {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 3;
  appearance: none;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(11, 16, 32, 0.55);
  color: #fff;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.01em;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 8px 20px -8px rgba(0, 0, 0, 0.4);
  transition: background 0.2s ease, transform 0.2s ease;
}
.hz-video__sound:hover { background: rgba(11, 16, 32, 0.75); transform: translateY(-1px); }
.hz-video__sound svg { width: 16px; height: 16px; display: block; }
.hz-video__sound .hz-video__sound-on,
.hz-video__sound .hz-video__sound-off { display: none; }
.hz-video__sound[data-muted="1"] .hz-video__sound-off { display: inline-flex; }
.hz-video__sound[data-muted="1"] .hz-video__sound-label::before { content: "Tik voor geluid"; }
.hz-video__sound[data-muted="0"] .hz-video__sound-on { display: inline-flex; }
.hz-video__sound[data-muted="0"] .hz-video__sound-label::before { content: "Geluid aan"; }
.hz-video__sound-label { display: inline; }
@media (max-width: 600px) {
  .hz-video__sound { right: 10px; bottom: 10px; padding: 8px 12px; font-size: 12px; }
}
/* Hide the gradient veil once playing so the video isn't darkened. */
.hz-video[data-playing="1"]::after { opacity: 0; }

/* Restore breathing room between the measures slider and the hero video. */
/* Hero video sits directly under the measures row with a small breathing space. */
.hero-video { height: auto !important; margin-top: 16px !important; }
@media (max-width: 991px) { .hero-video { margin-top: 14px !important; } }
@media (max-width: 600px) { .hero-video { margin-top: 10px !important; } }

/* App media frame: fix image overflow + add right margin so media doesn't touch the outer card edge */
.app-cont-img { padding-right: 1.5vw; }
@media (max-width: 991px) { .app-cont-img { padding-right: 16px; } }
@media (max-width: 600px) { .app-cont-img { padding-right: 0; } }

/* Make image fill the media container the same way the video does (no huge empty block underneath) */
.app-cont-img .mc-img-sales,
.app-cont-img .mc-img-oprt,
.app-cont-img .mc-img-serv {
  width: 100% !important;
  height: 100% !important;
  inset: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: inherit;
}

/* Hide stray Webflow cookie text outside of the cookie banner / modal */
.cookies-subheading, .cookies-paragraph { display: none !important; }
.cookies_pop_up .cookies-subheading { display: block !important; }
.cookies-modal .cookies-subheading { display: block !important; }
.cookies-modal .cookies-paragraph { display: block !important; }

/* ======================================================================
   HZ — apps cards: show the per-app media compactly on mobile/tablet.
   The desktop layout relies on absolute positioning that collapses to 0
   in the single-column mobile grid; we force a real, visible media frame.
   ====================================================================== */
@media (max-width: 991px) {
  .sticky-wrap .app-cont-img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 16px 16px !important;
    overflow: visible !important;
  }
  .sticky-wrap .apps-img-bg-cont { display: none !important; }
  .sticky-wrap .mck-cont-ads {
    position: relative !important;
    inset: auto !important;
    padding: 0 !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }
  .sticky-wrap .mck-cont {
    position: relative !important;
    left: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 10;
    flex: none !important;
    display: block !important;
    overflow: hidden;
    border-radius: 16px;
  }
  .sticky-wrap .vid-url {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    border-radius: 16px !important;
    overflow: hidden;
  }
  .sticky-wrap .mock-vid-col,
  .sticky-wrap .mock-vid-col-col {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
  }
  .sticky-wrap .video-item {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
  }
  .sticky-wrap .video-item img,
  .sticky-wrap .video-item video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 16px;
  }
}
@media (max-width: 600px) {
  .sticky-wrap .mck-cont { aspect-ratio: 4 / 3; }
  .sticky-wrap .app-cont-img { padding: 0 12px 12px !important; }
}