.data-content {
    flex-direction: column;
    gap: var(--gap-small);
    margin: 0 var(--margin-large) var(--margin-large);
}

.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-weight: var(--weight-normal);
}

.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);
 /* vertical-align: bottom; */

    /* 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(--margin-small);
   /* font-weight: var(--weight-default);*/
}