.bullet-list {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    margin-left: 1.5rem;
}

.bullet-container {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    margin-bottom: 1.5rem;
}

.bullet-title-point {
    display: flex;
    align-items: center;
    gap: .5rem;
}

    .bullet-title-point::before {
        content: '';
        flex: 0 0 auto;
        width: 40px;
        height: 40px;
        background-color: rgb(var(--category-color, var(--primary-color)));
        mask-image: url('/img/chevron-triple-right.svg');
        mask-size: 40px 40px;
        mask-position: center;
        mask-repeat: no-repeat;
    }

.bullet-title {
    margin: 0;
    font-family: var(--font-brand);
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: var(--line-height-large);
    color: rgb(var(--category-color, var(--primary-color)));
}

.bullet-container p {
    margin: 0;
    font-size: var(--font-size-body);
    color: rgb(var(--color-graphite));
}