.nt-quick-links,
.nt-quick-links * {
	box-sizing: border-box;
}

.nt-quick-links {
	--nt-ql-ink: #173a63;
	--nt-ql-muted: #647b97;
	--nt-ql-border: rgba(151, 196, 239, 0.5);
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
	width: min(100% - 2rem, var(--global-content-width, 1180px));
	margin: clamp(1.25rem, 3vw, 2rem) auto;
	direction: rtl;
}

.nt-quick-links__card {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-content: start;
	align-items: center;
	column-gap: 0.75rem;
	height: 100%;
	min-width: 0;
	padding: 1.05rem;
	border: 1px solid var(--nt-ql-border);
	border-radius: 16px;
	background: linear-gradient(145deg, #ffffff, #f7fbff);
	color: var(--nt-ql-ink);
	text-decoration: none !important;
	box-shadow: 0 8px 22px rgba(23, 58, 99, 0.055);
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.nt-quick-links__card:hover,
.nt-quick-links__card:focus {
	transform: translateY(-2px);
	border-color: rgba(28, 106, 194, 0.34);
	box-shadow: 0 12px 26px rgba(23, 58, 99, 0.08);
}

.nt-quick-links__icon {
	display: inline-grid;
	grid-row: 1;
	grid-column: 1;
	place-items: center;
	width: 38px;
	height: 38px;
	border-radius: 13px;
	background: #e9f8ff;
	color: #1c6ac2;
	font-size: 17px;
	font-weight: 900;
}

.nt-quick-links__title {
	grid-row: 1;
	grid-column: 2;
	align-self: center;
	color: #173a63;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.45;
}

.nt-quick-links__text {
	grid-column: 1 / -1;
	margin-top: 0.85rem;
	color: var(--nt-ql-muted);
	font-size: 13px;
	font-weight: 300;
	line-height: 1.75;
}

@media (max-width: 900px) {
	.nt-quick-links {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.nt-quick-links {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.7rem;
		width: min(100% - 1rem, var(--global-content-width, 1180px));
	}

	.nt-quick-links__card {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		padding: 0.9rem 0.7rem;
		border-radius: 14px;
		text-align: center;
	}

	.nt-quick-links__icon {
		width: 36px;
		height: 36px;
		margin-bottom: 0.58rem;
	}

	.nt-quick-links__title {
		font-size: 14px;
		line-height: 1.35;
	}

	.nt-quick-links__text {
		margin-top: 0.35rem;
		font-size: 12px;
		line-height: 1.6;
	}
}