.how--section {
	background: var(--theme-dk-blue);
	color: #fff;
	position: relative;
}

.how--background {
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	bottom: 0;
}

.how--background img {
	object-position: center top;
}

.how--container {
	padding: 60px 30px 90px;
	position: relative;
	max-width: 1340px;
}

.how--title {
	text-align: center;
	font-weight: 500;
	color: var(--theme-lt-blue);
}

.how--copy {
	text-align: center;
	max-width: 530px;
	margin: 0 auto 90px;
}

.how--number {
	font-weight: 700;
	color: var(--theme-lt-blue);
	position: relative;
	margin-bottom: 7px;
}

.how--number:before {
	content: "";
	position: absolute;
	top: -25px;
	left: -46px;
	width: 90px;
	height: 130px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40.04' height='50' viewBox='0 0 40.04 50'%3E%3Cpath d='M40.04,0H8.54v44.4l12.52-8.73h18.98V0ZM35.64,31.64h-16.26l-6.43,4.52V4.03h22.69v27.61h0ZM4.41,46.92V0H0v50l4.41-3.08Z' style='fill: %233ca4d4;'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 15%;
}

.how--step-title {
	font-weight: 700;
	color: var(--theme-lt-blue);
	position: relative;
	margin-bottom: 20px;
}

.how--step-inside {
	max-width: 265px;
	margin: 0 auto;
	padding-top: 37px;
}

@media (min-width: 992px) {
	

	.how--container {
		padding: 60px 30px 120px;
	}
	
	.how--col:not(:first-child) {
		background-image: repeating-linear-gradient(0deg, var(--theme-lt-blue), var(--theme-lt-blue) 10px, transparent 10px, transparent 20px, var(--theme-lt-blue) 20px);
		background-size: 1px 100%;
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	
	.how--cta-wrap {
		margin-bottom: -30px;
	}
}