@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap");
.text-primary-400 {
  color: #29ABE2;
}

.text-primary-700 {
  color: #779DB9;
}

.text-primary-800 {
  color: #002C5B;
}

.text-secondary-100 {
  color: #ffffff;
}

.text-secondary-200 {
  color: #DFDFDF;
}

.text-secondary-700 {
  color: #262626;
}

.text-secondary-800 {
  color: #000000;
}

.text-purple-400 {
  color: #8F0CBD;
}

.bg-primary-400 {
  background-color: #29ABE2;
}

.bg-primary-700 {
  background-color: #779DB9;
}

.bg-primary-800 {
  background-color: #002C5B;
}

.bg-secondary-100 {
  background-color: #ffffff;
}

.bg-secondary-200 {
  background-color: #DFDFDF;
}

.bg-secondary-700 {
  background-color: #262626;
}

.bg-secondary-700 {
  background-color: #000000;
}

.bg-purple-400 {
  background-color: #8F0CBD;
}

.fs-100 {
  font-size: 1rem;
}

.fs-150 {
  font-size: 1.2rem;
}

.fs-200 {
  font-size: 1.3rem;
}

.fs-250 {
  font-size: 1.4rem;
}

.fs-300 {
  font-size: 1.6rem;
}

.fs-350 {
  font-size: 1.8rem;
}

.fs-400 {
  font-size: 2rem;
}

.fs-450 {
  font-size: 2.4rem;
}

.fs-500 {
  font-size: 3.2rem;
}

.fs-550 {
  font-size: 4rem;
}

.fw-100 {
  font-weight: 500;
}

.fw-200 {
  font-weight: 600;
}

.fw-300 {
  font-weight: 700;
}

.radius-100 {
  border-radius: 0.4rem;
}

.radius-200 {
  border-radius: 0.8rem;
}

.radius-300 {
  border-radius: 1.4rem;
}

.radius-400 {
  border-radius: 1.8rem;
}

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/*reset font sizes of all tags*/
* {
  font-size: inherit;
  margin: 0;
  padding: 0;
}

/* Reset font size 1rem to 10px */
html {
  font-size: 62.5%;
}

