.section-policy {
  padding-top: var(--padding-large);
}

.data-content {
    flex-direction: column;
    gap: var(--gap-small);
    padding: 0 9.6rem 9.6rem;
}

.data-body h4 {
    font-weight: var(--weight-bold);
    font-size: calc(var(--font-heading--4) - 0.2rem);
    letter-spacing: var(--space-subheading);
    padding-top: var(--padding-small);
    padding-bottom: var(--padding-small);
    color: var(--text-paragraph);
}

.data-body p {
    margin-top: var(--margin-default);
    margin-bottom: var(--margin-default);
    color: var(--text-paragraph);
}

.data-body a {
    margin: 0;
    padding: 0;
    color: var(--color-quaternary);
    font-weight: var(--weight-normal);
}

.data-body a:hover {
    color: black;
}

.data-list {
    display: flex;
    flex-direction: column;
    gap: var(--gap-small);
    font-family: var(--font-alaska);
    font-size: var(--font-text-default);
}

.data-list b {
    font-weight: var(--weight-bold);
}

/* ITERATIVE PSEUDO ELEMENTS */
.data-hero-feature::before {
    display: inline-block;
    flex-shrink: 0;
    content: "";
    height: var(--size-icon-list);
    width: var(--size-icon-list);
    margin-right: var(--margin-small);
    position: absolute;
    top: 0.5rem;
    left: -2.5rem;

    /* For older browsers */
    background-image: url("../../icons/checkmark-orange.b6b9a917f921.svg");
    background-size: cover;

    /* For newer browsers - masking */
    @supports (-webkit-mask-image: url()) or (mask-image: url()) {
      background-color: var(--color-quaternary);
      -webkit-mask-image: url("../../icons/checkmark-orange.b6b9a917f921.svg");
      -webkit-mask-size: cover;
      mask-image: url("../../icons/checkmark-orange.b6b9a917f921.svg");
      mask-size: cover;
      background-image: none;
    }
}

.data-hero-feature {
    display: block;
    gap: var(--gap-small);
    position: relative;
    font-size: var(--font-text-default);
    margin-bottom: var(--margin-small);
}

/* Responsive design */
@media only screen and (max-width: 56.25em) {
  .section-policy {
    padding-top: 10rem;
 }
}

@media only screen and (max-width: 43.75em) {
  .data-content {
    padding: 0 8rem 8rem;
 }
}

@media only screen and (max-width: 34.375em) {
  .data-content {
    padding: 0 6rem 6rem;
 }
}