.text-tiles {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
	gap: 30px;
	padding: 34px var(--space-5);

	.widget-inner {
		width: 100%;
		max-width: 566px;
		margin: 0 auto;
	}

	.tiles-title {
		margin: 0;
		font-family: var(--font-display);
		font-weight: var(--font-weight-semibold);
		font-size: var(--text-xl);
		line-height: 1.2;
		color: var(--black);

		.subtitle {
			display: block;
			margin-top: 10px;
			font-size: 0.8125rem;
			text-transform: uppercase;
			color: var(--gray);
		}
	}

	.slides {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		align-items: start;
		gap: 25px;
	}

	.slide {
		padding-bottom: 25px;
		border-bottom: 1px solid #ccc;

		&:last-child {
			padding-bottom: 0;
			border-bottom: none;
		}
	}

	.slide-inner {
		width: 100%;
		max-width: 566px;
		margin: 0 auto;
	}

	.slide-title {
		margin-bottom: 15px;
		font-family: var(--font-display);
		font-weight: var(--font-weight-semibold);
		font-size: var(--text-sm);
		line-height: normal;
		text-transform: uppercase;
		color: #454545;
	}

	.numerical {
		display: flex;
		align-items: baseline;
		font-family: var(--font-display);
		font-weight: var(--font-weight-black);
		font-size: 3.125rem;
		line-height: 1;
		text-transform: uppercase;
		color: var(--purple);
	}

	@media (min-width: 64em) {
		gap: 33px;
		padding: var(--space-8);

		.tiles-header {
			margin-bottom: 27px;
		}

		.tiles-title {
			font-size: var(--text-2xl);

			.subtitle {
				font-size: var(--text-sm);
			}
		}

		.slides {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			align-items: stretch;
			gap: 0;
		}

		.slide {
			display: flex;
			flex-direction: column;
		}

		.slide,
		.slide:last-child {
			padding: 0 30px 15px 0;
			border: none;
			border-right: 1px solid #ccc;

			&:nth-child(even) {
				padding-right: 0;
				padding-left: 30px;
				border-right: none;
			}
		}

		.numerical {
			margin-top: auto;
		}
	}

	@media (min-width: 90em) {
		padding: 34px 77px 51px;

		.slide,
		.slide:last-child {
			padding: 0 50px 15px 0;

			&:nth-child(even) {
				padding-right: 0;
				padding-left: 50px;
			}
		}

		.slide-title {
			font-size: var(--text-base);
		}

		.numerical {
			font-size: 3.75rem;
		}
	}
}