/* Expanding Cards */
.e-con .elementor-widget-tg-expanding-cards {
	width: 100%;
}
.reland-xcards {
	--xc-h: 600px;
	--xc-gap: 26px;
	--xc-radius: 16px;
	--xc-shade: #1A1A1A;
	--xc-text: var(--tg-white);
	display: flex;
	gap: var(--xc-gap);
}
.reland-xcards .neighborhood__item-two {
	position: relative;
	overflow: hidden;
	width: 34%;
	height: var(--xc-h);
	border-radius: var(--xc-radius);
	transition: width .7s cubic-bezier(.38, .005, .215, 1);
}
.reland-xcards .neighborhood__item-two.active {
	width: 100%;
}
.reland-xcards .neighborhood__item-two:focus-visible {
	outline: 2px solid var(--tg-primary-color);
	outline-offset: 3px;
}
.reland-xcards .neighborhood__thumb {
	position: relative;
	width: 100%;
	height: 100%;
}
.reland-xcards .neighborhood__thumb::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 0%, var(--xc-shade) 100%);
}
.reland-xcards .neighborhood__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease-in-out .3s;
}
.reland-xcards .active .neighborhood__thumb img {
	transform: scale(1.08);
}
.reland-xcards .neighborhood__content-title {
	position: absolute;
	left: 50%;
	bottom: 32px;
	z-index: 1;
	line-height: 1;
	transform: translateX(-50%) rotate(180deg);
	transition: opacity .4s, visibility .4s;
}
.reland-xcards .neighborhood__content-title .title {
	margin: 0;
	color: var(--xc-text);
	font-size: 40px;
	text-transform: uppercase;
	white-space: nowrap;
	writing-mode: vertical-rl;
}
.reland-xcards .active .neighborhood__content-title {
	opacity: 0;
	visibility: hidden;
}
.reland-xcards .neighborhood__content-two {
	position: absolute;
	inset-inline-start: 32px;
	bottom: 32px;
	z-index: 1;
	opacity: 0;
	transition: opacity .5s ease-in-out .3s;
}
.reland-xcards .active .neighborhood__content-two {
	opacity: 1;
}
.reland-xcards .neighborhood__content-two .list-wrap {
	margin: 0;
	padding: 0;
	list-style: none;
}
.reland-xcards .neighborhood__content-two li {
	color: var(--xc-text);
	line-height: 1.8;
	white-space: nowrap;
}

@media (max-width: 1199px) {
	.reland-xcards {
		--xc-h: 560px;
		--xc-gap: 15px;
	}
	.reland-xcards .neighborhood__content-title .title {
		font-size: 30px;
	}
}
/* Tablet: grid, text shown */
@media (max-width: 991px) {
	.reland-xcards {
		--xc-h: 420px;
		--xc-gap: 24px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.reland-xcards .neighborhood__item-two {
		width: auto;
	}
	.reland-xcards .neighborhood__content-wrap {
		position: absolute;
		left: 28px;
		right: 28px;
		bottom: 28px;
		z-index: 1;
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
	.reland-xcards .neighborhood__content-title,
	.reland-xcards .neighborhood__content-two {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
	}
	.reland-xcards .active .neighborhood__content-title {
		opacity: 1;
		visibility: visible;
	}
	.reland-xcards .neighborhood__content-title .title {
		font-size: 26px;
		white-space: normal;
		writing-mode: horizontal-tb;
	}
	.reland-xcards .active .neighborhood__thumb img {
		transform: none;
	}
}
@media (max-width: 575px) {
	.reland-xcards {
		--xc-h: 380px;
		--xc-gap: 20px;
		grid-template-columns: 1fr;
	}
	.reland-xcards .neighborhood__content-title .title {
		font-size: 22px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.reland-xcards .neighborhood__item-two,
	.reland-xcards .neighborhood__thumb img,
	.reland-xcards .neighborhood__content-two {
		transition: none;
	}
}
