.SDblock.about.benefits > .body
{
	margin-left: auto;
	margin-left:var(--LRMargin);
	max-width:var(--maxWidth);
}
#SD .SDblock.about.benefits
{
	max-width: none;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: calc(var(--defaultInterval)*2);
	margin-top: calc(var(--defaultInterval)*2);
}
#SD .SDblock.benefits .benefit
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas: "video text";
	min-height: 40vw;
}
#SD .SDblock.benefits .benefit h3
{
	font-size:clamp(var(--h3Size),3.5vw,125px);
	color:var(--colG);
}
.SDblock.about.benefits .benefit .text p
{
	font-size:clamp(var(--h4Size),2vw,80px);
}
#SD .SDblock.benefits .benefit:nth-child(odd)
{
	text-align: right;
	grid-template-areas: "video text";
	grid-template-areas: "text video";
}
#SD .SDblock.benefits .benefit .videoContainer
{
	grid-area: video;
	background-position: center;
	background-size: cover;
	background-color:var(--colA);
	position: relative;
	/*padding: 0px !important;*/
}
#SD .SDblock.benefits .benefit .videoContainer .video
{
	background-position: center;
	background-size: cover;
	position: absolute;
	height: 100%;
	width: 100%;
}
#SD .SDblock.benefits .benefit .videoContainer video
{
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}
#SD .SDblock.benefits .benefit .text
{
	padding: calc(var(--defaultInterval)*1);
	grid-area: text;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: calc(var(--defaultInterval)*1);
}
.SDblock.about.benefits .videoContainer a.btn
{
	right: 10px;
	bottom: 10px;
	display: inline;
	position: absolute;
	width: 30px;
	background-color:var(--colA);
	padding: calc(var(--defaultInterval)*.125);
	cursor: default;
	height: 30px;
	transition:var(--defaultTransition);
	pointer-events: none;
	opacity: 0.2;
}
.SDblock.about.benefits .videoContainer a.btn.active
{
	background-color:var(--colA);
	cursor: pointer;
	pointer-events: all;
	opacity: 1;
}
.SDblock.about.benefits .videoContainer a.btn.active:hover
{
	background-color:var(--colC);
}
.SDblock.about.benefits .videoContainer a.btn *
{
	fill:white;
	stroke:none;
	display: ;
}
#SD .SDblock.benefits .benefit p:last-of-type
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
@media only screen and (max-width: 800px)
{
	#SD #primary .SDblock .benefit
	{
		grid-template-columns: 1fr;
		grid-template-areas: "video" "text";
		text-align: center;
	}
	.SDblock.about.benefits .benefit .videoContainer
	{
		height: 80vw;
		overflow: hidden;
	}
}