/* =========================================================
   XÂY DỰNG NAM TRUNG
   CATEGORY ARCHIVE - FULL CSS
   PRIMARY : #131b73
   ACCENT  : #ff0000
   TEXT    : #0b2852
========================================================= */
/* =========================================================
   ROOT
========================================================= */
.nt-category-section {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 50px 0 65px;
	background: #fff;
	font-family:
		"Roboto Condensed",
		Arial,
		sans-serif;
}
.nt-category-section *,
.nt-category-section *::before,
.nt-category-section *::after {
	box-sizing: border-box;
}
.nt-category-section a {
	text-decoration: none !important;
}
/* =========================================================
   BACKGROUND
========================================================= */
.nt-category-section::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(
			rgba(19, 27, 115, .018) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(19, 27, 115, .018) 1px,
			transparent 1px
		);
	background-size: 55px 55px;
	pointer-events: none;
}
/* =========================================================
   MAIN
========================================================= */
.nt-category-main {
	position: relative;
	z-index: 2;
	min-width: 0;
}
.nt-category-wrap {
	width: 100%;
}
/* =========================================================
   HEADER
========================================================= */
.nt-category-header {
	position: relative;
	z-index: 30;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 25px;
	margin-bottom: 30px;
	padding-bottom: 17px;
	border-bottom:
		1px solid #dce3ec;
}
/* vàng dưới heading */
.nt-category-header::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 72px;
	height: 2px;
	background: #ff0000;
}
/* =========================================================
   HEADING
========================================================= */
.nt-category-heading {
	min-width: 0;
}
/* =========================================================
   EYEBROW
========================================================= */
.nt-category-eyebrow {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-bottom: 8px;
	color: #53638b;
	font-size: 11px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}
