.list-component.circle-with-arrow h2,
.list-component.small-solid-circle h2,
.list-component.hollow-diamond h2,
.list-component.hollow-circle h2,
.list-component.book_bullet_list h2,
.list-component.target_bullet_list h2 {
    color: var(--slate-grey);
    line-height: 1.46;
    margin: 0 0 32px 0;
}

.list-component.circle-with-arrow .actual-list > .single-list-item,
.list-component.small-solid-circle .actual-list > .single-list-item,
.list-component.hollow-diamond .actual-list > .single-list-item,
.list-component.hollow-circle .actual-list > .single-list-item,
.list-component.book_bullet_list .actual-list > .single-list-item,
.list-component.target_bullet_list .actual-list > .single-list-item {
    border-bottom: 1px solid var(--pale-sky-blue);
    min-height: calc(var(--margin-xs) / 2 + 52px);
    position: relative;
    margin: 0 0 var(--margin-xs) 0;
}

.list-component.circle-with-arrow .actual-list > .single-list-item::before,
.list-component.small-solid-circle .actual-list > .single-list-item::before,
.list-component.hollow-diamond .actual-list > .single-list-item::before,
.list-component.hollow-circle .actual-list > .single-list-item::before,
.list-component.book_bullet_list .actual-list > .single-list-item::before,
.list-component.target_bullet_list .actual-list > .single-list-item::before {
    position: absolute;
    top: 0;
    left: 0;
}

.list-component.circle-with-arrow .actual-list > .single-list-item:last-child,
.list-component.small-solid-circle .actual-list > .single-list-item:last-child,
.list-component.hollow-diamond .actual-list > .single-list-item:last-child,
.list-component.hollow-circle .actual-list > .single-list-item:last-child,
.list-component.book_bullet_list .actual-list > .single-list-item:last-child,
.list-component.target_bullet_list .actual-list > .single-list-item:last-child {
    border-bottom: none;
    margin: 0;
    min-height: 52px;
}

.list-component.circle-with-arrow .item-text,
.list-component.small-solid-circle .item-text,
.list-component.hollow-diamond .item-text,
.list-component.hollow-circle .item-text,
.list-component.book_bullet_list .item-text,
.list-component.target_bullet_list .item-text {
    font-family: 'Red Hat Text', sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: normal;
    color: var(--charcoal-grey);
}

.list-component.icons-v2.colorable.grey .actual-list .single-list-item::before {
    background-color: var(--greyish-brown);
}

.list-component.icons-v2.colorable.white .actual-list .single-list-item::before {
    background-color: var(--greyish-brown);
}

.list-component.icons-v2.colorable.red .actual-list .single-list-item::before {
    background-color: var(--scarlet);
}

.dark-band-main-content > .list-component.icons-v2.colorable.grey .actual-list .single-list-item::before {
    background-color: var(--white);
}

.dark-band-main-content > .list-component.icons-v2.colorable.white .actual-list .single-list-item::before {
    background-color: var(--white);
}

.dark-band-main-content > .list-component.icons-v2.colorable.red .actual-list .single-list-item::before {
    background-color: var(--scarlet);
}

@media screen and (min-width: 768px) {
    .list-component.circle-with-arrow .actual-list > .single-list-item,
    .list-component.small-solid-circle .actual-list > .single-list-item,
    .list-component.hollow-diamond .actual-list > .single-list-item,
    .list-component.hollow-circle .actual-list > .single-list-item,
    .list-component.book_bullet_list .actual-list > .single-list-item,
    .list-component.target_bullet_list .actual-list > .single-list-item {
        margin: 0 0 var(--margin-s) 0;
    }

    .list-component.circle-with-arrow .item-text,
    .list-component.small-solid-circle .item-text,
    .list-component.hollow-diamond .item-text,
    .list-component.hollow-circle .item-text,
    .list-component.book_bullet_list .item-text,
    .list-component.target_bullet_list .item-text {
        font-size: 20px;
        line-height: 1.25;
    }
}

@media screen and (max-width: 600px) {
    .list-component.circle-with-arrow .actual-list > .single-list-item,
    .list-component.small-solid-circle .actual-list > .single-list-item,
    .list-component.hollow-diamond .actual-list > .single-list-item,
    .list-component.hollow-circle .actual-list > .single-list-item,
    .list-component.book_bullet_list .actual-list > .single-list-item,
    .list-component.target_bullet_list .actual-list > .single-list-item {
        margin-bottom: 16px;
    }
}