.text-white > .listPoints .listPointsHead .listPointsSmall,
.text-white > .listPoints .listPointsHead h2,
.text-white > .listPoints .listPointsHead p { color:var(--light-font-color); }

.text-body-alt > .listPoints .listPointsHead .listPointsSmall,
.text-body-alt > .listPoints .listPointsHead h2,
.text-body-alt > .listPoints .listPointsHead p { color:var(--light-font-color2); }

.text-primary > .listPoints .listPointsHead .listPointsSmall,
.text-primary > .listPoints .listPointsHead h2,
.text-primary > .listPoints .listPointsHead p { color:var(--main-clr); }

.text-secondary > .listPoints .listPointsHead .listPointsSmall,
.text-secondary > .listPoints .listPointsHead h2,
.text-secondary > .listPoints .listPointsHead p { color:var(--head-font-color); }

.listPointsHead{max-width:800px;margin:0 auto 50px;text-align:center;}
.listPointsSmall{display:block;color:var(--black-clr);opacity:.4;font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:0.15em;margin-bottom:15px;}
.listPointsHead h2{color:var(--head-font-color);font-weight:600;font-size:var(--fs-36);}
.listPointsHead h2:not(:last-child){padding-bottom:15px;}
.listPointsHead p{color:var(--body-font-color);opacity:.75;font-size:16px;text-align:center;}
.listPointsHead p:last-child{padding-bottom:0;}

/* The pill's two halves are just two grid cells clipped by overflow:hidden into one rounded
   shape - the same 1fr/3fr split as .listPointsRow below it, so the column boundary lines up
   with each row's title/content boundary underneath. */
.listPointsColumnHeads{display:grid;grid-template-columns:1fr 3fr;border-radius:100px;overflow:hidden;margin-bottom:10px;}
.listPointsColumnHead{padding:22px 40px;font-weight:600;font-size:var(--fs-18);}
.listPointsColumnHead:first-child{background:var(--black-clr);color:var(--light-font-color);}
.listPointsColumnHead:last-child{background:var(--light-font-color);color:var(--head-font-color);}

.listPointsRow{display:grid;grid-template-columns:1fr 3fr;gap:30px;padding:28px 40px;border-bottom:1px solid rgba(28,43,56,0.12);}
.listPointsRow:last-child{padding-bottom:0px;border-bottom:none;}
.listPointsRowTitle{color:var(--head-font-color);font-weight:400;font-size:var(--fs-18);}
.listPointsRowContent p{color:var(--body-font-color);opacity:.8;font-size:var(--fs-16);padding-bottom:10px;}
.listPointsRowContent p:last-child{padding-bottom:0;}

@media(max-width:767.98px){
	.listPoints br{display:none;}
	.listPointsColumnHeads,
	.listPointsRow{grid-template-columns:1fr;gap:8px;}
	.listPointsColumnHeads{border-radius:20px;}
	.listPointsColumnHead{padding:16px 24px;text-align:center;}
	.listPointsRow{padding:24px 20px;}
}

@media(min-width:768px){ .listPointsHead h2{font-size:var(--fs-42);} }
@media(min-width:1600px){ .listPointsHead h2{font-size:var(--fs-48);} }
