/*		|8		|		|24		|		|40		|		|56		|		|72		|		|88		|		|104	|		|*/
.badges{
		background				:	var(--tint)							;
}
.badges ul{
		display					:	flex								;
		max-width				:	var(--boxed)						;
		margin					:	0 auto								;
		padding					:	10px 20px							;
		list-style				:	none								;
}
.badges li{
		flex					:	1 1 0								;
		margin					:	0 40px								;
		padding					:	20px 10px							;
		text-align				:	center								;
		font-family				:	"Barlow",sans-serif					;
		font-size				:	14px								;
		font-weight				:	300									;
		line-height				:	1.4									;
		color					:	rgba(21,62,97,.7)					;
}
.badges li::before{
		content					:	""									;
		display					:	block								;
		width					:	32px								;
		height					:	32px								;
		margin					:	0 auto 15px							;
		background				:	rgba(21,62,97,.34)					;
		-webkit-mask			:	center/contain no-repeat			;
		mask					:	center/contain no-repeat			;
}
.badges .australia::before{
		-webkit-mask-image		:	url(/images/icons/australia.svg)	;
		mask-image				:	url(/images/icons/australia.svg)	;
}
.badges .quality::before{
		-webkit-mask-image		:	url(/images/icons/thumbs-up.svg)	;
		mask-image				:	url(/images/icons/thumbs-up.svg)	;
}
.badges .family::before{
		width					:	40px								;
		-webkit-mask-image		:	url(/images/icons/hands-helping.svg)	;
		mask-image				:	url(/images/icons/hands-helping.svg)	;
}
.badges .experience::before{
		width					:	40px								;
		-webkit-mask-image		:	url(/images/icons/business-time.svg)	;
		mask-image				:	url(/images/icons/business-time.svg)	;
}
@media (max-width:767px){
	.badges ul{
		flex-wrap				:	wrap								;
		padding					:	10px								;
	}
	.badges li{
		flex					:	1 1 50%								;
		margin					:	0									;
		font-size				:	15px								;
	}
	.badges li::before{
		width					:	30px								;
		height					:	30px								;
		margin-bottom			:	0									;
	}
}
