.banana-whybar-row {
	gap: 24px;
}
.banana-whybar-item + .banana-whybar-item {
	position: relative;
	padding-left: 35px;
}
.banana-whybar-item + .banana-whybar-item::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 28px;
	background: #EDE4D6;
}
@media (max-width: 900px) {
	/* !important necesario en padding/justify-content: el div trae style inline
	   (padding:0 64px; justify-content:space-between) generado por banana_whybar.php,
	   y un inline style le gana a cualquier regla externa salvo que se use !important. */
	.banana-whybar-row {
		flex-wrap: wrap;
		justify-content: flex-start !important;
		height: auto !important;
		padding-top: 56px !important;
		padding-bottom: 56px !important;
		row-gap: 24px;
	}
	.banana-whybar-item + .banana-whybar-item {
		padding-left: 0;
	}
	.banana-whybar-item + .banana-whybar-item::before {
		display: none;
	}
}