.shw-card {
	box-shadow: 
		0 8px 20px rgba(0, 0, 0, 0.08),
		0 2px 6px rgba(0, 0, 0, 0.05);
	transition: 
		transform 0.35s ease,
		box-shadow 0.35s ease,
		background-color 0.35s ease;
	will-change: transform, box-shadow;
}

/* Hover effect */
.shw-card:hover {
	transform: translateY(-6px);
	box-shadow: 
		0 18px 40px rgba(0, 0, 0, 0.18),
		0 6px 14px rgba(0, 0, 0, 0.12);
}


    .support-row > div {
	margin-bottom: 30px;
}
/* Make all support cards equal height */
.srex-support__item {
	height: 100%;
	min-height: 90px;           /* adjust if needed */
	display: flex;
	align-items: center;
}

.shw-img {
	position: relative;
	border-radius: 22px;       /* base shape */
	overflow: hidden;

	/* base elevation */
	box-shadow:
		0 14px 35px rgba(0, 0, 0, 0.18),
		0 6px 15px rgba(0, 0, 0, 0.12);

	transition:
		transform 0.45s cubic-bezier(0.4, 0, 0.2, 1),
		box-shadow 0.45s ease;

	will-change: transform, box-shadow;
}

/* EDGE CURVE / GLASS EFFECT */
.shw-img::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;

	/* this creates curved-edge illusion */
	background:
		radial-gradient(
			120% 80% at 50% -20%,
			rgba(255, 255, 255, 0.35),
			transparent 60%
		),
		radial-gradient(
			120% 80% at 50% 120%,
			rgba(0, 0, 0, 0.25),
			transparent 65%
		),
		linear-gradient(
			to right,
			rgba(255,255,255,0.25),
			transparent 15%,
			transparent 85%,
			rgba(0,0,0,0.25)
		);

	mix-blend-mode: overlay;
}

/* HOVER: more bulge + darker shadow */
.shw-img:hover {
	transform: translateY(-10px);
	box-shadow:
		0 30px 65px rgba(0, 0, 0, 0.32),
		0 12px 28px rgba(0, 0, 0, 0.22);
}