/* Vertical Cards (module: vertical-cards) */

.vertical-cards{
	padding:4rem 1rem;
}

.vertical-cards-wrapper{
	max-width:520px;
	margin:0 auto;
	position:relative;
}

.vertical-cards-list{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0;
	position:relative;
}

.vertical-cards-card{
	width:100%;
	max-width:420px;
	background:#fff;
	padding:2rem 8rem 2rem 2rem;
	position:relative;
	z-index:1;
	transform:translateY(0);
	transition:background-color .5s ease, color .5s ease;
}

.vertical-cards-card:nth-child(even){
	transform:translateX(65px);

}

.vertical-cards-card:nth-child(odd){
	transform:translateX(0);
  	z-index:4;
  background: #EFF1F6;
}


.vertical-cards-card.is-active{
	background:#A4D7F8;
}

.vertical-cards-number{
	font-weight:900;
	color:#15161a;
	line-height:1;
	margin:0 0 .5rem 0;
	font-size:64px;
	letter-spacing:-.02em;
}

.vertical-cards-text{
	margin:0;
	color:#15161a;
	font-size:18px;
	line-height:1.5;
	max-width:320px;
}

/* keep it readable on blue too */
.vertical-cards-card.is-active .vertical-cards-number,
.vertical-cards-card.is-active .vertical-cards-text{
	color:#15161a;
}

@media (max-width:968px){
	.vertical-cards-card{
		padding:2rem 1.5rem;
	}
	.vertical-cards-number{
		font-size:56px;
	}
  .vertical-cards-list {
    transform: translateX(-32px);
    max-width: 92%;
    margin: auto;
}