/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.promo-card2 {
	--promo-card-gap: 15px;
	transform: translateX(calc(var(--promo-card-gap) * 2)) translateY(calc(var(--promo-card-gap) * -2));
	width: calc(100% - calc(var(--promo-card-gap) * 2));
}

.promo-card2 div:nth-child(1) {
	position: relative;
	padding: 50px 15px;
	z-index: 3;
}

.promo-card2>div:nth-child(2),
.promo-card2>div:nth-child(3) {
	position: absolute;
	top: var(--promo-card-gap);;
	left: calc(-1 * var(--promo-card-gap));
	width: 100%;
	height: 100%;
	background-color: #bccce7;
	z-index: 1;
}

.promo-card2>div:nth-child(3) {
	top: calc(2 * var(--promo-card-gap));
	left: calc(-2 * var(--promo-card-gap));
	background-color: #e6ecf7;
	z-index: 0;
}