.flex-layout.content-voordelen-layout-2 {
  position: relative;
  padding-inline: 0px;
  margin-block-start: 140px;
}

.flex-layout.content-voordelen-layout-2::before {
  content: '';
  top: -40%;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background-image: url(/wp-content/uploads/2025/11/overlapping-pattern-1.svg);
  z-index: -1;
}

.flex-layout.content-voordelen-layout-2 .pk-row {
  padding: 64px !important;
  background-color: var(--st-rose);
  border-radius: var(--st-secondary-radius);
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.flex-layout.content-voordelen-layout-2 .content {
  display: flex;
  flex-direction: column;
  gap: var(--st-content-gap);
  height: 100%;
}

.flex-layout.content-voordelen-layout-2 .content *:not(.pk-button-text) {
  color: var(--st-linen);
}

.flex-layout.content-voordelen-layout-2 .phone-mockup {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  aspect-ratio: 1;
  border-radius: var(--st-primary-radius);
  position: relative;
  overflow: hidden;
}

.flex-layout.content-voordelen-layout-2 .phone-mockup .phone1 {
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 65%;
  transform: translate(-50%, -20%);
}

.flex-layout.content-voordelen-layout-2 .voordelen-block {
  background-color: var(--st-linen);
  overflow: hidden;
  height: 100%;
  border-radius: var(--st-primary-radius);
}

.flex-layout.content-voordelen-layout-2 .voordelen-block .phone-col {
  position: relative;
}

.flex-layout.content-voordelen-layout-2 .voordelen-block .phone-col img {
  position: absolute;
  width: 80%;
  left: 40px;
  top: -100px;
  transform: translate(0%, -40%);
  object-fit: contain;
  object-position: center;
  aspect-ratio: 428 / 787;
}

.flex-layout.content-voordelen-layout-2 .voordelen-block .content {
  padding: 80px 40px 80px 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 32px;
  min-height: 400px;
}

.flex-layout.content-voordelen-layout-2 .voordelen-block .pk-grid-container {
  max-width: 100%;
  margin: 0px;
}

.flex-layout.content-voordelen-layout-2 .voordelen-block .content h3 {
  font-weight: 400;
  color: var(--st-rose);
}

.flex-layout.content-voordelen-layout-2 .voordelen-block .voordelen {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.flex-layout.content-voordelen-layout-2 .voordelen-block .voordelen-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.flex-layout.content-voordelen-layout-2 .voordelen-block .voordeel {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 12px;
}

.flex-layout.content-voordelen-layout-2 .voordelen-block .voordeel {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 12px;
}

.flex-layout.content-voordelen-layout-2 .voordelen-block .voordeel .title {
  background-color: var(--st-rose);
  color: var(--st-linen);
  border-radius: var(--st-primary-radius);
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.flex-layout.content-voordelen-layout-2 .voordelen-block .voordeel .text {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 12px;
  align-items: start;
  position: relative;
  color: var(--st-safety);
  font-weight: 800;
  border-radius: var(--st-primary-radius);
  border: 1.5px solid rgba(66, 1, 44, 0.15);
  padding: 16px 24px;
  margin: 0;
}

.flex-layout.content-voordelen-layout-2
  .voordelen-block
  .voordeel
  .text:before {
  content: '';
  display: inline-block;
  /* background-color: currentColor; */
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23FF5500'/%3E%3Cpath d='M12.3812 10.4911C12.4108 10.5423 12.4847 10.5423 12.5143 10.4911L14.6865 6.72932L14.7085 6.69088H16.2167L13.845 10.7982C13.7215 11.0119 13.4934 11.1437 13.2465 11.1437H11.5459C11.299 11.1437 11.0708 11.012 10.9474 10.7982L8.98242 7.39501L9.78787 6L12.3812 10.4911Z' fill='%23FCF8F6'/%3E%3Cpath d='M18.1023 11.3839L18.908 12.7789H13.7213C13.6622 12.7789 13.6253 12.8429 13.6548 12.894L15.827 16.6559L15.8492 16.6942L15.0951 18.0002L12.7234 13.8929C12.6 13.6791 12.6 13.4156 12.7234 13.2018L13.5738 11.7293C13.6972 11.5155 13.9254 11.3838 14.1723 11.3838L18.1023 11.3839Z' fill='%23FCF8F6'/%3E%3Cpath d='M10.7433 11.4805C10.9902 11.4805 11.2184 11.6123 11.3418 11.8261L12.1921 13.2986C12.3155 13.5124 12.3156 13.7758 12.1921 13.9896L10.227 17.3927L8.61597 17.3928L11.2093 12.9015C11.2388 12.8504 11.2018 12.7864 11.1427 12.7864L6.79833 12.7863L6.75402 12.7864L6 11.4805H10.7433Z' fill='%23FCF8F6'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  flex-shrink: 0;
  width: 24px;
  aspect-ratio: 1;
  margin: 0;
  transform: translate(0px, 0px);
}

.flex-layout.content-voordelen-layout-2 .voordelen-items-block .pk-item {
  color: var(--st-rose);
  padding: 24px;
  border-radius: 8px;
  background: var(--st-linen);
  overflow: hidden;
}

.flex-layout.content-voordelen-layout-2
  .voordelen-items-block
  .pk-item
  .pk-item-content {
  margin-bottom: 16px;
}

.flex-layout.content-voordelen-layout-2 .voordelen-items-block .pk-item .title {
  font-size: clamp(
    20px,
    20px + (24 - 20) * ((100vw - 350px) / (1310 - 350)),
    24px
  );
  color: var(--st-safety);
  margin-bottom: 5px;
}

.flex-layout.content-voordelen-layout-2 .voordelen-items-block .pk-item img {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1310px) {
  .flex-layout.content-voordelen-layout-2 .pk-row {
    border-radius: 0px;
  }
}

@media screen and (max-width: 992px) {
  .flex-layout.content-voordelen-layout-2 {
    padding-block: 0px 100px;
    margin-block-start: 100px;
  }

  .flex-layout.content-voordelen-layout-2 .pk-row {
    padding: 80px 20px !important;
    gap: 40px;
  }

  .flex-layout.content-voordelen-layout-2 .voordelen-block .content {
    padding: 40px 20px;
    min-height: unset;
  }

  .flex-layout.content-voordelen-layout-2 .voordelen-block .phone-col {
    position: relative;
    order: 2;
  }

  .flex-layout.content-voordelen-layout-2 .voordelen-block .phone-col img {
    position: static;
    width: calc(100% - 40px);
    margin-inline: auto;
    transform: translate(0%, 20%);
    height: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    object-position: top center;
    margin-top: -20%;
  }
}

@media screen and (max-width: 767px) {
  .flex-layout.content-voordelen-layout-2 {
    padding-block: 0px 40px;
  }

  .flex-layout.content-voordelen-layout-2 {
    padding-inline: 0px !important;
  }

  .flex-layout.content-voordelen-layout-2 .pk-row {
    padding: 40px 20px !important;
  }

  .flex-layout.content-voordelen-layout-2 .upper-block .pk-grid-container {
    row-gap: 40px;
  }

  .flex-layout.content-voordelen-layout-2 .voordelen-block .voordeel {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .flex-layout.content-voordelen-layout-2 .voordelen-block .voordeel .title,
  .flex-layout.content-voordelen-layout-2 .voordelen-block .voordeel .text {
    padding: 16px;
  }

  .flex-layout.content-voordelen-layout-2 .voordelen-block .phone-col {
    overflow: hidden;
  }

  .flex-layout.content-voordelen-layout-2 .voordelen-block .phone-col img {
    transform: translate(0%, 20%);
    height: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    object-position: bottom center;
    margin-top: 20%;
    margin-bottom: 20%;
  }
}