:root {
  --body-black: #333638;
  --heading-black: #202225;
  --background-color--background-primary\<deleted\|variable-9f6b6bb4-0795-c8ab-f302-bbebab6f2554\>: var(--base-color-neutral--black\<deleted\|variable-419fddc9-288d-5141-33c5-0873c4ce2f53\>);
  --text-color--text-alternate\<deleted\|variable-2688eaeb-df93-32fe-efb9-d54fbd7bd424\>: var(--base-color-neutral--white\<deleted\|variable-248be024-93cf-6ec4-8eec-0e9f047a83ae\>);
  --text-color--text-primary\<deleted\|variable-7cd2a57e-6f21-74f7-6ce6-096306cecf3e\>: var(--base-color-neutral--black\<deleted\|variable-419fddc9-288d-5141-33c5-0873c4ce2f53\>);
  --text-color--text-secondary\<deleted\|variable-0a60224d-1a94-b160-ae24-af3c6d95a994\>: var(--base-color-neutral--neutral-darker\<deleted\|variable-dda6ad91-259a-0202-f70f-965feb273058\>);
  --background-color--background-success\<deleted\|variable-879e2a57-3170-38fd-0ae7-d0e890873ab2\>: var(--base-color-system--success-green\<deleted\|variable-8fc09a81-a1c7-3c5b-2cf2-835ad5d96212\>);
  --text-color--text-success\<deleted\|variable-17518f72-fb93-45b5-ad9e-fdd3f2b1833a\>: var(--base-color-system--success-green-dark\<deleted\|variable-70ae3530-1c64-4d15-f2af-205678316683\>);
  --border-color--border-primary\<deleted\|variable-d4c54ba4-ee41-67ce-58a5-5216ca039f83\>: var(--base-color-neutral--neutral-lightest\<deleted\|variable-eede0174-1898-a99e-0c79-395339ec1911\>);
  --background-color--background-alternate\<deleted\|variable-41ecbc38-077c-494f-9138-9468b7354b23\>: var(--base-color-neutral--white\<deleted\|variable-248be024-93cf-6ec4-8eec-0e9f047a83ae\>);
  --background-color--background-secondary\<deleted\|variable-2dd539ce-5be2-4493-8245-a883e87dab6d\>: var(--base-color-brand--blue\<deleted\|variable-de000a4d-0fee-1f9e-af85-624658122d10\>);
  --link-color--link-primary\<deleted\|variable-ad940cb5-1815-151e-2cbc-4f27dec2b1e5\>: var(--base-color-brand--blue\<deleted\|variable-de000a4d-0fee-1f9e-af85-624658122d10\>);
  --background-color--background-tertiary\<deleted\|variable-6632d948-2d2d-2556-731d-05a71c92f234\>: var(--base-color-brand--pink\<deleted\|variable-c4661572-8a15-7367-e98c-cc1a0987f6d1\>);
  --background-color--background-error\<deleted\|variable-89aecd3e-2fe8-312c-65a2-e3e7c57d326c\>: var(--base-color-system--error-red\<deleted\|variable-ad7a5e8d-bd95-fba4-5110-cbccfa2520c4\>);
  --text-color--text-error\<deleted\|variable-4a51c5d2-820c-a0d9-b49e-0e5d273c964f\>: var(--base-color-system--error-red-dark\<deleted\|variable-f7a8b234-8033-a5d6-4d85-0326277c2bf8\>);
  --brand-green: #139b72;
  --white: white;
  --border-color--border-alternate\<deleted\|variable-551aa6d2-4bf8-6036-137a-78e1c71841a4\>: var(--base-color-neutral--neutral-darker\<deleted\|variable-dda6ad91-259a-0202-f70f-965feb273058\>);
  --brand-yellow: #fec902;
  --background-color--background-warning\<deleted\|variable-0aa1a7ce-e851-b6b5-66db-1a1a96e8e04b\>: var(--base-color-system--warning-yellow\<deleted\|variable-b0ee00e7-091a-a3f5-1619-b09d07f4475a\>);
  --text-color--text-warning\<deleted\|variable-825aa1d8-b093-0b89-37c5-87d980df10f5\>: var(--base-color-system--warning-yellow-dark\<deleted\|variable-296491a7-483e-1229-36b5-e13808cc9004\>);
  --background-grey: #f5f6f7;
  --base-color-neutral--black\<deleted\|variable-419fddc9-288d-5141-33c5-0873c4ce2f53\>: #000;
  --base-color-neutral--white\<deleted\|variable-248be024-93cf-6ec4-8eec-0e9f047a83ae\>: #fff;
  --base-color-neutral--neutral-darker\<deleted\|variable-dda6ad91-259a-0202-f70f-965feb273058\>: #222;
  --base-color-system--success-green\<deleted\|variable-8fc09a81-a1c7-3c5b-2cf2-835ad5d96212\>: #cef5ca;
  --base-color-system--success-green-dark\<deleted\|variable-70ae3530-1c64-4d15-f2af-205678316683\>: #114e0b;
  --base-color-neutral--neutral-lightest\<deleted\|variable-eede0174-1898-a99e-0c79-395339ec1911\>: #eee;
  --base-color-brand--blue\<deleted\|variable-de000a4d-0fee-1f9e-af85-624658122d10\>: #2d62ff;
  --base-color-brand--pink\<deleted\|variable-c4661572-8a15-7367-e98c-cc1a0987f6d1\>: #dd23bb;
  --base-color-system--error-red\<deleted\|variable-ad7a5e8d-bd95-fba4-5110-cbccfa2520c4\>: #f8e4e4;
  --base-color-system--error-red-dark\<deleted\|variable-f7a8b234-8033-a5d6-4d85-0326277c2bf8\>: #3b0b0b;
  --base-color-system--warning-yellow\<deleted\|variable-b0ee00e7-091a-a3f5-1619-b09d07f4475a\>: #fcf8d8;
  --base-color-system--warning-yellow-dark\<deleted\|variable-296491a7-483e-1229-36b5-e13808cc9004\>: #5e5515;
}

