/* Fonts (Inclusive Sans + Paytone One) are loaded from Google Fonts via a
   <link> in index.html — the export referenced local font files that were
   never included. */

:root {
  --font-family-inclusive-sans: 'Inclusive Sans', sans-serif;
  --font-family-paytone-one: 'Paytone One', sans-serif;
  --text-rgb-36-59-83: rgba(36, 59, 83, 0.75);
  --text-white: rgba(255, 255, 255, 0.44999998807907104);
}

.text-rgb-36-59-83 {
  color: var(--text-rgb-36-59-83);
}

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

/* CSS Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

/* Prototype Links */
a.prototype-link {
  text-decoration: none;
  color: inherit;
  display: contents;
}

.imagewithfallback-8 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.node-7 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-10 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 20px;
  line-height: 32.5px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.paragraph-margin-9 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0px 0px 32px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-13 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-paytone-one);
  font-weight: normal;
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 28px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.anmeldenbutton-12 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.5), 0px 4px 6px -1px rgba(0,0,0,0.5);
  background-color: rgba(244, 72, 146, 1);
  border-radius: 16777200px;
}

.container-11 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-15 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.paragraph-14 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.container-6 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  max-width: 576px;
}

.container-margin-5 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 24px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-18 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(140, 207, 253, 1);
  border: none;
  outline: none;
}

.speechbubble-17 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-16 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  opacity: 0.5;
}

.vector-21 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 214, 26, 1);
  border: none;
  outline: none;
}

.speechbubble-20 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-19 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  opacity: 0.5;
}

.vector-24 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(255, 127, 63, 1);
  border: none;
  outline: none;
}

.speechbubble-23 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-22 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  opacity: 0.4000000059604645;
}

.vector-27 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(244, 72, 146, 1);
  border: none;
  outline: none;
}

.speechbubble-26 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-25 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  opacity: 0.4000000059604645;
}

.vector-30 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(244, 72, 146, 1);
  border: none;
  outline: none;
}

.speechbubble-29 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-28 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  opacity: 0.44999998807907104;
}

.vector-33 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(140, 207, 253, 1);
  border: none;
  outline: none;
}

.speechbubble-32 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-31 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  opacity: 0.44999998807907104;
}

.hero-4 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px 20px 64px 20px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(254, 249, 244, 1);
}

.text-38 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-paytone-one);
  font-weight: normal;
  font-size: 36px;
  line-height: 40px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.heading-2-37 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-41 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 18px;
  line-height: 29.25px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
  font-family: var(--font-family-inclusive-sans);
  font-weight: 700;
  font-size: 18px;
  line-height: 29.25px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 18px;
  line-height: 29.25px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.paragraph-40 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-43 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 18px;
  line-height: 29.25px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.paragraph-42 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-45 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 18px;
  line-height: 29.25px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.paragraph-44 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-39 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-36 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  max-width: 672px;
}

.container-margin-35 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.watishet-34 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 64px 20px 64px 20px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(140, 207, 253, 0.15000000596046448);
}

.text-50 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-paytone-one);
  font-weight: normal;
  font-size: 36px;
  line-height: 40px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.heading-2-49 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-52 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 18px;
  line-height: 29.25px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
  font-family: var(--font-family-inclusive-sans);
  font-weight: 700;
  font-size: 18px;
  line-height: 29.25px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 18px;
  line-height: 29.25px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.paragraph-51 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-56 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 18px;
  line-height: 29.25px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.paragraph-55 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-54 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  box-shadow: 0px 1px 2px -1px rgba(0,0,0,0.5), 0px 1px 3px 0px rgba(0,0,0,0.5);
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(36, 59, 83, 0.10000000149011612);
  border-radius: 16px;
}

.container-margin-53 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-48 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  max-width: 672px;
}

.container-margin-47 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.voorwie-46 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 64px 20px 64px 20px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(254, 249, 244, 1);
}

.text-61 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-paytone-one);
  font-weight: normal;
  font-size: 36px;
  line-height: 40px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.heading-2-60 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-67 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-paytone-one);
  font-weight: normal;
  font-size: 48px;
  line-height: 48px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.text-66 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  opacity: 0.5;
}

.container-65 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 85.2760736196319%;
}

.text-69 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-paytone-one);
  font-weight: normal;
  font-size: 20px;
  line-height: 28px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.heading-3-68 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-71 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.paragraph-70 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  opacity: 0.8500000238418579;
}

.container-64 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 24px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(140, 207, 253, 1);
  border-radius: 16px;
}