body,
html {
  height: 100%;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul,
ol,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

html,
body {
  height: 100%;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture,
video,
canvas,
svg {
  max-width: 100%;
  display: block;
}

/* Avoid text overflows */
p,
span,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
  font-size: inherit;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
*::before,
*::after {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.form-control:disabled {
  opacity: 0.5;
}

.mt--2 {
  margin-top: 2rem;
}

.mt--4 {
  margin-top: 4rem;
}

.mt--10 {
  margin-top: 10rem;
}

.mr--10 {
  margin-right: 10rem;
}

.ml--45 {
  margin-left: 4.5rem;
}

.mt--55 {
  margin-top: 5.5rem;
}

@media (max-width: 991px) {
  .mr--10 {
    margin-right: 0;
  }
  .ml--45 {
    margin-left: 0;
  }
  .mt--10 {
    margin-top: 0;
  }
  .mt--55 {
    margin-top: 0;
  }
}
body {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #262626;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
}

.btn {
  width: auto;
  height: auto;
  border-radius: 0.8rem;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 700;
  padding: 1.5rem 4rem;
  text-decoration: none;
  display: inline-block;
  color: #ffffff;
}
.btn--primary {
  background-color: #29ABE2;
  border: 1px solid rgba(38, 38, 38, 0.08);
}
.btn--w-outline {
  background-color: transparent;
  border: 2px solid #ffffff;
}
.btn--purple {
  background-color: #8F0CBD;
  box-shadow: 0px 4px 32px rgba(0, 44, 91, 0.04);
}
.btn--white {
  background-color: #ffffff;
  color: #262626;
  font-weight: 500;
  font-size: 1.4rem;
  padding: 1.2rem 3.8rem;
}
.btn--dark {
  background-color: #002C5B;
  padding: 1rem 2rem;
  border-radius: 0.4rem;
  font-size: 1.4rem;
  border: 0;
}
.btn--dark:disabled {
  background-color: #002C5B;
  opacity: 0.2;
  color: #ffffff;
}
.btn--ic {
  position: relative;
}
.btn--ic .btn__ic {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  right: 2.5rem;
  width: 2.4rem;
  height: 2.4rem;
}
.btn--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.btn:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  color: #ffffff;
}

.btn:is(:hover, :active) {
  color: #ffffff;
}

.btn.btn--primary:is(:hover, :active) {
  background-color: #29ABE2;
  border: 1px solid rgba(38, 38, 38, 0.08);
}

.btn.btn--w-outline:is(:hover, :active) {
  background-color: transparent;
  border: 2px solid #ffffff;
}

.btn.btn--purple:is(:hover, :active) {
  background-color: #8F0CBD;
  border-color: #8F0CBD;
}

.btn.btn--white:is(:hover, :active) {
  background-color: #ffffff;
  color: #262626;
  border-color: #ffffff;
}

.btn.btn--dark:is(:hover, :active) {
  background-color: #002C5B;
}

@media (max-width: 1024px) {
  .btn {
    font-size: 1.4rem;
  }
}
@media (max-width: 991px) {
  .btn--ic .btn__ic {
    right: 2.2rem;
    width: 2rem;
    height: 2rem;
  }
}
.isolatie {
  background: url("../images/light-blue-bg.svg"), linear-gradient(112.77deg, #C6E8F7 0.32%, #A3E3FF 100%);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 100% auto;
  min-height: calc(100vh - 8.7rem);
}
.isolatie .isolatie__accordion .isolatie__accordion-item {
  overflow: hidden;
  border-radius: 0.8rem;
  border: 0;
}
.isolatie .isolatie__accordion .isolatie__accordion-item:not(:last-child) {
  margin-bottom: 1.5rem;
}
.isolatie .isolatie__accordion .isolatie__accordion-item .isolatie__accordion-header .isolatie__accordion-button {
  background: #ffffff;
  box-shadow: 0px 0.4rem 5.2rem rgba(0, 44, 91, 0.08);
  padding: 3rem 3rem 3rem 2rem;
  border: 0;
  color: #262626;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.4rem;
}
.isolatie .isolatie__accordion .isolatie__accordion-item .isolatie__accordion-header .isolatie__accordion-button::after {
  background-image: url(../images/accordion-ic-down.svg);
  width: 1.5rem;
  height: 1.2rem;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}
.isolatie .isolatie__accordion .isolatie__accordion-item .isolatie__accordion-header .isolatie__accordion-button .isolatie__accordion-ic {
  margin-right: 2rem;
  width: 4rem;
  height: 4rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.isolatie .isolatie__accordion .isolatie__accordion-item .accordion-body {
  padding: 2rem;
  background: #ffffff;
}
.isolatie .isolatie__accordion .isolatie__accordion-item .accordion-body .isolatie__accordion-body-head {
  margin-bottom: 2.5rem;
}
.isolatie .isolatie__accordion .isolatie__accordion-item .accordion-body .isolatie__accordion-box-main {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2rem;
}
.isolatie .isolatie__accordion .isolatie__accordion-item .accordion-body .isolatie__accordion-box-main .isolatie__accordion-box .form-check {
  width: 100%;
  position: relative;
}
.isolatie .isolatie__accordion .isolatie__accordion-item .accordion-body .isolatie__accordion-box-main .isolatie__accordion-box .form-check .form-check-input {
  position: absolute;
  top: 2rem;
  left: 2rem;
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid #DFDFDF;
  background-color: #ffffff;
  box-shadow: inset 0px 0.4rem 0.4rem rgba(0, 0, 0, 0.04);
  margin: 0;
}
.isolatie .isolatie__accordion .isolatie__accordion-item .accordion-body .isolatie__accordion-box-main .isolatie__accordion-box .form-check .form-check-input:checked {
  background-color: #ffffff;
}
.isolatie .isolatie__accordion .isolatie__accordion-item .accordion-body .isolatie__accordion-box-main .isolatie__accordion-box .form-check .form-check-input:checked[type=checkbox] {
  background-image: url(../images/ic-check-rounded.svg);
}
.isolatie .isolatie__accordion .isolatie__accordion-item .accordion-body .isolatie__accordion-box-main .isolatie__accordion-box .form-check .form-check-input[type=checkbox] {
  border-radius: 0.4rem;
}
.isolatie .isolatie__accordion .isolatie__accordion-item .accordion-body .isolatie__accordion-box-main .isolatie__accordion-box .form-check .form-check-label {
  border: 1px solid #DFDFDF;
  box-shadow: 0px 4px 32px rgba(0, 44, 91, 0.04);
  overflow: hidden;
  border-radius: 0.4rem;
  background: #ffffff;
  padding: 2rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.isolatie .isolatie__accordion .isolatie__accordion-item .accordion-body .isolatie__accordion-box-main .isolatie__accordion-box .form-check .isolatie__accordion-box-img {
  width: auto;
  height: 4rem;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 0.9rem;
  margin-top: 2rem;
}
.isolatie .isolatie__accordion .isolatie__accordion-item .accordion-body .isolatie__accordion-box-main .isolatie__accordion-box .form-check,
.isolatie .isolatie__accordion .isolatie__accordion-item .accordion-body .isolatie__accordion-box-main .isolatie__accordion-box .form-check-inline {
  margin: 0;
  padding: 0;
}
.isolatie .isolatie__accordion .isolatie__accordion-item .accordion-body .isolatie__accordion-box-main .isolatie__accordion-box--btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.isolatie .isolatie__accordion .isolatie__accordion-item .accordion-body.toevoegen__body {
  padding: 0;
}
.isolatie--toevoegen .toevoegen__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 3rem 0 2.8rem;
  width: 100%;
}
.isolatie--toevoegen .toevoegen__header .toevoegen__header-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.isolatie--toevoegen .toevoegen__header .toevoegen__header-list .toevoegen__header-item {
  background: #F6ECFA;
  width: auto;
  padding: 0.6rem 1.7rem 0.6rem 3.6rem;
  border-radius: 13.6rem;
  display: inline-block;
  position: relative;
}
.isolatie--toevoegen .toevoegen__header .toevoegen__header-list .toevoegen__header-item::before {
  content: "";
  background: url(../images/ic-toevoegen-close.svg) no-repeat, rgba(143, 12, 189, 0.5);
  background-size: 0.8rem;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 0.8rem;
}
.isolatie--toevoegen .toevoegen__header .toevoegen__header-link .toevoegen__header-link-txt {
  text-decoration: underline;
  font-weight: 500;
}
.isolatie--toevoegen .toevoegen__header .toevoegen__header-link .toevoegen__header-link-txt:hover {
  color: #262626;
}
.isolatie--toevoegen .toevoegen__body .toevoegen__body-search-box {
  padding: 2rem;
}
.isolatie--toevoegen .toevoegen__body .toevoegen__body-search-box .form-control {
  width: 100%;
  padding: 1.3rem 2rem;
  font-size: 1.6rem;
  line-height: 2rem;
  color: rgba(38, 38, 38, 0.5);
  background-color: #ffffff;
  border: 1px solid #DFDFDF;
  box-shadow: inset 0px 4px 10px rgba(0, 44, 91, 0.08);
  border-radius: 0.4rem;
}
.isolatie--toevoegen .toevoegen__body .toevoegen__body-search-box .form-control::-moz-placeholder {
  color: rgba(38, 38, 38, 0.5);
}
.isolatie--toevoegen .toevoegen__body .toevoegen__body-search-box .form-control:-ms-input-placeholder {
  color: rgba(38, 38, 38, 0.5);
}
.isolatie--toevoegen .toevoegen__body .toevoegen__body-search-box .form-control::placeholder {
  color: rgba(38, 38, 38, 0.5);
}
.isolatie--toevoegen .toevoegen__body .toevoegen__body-search-box .toevoegen__body-search-ic {
  background-image: url("../images/ic-search.svg");
  background-position: center right 2rem;
  background-repeat: no-repeat;
  padding-right: 5rem;
}
.isolatie--toevoegen .toevoegen__body .isolatie__accordion-sub .isolatie__accordion-item-sub {
  border: 0;
}
.isolatie--toevoegen .toevoegen__body .isolatie__accordion-sub .isolatie__accordion-item-sub .isolatie__accordion-header-sub {
  border-top: 1px solid #DFDFDF;
}
.isolatie--toevoegen .toevoegen__body .isolatie__accordion-sub .isolatie__accordion-item-sub .isolatie__accordion-header-sub .isolatie__accordion-button-sub {
  background: #ffffff;
  box-shadow: none;
  padding: 1.7rem 2rem;
  border: 0;
  color: #262626;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.7rem;
}
.isolatie--toevoegen .toevoegen__body .isolatie__accordion-sub .isolatie__accordion-item-sub .isolatie__accordion-header-sub .isolatie__accordion-button-sub::after {
  background-image: url(../images/accordion-ic-down.svg);
  width: 1rem;
  height: 0.5rem;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}
.isolatie--toevoegen .toevoegen__body .isolatie__accordion-sub .isolatie__accordion-item-sub .toevoegen__body-sub {
  background: rgba(0, 44, 91, 0.06);
  border-radius: 0.4rem;
  margin: 0 2rem 2rem;
  padding: 1.2rem 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.isolatie--toevoegen .toevoegen__body .isolatie__accordion-sub .isolatie__accordion-item-sub .toevoegen__body-sub .toevoegen__body-table .table {
  margin-bottom: 0;
}
.isolatie--toevoegen .toevoegen__body .isolatie__accordion-sub .isolatie__accordion-item-sub .toevoegen__body-sub .toevoegen__body-table .table tbody tr td {
  color: #002C5B;
  font-size: 1.3rem;
}
.isolatie--toevoegen .toevoegen__body .isolatie__accordion-sub .isolatie__accordion-item-sub .toevoegen__body-sub .toevoegen__body-table .table tbody tr:last-child td {
  padding-bottom: 0;
}
.isolatie--toevoegen .toevoegen__body .isolatie__accordion-sub .isolatie__accordion-item-sub .toevoegen__body-sub .toevoegen__body-table .table > :not(caption) > * > * {
  padding: 0 2.8rem 1.2rem 0;
}
.isolatie--toevoegen .toevoegen__body .isolatie__accordion-sub .isolatie__accordion-item-sub .toevoegen__body-sub .toevoegen__body-info-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.isolatie--toevoegen .toevoegen__body .isolatie__accordion-sub .isolatie__accordion-item-sub .toevoegen__body-sub .toevoegen__body-info-box .toevoegen__body-info-wrapper {
  display: flex;
  align-items: center;
}
.isolatie--toevoegen .toevoegen__body .isolatie__accordion-sub .isolatie__accordion-item-sub .toevoegen__body-sub .toevoegen__body-info-box .toevoegen__body-info-wrapper .toevoegen__body-info-img-box .toevoegen__body-info-img {
  width: 2rem;
  height: 2rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.isolatie--toevoegen .toevoegen__body .isolatie__accordion-sub .isolatie__accordion-item-sub .toevoegen__body-sub .toevoegen__body-info-box .toevoegen__body-info-wrapper .toevoegen__body-info-input {
  margin: 0 1.2rem;
}
.isolatie--toevoegen .toevoegen__body .isolatie__accordion-sub .isolatie__accordion-item-sub .toevoegen__body-sub .toevoegen__body-info-box .toevoegen__body-info-wrapper .toevoegen__body-info-input .form-control {
  background: #ffffff;
  border: 1px solid #DFDFDF;
  box-shadow: inset 0px 0.4rem 0.4rem rgba(0, 0, 0, 0.04);
  border-radius: 0.4rem;
  padding: 1rem;
  font-size: 1.4rem;
  line-height: 1.7rem;
  width: 8rem;
}
.isolatie--toevoegen .toevoegen__body .isolatie__accordion-sub .isolatie__accordion-item-sub .toevoegen__body-sub .toevoegen__body-info-box .toevoegen__body-info-btn .btn--primary {
  padding: 0.8rem;
}

@media all and (max-width: 991px) {
  .isolatie {
    min-height: auto;
    background: url("../images/light-blue-bg-mobile.svg"), linear-gradient(112.77deg, #C6E8F7 0.32%, #A3E3FF 100%);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100% auto;
  }
  .isolatie .isolatie__accordion .isolatie__accordion-item:not(:last-child) {
    margin-bottom: 1.2rem;
  }
  .isolatie .isolatie__accordion .isolatie__accordion-item .isolatie__accordion-header .isolatie__accordion-button {
    flex-wrap: wrap;
    padding: 1.2rem 2.1rem 1.7rem 1.2rem;
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  .isolatie .isolatie__accordion .isolatie__accordion-item .isolatie__accordion-header .isolatie__accordion-button::after {
    width: 1rem;
    height: 0.5rem;
    position: absolute;
    top: 2.1rem;
    right: 2.1rem;
  }
  .isolatie .isolatie__accordion .isolatie__accordion-item .isolatie__accordion-header .isolatie__accordion-button .isolatie__accordion-ic {
    margin-right: 0.9rem;
    width: 2.4rem;
    height: 2.4rem;
  }
  .isolatie .isolatie__accordion .isolatie__accordion-item .accordion-body {
    padding: 1.6rem 0 1.5rem 1.2rem;
  }
  .isolatie .isolatie__accordion .isolatie__accordion-item .accordion-body .isolatie__accordion-body-head {
    font-size: 1.4rem;
    margin-bottom: 1.3rem;
  }
  .isolatie .isolatie__accordion .isolatie__accordion-item .accordion-body .isolatie__accordion-box-main {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    grid-gap: 1rem;
  }
  .isolatie .isolatie__accordion .isolatie__accordion-item .accordion-body .isolatie__accordion-box-main .isolatie__accordion-box:last-child {
    margin-right: 1.2rem;
  }
  .isolatie .isolatie__accordion .isolatie__accordion-item .accordion-body .isolatie__accordion-box-main .isolatie__accordion-box .form-check {
    width: 11rem;
    height: auto;
  }
  .isolatie .isolatie__accordion .isolatie__accordion-item .accordion-body .isolatie__accordion-box-main .isolatie__accordion-box .form-check .form-check-input {
    top: 1.2rem;
    left: 1.2rem;
  }
  .isolatie .isolatie__accordion .isolatie__accordion-item .accordion-body .isolatie__accordion-box-main .isolatie__accordion-box .form-check .form-check-label {
    padding: 1.2rem 1.7rem 3.2rem;
  }
  .isolatie .isolatie__accordion .isolatie__accordion-item .accordion-body .isolatie__accordion-box-main .isolatie__accordion-box .form-check .form-check-label .isolatie__accordion-box-img {
    margin-top: 3rem;
  }
  .isolatie .isolatie__accordion .isolatie__accordion-item .accordion-body .isolatie__accordion-box-main .isolatie__accordion-box .form-check .form-check-label .isolatie__accordion-box-txt {
    font-size: 1rem;
  }
  .isolatie--toevoegen .toevoegen__header {
    flex-wrap: wrap;
    margin: 0;
  }
  .isolatie--toevoegen .toevoegen__header .toevoegen__header-list {
    margin: 0.5rem 0 1.7rem;
    gap: 0.8rem;
  }
  .isolatie--toevoegen .toevoegen__header .toevoegen__header-list .toevoegen__header-item {
    font-size: 1rem;
    padding: 0.6rem 1.3rem 0.6rem 3.6rem;
  }
  .isolatie--toevoegen .toevoegen__header .toevoegen__header-link .toevoegen__header-link-txt {
    font-size: 1.2rem;
  }
  .isolatie--toevoegen .toevoegen__body .toevoegen__body-search-box {
    padding: 1.2rem;
  }
  .isolatie--toevoegen .toevoegen__body .toevoegen__body-search-box .form-control {
    padding: 1.2rem 1rem;
    font-size: 1.4rem;
  }
  .isolatie--toevoegen .toevoegen__body .toevoegen__body-search-box .toevoegen__body-search-ic {
    background-size: 2rem auto;
  }
  .isolatie--toevoegen .toevoegen__body .isolatie__accordion-sub .isolatie__accordion-item-sub .isolatie__accordion-header-sub .isolatie__accordion-button-sub {
    padding: 1.6rem 2.1rem 1.7rem 1.2rem;
  }
  .isolatie--toevoegen .toevoegen__body .isolatie__accordion-sub .isolatie__accordion-item-sub .toevoegen__body-sub {
    margin: 0 1.2rem 2rem;
    padding: 1.2rem;
    flex-wrap: wrap;
  }
  .isolatie--toevoegen .toevoegen__body .isolatie__accordion-sub .isolatie__accordion-item-sub .toevoegen__body-sub .toevoegen__body-table .table tbody tr td {
    font-size: 1.2rem;
  }
  .isolatie--toevoegen .toevoegen__body .isolatie__accordion-sub .isolatie__accordion-item-sub .toevoegen__body-sub .toevoegen__body-table .table > :not(caption) > * > * {
    padding: 0 3.5rem 1.3rem 0;
  }
  .isolatie--toevoegen .toevoegen__body .isolatie__accordion-sub .isolatie__accordion-item-sub .toevoegen__body-sub .toevoegen__body-radio-box {
    margin: 1.8rem 0 2rem;
  }
  .isolatie--toevoegen .toevoegen__body .isolatie__accordion-sub .isolatie__accordion-item-sub .toevoegen__body-sub .toevoegen__body-info-box {
    width: 100%;
  }
  .isolatie--toevoegen .toevoegen__body .isolatie__accordion-sub .isolatie__accordion-item-sub .toevoegen__body-sub .toevoegen__body-info-box .toevoegen__body-info-wrapper .toevoegen__body-info-input {
    margin: 0 0.8rem 0 0px;
  }
}
.quantities .quantities__item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.quantities .quantities__item:not(:last-child) {
  margin-bottom: 1.7rem;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #D9D9D9;
}
.quantities .quantities__item .quantities__item-left {
  display: flex;
}
.quantities .quantities__item .quantities__item-left .quantities__item-left-img {
  margin-right: 1.3rem;
  width: 1.6rem;
  height: 1.6rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.quantities .quantities__item .quantities__item-right {
  text-align: right;
}
.quantities .quantities__item .quantities__item-right .quantities__item-right-txt {
  font-weight: 700;
  margin-bottom: 0.2rem;
}
.quantities .quantities__item .quantities__item-right .quantities__item-right-txt span {
  margin-right: 0.3rem;
}

@media (max-width: 1024px) {
  .quantities .quantities__item .quantities__item-left {
    flex-wrap: wrap;
  }
}
@media (max-width: 991px) {
  .quantities .quantities__item:not(:last-child) {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
  .quantities .quantities__item--voorwaarden {
    flex-wrap: wrap;
  }
  .quantities .quantities__item--voorwaarden:not(:last-child) {
    margin-bottom: 1.2rem;
  }
  .quantities .quantities__item .quantities__item-left {
    width: 100%;
    margin-bottom: 0.6rem;
  }
  .quantities .quantities__item .quantities__item-left .quantities__item-left-txt {
    font-size: 1.2rem;
  }
  .quantities .quantities__item .quantities__item-right .quantities__item-right-txt {
    margin-bottom: 0;
    font-size: 1.6rem;
  }
}
.overview-sidebar .overview-sidebar__top {
  background: #779DB9;
  box-shadow: 0px 0.4rem 5.2rem rgba(0, 44, 91, 0.08);
  border-radius: 0.8rem;
  padding: 2.3rem 2rem 3rem 2rem;
}
.overview-sidebar .overview-sidebar__top .overview-sidebar__content .overview-sidebar__head,
.overview-sidebar .overview-sidebar__top .overview-sidebar__content .overview-sidebar__desc {
  color: #ffffff;
}
.overview-sidebar .overview-sidebar__top .overview-sidebar__content .overview-sidebar__desc {
  margin-top: 0.6rem;
}
.overview-sidebar .overview-sidebar__top .overview-sidebar__content .overview-sidebar__w-box {
  margin-top: 1.5rem;
  background: #ffffff;
  box-shadow: 0px 0.4rem 5.2rem rgba(0, 44, 91, 0.08);
  border-radius: 0.8rem;
  padding: 3rem 2rem;
}
.overview-sidebar .overview-sidebar__top .overview-sidebar__content .overview-sidebar__w-box--pd-lg {
  padding: 4.5rem 2rem;
}
.overview-sidebar .overview-sidebar__top .overview-sidebar__content .overview-sidebar__w-box--pd-md {
  padding: 3.4rem 2rem 3.1rem;
}
.overview-sidebar .overview-sidebar__top .overview-sidebar__content .overview-sidebar__btns {
  margin-top: 2rem;
}
.overview-sidebar .overview-sidebar__top .overview-sidebar__content .overview-sidebar__btns .btn {
  width: 100%;
}
.overview-sidebar .overview-sidebar__top .overview-sidebar__content .overview-sidebar__btns .btn:not(:last-child) {
  margin-bottom: 1.2rem;
}
.overview-sidebar .overview-sidebar__top .overview-sidebar__content .overview-sidebar__form .overview-sidebar__form-input-box .form-label {
  margin-bottom: 1.5rem;
}
.overview-sidebar .overview-sidebar__top .overview-sidebar__content .overview-sidebar__form .overview-sidebar__form-input-box .overview-sidebar__form-input {
  display: flex;
  align-items: center;
}
.overview-sidebar .overview-sidebar__top .overview-sidebar__content .overview-sidebar__form .overview-sidebar__form-input-box .overview-sidebar__form-input .form-control {
  padding: 1rem 1.4rem;
  background: #ffffff;
  border: 1px solid #DFDFDF;
  box-shadow: inset 0px 0.4rem 0.4rem rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  font-size: 1.4rem;
  color: #262626;
  margin-right: 1.2rem;
  height: 3.6rem;
}
.overview-sidebar .overview-sidebar__top .overview-sidebar__content .overview-sidebar__form .overview-sidebar__form-input-box .overview-sidebar__form-input .form-control::-moz-placeholder {
  opacity: 0.5;
}
.overview-sidebar .overview-sidebar__top .overview-sidebar__content .overview-sidebar__form .overview-sidebar__form-input-box .overview-sidebar__form-input .form-control:-ms-input-placeholder {
  opacity: 0.5;
}
.overview-sidebar .overview-sidebar__top .overview-sidebar__content .overview-sidebar__form .overview-sidebar__form-input-box .overview-sidebar__form-input .form-control::placeholder {
  opacity: 0.5;
}
.overview-sidebar .overview-sidebar__top .overview-sidebar__content .overview-sidebar__list-main .overview-sidebar__list {
  margin-bottom: 0.8rem;
}
.overview-sidebar .overview-sidebar__top .overview-sidebar__content .overview-sidebar__list-main .overview-sidebar__list--bullet {
  margin-left: 0.8rem;
}
.overview-sidebar .overview-sidebar__top .overview-sidebar__content .overview-sidebar__list-main .overview-sidebar__list--bullet .overview-sidebar__list-item {
  position: relative;
  padding-left: 1rem;
  display: flex;
  align-items: center;
}
.overview-sidebar .overview-sidebar__top .overview-sidebar__content .overview-sidebar__list-main .overview-sidebar__list--bullet .overview-sidebar__list-item::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  background: #262626;
  border-radius: 100%;
  left: 0;
}
.overview-sidebar .overview-sidebar__top .overview-sidebar__content .overview-sidebar__list-main .overview-sidebar__list .overview-sidebar__list-item:not(:last-child) {
  margin-bottom: 1rem;
}
.overview-sidebar .overview-sidebar__top .overview-sidebar__content .overview-sidebar__list-main .overview-sidebar__list-head {
  margin-bottom: 1.1rem;
}
.overview-sidebar .overview-sidebar__bottom .overview-sidebar__bottom-list {
  padding: 2rem;
}
.overview-sidebar .overview-sidebar__bottom .overview-sidebar__bottom-list .overview-sidebar__bottom-item {
  display: flex;
  align-items: center;
}
.overview-sidebar .overview-sidebar__bottom .overview-sidebar__bottom-list .overview-sidebar__bottom-item:not(:last-child) {
  margin-bottom: 1rem;
}
.overview-sidebar .overview-sidebar__bottom .overview-sidebar__bottom-list .overview-sidebar__bottom-item .overview-sidebar__bottom-item-img {
  width: 3.2rem;
  height: 3.2rem;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 1.2rem;
}

@media all and (max-width: 991px) {
  .overview-sidebar--keuze-isolatie {
    display: none;
  }
}
.overview-data .overview-data__content .btn-prev {
  padding: 0;
}
.overview-data .overview-data__content .btn.disabled {
  border: 0;
  opacity: 1;
  padding: 0;
}
.overview-data .overview-data__content .overview-data__content-step {
  display: flex;
  align-items: center;
}
.overview-data .overview-data__content .overview-data__content-step .overview-data__content-step-ic {
  width: 3.6rem;
  height: 3.6rem;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 1.2rem;
}
.overview-data .overview-data__content .overview-data__content-head {
  margin: 2rem 0 4rem;
}
.overview-data .overview-data__content .overview-data__content-btns {
  display: flex;
  align-items: center;
}
.overview-data .overview-data__content .overview-data__content-btns .btn:not(:last-child) {
  margin-right: 1.2rem;
}
.overview-data .congratulations .congratulations__left .congratulations__left-img-box {
  display: flex;
  align-items: flex-start;
}
.overview-data .congratulations .congratulations__left .congratulations__left-img-box .congratulations__left-img {
  background: #29ABE2;
  border-radius: 100%;
  width: 9rem;
  height: 9rem;
  margin-right: 2rem;
}
.overview-data .congratulations .congratulations__left .congratulations__left-desc {
  margin-top: 2rem;
}

@media (max-width: 991px) {
  .overview-data .overview-data__content {
    padding: 0 2rem;
  }
  .overview-data .overview-data__content .overview-data__content-step .overview-data__content-step-txt {
    font-size: 1.4rem;
  }
  .overview-data .overview-data__content .overview-data__content-head {
    margin: 2.5rem 2rem;
    font-size: 2rem;
    line-height: 2.8rem;
  }
}
@media (max-width: 767px) {
  .overview-data .congratulations .congratulations__left .congratulations__left-img-box {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .overview-data .congratulations .congratulations__left .congratulations__left-img-box .congratulations__left-img {
    width: 6rem;
    height: 6rem;
    margin-right: 0;
    margin-bottom: 0.4rem;
  }
  .overview-data .congratulations .congratulations__left .congratulations__left-img-box .congratulations__left-head {
    text-align: center;
    font-size: 2rem;
    line-height: 2.8rem;
  }
  .overview-data .congratulations .congratulations__left .congratulations__left-desc {
    margin-top: 0.8rem;
    font-size: 1.3rem;
    line-height: 2rem;
    text-align: center;
  }
}
.alert__box {
  padding: 1.5rem;
  display: flex;
  align-items: flex-start;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 0.8rem;
  margin-top: 4rem;
  width: 53rem;
}
.alert__box .alert__box-ic {
  margin-right: 1rem;
  width: 2rem;
  height: 2rem;
}
.alert__box .alert__box-desc {
  font-size: 1.2rem;
}

@media (max-width: 991px) {
  .alert__box {
    width: 100%;
    height: auto;
    margin-top: 2.5rem;
  }
}
.cust-radio {
  margin-top: 0.8rem;
  display: flex;
  align-items: center;
}
.cust-radio .form-check-inline {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}
.cust-radio .form-check-inline:not(:last-child) {
  margin-right: 2.3rem;
}
.cust-radio .form-check .form-check-input {
  margin: 0;
  padding: 0;
  background: #ffffff;
  border: 1px solid #DFDFDF;
  box-shadow: inset 0px 0.4rem 0.4rem rgba(0, 0, 0, 0.04);
  border-radius: 100%;
  width: 2.4rem;
  height: 2.4rem;
}
.cust-radio .form-check .form-check-input:checked {
  background-color: #ffffff;
}
.cust-radio .form-check .form-check-input:checked[type=radio] {
  background-image: url(../images/ic-radio-bg.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.cust-radio .form-check .form-check-label {
  margin-left: 0.7rem;
}

.cust-radio .form-check .form-check-label {
  font-size: 1.2rem;
}

.facts-form {
  background: #ffffff;
  box-shadow: 0px 0.4rem 5.2rem rgba(0, 44, 91, 0.08);
  border-radius: 0.8rem;
  padding: 4rem 2rem;
}
.facts-form:first-child {
  margin-top: 5.5rem;
}
.facts-form .facts-form__input-box .facts-form__input:not(:last-child) {
  margin-bottom: 1.6rem;
}
.facts-form .facts-form__input-box .facts-form__input .facts-form__label {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.facts-form .facts-form__input-box .facts-form__input .facts-form__label .facts-form__label-ic {
  margin-left: 0.7rem;
  width: 2rem;
  height: 2rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.facts-form .facts-form__input-box .facts-form__input .form-control,
.facts-form .facts-form__input-box .facts-form__input .form-select {
  background-color: #ffffff;
  border: 1px solid #DFDFDF;
  box-shadow: inset 0px 0.4rem 0.4rem rgba(0, 0, 0, 0.04);
  border-radius: 0.4rem;
  padding: 1.6rem 1.4rem;
  font-size: 1.4rem;
  color: #262626;
}
.facts-form .facts-form__input-box .facts-form__input .form-control::-moz-placeholder, .facts-form .facts-form__input-box .facts-form__input .form-select::-moz-placeholder {
  color: #262626;
}
.facts-form .facts-form__input-box .facts-form__input .form-control:-ms-input-placeholder, .facts-form .facts-form__input-box .facts-form__input .form-select:-ms-input-placeholder {
  color: #262626;
}
.facts-form .facts-form__input-box .facts-form__input .form-control::placeholder,
.facts-form .facts-form__input-box .facts-form__input .form-select::placeholder {
  color: #262626;
}
.facts-form .facts-form__input-box .facts-form__input .form-select {
  background-image: url(../images/ic-select-down.svg);
  background-size: 1rem 0.5rem;
  background-position: right 1.4rem center;
}
.facts-form .facts-form__input-box .facts-form__input .facts-form__calendar {
  background-image: url(../images/ic-calendar.svg);
  background-position: center right 1.3rem;
  background-repeat: no-repeat;
  background-size: 2rem;
}
.facts-form .was-validated .form-control:invalid {
  border-color: #BB0000;
  background-image: none;
}
.facts-form .was-validated .form-control:valid {
  border-color: #DFDFDF;
  background-image: none;
}
.facts-form .was-validated .form-check-input:valid ~ .form-check-label {
  color: #262626;
}
.facts-form .invalid-feedback {
  color: #BB0000;
  margin-top: 1rem;
  font-size: 1.2rem;
  background-color: rgba(187, 0, 0, 0.1);
  border-radius: 0.4rem;
  padding: 1.2rem;
  position: relative;
}
.facts-form .invalid-feedback::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0.8rem;
  height: 0.4rem;
  background: url(../images/ic-validate.svg) no-repeat;
  background-size: 100%;
  top: -0.4rem;
}

@media (max-width: 991px) {
  .facts-form {
    padding: 1.6rem 1.2rem;
    margin: 0 2rem;
  }
  .facts-form:first-child {
    margin-top: 2rem;
  }
  .facts-form .facts-form__input-box .facts-form__input .facts-form__label {
    margin-bottom: 0.6rem;
  }
  .facts-form .facts-form__input-box .facts-form__input .facts-form__label .facts-form__label-ic {
    margin-left: 0.6rem;
    width: 1.5rem;
    height: 1.5rem;
  }
  .facts-form .facts-form__input-box .facts-form__input .form-control,
.facts-form .facts-form__input-box .facts-form__input .form-select {
    padding: 1.2rem;
    font-size: 1.2rem;
  }
  .facts-form .facts-form__input-box .facts-form__input .facts-form__calendar {
    background-size: 1.5rem;
  }
  .facts-form .facts-form__input-box .facts-form__input:not(:last-child) {
    margin-bottom: 1rem;
  }
}
#checkout-progress {
  width: 100%;
  position: absolute;
  top: 0;
}
#checkout-progress::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1rem;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  transform: translateY(-50%) perspective(1000px);
}
#checkout-progress::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1rem;
  width: 100%;
  background-color: #38E229;
  transform: scaleX(0) translateY(-50%) perspective(1000px);
  transform-origin: left center;
  transition: transform 0.5s ease;
}
#checkout-progress .progress-bar {
  width: 100%;
  display: flex;
  height: 1rem;
  justify-content: space-between;
  align-items: center;
}
#checkout-progress .progress-bar .step {
  z-index: 2;
  position: relative;
}
#checkout-progress .progress-bar .step :after {
  /* content: ""; */
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) perspective(1000px);
  /* width: 75px;
  height: 75px; */
  background-color: #fff;
  border-radius: 50%;
  border: 5px solid #ccc;
  transition: 0.3s ease;
}
#checkout-progress .progress-bar .step .step-label {
  position: absolute;
  top: calc(100% + 25px);
  left: 50%;
  transform: translateX(-50%) perspective(1000px);
  white-space: nowrap;
  font-size: 0.4em;
  font-weight: 600;
  color: #ccc;
  transition: 0.3s ease;
}
#checkout-progress .progress-bar .step span {
  color: #ccc;
  transition: 0.3s ease;
  display: block;
  transform: translate3d(0, 0, 0) scale(1) perspective(1000px);
}
#checkout-progress .progress-bar .step .fa-check {
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: transform 0.3s ease;
  transform: translate3d(-50%, -50%, 0) scale(0) perspective(1000px);
}
#checkout-progress .progress-bar .step.active span,
#checkout-progress .progress-bar .step.active .step-label {
  color: #2C3E50;
}
#checkout-progress .progress-bar .step.active::after {
  border: 5px solid #2C3E50;
}
#checkout-progress .progress-bar .step.valid .fa-check {
  transform: translate3d(-50%, -50%, 0) scale(1) perspective(1000px);
}
#checkout-progress .progress-bar .step.valid span {
  color: #2C3E50;
  transform: translate3d(0, 0, 0) scale(2) perspective(1000px);
}
#checkout-progress .progress-bar .step.valid .step-label {
  color: #2C3E50 !important;
}
#checkout-progress .progress-bar .step.valid::after {
  background-color: #2C3E50;
  border: 5px solid #2C3E50;
}

