.numbered-points .phr-pattern { -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0) 40%); mask-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0) 40%); }
.numbered-points__sub { margin: -.4em 0 0; color: var(--c-highlight-tint,#7fd8d0); }
.numbered-points__wrap { position: relative; max-width: 960px; margin: 0 auto; }
.numbered-points__mark { position: absolute; left: 50%; top: 50%; width: 260px; height: 260px; transform: translate(-50%, -50%); opacity: .9; }
.numbered-points__mark svg { width: 100%; height: 100%; }
.numbered-points__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 90px 220px; position: relative; }
.numbered-points__list--3, .numbered-points__list--5, .numbered-points__list--6 { gap: 56px 60px; }
.numbered-points__list--3 { grid-template-columns: repeat(3, 1fr); }
.numbered-points__list--5, .numbered-points__list--6 { grid-template-columns: repeat(3, 1fr); }
.numbered-point { margin: 0; display: flex; gap: 18px; align-items: flex-start; font-size: 1rem; line-height: 1.5; }
.numbered-point:nth-child(odd) { flex-direction: row-reverse; text-align: right; }
.numbered-points__list--3 .numbered-point, .numbered-points__list--5 .numbered-point, .numbered-points__list--6 .numbered-point { flex-direction: row; text-align: left; }
.numbered-point__number { font-size: 4rem; font-weight: 700; line-height: .9; color: #fff; flex: 0 0 auto; }
.numbered-point__text { max-width: 260px; }
.numbered-point__text p { margin: 0; }
.numbered-point__text strong { color: var(--c-highlight-tint,#7fd8d0); font-weight: 600; }
.numbered-points:not(.numbered-points--mark) .numbered-points__list { gap: 40px 60px; }
.numbered-points:not(.numbered-points--mark) .numbered-point { flex-direction: row; text-align: left; }
.numbered-points:not(.numbered-points--mark) .numbered-point__text { max-width: none; }
@media (max-width: 900px) {
    .numbered-points__mark { display: none; }
    .numbered-points__list, .numbered-points__list--3, .numbered-points__list--5, .numbered-points__list--6 { grid-template-columns: 1fr; gap: 28px; }
    .numbered-point, .numbered-point:nth-child(odd) { flex-direction: row; text-align: left; }
    .numbered-point__text { max-width: none; }
    .numbered-point__number { font-size: 3rem; }
}