.block-card {
	padding: 0 12.5%;
	display: flex;
	border-radius: 8px;
	overflow: hidden;
}

.block-card__image {
	width: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 300px;
}

.block-card__content {
	width: 50%;
	padding: 5%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: #423063;
	gap: 16px;
}

.block-card__title {
	color: #a17de5;
}

.block-card__paragraph p {
	color: #fff;
	font-size: 0.9375em;
}

.block-card__cta a {
	color: #d1bdf2;
	text-decoration: underline;
	font-weight: bold;
}

.block-card {
	padding: 0 12.5%;
	display: flex;
	border-radius: 8px;
	overflow: hidden;
}

@media (max-width: 1024px) {

	.block-card {
		padding: 0 8%;
	}
}

@media (max-width: 768px) {

	.block-card {
		flex-direction: column;
		padding: 0 5%;
	}

	.block-card__image,
	.block-card__content {
		width: 100%;
	}

	.block-card__image {
		min-height: 250px;
	}
}

@media (max-width: 480px) {

	.block-card {
		padding: 0 3%;
	}

	.block-card__image {
		min-height: 200px;
	}
}

@media (max-width: 768px) {

	.block-card__content h2,
	.block-card__content h3,
	.block-card__content p {
		margin-top: 0;
		margin-bottom: 0;
	}
}

.block-card__image {
	border-radius: 12px 0 0 12px;
}

.block-card__content {
	border-radius: 0 12px 12px 0;
}

.block-card__content:only-child {
	border-radius: 12px;
}

@media (max-width: 768px) {

	.block-card__image {
		border-radius: 12px 12px 0 0;
	}

	.block-card__content {
		border-radius: 0 0 12px 12px;
	}

	.block-card__content:only-child {
		border-radius: 12px;
	}
}