.pd-bbm-steps-list {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.pd-bbm-steps-list .title {
	font-size: 32px;
}

/* ------------------------- */

.pd-bbm-steps-list .current-step {
	position: relative;
	width: 50%;
	align-self: center;
	background-color: #F3F3F3;
	padding: 3em 3em 2em 6em;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.pd-bbm-steps-list .current-step .title {
	color: #14b956;
	margin-bottom: 0.5em;
	font-weight: bold;
	font-family: "Playfair Display", serif;
}

.pd-bbm-steps-list .current-step .description,
.pd-bbm-steps-list .current-step .description p {
	font-size: 16px;
	line-height: 1.8em;
}

.pd-bbm-steps-list .current-step .cta-button-container {
	position: absolute;
	right: 3em;
	bottom: -6em;
}

/* ------------------------- */

.pd-bbm-steps-list .list {
	position: relative;
	width: 50%;
	align-self: center;
	padding: 4em 1em 4em 6em;
	background-color: #f3f3f3;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left;
	border-radius: 10px;
}

.pd-bbm-steps-list .list .title,
.pd-bbm-steps-list .list .title:focus,
.pd-bbm-steps-list .list .title:active {
	font-weight: bold;
	font-family: "Playfair Display", serif;
	margin: 1.5em 0;
	cursor: pointer;
	opacity: 1;
}

.pd-bbm-steps-list .list .title:hover {
	opacity: 0.6;
}

.pd-bbm-steps-list .list .description {
	display: none;
	font-size: 16px;
}

.pd-bbm-steps-list .list .cta-link {
	display: none;
	padding-left: 1em;
}

.pd-bbm-steps-list .list .cta-link a {
	color: white;
}

.pd-bbm-steps-list .list .step.active .title {
	color: #34BD6B;
	opacity: 1;
}

.pd-bbm-steps-list .list .cta-button-container {
	display: none;
}

.pd-bbm-steps-list .step a:hover {
	text-decoration: none;
}

@media only screen and ( max-width: 768px ) {
	.pd-bbm-steps-list .current-step {
		display: none;
	}

	.pd-bbm-steps-list .list {
		width: 100%;
		/*background-image: none !important;*/
		background-position: left;
		padding-left: 1em;
		border-radius: 0;
	}

	.pd-bbm-steps-list .list .title {
		/*margin: 0.2em 0;*/
	}

	.pd-bbm-steps-list .list .step .description {
		display: none;
	}

	.pd-bbm-steps-list .list .step.active .description {
		display: block;
	}

	.pd-bbm-steps-list .list .cta-link {
		display: block;
	}

	.pd-bbm-steps-list .list .cta-button-container {
/*		display: inline-block;*/
	}

	.pd-bbm-steps-list .list .step.active .cta-button-container {
		display: inline-block;
	}
}