.side-by-side {
	padding: 120px 0;
}

.side-by-side .flex {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 125px;
}

.side-by-side .flex .half {
	width: calc(50% - 62.5px);
}

.side-by-side .flex .half img {
	width: 100%;
	height: auto;
}

.side-by-side .flex .half.mobile {
	display: none;
}

.side-by-side .flex .half .before_title {
	display: block;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px; /* 133.333% */
	text-transform: uppercase;
	margin: 0 auto 18px 0;
	width: 100%;
	max-width: 520px;
}

.side-by-side .flex .half .title {
	display: block;
	font-size: 54px;
	font-style: normal;
	font-weight: 700;
	line-height: 56px;
	margin: 0 auto 32px 0;
	width: 100%;
	max-width: 520px;
}

.side-by-side .flex .half .subtitle {
	display: block;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px; 
	margin: 0 auto 32px 0;
	width: 100%;
	max-width: 520px;
}

.side-by-side .flex .half p span {
	color: #8DD3BF;
}

.side-by-side .flex .half .desc_before {
	display: block;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 42px;
	margin: 0 auto 32px 0;
	width: 100%;
	max-width: 520px;
}

.side-by-side .flex .half .desc {
	display: block;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin: 0 auto 32px 0;
	width: 100%;
	max-width: 520px;
}

.side-by-side .flex .half .buttons {
	display: flex;
	gap: 32px;
	align-items: center;
	justify-content: flex-start;
}

.side-by-side .flex .half ul {
	list-style: none;
	column-count: 2;
	padding:0;
	column-gap: 40px;
	width: 100%;
	max-width: 520px;
}

.side-by-side .flex .half ul li {
	position: relative;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; 
	margin-bottom: 24px;
	padding-left: 27px;
	max-width: 190px;
}
.side-by-side .flex .half ul li:before {
	content: " ";
	display: block;
	position: absolute;
	width: 18px;
	height: 18px;
	background: url('../images/group-39435-1.png');
	background-size: 100% 100%;
    left: 0;
    top: 2px;
}

.side-by-side .flex .half .desc_after {
	display: block;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px; 
	margin: 0 auto 32px 0;
	width: 100%;
	max-width: 520px;
}

.side-by-side .flex .half.left .title,
.side-by-side .flex .half.left .subtitle,
.side-by-side .flex .half.left .desc_before,
.side-by-side .flex .half.left .desc,
.side-by-side .flex .half.left .desc_after {
	margin-right:0;
}

.side-by-side .flex .half.right .title,
.side-by-side .flex .half.right .subtitle,
.side-by-side .flex .half.right .desc_before,
.side-by-side .flex .half.right .desc,
.side-by-side .flex .half.right .desc_after {
	margin-left:0;
}

@media only screen and (max-width: 996px) {
	.side-by-side {
		padding: 70px 0 50px 0;
	}

	.side-by-side + .side-by-side {
		padding-top: 0;
	}

	.side-by-side .flex {
		gap: 50px;
	}

	.side-by-side .flex .half.image {
		display: none;
	}

	.side-by-side .flex .half.image.mobile {
		display: block;
		width: 100%;
	}

	.side-by-side .flex {
		flex-wrap: wrap;
	}

	.side-by-side .flex .half {
		width: 100%;
		text-align: center;
	}

	.side-by-side .flex .half .title {
		font-size: 32px;
		line-height: 42px;
		text-align: center;
	}

	.side-by-side .flex .half .subtitle {
		font-size: 18px;
		line-height: 24px;
		text-align: center;
	}

	.side-by-side .flex .half .desc_before {
		font-size: 18px;
		line-height: 24px;
		text-align: center;
	}

	.side-by-side .flex .half ul li,
	.side-by-side .flex .half .desc {
		font-size: 18px;
		line-height: 24px;
		text-align: center;
	}

	.side-by-side .flex .half .desc_after {
		font-size: 18px;
		line-height: 24px;
		text-align: center;
	}

	.side-by-side .flex .half .buttons {
		flex-wrap: wrap;
		align-items: center;
		text-align: center;
		justify-content: center;
	}
}