.hc-378-wrapper {
	position: relative;
	display: flex;
	align-items: stretch;
}

/* Ensure default and hover content have identical layout behavior */
.hc-378-default-content,
.hc-378-hover-content-inner {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
	padding: 0;
}

.hc-378-default-content {
	opacity: 1;
	visibility: visible;
}

.hc-378-hover-content-inner {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	opacity: 0;
	visibility: hidden;
}

.hc-378-heading-1,
.hc-378-hover-heading-1 {
	margin: 0 0 10px 0;
}

.hc-378-heading-2,
.hc-378-hover-heading-2 {
	margin: 0; /* Remove bottom margin from last items */
}

/* Hover Effect - Direct Switch without display: none to prevent glitching */
.hc-378-wrapper:hover .hc-378-default-content {
	opacity: 0;
	visibility: hidden;
}

.hc-378-wrapper:hover .hc-378-hover-content-inner {
	opacity: 1;
	visibility: visible;
}