/* Blok: USP-kaarten. */
/* Divi rekent de sectiepadding als 4%% van de vensterbreedte en bevriest die
   boven 1350px (= 54px); onder 980px is hij vast. Vast in px klopte alleen
   bij 1440px breed. */
.block-usp{padding:4% 0;}
@media (min-width:1350px){.block-usp{padding:54px 0;}}
.block-usp__heading{text-align:left;color:var(--td-blue);font-size:40px;line-height:48px;margin:27px 0 37px;}
.block-usp__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:3%;row-gap:34px;}
.block-usp__card{
	background:#fff;border:0;border-radius:10px;
	padding:46px 46px 48px;text-align:left;
	box-shadow:0 2px 8px rgba(0,0,0,.1);
}
.block-usp__card img{width:64px;height:64px;margin:0 0 13px;}
.block-usp__card p{margin:0;color:var(--td-ink);font-family:var(--td-font-head);font-weight:500;font-size:20px;line-height:26px;}
/* Divi rijen zijn 80% breed op elk schermformaat; container in deze blokken hierop matchen. */
@media (max-width:980px){
	.block-usp .td-container{width:80%;}
	.block-usp__grid{grid-template-columns:1fr;gap:30px;}
	.block-usp__heading{font-size:30px;line-height:36px;margin-bottom:40px;}
	.block-usp__card{padding:24.5px 24.5px 37px;}
	.block-usp__card img{margin-bottom:30px;}
}
@media (max-width:767px){
	.block-usp__heading{font-size:25px;line-height:30px;}
	/* Gemeten op de live site: kaart 31px padding, icoon 50px met 30px eronder,
	   tekst 18px/23,4px met 10px koppadding en 21px onder de kaart. */
	.block-usp__card{padding:31px 31px 21px;}
	.block-usp__card img{width:50px;height:50px;}
	.block-usp__card p{font-size:18px;line-height:23.4px;padding-bottom:10px;}
}