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

.SPLITSTAT .heading {
	margin-bottom: 50rem;
}

.SPLITSTAT .stats {
	margin: -20rem -10rem;
}

.SPLITSTAT .stats .b-column {
	padding: 20rem 10rem;
}

.SPLITSTAT .stat {
	height: 100%;
	border-left: 10rem solid var(--bright-blue);
	padding-left: 20rem;
}

.SPLITSTAT .stat .image {
	height: 60rem;
	width: auto;
	margin-bottom: 20rem;
}

.SPLITSTAT .stat .b-img {
	height: 100%;
}

.SPLITSTAT .stat p {
	margin-top: 0.85em;
	line-height: 1.6;
}

.SPLITSTAT .content {
	margin-top: 50rem;
}

@media screen and (max-width: 960px) {
	.SPLITSTAT > .b-columns > .b-column:first-child {order: 2;}
	.SPLITSTAT > .b-columns > .b-column:last-child {order: 1;}
	.SPLITSTAT > .b-columns > .b-column:first-child .image {margin-top: 30rem;}
	.SPLITSTAT .stats .b-column {width: 50%; padding:10rem}
}



/* no image */

.SPLITSTAT[data-style="no-image"] .stats {
	border-right: 10rem solid var(--yellow);
}

.SPLITSTAT[data-style="no-image"] .stat {
	margin-bottom: 40rem;
	display: flex;
	align-items: center;
	border-left: none;
	padding-left: 0;
}

.SPLITSTAT[data-style="no-image"] .stat .image {
	margin-bottom: 0;
}

.SPLITSTAT[data-style="no-image"] .stat .stat-content {
	width: auto;
	margin-left: 30rem;
}

.SPLITSTAT[data-style="no-image"] .stat p {
    margin-top: 0;
}

.SPLITSTAT[data-style="no-image"] .content {
	margin: 0 0 0 50rem;
}

@media screen and (max-width: 960px) {
	.SPLITSTAT[data-style="no-image"] .stats {border-right: none; margin: 0;}
}



/* animation */

@media screen and (min-width: 961px) {
	.SPLITSTAT .b-column:nth-child(2) {transition-delay: 0.4s;}
}