/* TR Immigration - homepage "What we cover" redesign: centered heading, 4-card grid */

.tr-home-coverage-head {
	text-align: center !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
}
.elementor .tr-home-coverage-head {
	border-block-end-width: 0 !important;
	border-bottom: 0 !important;
}
.tr-home-coverage-head .tr-heading {
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.tr-coverage-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 22px !important;
	align-items: stretch !important;
	margin-top: 12px;
	background: transparent !important;
}

/* Override the generic .tr-topic-list hairline-divider background (tr-refinements.css) */
.elementor .tr-coverage-grid {
	background: transparent !important;
}

.tr-coverage-card {
	position: relative;
	background: #ffffff !important;
	border: 1px solid #dce2eb !important;
	border-top: 4px solid var(--tr-coverage-accent, #2360a9) !important;
	border-radius: 12px !important;
	padding: 30px 24px 26px !important;
	box-shadow: 0 6px 18px rgba(28, 44, 60, 0.06);
	transition: transform 0.18s ease, box-shadow 0.18s ease;
	display: flex !important;
	flex-direction: column;
	gap: 10px;
}

.tr-coverage-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 16px 32px rgba(28, 44, 60, 0.13);
}

.tr-coverage-card:nth-child(1) { --tr-coverage-accent: #2360a9; }
.tr-coverage-card:nth-child(2) { --tr-coverage-accent: #1c2c3c; }
.tr-coverage-card:nth-child(3) { --tr-coverage-accent: #0f766e; }
.tr-coverage-card:nth-child(4) { --tr-coverage-accent: #7c4a9e; }

.elementor .tr-coverage-card {
	flex-direction: column !important;
	align-items: flex-start !important;
	column-gap: 0 !important;
	row-gap: 12px !important;
	gap: 12px !important;
}

.elementor .tr-coverage-card .tr-topic-row-h4 {
	margin: 0 !important;
	font-size: 19px !important;
	line-height: 1.3 !important;
	color: #1c2c3c !important;
}

.elementor .tr-coverage-card .tr-topic-text {
	margin: 0 !important;
	color: #55637a !important;
	font-size: 15px !important;
	line-height: 1.65 !important;
}

@media (max-width: 991px) {
	.tr-coverage-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 560px) {
	.tr-coverage-grid {
		grid-template-columns: 1fr !important;
	}
}