.SPLITCONTENT::before,
.SPLITCONTENT::after {
	content: "";
	display: block;
	overflow: hidden;
}

.SPLITCONTENT .image {
	border-radius: 16rem;
	overflow: hidden;
	position: relative;
}

.SPLITCONTENT .image button {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	border-radius: 16rem;
	border: none;
	text-indent: -9999rem;
	cursor: pointer;
	padding: 0;
}

.SPLITCONTENT .image button::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 96rem;
	height: 96rem;
	border-radius: 100%;
	background: var(--primary-orange) url(../../assets/images/ui-play.svg) no-repeat center / 48rem 48rem;
	transform: translate(-50%, -50%);
	transition: background-color 0.25s;
}

.SPLITCONTENT .image button:hover::after {
	background-color: var(--white);
}

.SPLITCONTENT .points {
	list-style: none;
	margin: 64rem 0 0 0;
	padding: 0;
}

.SPLITCONTENT .points > li {
	margin: 64rem 0;
}

.SPLITCONTENT .points .icon {
	width: 64rem;
	border-radius: 0;
	float: left;
	margin: 0 32rem 0 8rem;
}

.SPLITCONTENT .points .icon + .content {
	overflow: hidden;
	min-height: 64rem;
}

.SPLITCONTENT[data-variant="1"] .points > li {
	margin: 8rem 0;
	padding-bottom: 24rem;
	border-bottom: 1rem solid var(--grey);
}

.SPLITCONTENT .image + .content {margin-top: 24rem;}

@media screen and (min-width: 961px) {
	.SPLITCONTENT[data-variant="1"] .points > li:last-child {border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
}

@media screen and (max-width: 960px) {
	.SPLITCONTENT .points {margin-top: 32rem;}
	.SPLITCONTENT .points > li {margin: 32rem 0;}
	.SPLITCONTENT .points .icon {width: 48rem; margin: 0 16rem 0 0 !important;}
	.SPLITCONTENT .points .icon + .content {min-height: 48rem;}
}