#checkout-progress.step-2::after {
  transform: scaleX(0.25) translateY(-50%) perspective(1000px);
}

#checkout-progress.step-3::after {
  transform: scaleX(0.5) translateY(-50%) perspective(1000px);
}

#checkout-progress.step-4::after {
  transform: scaleX(0.75) translateY(-50%) perspective(1000px);
}

#checkout-progress.step-5::after {
  transform: scaleX(1) translateY(-50%) perspective(1000px);
}

#checkout-progress.step-6::after {
  transform: scaleX(1) translateY(-50%) perspective(1000px);
}

#step-checkout-progress {
  width: 100%;
}
#step-checkout-progress::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1rem;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  transform: translateY(-50%) perspective(1000px);
}
#step-checkout-progress::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1rem;
  width: 100%;
  background-color: #38E229;
  transform: scaleX(0) translateY(-50%) perspective(1000px);
  transform-origin: left center;
  transition: transform 0.5s ease;
}
#step-checkout-progress .progress-bar {
  width: 100%;
  display: flex;
  height: 1rem;
  justify-content: space-between;
  align-items: center;
}
#step-checkout-progress .progress-bar .step {
  z-index: 2;
  position: relative;
}
#step-checkout-progress .progress-bar .step :after {
  /* content: ""; */
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) perspective(1000px);
  /* width: 75px;
  height: 75px; */
  background-color: #fff;
  border-radius: 50%;
  border: 5px solid #ccc;
  transition: 0.3s ease;
}
#step-checkout-progress .progress-bar .step .step-label {
  position: absolute;
  top: calc(100% + 25px);
  left: 50%;
  transform: translateX(-50%) perspective(1000px);
  white-space: nowrap;
  font-size: 0.4em;
  font-weight: 600;
  color: #ccc;
  transition: 0.3s ease;
}
#step-checkout-progress .progress-bar .step span {
  color: #ccc;
  transition: 0.3s ease;
  display: block;
  transform: translate3d(0, 0, 0) scale(1) perspective(1000px);
}
#step-checkout-progress .progress-bar .step .fa-check {
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: transform 0.3s ease;
  transform: translate3d(-50%, -50%, 0) scale(0) perspective(1000px);
}
#step-checkout-progress .progress-bar .step.active span,
#step-checkout-progress .progress-bar .step.active .step-label {
  color: #2C3E50;
}
#step-checkout-progress .progress-bar .step.active::after {
  border: 5px solid #2C3E50;
}
#step-checkout-progress .progress-bar .step.valid .fa-check {
  transform: translate3d(-50%, -50%, 0) scale(1) perspective(1000px);
}
#step-checkout-progress .progress-bar .step.valid span {
  color: #2C3E50;
  transform: translate3d(0, 0, 0) scale(2) perspective(1000px);
}
#step-checkout-progress .progress-bar .step.valid .step-label {
  color: #2C3E50 !important;
}
#step-checkout-progress .progress-bar .step.valid::after {
  background-color: #2C3E50;
  border: 5px solid #2C3E50;
}