.text-75 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-paytone-one);
  font-weight: normal;
  font-size: 48px;
  line-height: 48px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-74 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  opacity: 0.5;
}

.container-73 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 85.2760736196319%;
}

.text-77 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-paytone-one);
  font-weight: normal;
  font-size: 20px;
  line-height: 28px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.heading-3-76 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-79 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.paragraph-78 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  opacity: 0.8500000238418579;
}

.container-72 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 24px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(255, 127, 63, 1);
  border-radius: 16px;
}

.text-83 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-paytone-one);
  font-weight: normal;
  font-size: 48px;
  line-height: 48px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.text-82 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  opacity: 0.5;
}

.container-81 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 85.2760736196319%;
}

.text-85 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-paytone-one);
  font-weight: normal;
  font-size: 20px;
  line-height: 28px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.heading-3-84 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-87 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.paragraph-86 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  opacity: 0.8500000238418579;
}

.container-80 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 24px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(255, 214, 26, 1);
  border-radius: 16px;
}

.text-91 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-paytone-one);
  font-weight: normal;
  font-size: 48px;
  line-height: 48px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-90 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  opacity: 0.5;
}

.container-89 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 85.2760736196319%;
}

.text-93 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-paytone-one);
  font-weight: normal;
  font-size: 20px;
  line-height: 28px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.heading-3-92 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-95 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.paragraph-94 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  opacity: 0.8500000238418579;
}

.container-88 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 24px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 48.51190476190476%;
  background-color: rgba(244, 72, 146, 1);
  border-radius: 16px;
}

.container-63 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-margin-62 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-59 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  max-width: 672px;
}

.container-margin-58 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-98 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(254, 249, 244, 1);
  border: none;
  outline: none;
}

.icon-97 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-96 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.hoewerkthet-57 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 64px 20px 96px 20px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(36, 59, 83, 1);
}

.text-103 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-paytone-one);
  font-weight: normal;
  font-size: 36px;
  line-height: 40px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.heading-2-102 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-108 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-paytone-one);
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.heading-3-107 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-110 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.paragraph-109 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-106 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 48.80952380952381%;
  box-shadow: 0px 1px 2px -1px rgba(0,0,0,0.5), 0px 1px 3px 0px rgba(0,0,0,0.5);
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(36, 59, 83, 0.10000000149011612);
  border-radius: 16px;
}

.text-113 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-paytone-one);
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.heading-3-112 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-115 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.paragraph-114 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-111 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 48.80952380952381%;
  box-shadow: 0px 1px 2px -1px rgba(0,0,0,0.5), 0px 1px 3px 0px rgba(0,0,0,0.5);
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(36, 59, 83, 0.10000000149011612);
  border-radius: 16px;
}

.text-118 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-paytone-one);
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.heading-3-117 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-120 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.paragraph-119 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-116 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 48.80952380952381%;
  box-shadow: 0px 1px 2px -1px rgba(0,0,0,0.5), 0px 1px 3px 0px rgba(0,0,0,0.5);
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(36, 59, 83, 0.10000000149011612);
  border-radius: 16px;
}

.text-123 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-paytone-one);
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.heading-3-122 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-125 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.paragraph-124 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-121 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 48.80952380952381%;
  box-shadow: 0px 1px 2px -1px rgba(0,0,0,0.5), 0px 1px 3px 0px rgba(0,0,0,0.5);
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(36, 59, 83, 0.10000000149011612);
  border-radius: 16px;
}

.text-128 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-paytone-one);
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.heading-3-127 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-130 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.paragraph-129 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-126 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 48.80952380952381%;
  box-shadow: 0px 1px 2px -1px rgba(0,0,0,0.5), 0px 1px 3px 0px rgba(0,0,0,0.5);
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(36, 59, 83, 0.10000000149011612);
  border-radius: 16px;
}

.text-133 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-paytone-one);
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.heading-3-132 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-135 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.paragraph-134 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-131 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 48.80952380952381%;
  box-shadow: 0px 1px 2px -1px rgba(0,0,0,0.5), 0px 1px 3px 0px rgba(0,0,0,0.5);
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(36, 59, 83, 0.10000000149011612);
  border-radius: 16px;
}

.container-105 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-margin-104 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-101 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  max-width: 672px;
}

.container-margin-100 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.voordelensection-99 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 64px 20px 64px 20px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(254, 249, 244, 1);
}

.text-140 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-paytone-one);
  font-weight: normal;
  font-size: 36px;
  line-height: 40px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.heading-2-139 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-146 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.icon-145 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-144 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 16777200px;
}

