$c-servicepoint-bp1: 540;


.c-servicepoint {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	text-align: left;
	margin-top: space(-2);
}


.c-servicepoint__image {
	@include mq($max: $c-servicepoint-bp1) {
		width: 96px;
	}

	max-width: 176px;
	flex: 0;
	margin-top: space(2);
	margin-right: space(2);
	border-radius: 50%;
}


.c-servicepoint__content {
	@include hyphenate;
	flex-grow: 1;
	flex-basis: 165px;
	margin-top: space(2);
}


.c-servicepoint__body {
	margin-top: space(1);
}


.c-servicepoint__data {
	@include font-size(m);
}


.c-servicepoint__footer {
	margin-top: space(1);
}


.c-servicepoint__heading {
	@include font(base);
	color: palette(neutral, 500);
	border-radius: 100%;
}