.nt-category-eyebrow-line {
	display: block;
	width: 27px;
	height: 2px;
	background: #ff0000;
}
/* =========================================================
   TITLE
========================================================= */
.nt-category-heading h1 {
	margin: 0;
	color: #131b73;
	font-size: 35px;
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -.35px;
	text-transform: uppercase;
}
/* =========================================================
   GRID / LIST SWITCH
========================================================= */
.nt-category-view-switch {
	position: relative;
	z-index: 50;
	display: flex;
	align-items: center;
	gap: 7px;
	flex: 0 0 auto;
	pointer-events: auto !important;
}
/* =========================================================
   SWITCH BUTTON
========================================================= */
.nt-category-view-btn {
	position: relative;
	z-index: 51;
	display: flex !important;
	align-items: center;
	justify-content: center;
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	margin: 0 !important;
	padding: 0 !important;
	color: #71809a;
	background: #ffffff;
	border:
		1px solid #d5deea;
	border-radius: 8px;
	outline: none !important;
	font-size: 14px;
	cursor: pointer !important;
	pointer-events: auto !important;
	appearance: none;
	-webkit-appearance: none;
	transition:
		color .2s ease,
		background .2s ease,
		border-color .2s ease,
		transform .15s ease,
		box-shadow .2s ease;
}
.nt-category-view-btn i {
	margin: 0 !important;
	padding: 0 !important;
	color: inherit;
	font-size: inherit;
	line-height: 1;
	pointer-events: none !important;
}
.nt-category-view-btn:hover {
	color: #131b73;
	background: #fffbea;
	border-color: #ff0000;
}
.nt-category-view-btn.is-active {
	color: #ffffff;
	background: #131b73;
	border-color: #131b73;
	box-shadow:
		0 6px 14px
		rgba(19, 27, 115, .18);
}
/* gạch vàng active */
.nt-category-view-btn.is-active::after {
	content: "";
	position: absolute;
	left: 7px;
	right: 7px;
	bottom: 4px;
	height: 2px;
	background: #ff0000;
	border-radius: 4px;
}
.nt-category-view-btn:active {
	transform: scale(.95);
}
/* =========================================================
   POSTS
========================================================= */
.nt-category-posts {
	position: relative;
	z-index: 2;
	width: 100%;
}
/* =========================================================
   LIST RESET
========================================================= */
.nt-category-list {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
/* =========================================================
   GRID MODE
========================================================= */
.nt-category-list.nt-view-grid {
	display: grid;
	grid-template-columns:
		repeat(
			3,
			minmax(0, 1fr)
		);
	gap:
		24px
		20px;
}
/* =========================================================
   ITEM
========================================================= */
.nt-category-item {
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
}
/* =========================================================
   CARD
========================================================= */
.nt-category-card {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #ffffff;
	border:
		1px solid #dde4ed;
	border-radius: 14px;
	box-shadow:
		0 6px 18px
		rgba(19, 27, 115, .045);
	transition:
		transform .28s ease,
		border-color .28s ease,
		box-shadow .28s ease;
}
.nt-category-card:hover {
	transform: translateY(-5px);
	border-color:
		rgba(19, 27, 115, .23);
	box-shadow:
		0 16px 32px
		rgba(19, 27, 115, .10);
}
/* =========================================================
   GRID IMAGE LINK
========================================================= */
.nt-category-list.nt-view-grid
.nt-category-image-link {
	display: block;
	width: 100%;
	overflow: hidden;
}
/* =========================================================
   GRID IMAGE WRAP
   KHÔNG ÉP 1:1
   KHUNG CO THEO ẢNH
========================================================= */
.nt-category-list.nt-view-grid
.nt-category-image-wrap {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	min-height: 0;
	aspect-ratio: auto;
	padding:
		14px
		14px
		0;
	overflow: hidden;
	background: transparent;
}
/* =========================================================
   GRID BỎ BLUR BACKGROUND
========================================================= */
.nt-category-list.nt-view-grid
.nt-category-image-bg,
.nt-category-list.nt-view-grid
.nt-category-image-wrap::after {
	display: none !important;
}
/* =========================================================
   GRID REAL IMAGE
   CHIỀU CAO TỰ NHIÊN
========================================================= */
.nt-category-list.nt-view-grid
.nt-category-image {
	position: relative;
	display: block !important;
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: unset !important;
	object-position:
		center center !important;
	background: #f2f4f8;
	border-radius: 9px;
	transition:
		transform .35s ease;
}
.nt-category-list.nt-view-grid
.nt-category-card:hover
.nt-category-image {
	transform: scale(1.018);
}
/* =========================================================
   GRID OVERLAY
========================================================= */
.nt-category-list.nt-view-grid
.nt-category-image-overlay {
	position: absolute;
	inset:
		14px
		14px
		0;
	z-index: 2;
	background:
		linear-gradient(
			180deg,
			transparent 62%,
			rgba(8, 19, 70, .48) 100%
		);
	border-radius: 9px;
	opacity: 0;
	pointer-events: none;
	transition:
		opacity .25s ease;
}
.nt-category-list.nt-view-grid
.nt-category-card:hover
.nt-category-image-overlay {
	opacity: 1;
}
/* =========================================================
   GRID IMAGE MORE
========================================================= */
.nt-category-list.nt-view-grid
.nt-category-image-more {
	position: absolute;
	z-index: 3;
	left: 30px;
	bottom: 15px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #ffffff;
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
	opacity: 0;
	transform:
		translateY(7px);
	pointer-events: none;
	transition:
		opacity .25s ease,
		transform .25s ease;
}
.nt-category-list.nt-view-grid
.nt-category-image-more i {
	color: #ff0000;
	font-size: 14px;
}
.nt-category-list.nt-view-grid
.nt-category-card:hover
.nt-category-image-more {
	opacity: 1;
	transform:
		translateY(0);
}
/* =========================================================
   CARD CONTENT
========================================================= */
.nt-category-card-content {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-width: 0;
	padding:
		18px
		18px
		18px;
}
/* =========================================================
   TITLE
========================================================= */
.nt-category-title {
	display: -webkit-box;
	margin:
		0
		0
		11px;
	overflow: hidden;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.35;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.nt-category-title a {
	color: #131b73 !important;
	transition:
		color .2s ease;
}
.nt-category-title a:hover {
	color: #283da4 !important;
}
/* =========================================================
   EXCERPT
========================================================= */
.nt-category-excerpt {
	display: -webkit-box;
	margin-bottom: 17px;
	overflow: hidden;
	color: #69768c;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.65;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
/* =========================================================
   MORE
========================================================= */
.nt-category-more {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	align-self: flex-start;
	margin-top: auto;
	color: #131b73 !important;
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
}
.nt-category-more-line {
	display: block;
	width: 29px;
	height: 2px;
	background: #ff0000;
	border-radius: 3px;
	transition:
		width .2s ease;
}
.nt-category-more:hover
.nt-category-more-line {
	width: 45px;
}
/* =========================================================
   LIST MODE
========================================================= */
.nt-category-list.nt-view-list {
	display: flex;
	flex-direction: column;
	gap: 18px;
}
/* =========================================================
   LIST ITEM
========================================================= */
.nt-category-list.nt-view-list
.nt-category-item {
	width: 100%;
}
/* =========================================================
   LIST CARD
   KHUNG CO GỌN THEO ẢNH
========================================================= */
.nt-category-list.nt-view-list
.nt-category-card {
	display: grid;
	grid-template-columns:
		270px
		minmax(0, 1fr);
	align-items: stretch;
	width: 100%;
	height: auto !important;
	min-height: 0 !important;
	overflow: hidden;
	background: #ffffff;
	border:
		1px solid #dce3ed;
	border-radius: 14px;
	box-shadow:
		0 6px 18px
		rgba(19, 27, 115, .045);
}
/* =========================================================
   LIST IMAGE LINK
========================================================= */
.nt-category-list.nt-view-list
.nt-category-image-link {
	display: block;
	width: 270px;
	height: auto !important;
	align-self: start;
	overflow: hidden;
	background: #f3f5f8;
}
/* =========================================================
   LIST IMAGE WRAP
   4:3
========================================================= */
.nt-category-list.nt-view-list
.nt-category-image-wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	aspect-ratio:
		4 / 3 !important;
	padding: 7px;
	overflow: hidden;
	background: #f2f5f8;
}
/* =========================================================
   LIST BỎ BLUR
========================================================= */
.nt-category-list.nt-view-list
.nt-category-image-bg,
.nt-category-list.nt-view-list
.nt-category-image-wrap::after {
	display: none !important;
}
/* =========================================================
   LIST IMAGE
========================================================= */
.nt-category-list.nt-view-list
.nt-category-image {
	position: relative;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: contain !important;
	object-position:
		center center !important;
	background: #ffffff;
	border-radius: 7px;
	transition:
		transform .3s ease;
}
.nt-category-list.nt-view-list
.nt-category-card:hover
.nt-category-image {
	transform: scale(1.015);
}
/* =========================================================
   LIST OVERLAY
========================================================= */
.nt-category-list.nt-view-list
.nt-category-image-overlay {
	position: absolute;
	inset: 7px;
	z-index: 2;
	border-radius: 7px;
	background:
		linear-gradient(
			180deg,
			transparent 60%,
			rgba(8, 19, 70, .45) 100%
		);
	opacity: 0;
	pointer-events: none;
	transition:
		opacity .25s ease;
}
.nt-category-list.nt-view-list
.nt-category-card:hover
.nt-category-image-overlay {
	opacity: 1;
}
/* =========================================================
   LIST IMAGE MORE
========================================================= */
.nt-category-list.nt-view-list
.nt-category-image-more {
	position: absolute;
	z-index: 3;
	left: 19px;
	bottom: 18px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #ffffff;
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
	opacity: 0;
	transform:
		translateY(5px);
	pointer-events: none;
	transition:
		opacity .2s ease,
		transform .2s ease;
}
.nt-category-list.nt-view-list
.nt-category-image-more i {
	color: #ff0000;
}
.nt-category-list.nt-view-list
.nt-category-card:hover
.nt-category-image-more {
	opacity: 1;
	transform:
		translateY(0);
}
/* =========================================================
   LIST CONTENT
========================================================= */
.nt-category-list.nt-view-list
.nt-category-card-content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	min-width: 0;
	height: auto;
	padding:
		23px
		26px
		20px;
}
/* =========================================================
   LIST TITLE
========================================================= */
.nt-category-list.nt-view-list
.nt-category-title {
	display: -webkit-box;
	max-width: 760px;
	margin:
		0
		0
		12px;
	overflow: hidden;
	font-size: 23px;
	font-weight: 800;
	line-height: 1.3;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
/* =========================================================
   LIST EXCERPT
========================================================= */
.nt-category-list.nt-view-list
.nt-category-excerpt {
	display: -webkit-box;
	max-width: 780px;
	margin:
		0
		0
		15px;
	overflow: hidden;
	color: #65738b;
	font-size: 15px;
	line-height: 1.65;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
/* =========================================================
   LIST MORE
========================================================= */
.nt-category-list.nt-view-list
.nt-category-more {
	margin-top: auto;
	font-size: 11px;
}
/* =========================================================
   PAGINATION
========================================================= */
.nt-category-pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin-top: 36px;
}
.nt-category-pagination
.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding:
		0
		11px;
	color: #58667d;
	background: #ffffff;
	border:
		1px solid #d7dfE9;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 700;
	transition:
		background .2s ease,
		color .2s ease,
		border-color .2s ease,
		transform .15s ease;
}
.nt-category-pagination
.page-numbers:hover {
	color: #131b73;
	background: #fffbea;
	border-color: #ff0000;
	transform:
		translateY(-1px);
}
.nt-category-pagination
.page-numbers.current {
	color: #ffffff;
	background: #131b73;
	border-color: #131b73;
	box-shadow:
		inset 0 -3px 0
		#ff0000;
}
/* =========================================================
   EMPTY
========================================================= */
.nt-category-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 260px;
	padding: 35px;
	color: #718096;
	background: #ffffff;
	border:
		1px dashed #ccd7e3;
	border-radius: 14px;
	text-align: center;
}
.nt-category-empty-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	margin-bottom: 13px;
	color: #131b73;
	background: #fff8cf;
	border-radius: 50%;
	font-size: 25px;
}
.nt-category-empty h3 {
	margin:
		0
		0
		5px;
	color: #131b73;
	font-size: 18px;
	font-weight: 800;
}
.nt-category-empty p {
	margin: 0;
	font-size: 14px;
}
/* =========================================================
   SIDEBAR
========================================================= */
.nt-category-sidebar {
	position: relative;
	z-index: 2;
	padding-left: 24px;
}
/* =========================================================
   LAPTOP
========================================================= */
@media screen and
(min-width: 992px) and
(max-width: 1199px) {
	.nt-category-heading h1 {
		font-size: 31px;
	}
	/* GRID */
	.nt-category-list.nt-view-grid {
		grid-template-columns:
			repeat(
				2,
				minmax(0, 1fr)
			);
		gap: 19px;
	}
	.nt-category-title {
		font-size: 18px;
	}
	/* LIST */
	.nt-category-list.nt-view-list
	.nt-category-card {
		grid-template-columns:
			220px
			minmax(0, 1fr);
	}
	.nt-category-list.nt-view-list
	.nt-category-image-link {
		width: 220px;
	}
	.nt-category-list.nt-view-list
	.nt-category-card-content {
		padding:
			18px
			20px;
	}
	.nt-category-list.nt-view-list
	.nt-category-title {
		font-size: 20px;
	}
	.nt-category-list.nt-view-list
	.nt-category-excerpt {
		font-size: 13px;
	}
}
/* =========================================================
   TABLET
========================================================= */
@media screen and
(min-width: 768px) and
(max-width: 991px) {
	.nt-category-section {
		padding:
			44px
			0
			55px;
	}
	.nt-category-heading h1 {
		font-size: 28px;
	}
	/* GRID */
	.nt-category-list.nt-view-grid {
		grid-template-columns:
			repeat(
				2,
				minmax(0, 1fr)
			);
		gap: 17px;
	}
	.nt-category-title {
		font-size: 17px;
	}
	.nt-category-excerpt {
		font-size: 13px;
	}
	/* LIST */
	.nt-category-list.nt-view-list
	.nt-category-card {
		grid-template-columns:
			200px
			minmax(0, 1fr);
	}
	.nt-category-list.nt-view-list
	.nt-category-image-link {
		width: 200px;
	}
	.nt-category-list.nt-view-list
	.nt-category-card-content {
		padding:
			16px
			18px;
	}
	.nt-category-list.nt-view-list
	.nt-category-title {
		font-size: 19px;
	}
	.nt-category-list.nt-view-list
	.nt-category-excerpt {
		font-size: 13px;
	}
	.nt-category-sidebar {
		padding-left: 18px;
	}
}
/* =========================================================
   MOBILE
========================================================= */
@media screen and (max-width: 767px) {
	.nt-category-section {
		padding:
			34px
			0
			48px;
	}
	/* HEADER */
	.nt-category-header {
		align-items: center;
		gap: 12px;
		margin-bottom: 22px;
		padding-bottom: 14px;
	}
	.nt-category-eyebrow {
		font-size: 9px;
		letter-spacing: .8px;
	}
	.nt-category-eyebrow-line {
		width: 21px;
	}
	.nt-category-heading h1 {
		font-size: 25px;
		line-height: 1.1;
	}
	/* SWITCH */
	.nt-category-view-switch {
		gap: 5px;
	}
	.nt-category-view-btn {
		flex-basis: 37px;
		width: 37px;
		height: 37px;
		font-size: 12px;
	}
	/* =====================================================
	   GRID MOBILE
	===================================================== */
	.nt-category-list.nt-view-grid {
		grid-template-columns:
			repeat(
				2,
				minmax(0, 1fr)
			);
		gap: 13px;
	}
	.nt-category-card {
		border-radius: 11px;
	}
	.nt-category-list.nt-view-grid
	.nt-category-image-wrap {
		padding:
			7px
			7px
			0;
	}
	.nt-category-list.nt-view-grid
	.nt-category-image {
		border-radius: 6px;
	}
	.nt-category-list.nt-view-grid
	.nt-category-image-overlay,
	.nt-category-list.nt-view-grid
	.nt-category-image-more {
		display: none !important;
	}
	.nt-category-card-content {
		padding:
			13px
			13px
			14px;
	}
	.nt-category-title {
		margin-bottom: 8px;
		font-size: 16px;
		line-height: 1.35;
		-webkit-line-clamp: 3;
	}
	.nt-category-excerpt {
		margin-bottom: 12px;
		font-size: 12px;
		line-height: 1.5;
		-webkit-line-clamp: 3;
	}
	.nt-category-more {
		font-size: 10px;
	}
	.nt-category-more-line {
		width: 22px;
	}
	/* =====================================================
	   LIST MOBILE
	===================================================== */
	.nt-category-list.nt-view-list {
		gap: 13px;
	}
	.nt-category-list.nt-view-list
	.nt-category-card {
		grid-template-columns:
			125px
			minmax(0, 1fr);
		border-radius: 10px;
	}
	.nt-category-list.nt-view-list
	.nt-category-image-link {
		width: 125px;
	}
	.nt-category-list.nt-view-list
	.nt-category-image-wrap {
		padding: 4px;
	}
	.nt-category-list.nt-view-list
	.nt-category-image-overlay,
	.nt-category-list.nt-view-list
	.nt-category-image-more {
		display: none !important;
	}
	.nt-category-list.nt-view-list
	.nt-category-card-content {
		padding:
			11px
			12px;
	}
	.nt-category-list.nt-view-list
	.nt-category-title {
		margin-bottom: 6px;
		font-size: 16px;
		line-height: 1.3;
		-webkit-line-clamp: 2;
	}
	.nt-category-list.nt-view-list
	.nt-category-excerpt {
		margin-bottom: 8px;
		font-size: 12px;
		line-height: 1.45;
		-webkit-line-clamp: 2;
	}
	.nt-category-list.nt-view-list
	.nt-category-more {
		font-size: 9px;
	}
	/* SIDEBAR */
	.nt-category-sidebar {
		margin-top: 34px;
		padding-left: 15px;
	}
	/* PAGINATION */
	.nt-category-pagination {
		margin-top: 27px;
	}
}
/* =========================================================
   SMALL MOBILE
========================================================= */
@media screen and (max-width: 399px) {
	.nt-category-heading h1 {
		font-size: 21px;
	}
	/* GRID 1 COLUMN */
	.nt-category-list.nt-view-grid {
		grid-template-columns: 1fr;
	}
	.nt-category-title {
		font-size: 18px;
	}
	.nt-category-excerpt {
		font-size: 13px;
	}
	/* LIST */
	.nt-category-list.nt-view-list
	.nt-category-card {
		grid-template-columns:
			105px
			minmax(0, 1fr);
	}
	.nt-category-list.nt-view-list
	.nt-category-image-link {
		width: 105px;
	}
	.nt-category-list.nt-view-list
	.nt-category-title {
		font-size: 14px;
	}
	.nt-category-list.nt-view-list
	.nt-category-excerpt {
		font-size: 11px;
	}
}
/* =========================================================
   BREADCRUMB
   PRIMARY : #131b73
   ACCENT  : #e31e24
========================================================= */
.nt-breadcrumb-wrap {
	position: relative;
	width: 100%;
	background: #f7f9fc;
	border-top:
		1px solid rgba(19,27,115,.05);
	border-bottom:
		1px solid #e3e8ef;
	font-family:
		"Roboto Condensed",
		Arial,
		sans-serif;
}
/* =========================================================
   BREADCRUMB
========================================================= */
.nt-breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0;
	min-height: 52px;
	padding:
		8px
		0;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
}
/* =========================================================
   HOME ICON
========================================================= */
.nt-breadcrumb-home {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 32px;
	height: 32px;
	margin-right: 10px;
	color: #fff !important;
	background: #131b73;
	border-radius: 9px;
	font-size: 13px;
	box-shadow:
		0 4px 10px
		rgba(19,27,115,.12);
	transition:
		background .2s ease,
		transform .2s ease,
		box-shadow .2s ease;
}
.nt-breadcrumb-home:hover {
	background: #e31e24;
	transform:
		translateY(-1px);
	box-shadow:
		0 6px 14px
		rgba(227,30,36,.18);
}
/* =========================================================
   "BẠN ĐANG Ở ĐÂY"
========================================================= */
.nt-breadcrumb-label {
	position: relative;
	display: inline-flex;
	align-items: center;
	margin-right: 3px;
	color: #8a97aa;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .3px;
	white-space: nowrap;
}
/* =========================================================
   SEPARATOR
========================================================= */
.nt-breadcrumb-separator {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin:
		0
		10px;
	color: #aab4c2;
	font-size: 12px;
}
/* =========================================================
   LINK
========================================================= */
.nt-breadcrumb-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	color: #53657d !important;
	font-size: 13px;
	font-weight: 700;
	transition:
		color .2s ease;
}
.nt-breadcrumb-link:hover {
	color: #e31e24 !important;
}
/* =========================================================
   CURRENT PAGE
========================================================= */
.nt-breadcrumb-current {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding:
		5px
		12px;
	color: #131b73;
	background: #fff;
	border:
		1px solid #dce3ec;
	border-radius: 16px;
	font-size: 13px;
	font-weight: 800;
	box-shadow:
		0 3px 9px
		rgba(19,27,115,.04);
}
/* đỏ nhỏ bên trái current */
.nt-breadcrumb-current::before {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	margin-right: 8px;
	background: #e31e24;
	border-radius: 50%;
}
/* =========================================================
   MOBILE
========================================================= */
@media screen and (max-width: 767px) {
	.nt-breadcrumb {
		min-height: 46px;
		padding:
			7px
			0;
		font-size: 12px;
	}
	.nt-breadcrumb-home {
		width: 30px;
		height: 30px;
		margin-right: 8px;
	}
	/* mobile bỏ "Bạn đang ở đây" cho gọn */
	.nt-breadcrumb-label {
		display: none;
	}
	.nt-breadcrumb-separator {
		margin:
			0
			7px;
	}
	.nt-breadcrumb-link {
		font-size: 12px;
	}
	.nt-breadcrumb-current {
		min-height: 28px;
		padding:
			4px
			10px;
		font-size: 12px;
	}
}
/* =========================================================
   SMALL MOBILE
========================================================= */
@media screen and (max-width: 420px) {
	.nt-breadcrumb-home {
		width: 28px;
		height: 28px;
	}
	.nt-breadcrumb-separator {
		margin:
			0
			5px;
	}
	.nt-breadcrumb-current {
		max-width: 190px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}