#step-checkout-progress.step-2::after {
  transform: scaleX(0.5) translateY(-50%) perspective(1000px);
}

#step-checkout-progress.step-3::after {
  transform: scaleX(1) translateY(-50%) perspective(1000px);
}

@media (max-width: 767px) {
  #checkout-progress .progress-bar .step .step-label {
    top: calc(100% + 15px);
  }
}
.upload {
  position: relative;
}
.upload--upload {
  padding: 4.5rem 0 10rem;
}
.upload:not(:last-child) {
  margin-bottom: 2rem;
}
.upload:last-child::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 9.2rem;
  height: 15.7rem;
  background: url(../images/deco-arrow-down.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  top: 0;
  right: -10rem;
}
.upload .upload__file {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.upload .upload__file input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}
.upload .upload__file .upload__file-field {
  display: block;
  background: #F7F7F7;
  padding: 2.5rem 1.4rem;
  border-radius: 0.4rem;
  border: 2px dashed #DFDFDF;
}
.upload .upload__file .upload__file-field .upload__file-field-data {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.upload .upload__file .upload__file-field .upload__file-field-data .upload__file-field-data-txt {
  font-size: 1.4rem;
  color: rgba(38, 38, 38, 0.5);
  margin-right: 2.5rem;
}
.upload .upload__file .upload__file-field .upload__file-field-data .upload__file-field-data-img {
  width: 2rem;
  height: 2rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.upload .upload__file .upload__file-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
}

.upload-box {
  position: relative;
}
.upload-box button {
  background-color: transparent;
  position: absolute;
  display: inline-block;
  right: -0.5rem;
  top: -0.5rem;
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  border: 0;
}
.upload-box button img {
  width: 2rem;
  height: 2rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.pdf-box {
  background: #D3EDF8;
  border-radius: 0.4rem;
  width: 7.4rem;
  height: 7.4rem;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 2.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.img-box {
  border: 1px solid #D3EDF8;
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.img-box img {
  width: 7.4rem;
  height: 7.4rem;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 991px) {
  .upload {
    margin: 0 2rem;
  }
  .upload:not(:last-child) {
    margin-bottom: 1.2rem;
  }
  .upload .upload__file .upload__file-field .upload__file-field-data .upload__file-field-data-txt {
    font-size: 1.2rem;
  }
  .upload .upload__file .upload__file-preview {
    gap: 1rem;
  }
  .upload:last-child::after {
    display: none;
  }
  .upload .upload__btn {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -7rem;
  }
}
.wijzig-txt-link {
  color: #068DC7;
  text-decoration: underline;
}

.form-checkbox {
  margin: 2rem 0 3.5rem;
}
.form-checkbox .form-check {
  width: 100%;
  position: relative;
}
.form-checkbox .form-check:not(:last-child) {
  margin-bottom: 1.6rem;
}
.form-checkbox .form-check .form-check-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid #DFDFDF;
  background-color: #ffffff;
  box-shadow: inset 0px 0.4rem 0.4rem rgba(0, 0, 0, 0.04);
  margin: 0;
}
.form-checkbox .form-check .form-check-input:checked {
  background-color: #ffffff;
}
.form-checkbox .form-check .form-check-input:checked[type=checkbox] {
  background-image: url(../images/ic-check-rounded.svg);
}
.form-checkbox .form-check .form-check-input[type=checkbox] {
  border-radius: 0.4rem;
}
.form-checkbox .form-check .form-check-label {
  padding-left: 3rem;
  font-size: 1.4rem;
}
.form-checkbox .form-check .form-check-label .internal-link {
  color: #262626;
  text-decoration: underline;
}
.form-checkbox .form-check,
.form-checkbox .form-check-inline {
  margin: 0;
  padding: 0;
}

@media (max-width: 991px) {
  .form-checkbox .form-check .form-check-label {
    font-size: 1.2rem;
  }
}
.txt-deco-img {
  position: relative;
}
.txt-deco-img::after {
  content: "";
  position: absolute;
  display: inline-block;
  background: url(../images/deco-arrow-up.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.txt-deco-img--voorwaarden::after {
  width: 15.9rem;
  height: 6.7rem;
  top: 2.5rem;
  right: -17.5rem;
}
.txt-deco-img--gegevens::after {
  width: 18.9rem;
  height: 8rem;
  top: 2.5rem;
  right: -15rem;
}
.txt-deco-img--uploaden::after {
  width: 17.7rem;
  height: 7.5rem;
  top: 1.5rem;
  right: -14rem;
}

@media (max-width: 991px) {
  .txt-deco-img--uploaden::after {
    background: url(../images/deco-arrow-down-mobile.svg) no-repeat;
    height: 4.3rem;
    width: 2.5rem;
    right: 0;
    bottom: 0;
    background-size: 100%;
    top: unset;
  }
  .txt-deco-img--voorwaarden::after {
    display: none;
  }
  .txt-deco-img--gegevens::after {
    display: none;
  }
}
.steps {
  padding: 3rem 0;
}
.steps .steps__wrapper .steps__listing {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  counter-reset: my-sec-counter;
}
.steps .steps__wrapper .steps__listing::before {
  content: "";
  position: absolute;
  display: inline-block;
  background: #ffffff;
  width: 100%;
  height: 0.2rem;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.steps .steps__wrapper .steps__listing .steps__item {
  position: relative;
  width: auto;
  color: #262626;
  display: flex;
  align-items: center;
  font-size: 1.2rem;
}
.steps .steps__wrapper .steps__listing .steps__item .steps__item-box {
  display: flex;
  align-items: center;
  background: #ffffff;
  padding: 0.24rem;
}
.steps .steps__wrapper .steps__listing .steps__item .steps__item-box .steps__item-num {
  background: #779DB9;
  width: 2rem;
  height: 2rem;
  padding: 0.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 700;
  color: #ffffff;
  margin-right: 0.8rem;
  position: relative;
  z-index: 1;
}
.steps .steps__wrapper .steps__listing .steps__item .steps__item-box .steps__item-head {
  display: none;
  margin-right: 0.5rem;
}
.steps .steps__wrapper .steps__listing .steps__item::before {
  content: "";
  display: inline-block;
  background: url(../images/steps-shape-left.svg) no-repeat;
  width: 4.5rem;
  height: 2.5rem;
  background-size: 100%;
  right: -1px;
  position: relative;
}
.steps .steps__wrapper .steps__listing .steps__item::after {
  content: "";
  display: inline-block;
  background: url(../images/steps-shape-right.svg) no-repeat;
  width: 4.5rem;
  height: 2.5rem;
  background-size: 100%;
  left: -1px;
  position: relative;
}
.steps .steps__wrapper .steps__listing .steps__item:first-child .steps__item-box {
  border-radius: 50rem 0 0 50rem;
}
.steps .steps__wrapper .steps__listing .steps__item:first-child::before {
  display: none;
}
.steps .steps__wrapper .steps__listing .steps__item:last-child .steps__item-box {
  border-radius: 0 50rem 50rem 0;
  padding-right: 1.1rem;
}
.steps .steps__wrapper .steps__listing .steps__item:last-child::after {
  display: none;
}
.steps .steps__wrapper .steps__listing .steps__item--active .steps__item-box {
  padding: 1.3rem;
}
.steps .steps__wrapper .steps__listing .steps__item--active .steps__item-box .steps__item-head {
  display: inline-block;
}
.steps .steps__wrapper .steps__listing .steps__item--active::after, .steps .steps__wrapper .steps__listing .steps__item--active::before {
  width: 8.5rem;
  height: 4.6rem;
}
.steps .steps__wrapper .steps__listing .steps__item--done .steps__item-box {
  background: none;
}
.steps .steps__wrapper .steps__listing .steps__item--done .steps__item-box .steps__item-num {
  margin-right: 0;
}
.steps .steps__wrapper .steps__listing .steps__item--done .steps__item-box .steps__item-head,
.steps .steps__wrapper .steps__listing .steps__item--done .steps__item-box .steps__item-desc {
  display: none;
}
.steps .steps__wrapper .steps__listing .steps__item--done::before {
  right: -14px;
}
.steps .steps__wrapper .steps__listing .steps__item--done::after {
  left: -14px;
}
.steps .steps__wrapper .steps__listing .steps__item--done:first-child .steps__item-box {
  border-radius: 50rem;
  background: #ffffff;
}

@media all and (max-width: 1024px) {
  .steps {
    padding: 2rem 0;
  }
  .steps .steps__wrapper .steps__listing::before {
    display: none;
  }
  .steps .steps__wrapper .steps__listing .steps__item {
    display: none;
    font-size: 1rem;
  }
  .steps .steps__wrapper .steps__listing .steps__item--active {
    display: inline-block;
  }
  .steps .steps__wrapper .steps__listing .steps__item--active::before {
    display: none;
  }
  .steps .steps__wrapper .steps__listing .steps__item::after {
    display: none;
  }
  .steps .steps__wrapper .steps__listing .steps__item .steps__item-box {
    padding: 0;
    background: none;
  }
  .steps .steps__wrapper .steps__listing .steps__item .steps__item-box .steps__item-num {
    width: 2.7rem;
    height: 1.8rem;
    border-radius: 3rem;
    margin-right: 0.3rem;
    padding: 0.3rem;
  }
  .steps .steps__wrapper .steps__listing .steps__item .steps__item-box .steps__item-num::after {
    content: "/5";
  }
}
.overview-sidebar .total-offcanvas-btn {
  display: none;
}
.overview-sidebar .offcanvas {
  background-color: transparent;
  border: 0;
}
.overview-sidebar .offcanvas .offcanvas-body {
  padding: 0;
}
.overview-sidebar .offcanvas-backdrop {
  display: none;
}

@media (min-width: 992px) {
  .overview-sidebar .test {
    display: none;
  }
  .overview-sidebar .offcanvas-header {
    display: none;
  }
  .overview-sidebar .offcanvas {
    height: auto;
    position: relative;
    transform: none !important;
    visibility: visible;
    transition: none !important;
  }
  .overview-sidebar .offcanvas .offcanvas-body .btn-close {
    display: none;
  }
}
@media (max-width: 991px) {
  .overview-sidebar .offcanvas {
    height: 60vh;
  }
  .overview-sidebar .total-offcanvas-btn {
    display: inline-block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    right: 0;
    border-radius: 0.8rem 0.8rem 0 0;
    z-index: 2;
    padding: 1rem 1.2rem;
    box-shadow: 0px -1.6px 5.2rem rgba(0, 44, 91, 0.08);
  }
  .overview-sidebar .total-offcanvas {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .overview-sidebar .total-offcanvas .total-offcanvas__left .total-offcanvas__left-txt {
    font-size: 1.2rem;
    font-weight: 500;
  }
  .overview-sidebar .total-offcanvas .total-offcanvas__right {
    display: flex;
    align-items: center;
  }
  .overview-sidebar .total-offcanvas .total-offcanvas__right .total-offcanvas__right-txt {
    margin-right: 2rem;
  }
  .overview-sidebar .total-offcanvas .total-offcanvas__right .total-offcanvas__right-txt span {
    margin-right: 0.5rem;
  }
  .overview-sidebar .total-offcanvas .total-offcanvas__right .total-offcanvas__right-img {
    width: 2.4rem;
    height: 2.4rem;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .overview-sidebar .offcanvas-body {
    background: #002C5B;
    border-radius: 0.8rem;
  }
  .overview-sidebar .offcanvas-body .btn-close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    background-image: url(../images/ic-offcanvas-down.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 2.4em;
    height: 2.4em;
    padding: 0;
    opacity: 1;
  }
  .overview-sidebar .offcanvas-body .btn-close:focus {
    box-shadow: none;
  }
  .overview-sidebar .overview-sidebar__top {
    background: transparent;
    padding: 3.5rem 2rem 2rem 2rem;
  }
  .overview-sidebar .overview-sidebar__top .overview-sidebar__content .overview-sidebar__desc {
    font-size: 1.2rem;
  }
  .overview-sidebar .overview-sidebar__top .overview-sidebar__content .overview-sidebar__w-box {
    margin-top: 1.3rem;
  }
  .overview-sidebar .overview-sidebar__top .overview-sidebar__content .overview-sidebar__w-box--pd-md {
    padding: 1.8rem 2rem;
  }
}
.header .navbar {
  padding: 1.7rem 0;
}
.header .navbar .navbar-brand {
  margin: 0;
  padding: 0;
}
.header .navbar .navbar-brand .header__logo {
  width: auto;
  height: 5.3rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.header .navbar .header__data {
  display: flex;
  align-items: center;
}
.header .navbar .header__data .header__data-successful-txt {
  position: relative;
  padding-right: 2rem;
}
.header .navbar .header__data .header__data-successful-txt::after {
  content: "";
  position: absolute;
  width: 0.1rem;
  height: 3rem;
  background: #DFDFDF;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.header .navbar .header__data .header__data-star-img {
  padding-left: 2rem;
  width: auto;
  height: 2.4rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.header .navbar .header__data .header__data-reviews-link {
  padding: 0 2.4rem 0 2rem;
  text-decoration: underline;
}
.header .navbar .header__data .header__data-reviews-link:hover {
  color: #262626;
}
.header .navbar .header__data .header__data-trust-img {
  padding-right: 5.3rem;
  width: auto;
  height: 2.4rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.header .navbar .header__data .header__data-close {
  width: 2.4rem;
  height: 2.4rem;
  -o-object-fit: contain;
     object-fit: contain;
}

@media all and (max-width: 991px) {
  .header .navbar {
    padding: 1.6rem 0;
  }
  .header .navbar .navbar-brand .header__logo {
    width: auto;
    height: 3.2rem;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.footer {
  padding: 2.5rem 0 3rem;
}
.footer .footer__data {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.footer .footer__data .footer__data-successful-txt,
.footer .footer__data .footer__data-trust-img {
  margin-bottom: 1.8rem;
}
.footer .footer__data .footer__data-trust-img {
  width: 9.5rem;
  height: 2.4rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.footer .footer__data .footer__data-star-img {
  margin-bottom: 1rem;
}
.footer .footer__data .footer__data-reviews-link {
  text-decoration: underline;
}
.footer .footer__data .footer__data-reviews-link:hover {
  color: #262626;
}

.container {
  width: 1300px;
  max-width: 100%;
}

.section-bg {
  position: relative;
  isolation: isolate;
  border-radius: 0.8rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 58.4rem;
}
.section-bg::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 58.4rem;
  box-shadow: 0px 0.4rem 5.2rem rgba(0, 44, 91, 0.08);
  border-radius: 0.8rem;
  z-index: -1;
}
.section-bg--solid::after {
  background-color: #002C5B;
}
.section-bg--gradient::after {
  background: linear-gradient(102.27deg, #002C5B 7.81%, #004289 101.04%);
}

.body-light-bg {
  background: linear-gradient(112.77deg, #C6E8F7 0.32%, #A3E3FF 100%);
}

@media (max-width: 991px) {
  .row,
.container {
    --bs-gutter-x: 2rem * 2;
  }
  .container-pd-0 {
    padding: 0;
  }
  .section-bg {
    min-height: 100%;
    padding: 4.5rem 0;
  }
  .section-bg::after {
    height: 100%;
  }
  .section-bg .section-bg__overzicht-pd {
    padding-bottom: 5rem;
  }
  .section-bg .section-bg__upload-pd {
    padding-bottom: 5rem;
  }
}
.hero {
  min-height: calc(100vh - 8.7rem);
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  background-image: url("../images/hero-before.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center right;
}
.hero .hero__content .hero__content-head {
  margin-bottom: 2.4rem;
}
.hero .hero__content .hero__content-list {
  margin: 3.5rem 0 3.8rem;
}
.hero .hero__content .hero__content-list .hero__content-item {
  position: relative;
  padding-left: 2.5rem;
  display: flex;
  align-items: center;
}
.hero .hero__content .hero__content-list .hero__content-item:not(:last-child) {
  margin-bottom: 1rem;
}
.hero .hero__content .hero__content-list .hero__content-item::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 1.6rem;
  height: 1.2rem;
  background: url(../images/ic-check.svg) no-repeat;
  left: 0;
  background-size: contain;
}
.hero .hero__content .hero__btns {
  display: flex;
  align-items: center;
}
.hero .hero__content .hero__btns .btn:not(:last-child) {
  margin-right: 1.2rem;
}
.hero .hero__img-wrapper {
  position: absolute;
  right: 0;
  bottom: 0;
}
.hero .hero__img-wrapper .hero__img-box .hero__img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

@media all and (max-width: 1600px) {
  .hero {
    height: 100%;
    min-height: 100%;
    padding: 10.2rem 0;
  }
  .hero .hero__img-box .hero__img {
    height: 52.8rem;
  }
}
@media all and (max-width: 991px) {
  .hero {
    padding: 5rem 0 0;
    background-image: none;
  }
  .hero .hero__img-wrapper {
    position: relative;
  }
  .hero .hero__img-wrapper .hero__img-box .hero__img {
    width: 100%;
    height: auto;
  }
}
@media all and (max-width: 767px) {
  .hero .hero__content .hero__content-head {
    margin-bottom: 1.5rem;
    font-size: 2.4rem;
  }
  .hero .hero__content .hero__content-desc {
    font-size: 1.3rem;
  }
  .hero .hero__content .hero__content-list {
    margin: 2rem 0;
  }
  .hero .hero__content .hero__content-list .hero__content-item {
    font-size: 1.4rem;
  }
  .hero .hero__content .hero__btns {
    flex-wrap: wrap;
  }
  .hero .hero__content .hero__btns .btn {
    width: 100%;
  }
  .hero .hero__content .hero__btns .btn:not(:last-child) {
    margin-right: 0;
    margin-bottom: 1rem;
  }
}
.modal-verder {
  border: 0;
}
.modal-verder .modal-content {
  width: 64.4rem;
  background: #ffffff;
  box-shadow: 0px 0.4rem 5.2rem rgba(0, 44, 91, 0.08);
  border-radius: 0.8rem;
  border: 0;
}
.modal-verder .modal-content .modal-body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 9.1rem 9.4rem 8.1rem;
  border: 0;
}
.modal-verder .modal-content .modal-body .btn-close {
  position: absolute;
  right: 2rem;
  top: 2rem;
  width: 2.4em;
  height: 2.4em;
  padding: 0;
  opacity: 1;
  color: #262626;
  background: url(../images/ic-modal-close.svg) no-repeat;
  background-size: 100%;
}
.modal-verder .modal-content .modal-body .btn-close:focus {
  box-shadow: none;
}
.modal-verder .modal-content .modal-body .modal-verder__btns {
  margin-top: 2.2rem;
  display: flex;
  align-items: center;
}
.modal-verder .modal-content .modal-body .modal-verder__btns .btn:not(:last-child) {
  margin-right: 1.2rem;
}

@media all and (max-width: 991px) {
  .modal-verder .modal-content {
    width: 100%;
  }
  .modal-verder .modal-content .modal-body {
    padding: 6rem 3rem;
  }
  .modal-verder .modal-content .modal-body .modal-verder__head {
    font-size: 2rem;
    line-height: 2.8rem;
  }
}
@media all and (max-width: 767px) {
  .modal-verder .modal-dialog {
    margin: 0 1rem;
  }
  .modal-verder .modal-content .modal-body .modal-verder__btns .btn {
    min-width: 11rem;
  }
}
.done-page .done-page__img-wrapper {
  position: absolute;
  right: 0;
  top: 0;
}
.done-page .done-page__img-wrapper .done-page__img-box .done-page__img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

@media all and (max-width: 991px) {
  .done-page .done-page__btn {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .done-page .done-page__img-wrapper {
    position: relative;
  }
}
@media (max-width: 991px) {
  .overzicht--overzicht--pd {
    padding: 4.5rem 0 10rem;
  }
  .overzicht .overzicht__btn {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 50px;
    padding: 0 2rem;
  }
}/*# sourceMappingURL=main.css.map */