.text-margin-143 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-148 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 18px;
  line-height: 24.75px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.paragraph-147 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-142 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.vector-153 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.icon-152 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-151 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 16777200px;
}

.text-margin-150 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-155 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 18px;
  line-height: 24.75px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.paragraph-154 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-149 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.vector-160 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.icon-159 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-158 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 16777200px;
}

.text-margin-157 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-162 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 18px;
  line-height: 24.75px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.paragraph-161 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-156 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.vector-167 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.icon-166 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-165 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 16777200px;
}

.text-margin-164 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-169 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 18px;
  line-height: 24.75px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.paragraph-168 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-163 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.container-141 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 32px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-173 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.paragraph-172 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-171 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(255, 255, 255, 0.20000000298023224);
  border: 1px solid rgba(255, 255, 255, 0.30000001192092896);
  border-radius: 16px;
}

.container-margin-170 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 32px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-138 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  max-width: 672px;
}

.container-margin-137 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-176 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(254, 249, 244, 1);
  border: none;
  outline: none;
}

.icon-175 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-174 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.vector-179 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(254, 249, 244, 1);
  border: none;
  outline: none;
}

.icon-178 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-177 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.veiligsection-136 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 96px 20px 96px 20px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(244, 72, 146, 1);
}

.text-184 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-paytone-one);
  font-weight: normal;
  font-size: 36px;
  line-height: 40px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.heading-2-183 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-190 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 18px;
  line-height: 24.75px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.text-189 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-192 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.6666666269302368px solid rgba(244, 72, 146, 1);
  border: none;
  outline: none;
}

.icon-191 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.button-188 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 20px 0px 20px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.faqitem-187 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(36, 59, 83, 0.11999999731779099);
}

.text-196 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 18px;
  line-height: 24.75px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.text-195 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-198 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.6666666269302368px solid rgba(244, 72, 146, 1);
  border: none;
  outline: none;
}

.icon-197 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.button-194 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 20px 0px 20px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.faqitem-193 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(36, 59, 83, 0.11999999731779099);
}

.text-202 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 18px;
  line-height: 24.75px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.text-201 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-204 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.6666666269302368px solid rgba(244, 72, 146, 1);
  border: none;
  outline: none;
}

.icon-203 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.button-200 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 20px 0px 20px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.faqitem-199 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(36, 59, 83, 0.11999999731779099);
}

.text-208 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 18px;
  line-height: 24.75px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.text-207 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-210 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.6666666269302368px solid rgba(244, 72, 146, 1);
  border: none;
  outline: none;
}

.icon-209 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.button-206 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 20px 0px 20px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.faqitem-205 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(36, 59, 83, 0.11999999731779099);
}

.text-214 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 18px;
  line-height: 24.75px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.text-213 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-216 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.6666666269302368px solid rgba(244, 72, 146, 1);
  border: none;
  outline: none;
}

.icon-215 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.button-212 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 20px 0px 20px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.faqitem-211 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(36, 59, 83, 0.11999999731779099);
}

.text-219 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 18px;
  line-height: 24.75px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.text-218 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-221 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.6666666269302368px solid rgba(244, 72, 146, 1);
  border: none;
  outline: none;
}

.icon-220 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.button-217 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 20px 0px 20px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.container-186 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px 24px 0px 24px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  box-shadow: 0px 1px 2px -1px rgba(0,0,0,0.5), 0px 1px 3px 0px rgba(0,0,0,0.5);
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(36, 59, 83, 0.10000000149011612);
  border-radius: 16px;
}

.container-margin-185 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 32px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-182 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  max-width: 672px;
}

.container-margin-181 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.faqsection-180 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 64px 20px 64px 20px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(254, 249, 244, 1);
}

.text-226 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-paytone-one);
  font-weight: normal;
  font-size: 36px;
  line-height: 40px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.heading-2-225 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-228 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 18px;
  line-height: 29.25px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-36-59-83);
}

.paragraph-227 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 0px 32px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-231 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-paytone-one);
  font-weight: normal;
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 28px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.anmeldenbutton-230 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  box-shadow: 0px 8px 10px -6px rgba(0,0,0,0.5), 0px 20px 25px -5px rgba(0,0,0,0.5);
  background-color: rgba(244, 72, 146, 1);
  border-radius: 16777200px;
}

.container-229 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-224 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  max-width: 576px;
}

.container-margin-223 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-234 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(244, 72, 146, 1);
  border: none;
  outline: none;
}

.speechbubble-233 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-232 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  opacity: 0.30000001192092896;
}

.vector-237 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(140, 207, 253, 1);
  border: none;
  outline: none;
}