body {
  color: var(--body-black);
  letter-spacing: -.75px;
  font-family: Karla, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

h1 {
  color: var(--heading-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 58px;
  font-weight: 900;
  line-height: 1.24;
}

h2 {
  color: var(--heading-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 46px;
  font-weight: 900;
  line-height: 1.4;
}

h3 {
  color: var(--heading-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.5;
}

h4 {
  color: var(--heading-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.5;
}

h5 {
  color: var(--heading-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.5;
}

h6 {
  color: var(--heading-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.5;
}

p {
  margin-bottom: 0;
}

a {
  text-decoration: none;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.5rem;
}

li {
  margin-bottom: .25rem;
}

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

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

strong {
  color: var(--heading-black);
  font-weight: 700;
}

blockquote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

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

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.heading-style-h3 {
  font-size: 36px;
  font-weight: 800;
  line-height: 1.2;
}

.padding-global {
  padding-left: 40px;
  padding-right: 40px;
}

.padding-global.navbar {
  width: 100%;
  margin-left: auto;
}

.padding-global._100 {
  width: 100%;
}

.heading-style-h4 {
  font-family: Inter, Arial, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.5;
}

.heading-style-h4.text-color-white.max-width-510 {
  max-width: 510px;
}

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

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

.text-align-center.max-width-826 {
  z-index: 10;
  max-width: 826px;
  position: relative;
}

.button {
  background-color: var(--brand-green);
  height: 58px;
  color: var(--white);
  text-align: center;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  transition: color .2s, background-color .2s;
  display: flex;
}

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

.button.is-text {
  color: #000;
  background-color: #0000;
  border: 2px solid #0000;
}

.button.is-large {
  padding: 1rem 2rem;
}

.button.is-secondary {
  border: 1px solid var(--border-color--border-alternate\<deleted\|variable-551aa6d2-4bf8-6036-137a-78e1c71841a4\>);
  background-color: #0000;
}

.button.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button.navbar {
  border: 1.5px solid var(--brand-green);
  height: 40px;
  color: var(--brand-green);
  background-color: #139b7200;
  padding: 10px 20px;
}

.button.navbar:hover {
  background-color: var(--brand-green);
  color: var(--white);
}

.button.is-yellow {
  background-color: var(--brand-yellow);
  color: var(--heading-black);
}

.button.is-yellow:hover {
  background-color: #d0aa1b;
}

.button.hide-desktop {
  display: none;
}

.button.videow-view {
  background-color: var(--white);
  color: var(--brand-green);
  border: 2px solid #139b72;
  margin-left: -4px;
  padding-left: 20px;
  padding-right: 20px;
}

.button.is-small {
  border-radius: 10px;
  height: 40px;
  padding: 0 20px;
  font-size: 16px;
}

.button.is-small.form-wider {
  padding-left: 50px;
  padding-right: 50px;
}

.button.is-small.form-wider._2 {
  margin-right: auto;
}

.text-size-14px {
  font-size: 14px;
  line-height: 1.6;
}

.text-size-14px.text-color-white.text-weight-medium.link-hover {
  transition: all .2s;
}

.text-size-14px.text-color-white.text-weight-medium.link-hover:hover {
  opacity: .7;
  text-decoration: underline;
}

.text-size-14px.text-color-green {
  color: var(--brand-green);
}

.flex-10 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.flex-10.horizontal {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 7px;
}

.flex-10.horizontal.max-width-150 {
  max-width: 150px;
}

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

.flex-10.center.max-width-840 {
  max-width: 840px;
}

.flex-24 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.flex-24.add-on-3 {
  padding-bottom: 64px;
}

.flex-24.flex-left {
  justify-content: flex-start;
  align-items: flex-start;
}

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

.text-color-white.max-width-810.v2 {
  font-size: 0;
}

.text-color-white.max-width-810.cta-box-variant {
  font-size: 32px;
}

.text-color-white.cta-box-variant {
  max-width: 700px;
  font-size: 32px;
}

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

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

.book-a-demo-section {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 90px;
  padding-bottom: 90px;
  display: flex;
}

.book-a-demo-section.bedankt {
  justify-content: center;
  align-items: flex-start;
}

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

.form-row {
  width: 100%;
  height: 50px;
  position: relative;
}

.form-row.country-code {
  width: auto;
}

.text-field {
  height: 100%;
  color: var(--body-black);
  background-color: #fff;
  border: 1px solid #cad3e0;
  border-radius: 10px;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 16px;
}

.text-field::placeholder {
  color: #a5a9ad;
}

.text-field.country-code {
  max-width: 97px;
}

.form-label-name {
  background-color: #fff;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  inset: -8px auto auto 10px;
}

.text-color-red {
  color: #eb2228;
}

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

.form.align-left {
  justify-content: flex-start;
  align-items: flex-start;
}

.utms-hidden {
  display: none;
}

.book-a-demo-col-1 {
  background-color: #202225;
  background-image: url("https://cdn.prod.website-files.com/69fc613b7ea5d0c2a35ce2a0/69fc613b7ea5d0c2a35ce37c_Group%2066.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 26px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 32px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.demo-img-1 {
  width: 58%;
  position: absolute;
  inset: auto auto 54% -9%;
}

.demo-img-2 {
  width: 67%;
  position: absolute;
  inset: auto -16% 13% auto;
}

.demo-img-3 {
  z-index: 10;
  width: 67%;
  position: absolute;
  inset: auto 0% -13% auto;
}

.img-demo-card {
  z-index: 9;
  margin-top: auto;
  margin-left: -64px;
  margin-right: auto;
  position: relative;
}

.fs-cc-hl {
  border-style: none none solid;
  border-bottom-width: 1.5px;
  width: 100%;
  height: 0;
}

.fs-cc-hl.fs-cc-default_border {
  flex: none;
}

.fs-cc-default_maxwidth {
  max-width: 26rem;
}

.fs-cc-modal_buttons {
  z-index: 1;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
  position: sticky;
  bottom: -1.25rem;
}

.fs-cc-styles {
  display: none;
}

.fs-cc-default_border {
  border: 1px solid #f3f5fb;
}

.fs-cc-modal_prefs {
  width: 100%;
  height: auto;
  margin-bottom: 0;
  overflow: hidden;
}

.fs-cc-default_hide-all {
  display: none;
}

.fs-cc-prefs_checkbox-toggle {
  float: right;
  background-color: #5c5c5c;
  background-image: url("https://cdn.prod.website-files.com/69fc613b7ea5d0c2a35ce2a0/69fc613b7ea5d0c2a35ce38e_fs-cc-toggle.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  border: 0 #fff0;
  border-radius: 2rem;
  width: 2.5rem;
  height: 1.5rem;
  margin: 0 0 0 2rem;
  transition: background-position .175s, background-color .175s;
}

.fs-cc-prefs_checkbox-toggle.w--redirected-checked {
  background-color: #239d28;
  background-image: url("https://cdn.prod.website-files.com/69fc613b7ea5d0c2a35ce2a0/69fc613b7ea5d0c2a35ce38e_fs-cc-toggle.svg");
  background-position: 100%;
  background-size: auto 100%;
  border: 0 #fff0;
}

.fs-cc-prefs_checkbox-toggle.w--redirected-focus {
  box-shadow: 0 0 3px 1px #fff0;
}

.fs-cc-prefs_checkbox-toggle.is-required {
  background-color: var(--brand-green);
  cursor: not-allowed;
  background-image: url("https://cdn.prod.website-files.com/69fc613b7ea5d0c2a35ce2a0/69fc613b7ea5d0c2a35ce38e_fs-cc-toggle.svg");
  background-position: 100%;
}

.fs-cc-prefs_checkbox-toggle.is-required.w--redirected-checked {
  background-color: #239d28;
}

.fs-cc-prefs_description {
  margin-right: 3rem;
  font-size: .875rem;
  font-weight: 400;
}

.fs-cc-banner_component {
  z-index: 2147483640;
  align-items: flex-end;
  max-height: 100%;
  padding: 1.25rem;
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: auto;
}

.fs-cc-default_radius {
  border-radius: .75rem;
}

.fs-cc-screenreader-only {
  white-space: nowrap;
  border-style: none;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.fs-cc-modal_close-button-line {
  background-color: #000;
  width: 1.125rem;
  height: 1.5px;
  transform: rotate(45deg);
}

.fs-cc-modal_close-button-line.is-second {
  position: absolute;
  transform: rotate(-45deg);
}

.fs-cc-modal_close-button {
  z-index: 1;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  position: absolute;
  inset: .25rem .25rem auto auto;
}

.fs-cc-banner_modal {
  text-align: left;
  width: 100%;
  padding-top: 1.25rem;
  line-height: 1.4;
  position: relative;
  box-shadow: -3px 8px 15px #00000026;
}

.fs-cc-prefs_wrapper {
  padding-top: .5rem;
  padding-bottom: .25rem;
}

.fs-cc-button_actions {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex: 0 auto;
  justify-content: space-between;
  display: flex;
}

.fs-cc-default_padding {
  padding: 1rem;
}

.fs-cc-modal_link {
  text-decoration: underline;
  transition: color .2s;
  display: inline;
}

.fs-cc-modal_link:hover {
  color: var(--brand-green);
}

.fs-cc-prefs_checkbox-label {
  color: #101828;
  cursor: pointer;
  flex: 1;
  margin-bottom: .2rem;
  padding-left: 0;
  font-size: .9375rem;
  font-weight: 700;
}

.fs-cc-modal_description {
  margin-right: 2rem;
  font-size: .875rem;
}

.fs-button-line-wrap {
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  inset: 0% 0% auto;
}

.fs-cc-prefs_checkbox {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  cursor: pointer;
  flex-direction: row-reverse;
  justify-content: space-around;
  width: 100%;
  margin-top: 1rem;
  margin-bottom: -1px;
  padding-left: 0;
  transition: color .15s cubic-bezier(.25, .46, .45, .94);
  display: block;
}

.fs-cc-button {
  background-color: var(--brand-green);
  color: var(--white);
  text-align: center;
  white-space: nowrap;
  border-radius: 8px;
  padding: .75rem 1.25rem;
  font-size: .9375rem;
  font-weight: 700;
  text-decoration: none;
  transition: color .4s, border-color .4s, background-color .4s;
}

.fs-cc-button:hover {
  background-color: #137558;
}

.fs-cc-button.fs-cc-is-secondary {
  border: 1px solid var(--brand-green);
  color: var(--body-black);
  background-color: #fff0;
  flex: 0 auto;
}

.fs-cc-button.fs-cc-is-secondary:hover {
  background-color: var(--brand-green);
  color: #fff;
}

.fs-cc-default_background {
  background-color: #fff;
}

.fs-cc-modal_title {
  color: var(--heading-black);
  margin-bottom: .25rem;
  font-size: 1.125rem;
  font-weight: 700;
}

.form-row-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  width: 100%;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .button.videow-view {
    background-color: var(--white);
    color: var(--brand-green);
    background-color: var(--white);
    border: 2px solid #139b72;
  }

  .play-button-review.custom-shape-heo {
    width: 78px;
  }

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

  .img-hero-1 {
    width: 45%;
    top: -11%;
  }

  .img-hero-3 {
    top: 83%;
  }

  .s-2-img.big-app {
    top: -4%;
    left: 28%;
  }

  .s-2-img.qr-app {
    left: 316px;
  }

  .s-2-img.strippenkaart {
    width: 35%;
    top: 31%;
    left: -31px;
  }

  .popular-tag {
    width: 125px;
  }

  .team-grid {
    grid-auto-columns: 1fr;
  }

  .pagination_page_design {
    display: flex;
  }

  .right-col-sticky-card-img._2.apps-3, .right-col-sticky-card-img._2.automatiseer, .right-col-sticky-card-img._2.apps-3, .right-col-sticky-card-img._2.automatiseer, .right-col-sticky-card-img._2.apps-3, .right-col-sticky-card-img._2.automatiseer {
    width: 40%;
  }

  .line-tabs {
    display: block;
  }

  .checkmarks-hero-flex {
    align-self: flex-start;
  }
}

@media screen and (min-width: 1440px) {
  .button.videow-view {
    border: 2px solid var(--brand-green);
    background-color: var(--white);
    color: var(--brand-green);
    border: 2px solid var(--brand-green);
    background-color: var(--white);
  }

  .text-size-14px.text-color-white.text-weight-medium {
    pointer-events: auto;
    pointer-events: auto;
    pointer-events: auto;
  }

  .flex-10.horizontal.max-width-150:lang(en) {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .img-hero-1 {
    top: -14%;
  }

  .s-2-img.big-app {
    top: -4%;
    left: 28%;
  }

  .s-2-img.qr-app {
    left: 345px;
  }

  .s-2-img.strippenkaart {
    width: 35%;
    top: 35%;
    left: -38px;
  }

  .popular-tag {
    width: 125px;
  }

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

  .right-col-sticky-card-img._2.apps-3 {
    width: 40%;
  }

  .checkmarks-hero-flex {
    align-self: flex-start;
  }

  .checkmarks-hero-flex:lang(en) {
    text-align: left;
    align-self: flex-start;
  }

  .camera-addon-img {
    width: 126%;
    left: -28%;
  }

  .cta-club-box {
    background-image: url("https://cdn.prod.website-files.com/69fc613b7ea5d0c2a35ce2a0/69fc613b7ea5d0c2a35ce3f8_enfusion-v2.png");
    background-position: 50%;
    background-size: cover;
  }
}

@media screen and (max-width: 991px) {
  .padding-xlarge {
    padding: 3rem;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hide-tablet {
    display: none;
  }

  .fs-styleguide_2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .heading-style-h3.text-align-center.text-align-left-tablet {
    text-align: left;
    text-align: left;
    text-align: left;
    margin-left: 24px;
  }

  .fs-styleguide_1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .fs-styleguide_heading-medium {
    font-size: 3rem;
  }

  .fs-styleguide_4-col {
    grid-template-columns: 1fr;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .fs-styleguide_3-col {
    grid-template-columns: 1fr;
  }

  .button.navbar {
    height: 52px;
  }

  .button.hide-desktop {
    display: flex;
  }

  .fs-styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .spacer-huge {
    padding-top: 5rem;
  }

  .spacer-medium {
    padding-top: 1.5rem;
  }

  .spacer-xhuge {
    padding-top: 6rem;
  }

  .spacer-xxhuge {
    padding-top: 8rem;
  }

  .spacer-xlarge {
    padding-top: 3rem;
  }

  .spacer-large {
    padding-top: 2.5rem;
  }

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

  .fs-styleguide_heading-header {
    font-size: 4rem;
  }

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

  .section.background-color-grey.background-color-white-tablet {
    background-color: var(--white);
    background-color: var(--white);
    background-color: var(--white);
  }

  .grid-3-col {
    grid-template-columns: 1fr;
  }

  .grid-3-col.reviews-overflow {
    padding-bottom: 16px;
    display: flex;
    overflow: auto;
  }

  .grid-3-col.centered-mobile {
    place-items: start center;
  }

  .review-div {
    max-width: 500px;
    box-shadow: none;
    flex: none;
  }

  .text-size-16px.text-color-white.text-align-center.c1, .text-size-16px.text-color-yellow.text-align-center.c1, .text-size-16px.text-color-white.text-align-center.c1, .text-size-16px.text-color-white.text-align-center.c1, .text-size-16px.text-color-white.text-align-center.c1, .text-size-16px.text-color-yellow.text-align-center.c1, .text-size-16px.text-color-yellow.text-align-center.c1, .text-size-16px.text-color-yellow.text-align-center.c1 {
    position: relative;
    top: -8px;
  }

  .video-review.hero, .video-review.hero-2 {
    top: 10%;
    left: 5%;
  }

  .video-review.hero, .video-review.hero-2 {
    top: 10%;
    left: 5%;
  }

  .video-review.hero-2 {
    max-width: 400px;
    top: 10%;
    left: 16%;
  }

  .video-review-image {
    object-fit: cover;
    height: 100%;
  }

  .star-bg-1, .star-bg-2 {
    display: none;
  }

  .flex-20.pricing-lower {
    margin-top: 16px;
    padding-top: 20px;
  }

  .function-div-wrapper, .branches-div {
    width: 100%;
  }

  .rounded-black-cta.cta-footer {
    min-height: 0;
    padding: 48px;
  }

  .rounded-black-cta.add-on {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    padding: 48px;
    display: flex;
    position: relative;
  }

  .flex-24.add-on-3 {
    padding-bottom: 0;
  }

  .referente-col-1-flex {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .text-color-white.flex-addon {
    flex-flow: column;
    display: flex;
  }

  .cta-person {
    display: none;
  }

  .footer-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    display: flex;
  }

  .grid-fooer-links {
    grid-template-columns: 1fr 1fr;
  }

  .grid-hero {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .hero-column-1 {
    justify-content: center;
    align-items: flex-end;
  }

  .hero-column-1.desktop {
    display: none;
  }

  .hero-column-1.mobile {
    display: flex;
  }

  .img-hero-1 {
    margin-right: -8px;
    position: static;
  }

  .img-hero-2.hero-2 {
    top: -4px;
    left: 12px;
  }

  .img-hero-3 {
    width: 61%;
    top: 66%;
    left: 4%;
  }

  .menu-icon_line-top {
    background-color: #344054;
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar_component {
    height: 78px;
  }

  .navbar_dropdown-list {
    position: static;
    overflow: hidden;
  }

  .navbar_dropdown-list.w--open {
    width: auto;
    box-shadow: none;
    background-color: #fff0;
    border-style: none;
    border-color: #0000;
    padding: 0;
  }

  .navbar_dropdown-link-list {
    border: 1px solid #eaecf0;
    border-radius: 12px;
    margin-top: 8px;
    padding: 12px;
  }

  .navbar_menu-right {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    margin-left: 0;
    padding-bottom: 7rem;
  }

  .navbar_menu-left {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .navbar_menu-dropdown {
    width: 100%;
    position: relative;
  }

  .menu-icon_line-middle {
    background-color: #344054;
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar_button-wrapper {
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .menu-icon_line-bottom-8 {
    background-color: #344054;
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar_dropdown-toggle {
    justify-content: center;
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 20px;
    display: flex;
  }

  .navbar_dropdown-link {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar_dropdown-link:hover {
    background-color: #0000;
  }

  .menu-icon_line-middle-inner-8 {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar_menu {
    -webkit-text-fill-color: inherit;
    background-color: #f5f6f7;
    background-clip: border-box;
    border-top: 1px solid #f2f4f7;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .menu-icon_component {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar_link {
    text-align: center;
    width: 100%;
    padding: .75rem 0;
    font-size: 20px;
  }

  .navbar_link:hover {
    color: #101828;
  }

  .navbar_link.no-hover {
    text-align: left;
    text-align: left;
  }

  .navbar_menu-button.w--open {
    background-color: #0000;
  }

  .dropdown-icon {
    color: #667085;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .s-2-img.big-app {
    left: 28%;
  }

  .s-2-img.qr-app {
    left: 386px;
  }

  .referentie-div {
    min-height: 0;
  }

  .pricing-column {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .pricing-head {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    min-height: 0;
    padding: 16px;
    display: flex;
  }

  .price-label {
    font-size: 48px;
  }

  .popular-tag {
    inset: 8px 8px auto auto;
  }

  .disclaimer-price-wrap {
    padding-left: 12px;
    padding-right: 12px;
    position: static;
    top: -8px;
  }

  .pricing-tooltip {
    opacity: 0;
    inset: 75px 0% auto;
  }

  .grid-4-col {
    grid-template-columns: 1fr 1fr;
  }

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

  .grid-article {
    grid-template-columns: 1fr minmax(200px, 200px);
  }

  .sticky-cards-contnt {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-columns: 1fr;
    padding: 48px 48px 0;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .right-col-sticky-card-img {
    object-fit: contain;
    width: auto;
    height: 400px;
    margin-top: 0;
    margin-bottom: -90px;
    position: static;
  }

  .right-col-sticky-card-img._2.apps-3, .right-col-sticky-card-img._2.automatiseer {
    width: 70%;
  }

  .right-col-sticky-card-img._2 {
    width: auto;
    margin-bottom: -146px;
  }

  .right-col-sticky-card-img._2.apps-3, .right-col-sticky-card-img._2.automatiseer, .right-col-sticky-card-img._2.apps-3, .right-col-sticky-card-img._2.automatiseer {
    width: 70%;
  }

  .right-col-sticky-card-img._3 {
    width: 100%;
    margin-bottom: 0;
  }

  .right-col-sticky-card-img._4 {
    width: 100%;
    margin-top: -68px;
    margin-bottom: 0;
  }

  .book-a-demo-section {
    min-height: 0;
    padding-top: 60px;
    padding-bottom: 20px;
  }

  .book-a-demo-grid {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .book-a-demo-col-1 {
    display: none;
  }

  .calendar_wrapper {
    max-height: none;
  }

  .tabs-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 32px;
    overflow: hidden;
  }

  .left-block-tabs {
    display: none;
  }

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

  .tabs-menu {
    padding-top: 0;
    padding-bottom: 0;
  }

  .line-tabs {
    left: 50px;
    right: auto;
  }

  .add-on-img-box {
    order: 1;
    width: 50%;
    position: absolute;
    inset: -7% 0% auto auto;
  }

  .add-on-img-box._3 {
    position: relative;
  }

  .add-on-img-box.camera-custom {
    order: -1;
    width: 100%;
    margin-top: -126px;
    margin-bottom: -6px;
    position: static;
  }

  .add-on-img-1 {
    width: 50%;
    position: relative;
    top: -25%;
    right: -48%;
  }

  .add-on-img-2 {
    width: 39%;
    bottom: 1%;
    left: 6%;
  }

  .add-on-img-3 {
    width: 25%;
    left: 37%;
  }

  .add-on-img-4 {
    max-width: 60%;
    inset: 0% 0% auto auto;
  }

  .add-on-img-5 {
    margin-left: -15%;
    position: static;
  }

  .add-on-img-6 {
    top: -2%;
    left: 67%;
  }

  .image-tabs {
    z-index: 10;
    display: block;
    position: relative;
  }

  .hide-desktop {
    display: flex;
  }

  .price-flex-upper {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
  }

  .features-dropdown-trigger {
    background-color: var(--brand-green);
    border-radius: 60px;
    justify-content: space-between;
    align-items: center;
    height: 24px;
    margin-bottom: 0;
    padding: 2px 2px 2px 10px;
    display: flex;
  }

  .dropdown-icon-2 {
    background-color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
  }

  .addon-image-mobile {
    order: 1;
    width: 50%;
    position: absolute;
    inset: -7% 0% auto auto;
  }

  .feature-card-container {
    min-height: 0;
  }

  .flex-100 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .separator-pricing.custom-mob {
    background-color: #dde2eb00;
    margin-top: 0;
    margin-bottom: 12px;
  }

  .dropdown-opening {
    overflow: hidden;
  }

  .space-12-mob {
    height: 12px;
    padding: 0;
    display: block;
  }

  .camera-addon-img.desktop {
    display: none;
  }

  .camera-addon-img.mobile {
    max-width: 100%;
    display: block;
    position: static;
  }

  .modal-container {
    width: 95%;
    max-height: 80vh;
    padding: 32px;
  }

  .cta-club-box {
    background-image: url("https://cdn.prod.website-files.com/69fc613b7ea5d0c2a35ce2a0/69fc613b7ea5d0c2a35ce3f8_enfusion-v2.png");
    flex-flow: column;
    padding: 48px;
  }

  .cta-club-box-col-2 {
    order: -9999;
  }
}

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

  h1 {
    font-size: 38px;
  }

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 22px;
  }

  h4 {
    font-size: 16px;
  }

  h5 {
    font-size: 1rem;
  }

  h6 {
    font-size: .875rem;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .heading-style-h3 {
    font-size: 22px;
  }

  .heading-style-h3.text-align-center.text-align-left-tablet {
    margin-left: 16px;
  }

  .heading-style-h1 {
    font-size: 38px;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .fs-styleguide_section-header {
    font-size: .875rem;
  }

  .fs-styleguide_heading-medium {
    font-size: 2rem;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .heading-style-h4 {
    font-size: 20px;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .text-size-large {
    font-size: 1.25rem;
  }

  .heading-style-h2 {
    font-size: 28px;
  }

  .text-align-center.text-align-left-mobile {
    text-align: left;
    text-align: left;
  }

  .button {
    height: 52px;
    font-size: 16px;
  }

  .button.is-small.hide-mobile-portrait {
    display: none;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .spacer-huge {
    padding-top: 3.5rem;
  }

  .spacer-medium {
    padding-top: 1.25rem;
  }

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

  .spacer-xxhuge {
    padding-top: 4.5rem;
  }

  .spacer-xlarge {
    padding-top: 2rem;
  }

  .spacer-large {
    padding-top: 1.5rem;
  }

  .spacer-xxlarge {
    padding-top: 3rem;
  }

  .section.custom-footer-padding {
    padding-bottom: 20px;
  }

  .flex-50 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .grid-3-col {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .grid-3-col.centered-mobile.custom-spacing-mobile {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .review-div {
    max-width: 400px;
  }

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

  .text-size-16px.text-style-inter.custom-16 {
    font-size: 16px;
  }

  .video-review.hero-2 {
    width: 60%;
    max-width: 100%;
    left: 18%;
  }

  .play-button-review.referentie {
    bottom: 16px;
    right: 16px;
  }

  .companies-wrapper-shapes {
    grid-template-columns: .5fr 2fr .5fr;
  }

  .icon-1.a {
    width: 140%;
    max-width: none;
    right: -30%;
  }

  .icon-1.b {
    width: 140%;
    max-width: none;
    left: -30%;
  }

  .icon-2.a, .icon-2.b, .icon-2.a, .icon-2.b {
    display: none;
  }

  .icon-3.a {
    width: 150%;
    max-width: none;
    top: 30%;
    left: -45%;
  }

  .icon-3.b {
    width: 150%;
    max-width: none;
    top: 30%;
    right: -45%;
  }

  .icon-4.a, .icon-4.b, .icon-4.a, .icon-4.b {
    display: none;
  }

  .icon-5.a {
    width: 130%;
    max-width: none;
    top: 80%;
    left: 20%;
  }

  .icon-5.b {
    width: 130%;
    max-width: none;
    top: 80%;
    right: 20%;
  }

  .icon-6.a, .icon-6.b, .icon-6.a, .icon-6.b {
    display: none;
  }

  .flex-20 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .flex-20.center.align-left-mobile {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .flex-12 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .rounded-black-cta.cta-footer, .rounded-black-cta.transactionen, .rounded-black-cta.add-on, .rounded-black-cta.cta-footer, .rounded-black-cta.transactionen, .rounded-black-cta.add-on {
    padding: 24px 20px;
  }

  .text-color-white.flex-addon {
    max-width: 400px;
  }

  .text-color-white.cta-box-variant {
    font-size: 22px;
  }

  .flex-32 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .socials-wrap {
    width: 100%;
  }

  .grid-fooer-links {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .grid-fooer-links._2col {
    grid-column-gap: 10px;
    grid-column-gap: 10px;
  }

  .flex-48 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .text-size-18px {
    font-size: 16px;
    line-height: 1.6;
  }

  .text-size-20px {
    font-size: 18px;
    line-height: 1.36;
  }

  .img-hero-1.hero-1 {
    margin-right: 0%;
  }

  .navbar_component {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .navbar_dropdown-link-list {
    grid-row-gap: .5rem;
    max-width: none;
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .navbar_menu {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .s-2-img.big-app {
    left: 28%;
  }

  .s-2-img.qr-app {
    left: 297px;
  }

  .flex-64 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .pricing-column-lower-inner, .pricinng-column-lower-2 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .popular-tag {
    width: 125px;
    height: 28px;
    font-size: 14px;
  }

  .faq_question {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .grid-4-col {
    flex-flow: column;
    display: flex;
  }

  .about-hero-section {
    height: 72px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .appybee-hero-logo {
    width: 120px;
  }

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

  .grid-hero-article {
    grid-template-columns: 1fr;
  }

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

  .cta-col-article {
    order: -1;
  }

  .sticky-cards-contnt {
    padding-top: 24px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .right-col-sticky-card-img {
    height: 300px;
  }

  .right-col-sticky-card-img._3 {
    margin-top: 6px;
  }

  .right-col-sticky-card-img._3.hide-mob {
    display: none;
  }

  .right-col-sticky-card-img._3.show-mob {
    margin-top: -60px;
    display: block;
  }

  .right-col-sticky-card-img._4 {
    max-width: 400px;
    margin-top: 6px;
  }

  .tabs-container {
    padding-top: 24px;
  }

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

  .tab-link {
    padding-left: 20px;
    padding-right: 20px;
  }

  .line-tabs {
    inset: 0% auto 0% 40px;
  }

  .flex-90 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .add-on-img-box {
    top: -100px;
  }

  .add-on-img-box._3 {
    top: 0;
  }

  .add-on-img-box.hide-mobile {
    display: none;
    position: static;
  }

  .add-on-img-1 {
    top: -17%;
    bottom: 19px;
    right: -40%;
  }

  .add-on-img-4 {
    max-width: 60%;
    position: static;
  }

  .add-on-img-5 {
    max-width: 85%;
  }

  .add-on-img-6 {
    width: 40%;
    max-width: 100%;
    inset: auto auto 56% 39%;
  }

  .image-tabs {
    margin-top: auto;
  }

  .addon-heading-wrap {
    display: flex;
  }

  .addon-image-mobile {
    margin-top: -59px;
    margin-left: auto;
    display: flex;
    position: absolute;
    top: 0;
  }

  .addon-image-mobile._2 {
    inset: 4% 0% auto auto;
    justify-content: flex-end;
    align-items: center;
    width: 41%;
    margin-top: -49px;
    display: flex;
    position: absolute;
    inset: 4% 0% auto auto;
  }

  .fs-cc-prefs_wrapper {
    padding-top: .75rem;
  }

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

  .locales-wrapper {
    bottom: 2%;
    left: 3%;
  }

  .modal-container {
    max-height: 90vh;
    padding-left: 16px;
    padding-right: 16px;
  }

  .modal-close_btn {
    font-size: 1.8rem;
  }

  .cta-club-box {
    background-image: url("https://cdn.prod.website-files.com/69fc613b7ea5d0c2a35ce2a0/69fc613b7ea5d0c2a35ce3f8_enfusion-v2.png");
    padding: 20px;
  }
}

@media screen and (max-width: 479px) {
  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .fs-styleguide_row {
    flex-wrap: wrap;
  }

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .button {
    width: 100%;
  }

  .button.auto {
    width: auto;
  }

  .section.hero.background-color-grey.overflow-hidden {
    padding-top: 10px;
  }

  .review-div {
    max-width: 300px;
  }

  .text-size-16px.text-color-white.text-align-center.c1._12px-mob, .text-size-16px.text-color-yellow.text-align-center.c1._12px-mob, .text-size-16px.text-color-white.text-align-center.c1._12px-mob, .text-size-16px.text-color-white.text-align-center.c1._12px-mob, .text-size-16px.text-color-white.text-align-center.c1._12px-mob, .text-size-16px.text-color-white.text-align-center.c1._12px-mob, .text-size-16px.text-color-yellow.text-align-center.c1._12px-mob, .text-size-16px.text-color-yellow.text-align-center.c1._12px-mob, .text-size-16px.text-color-yellow.text-align-center.c1._12px-mob, .text-size-16px.text-color-yellow.text-align-center.c1._12px-mob {
    font-size: 12px;
  }

  .video-review.hero, .video-review.hero-2 {
    width: 100%;
    top: 8%;
    left: -7%;
  }

  .video-review.hero, .video-review.hero-2 {
    width: 100%;
    top: 8%;
    left: -7%;
  }

  .video-review.hero-2 {
    width: 70%;
    top: 11%;
    left: -2%;
  }

  .play-button-review.custom-shape {
    width: 48px;
    height: 48px;
  }

  .play-button-review.referentie {
    width: 56px;
    height: 56px;
    left: 16px;
    right: auto;
  }

  .flex-10.horizontal.max-width-150 {
    max-width: none;
  }

  .button-arrow.no-resize-mob {
    flex: none;
  }

  .referente-col-1-flex {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .text-color-white.flex-addon {
    max-width: 237px;
  }

  .text-color-white.cta-box-variant {
    max-width: 280px;
  }

  .flex-32.horizontal.c1 {
    flex-flow: column;
  }

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

  .text-size-18px.text-weight-medium.text-color-white._14px-mob, .text-size-18px.text-weight-medium.text-color-yellow._14px-mob, .text-size-18px.text-weight-medium.text-color-white._14px-mob, .text-size-18px.text-weight-medium.text-color-yellow._14px-mob, .text-size-18px.text-weight-medium.text-color-white._14px-mob, .text-size-18px.text-weight-medium.text-color-white._14px-mob, .text-size-18px.text-weight-medium.text-color-yellow._14px-mob, .text-size-18px.text-weight-medium.text-color-yellow._14px-mob {
    font-size: 14px;
  }

  .img-hero-1 {
    width: 60%;
    margin-right: -23px;
  }

  .img-hero-2 {
    inset: -20px -5% 33% -26px;
  }

  .img-hero-3 {
    width: 85%;
    top: 78%;
    left: -4%;
  }

  .img-hero-5 {
    bottom: 2%;
  }

  .navbar_dropdown-link-list {
    grid-template-columns: 1fr;
    place-items: start center;
  }

  .navbar_dropdown-link {
    padding-left: 0;
  }

  .top-banner-wrapper {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
  }

  .s-1-img {
    margin-left: 0;
    position: static;
  }

  .s-2-img.big-app {
    top: -4%;
    left: 29%;
  }

  .s-2-img.qr-app {
    left: 153px;
  }

  .s-2-img.strippenkaart {
    left: -20px;
  }

  .referentie-div {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr;
    padding-bottom: 20px;
    padding-left: 8px;
  }

  .referentie-col-1 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .buttons-wrap {
    flex-flow: column;
    width: 100%;
  }

  .pricing-head {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 12px;
    padding-right: 12px;
  }

  .disclaimer-price-wrap {
    height: 28px;
  }

  .disclaimer-price-wrap.yellow-bg {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .team-grid {
    grid-column-gap: 64px;
    grid-row-gap: 32px;
  }

  .pagination-blog-n {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-top: 30px;
  }

  .button-pagination {
    padding: 0;
  }

  .pagination_page-button {
    width: 16px;
    height: 16px;
    font-size: 14px;
  }

  .page-dots {
    width: 1rem;
    font-size: 14px;
  }

  .hero-article-col-2 {
    min-height: 0;
  }

  .hero-article-img-div {
    min-height: 300px;
  }

  .cta-article-sticky {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .checkmarks-stacking-card-grid {
    flex-flow: column;
    display: flex;
  }

  .right-col-sticky-card-img {
    height: 250px;
    margin-bottom: -63px;
  }

  .right-col-sticky-card-img._2 {
    height: 280px;
    margin-top: 0;
    margin-bottom: -101px;
  }

  .right-col-sticky-card-img._3 {
    margin-top: 0;
    margin-bottom: -65px;
  }

  .right-col-sticky-card-img._3.show-mob {
    margin-top: -25px;
    margin-bottom: -31px;
  }

  .right-col-sticky-card-img._4 {
    margin-top: 0;
  }

  .calendar_wrapper {
    margin-top: 1rem;
  }

  .tabs-menu {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .add-on-img-box._3 {
    width: 76%;
  }

  .add-on-img-box.camera-custom {
    margin-top: -86px;
  }

  .add-on-img-4 {
    max-width: 120%;
    margin-top: 0;
    margin-bottom: -150px;
    margin-left: 0;
  }

  .addon-image-mobile._2 {
    width: 35%;
    top: -3%;
    right: -4%;
  }

  .addon-image-mobile._1 {
    width: 65%;
    top: 26px;
    right: -9%;
  }

  .fs-cc-default_maxwidth {
    max-width: none;
  }

  .fs-cc-modal_buttons {
    flex-direction: column-reverse;
    bottom: -.75rem;
  }

  .fs-cc-banner_component {
    padding: .75rem;
    left: 0;
    right: 0;
  }

  .fs-cc-prefs_wrapper {
    padding-top: .25rem;
    padding-bottom: 0;
  }

  .fs-cc-button_actions {
    flex-flow: wrap;
  }

  .fs-cc-default_padding {
    padding: .75rem;
  }

  .fs-cc-modal_description {
    margin-right: 0;
  }

  .fs-button-line-wrap {
    order: 1;
    padding-top: 0;
    padding-bottom: 0;
  }

  .fs-cc-button {
    flex: 1;
  }

  .locales-wrapper {
    width: 110px;
  }

  .locale-link {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 12px;
  }

  .checkmarks-hero-flex {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    width: 100%;
  }

  .optioneel-lower-row {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .brochure-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    display: flex;
  }

  .lightbox-link {
    width: 100%;
  }

  .cta-club-box {
    background-image: url("https://cdn.prod.website-files.com/69fc613b7ea5d0c2a35ce2a0/69fc613b7ea5d0c2a35ce3f8_enfusion-v2.png");
    background-position: 50%;
    border-radius: 24px;
  }
}