.list__item::before {
    content: url('../assets/li_before.svg');
    margin-right: var(--spacing-s);
}

.section+.section {
    margin-top: var(--spacing-xxl);
}

/* --- intro-blood --- */
.intro-blood {
    margin-top: var(--spacing-l);
    background-color: var(--color-primary);
    padding-bottom: var(--spacing-l);
}

.intro-blood__title {
    color: var(--color-bg);
    text-transform: uppercase;
    font-size: var(--font-size-m);
}

.intro-blood>.container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}

.intro-blood__content {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    grid-row: 1;
    grid-column: 1;
}

.intro-blood>.container>.section__img {
    grid-row: 1;
    grid-column: 1;
}

/* --- waarom zou ik!?---*/
.why>div>.section__title {
    display: flex;
    flex-direction: column;
}

.why>div>.section__title>span {
    margin-bottom: calc(-1*var(--spacing-l));
}

.why {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-template-rows: min-content;
    gap: var(--spacing-m);

}

.why>.section__img {
    margin-right: calc(-1*var(--spacing-xxl));
}

/* ---criteria ---*/
.criteria {
    background-color: var(--color-primary);
}

.criteria>div {
    display: grid;
    grid-template-columns: 1fr max-content;
}

.section__img--criteria {
    margin-bottom: calc(-1*var(--spacing-xs));
}

.criteria__list>li+li {
    margin-top: var(--spacing-xxs);
}

/* --- bloedtappers ---*/
.doctors .section__content {
    display: grid;
    grid-template-columns: max-content max-content;
    grid-template-rows: min-content 1fr min-content;

    align-items: end;
    justify-items: end;

    margin-bottom: var(--spacing-xxl);
}

.doctors>.section__title {
    text-align: right;
}

.doctors__aside {
    grid-column: 2;
    grid-row: 1;
}

.doctors__img {
    grid-column: 1;
    grid-row: 1 / span 3;

    margin-top: calc(-2.5*var(--spacing-xl));
    margin-left: calc(-1*var(--spacing-xxl));

    display: grid;
    grid-template-columns: repeat(2, max-content);
    align-items: end;
}

.doctors__list {
    align-self: center;

    grid-column: 2;
    grid-row: 2;

    margin-left: calc(-4*var(--spacing-xxl));

    display: flex;
    align-items: flex-end;
    gap: var(--spacing-m);

}

.doctors__list>li {
    display: grid;
    grid-template-rows: max-content min-content;
    justify-items: center;
    gap: var(--spacing-xs)
}

.list__item--odola {
    margin-left: calc(-1*var(--spacing-xs));
}

.list__item--odola p,
.doctors__buttons,
.doctors__aside {
    margin-right: 4rem;
}

.doctors__buttons {
    display: flex;
    flex-direction: column;
}

.info__docotor {
    margin-left: calc(-1*var(--spacing-l));
    margin-bottom: var(--spacing-m);


    display: grid;
    justify-items: start;
}

.doctor__function {
    letter-spacing: 3%;
    color: var(--color-bg);
    background-color: var(--color-black);
    font-size: var(--font-size-s);

    padding: var(--spacing-xxs);

    transform: rotate(-4.694deg);
}

.doctor__name {
    font-size: var(--font-size-s);
    padding: var(--spacing-m);
    margin-top: calc(-1*(var(--spacing-s)));
}