.speechbubble-236 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-235 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  opacity: 0.20000000298023224;
}

.ctasection-222 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 64px 20px 64px 20px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(140, 207, 253, 0.20000000298023224);
}

.text-241 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 14px;
  line-height: 22.75px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-243 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-inclusive-sans);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
  text-transform: none;
  color: var(--text-white);
}

.link-242 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-240 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  max-width: 672px;
}

.container-margin-239 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.footer-238 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 20px 24px 20px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(36, 59, 83, 1);
}

.app-3 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  min-height: 849px;
  background-color: rgba(254, 249, 244, 1);
}

.body-2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.document-1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  max-width: 1468px;
  flex-grow: 0;
  flex-shrink: 1;
  background-color: rgba(254, 249, 244, 1);
}

/* ============================================================
   Hand-written fixes & additions (not from the Figma export)
   ============================================================ */

html {
  scroll-behavior: smooth;
}

body {
  background-color: rgba(254, 249, 244, 1);
}

/* The export set white text to 45% opacity — an export artifact.
   On the dark-blue and pink sections it must be solid white. */
:root {
  --text-white: #ffffff;
}

/* Sections: full width, content centered */
.body-2,
.app-3 {
  width: 100%;
}

.hero-4,
.watishet-34,
.voorwie-46,
.hoewerkthet-57,
.voordelensection-99,
.veiligsection-136,
.faqsection-180,
.ctasection-222,
.footer-238 {
  width: 100%;
  align-items: center;
  position: relative;
  overflow: hidden;
}

/* Keep real content above the decorative shapes */
.container-margin-5,
.container-margin-58,
.container-margin-137,
.container-margin-223 {
  position: relative;
  z-index: 1;
}

/* --- Decorative speech bubbles (hero) --- */
.container-16,
.container-19,
.container-22,
.container-25,
.container-28,
.container-31,
.container-232,
.container-235 {
  position: absolute;
  pointer-events: none;
  z-index: 0;
}

.container-16 { top: 6%;    left: 5%; }
.container-19 { bottom: 12%; left: 12%; }
.container-22 { top: 10%;   right: 7%; }
.container-25 { bottom: 18%; right: 5%; }
.container-28 { top: 42%;   left: 2%; }
.container-31 { top: 45%;   right: 1%; }

/* --- Decorative speech bubbles (CTA section) --- */
.container-232 { top: 12%;   left: 6%; }
.container-235 { bottom: 10%; right: 7%; }

@media (max-width: 768px) {
  .container-16 img, .container-19 img, .container-22 img,
  .container-25 img, .container-28 img, .container-31 img,
  .container-232 img, .container-235 img {
    width: 55px;
    height: auto;
  }
}

/* --- Buttons rendered as real links --- */
a.anmeldenbutton-12,
a.anmeldenbutton-230 {
  display: inline-block;
  padding: 14px 44px;
  text-decoration: none;
  transition: transform 0.15s ease, filter 0.15s ease;
}

a.anmeldenbutton-12:hover,
a.anmeldenbutton-230:hover {
  transform: translateY(-2px);
  filter: brightness(1.05);
}

a.footer-link {
  text-decoration: none;
}

/* --- FAQ accordion --- */
.container-186 {
  width: 100%;
}

button.faq-toggle {
  background: none;
  border: none;
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.faq-toggle img {
  transition: transform 0.2s ease;
}

.faq-item.open .faq-toggle img {
  transform: rotate(180deg);
}

.faq-answer {
  display: none;
  padding: 0 32px 20px 0;
}

.faq-item.open .faq-answer {
  display: block;
}

.faq-answer p {
  font-family: var(--font-family-inclusive-sans);
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  color: var(--text-rgb-36-59-83);
}

.faq-answer a {
  color: rgba(244, 72, 146, 1);
}

/* --- Centre the content columns that hold buttons --- */
.container-6,
.container-224 {
  align-items: center;
}

/* --- Card grids: the export lost the 2-column wrap layout.
       (card widths of ~48.5% are still in the per-card rules) --- */
.container-63,
.container-105 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 16px;
  width: min(672px, calc(100vw - 40px));
}

@media (max-width: 640px) {
  .container-64, .container-72, .container-80, .container-88,
  .container-106, .container-111, .container-116, .container-121,
  .container-126, .container-131 {
    width: 100%;
  }
}

/* Step cards 1–3 had no width in the export (card 4 has 48.5%) */
.container-64, .container-72, .container-80 {
  width: 48.51190476190476%;
}

/* No stray border under the last FAQ item */
.faq-item:last-child {
  border-bottom: none;
}