/**
 * Trang giới thiệu — HM-04. Dựng lại y theo trang giới thiệu An Cường.
 *
 * Con số trong file này chép trực tiếp từ bảng kiểu của bản lưu
 * `ancuong.com/gioi-thieu.html`, đọc ngày 06/09/2026. Những chỗ chính:
 *
 *   Thang cỡ chữ tiêu đề tính theo bề ngang màn hình, 5vw cho tiêu đề lớn nhất
 *   và 4vw cho tiêu đề khối, nét mảnh 200 và 300, màu #ccc.
 *   Khối trắng đệm 5vw trên và 10vw dưới, khung chữ rộng tối đa 65rem.
 *   Khối sản phẩm nền #f6f6f6, khối lịch sử nền #141619 có vạch dọc giữa trang.
 *   Con số quy mô cỡ 3rem nét 800, nằm giữa hai đường kẻ ngang.
 *   Mốc lịch sử: cột ảnh 60%, cột chữ 40%, đệm 10vw trên và 5vw dưới.
 *
 * Lớp đặt tiền tố `ak-gt-` chứ không giữ tên gốc như `section`, `container`,
 * `box-left`. Đây là bài học từ chân trang: tên trùng với Flatsome là bố cục vỡ.
 *
 * Hai chỗ cố ý khác bản gốc, xem CH-20: không chép ảnh nền và phông chữ của
 * An Cường, và màu nhấn dùng đỏ #f32020 của A Khoa theo QĐ-07.
 */

.ak-gt {
	--gt-do: var(--ak-mau-do);
	--gt-do-dam: var(--ak-mau-do-dam);

	/* Bảng màu gốc của trang mẫu. */
	--gt-normal: var(--ak-mau-chu);
	--gt-normal-dark: var(--ak-mau-muc);
	--gt-black: var(--ak-mau-muc);
	--gt-grey: var(--ak-mau-mo);
	--gt-grey-light: var(--ak-mau-vien-dam);
	--gt-line: var(--ak-mau-vien);
	--gt-white-grey: var(--ak-mau-nen);

	/* Thang cỡ tiêu đề theo bề ngang màn hình, đúng như bản gốc. */
	--gt-title-big: 5vw;
	--gt-title-font: 4vw;
	--gt-title-small: 3vw;
	--gt-title-min: 2.5vw;

	color: var(--gt-black);
	font-size: var(--ak-co-chu);
	line-height: var(--ak-dong-vua);
	overflow-x: clip;
}

.ak-gt *,
.ak-gt *::before,
.ak-gt *::after {
	box-sizing: border-box;
}

.ak-gt :where(h1, h2, h3) {
	margin: 0;
	color: inherit;
	font-weight: inherit;
	line-height: inherit;
}

.ak-gt :where(p, ul, ol) {
	margin: 0;
	padding: 0;
}

.ak-gt :where(li) {
	list-style: none;
}

.ak-gt :where(img) {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: cover;
	object-position: center center;
	pointer-events: none;
}

.ak-gt :where(a) {
	color: inherit;
	text-decoration: none;
}

/* ---------- Các khung nội dung, chép theo wrap-* của bản gốc ---------- */

.ak-gt-wrap-page {
	position: relative;
	z-index: 5;
	width: 70%;
	max-width: 960px;
	margin: auto;
}

.ak-gt-wrap-large {
	position: relative;
	z-index: 5;
	width: 80%;
	margin: auto;
}

.ak-gt-wrap-full {
	position: relative;
	z-index: 5;
	width: 85%;
	margin: auto;
}

.ak-gt-wrap-flex {
	position: relative;
	z-index: 5;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 85%;
	margin: auto;
}

.ak-gt-full {
	position: relative;
	z-index: 5;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 80%;
	/* Đồng bộ 09/09/2026, nhóm A: 75rem đúng bằng 1200px, tức --ak-rong-max.
	   Cỡ chữ gốc của site là 16px mặc định, không nơi nào đè, đã kiểm. */
	max-width: var(--ak-rong-max);
	margin: auto;
}

.ak-gt-l,
.ak-gt-r {
	position: relative;
	z-index: 5;
	flex: none;
	width: 50%;
}

/* ---------- Tiêu đề ---------- */

.ak-gt-title {
	position: relative;
	z-index: 5;
	display: block;
	width: auto;
	margin: 0 0 48px;
}

.ak-gt-inner {
	position: relative;
	display: block;
	width: 100%;
	color: var(--gt-grey-light);
	font-size: var(--gt-title-font);
	font-weight: var(--ak-dam-mong);
	line-height: var(--ak-dong-vua);
}

.ak-gt-title--big .ak-gt-inner {
	font-size: var(--gt-title-big);
	font-weight: var(--ak-dam-mong);
}

.ak-gt-title--mid .ak-gt-inner {
	font-size: var(--gt-title-small);
	font-weight: var(--ak-dam-mong);
}

.ak-gt-title--h3 {
	margin: 0 0 var(--ak-cach-5);
}

.ak-gt-title--h3 .ak-gt-inner {
	font-size: var(--ak-co-h3);
}

.ak-gt-title--center {
	width: 100%;
	text-align: center;
}

/*
 * Chữ tách thành từng từ để hiện lần lượt. Từ nằm trong một ô cắt, ban đầu bị
 * đẩy xuống dưới ô rồi trượt lên. Đây là hiệu ứng tiêu đề của bản gốc.
 */
.ak-gt-inner .ak-gt-w {
	display: inline-block;
	overflow: hidden;
	vertical-align: bottom;
}

.ak-gt.js-ani .ak-gt-inner .ak-gt-w > span {
	display: inline-block;
	transform: translateY(105%);
	transition: transform var(--ak-chuyen-vao);
	transition-delay: calc(var(--i) * var(--ak-vao-tre) / 1.6);
}

.ak-gt.js-ani .ak-gt-title.is-show .ak-gt-inner .ak-gt-w > span {
	transform: none;
}

/* ---------- Khối hiện dần ---------- */

.ak-gt.js-ani .ak-gt-ani {
	opacity: 0;
	transform: translateY(var(--ak-vao-xa));
	transition: opacity var(--ak-chuyen-vao), transform var(--ak-chuyen-vao);
}

.ak-gt.js-ani .ak-gt-ani.is-show {
	opacity: 1;
	transform: none;
}

/* ---------- Ô ảnh ---------- */

.ak-gt-pic {
	position: relative;
	z-index: 5;
	display: block;
	width: 100%;
	overflow: hidden;
}

.ak-gt-pic--r {
	border-radius: var(--ak-goc-nho);
}

/* Ảnh trượt lên hiện dần, chép theo hiệu ứng clip-path của bản gốc. */
.ak-gt.js-ani .ak-gt-clip img {
	clip-path: inset(0 0 100% 0);
	transform: scale(var(--ak-phong));
	transition: clip-path var(--ak-chuyen-vao), transform var(--ak-chuyen-vao);
}

.ak-gt.js-ani .ak-gt-clip.is-show img {
	clip-path: inset(0 0 0 0);
	transform: none;
}

/* Ảnh nhô lên, ô chữ tụt xuống, chép cặp plus-y và minus-y của bản gốc. */
.ak-gt-up {
	transform: translateY(calc(var(--ak-vao-xa) * -1));
}

.ak-gt-down {
	transform: translateY(var(--ak-vao-xa));
}

/* ---------- Băng đầu trang ---------- */

.ak-gt-banner {
	position: relative;
	height: auto;
	max-height: calc(900 / 2000 * 100vw);
	background: var(--gt-normal-dark);
	overflow: hidden;
}

.ak-gt-banner__bg {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.ak-gt-banner__bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, .75) 20%, rgba(0, 0, 0, 0) 80%);
	mix-blend-mode: multiply;
	isolation: isolate;
}

.ak-gt-banner .ak-gt-wrap-full {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: calc(760 / 2000 * 100vw);
	padding: 10vw 0 5vw;
	color: var(--ak-mau-trang);
}

.ak-gt-banner .ak-gt-inner {
	color: var(--ak-mau-trang);
}

.ak-gt-banner .ak-gt-box {
	max-width: 736px;
	color: var(--ak-chu-nen-toi-1);
	font-size: var(--ak-co-vua);
	line-height: var(--ak-dong-doc);
	text-align: justify;
}

.ak-gt-banner .ak-gt-box p + p {
	margin-top: var(--ak-cach-4);
}

/* ---------- Khối trắng: ứng dụng và quy mô ---------- */

.ak-gt-intro {
	padding: 5vw 0 10vw;
	background: var(--ak-mau-trang);
	color: var(--gt-black);
}

.ak-gt-intro .ak-gt-wrap-page {
	max-width: 1040px;
}

.ak-gt-intro .ak-gt-inner {
	color: currentColor;
}

.ak-gt-intro .ak-gt-title--h3 .ak-gt-inner {
	font-size: var(--ak-co-h2);
	font-weight: var(--ak-dam-vua);
}

.ak-gt-intro .ak-gt-full {
	max-width: 1040px;
	align-items: center;
	padding: 80px 0;
}

.ak-gt-intro .ak-gt-r {
	padding: 0 0 0 5vw;
}

.ak-gt-intro .ak-gt-pic {
	border-radius: var(--ak-goc-nho);
}

.ak-gt-intro .ak-gt-box {
	font-size: var(--ak-co-vua);
	line-height: var(--ak-dong-doc);
	text-align: justify;
}

.ak-gt-intro .ak-gt-box p + p {
	margin-top: var(--ak-cach-4);
}

/* Dải con số, kẹp giữa hai đường kẻ. */
.ak-gt-nums {
	position: relative;
	z-index: 5;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 48px;
	padding: var(--ak-cach-6) 0;
}

.ak-gt-nums::before,
.ak-gt-nums::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background: var(--gt-grey-light);
}

.ak-gt-nums::before {
	top: 0;
}

.ak-gt-nums::after {
	bottom: 0;
}

.ak-gt-nums > div {
	flex: none;
	width: auto;
	max-width: 30%;
}

.ak-gt-num {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
}

.ak-gt-counter {
	flex: none;
	margin-right: var(--ak-cach-4);
	color: var(--gt-do-dam);
	font-size: var(--ak-co-hero);
	font-weight: var(--ak-dam-rat);
	line-height: var(--ak-dong-khong);
}

.ak-gt-counter--plus {
	position: relative;
	margin-right: var(--ak-cach-6);
}

.ak-gt-counter--plus::after {
	content: "+";
	position: absolute;
	top: 0;
	right: -1rem;
	font-size: var(--ak-co-h3);
}

.ak-gt-numtxt {
	font-size: var(--ak-co-nho);
	font-weight: var(--ak-dam-thuong);
	line-height: var(--ak-dong-vua);
}

.ak-gt-2col {
	display: grid;
	grid-template-columns: auto auto;
	gap: 0 48px;
	font-size: var(--ak-co-vua);
	line-height: var(--ak-dong-doc);
	text-align: justify;
}

/* ---------- Khối sản phẩm, nền xám nhạt ---------- */

.ak-gt-product {
	padding: 5vw 0;
	background: var(--gt-white-grey);
	color: var(--gt-black);
}

.ak-gt-product .ak-gt-wrap-page {
	width: 85%;
	max-width: var(--ak-rong-vua);
}

.ak-gt-product .ak-gt-inner {
	color: currentColor;
}

.ak-gt-product .ak-gt-title--h3 .ak-gt-inner {
	font-size: var(--ak-co-h2);
	font-weight: var(--ak-dam-vua);
}

.ak-gt-inner-sec {
	position: relative;
	z-index: 5;
	display: block;
	width: 100%;
	padding: 5vw 0 0;
	border-top: 1px solid var(--gt-grey-light);
}

.ak-gt-group {
	position: relative;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	width: 100%;
	padding: 0 0 5vw;
	gap: var(--ak-cach-6);
}

.ak-gt-group > article {
	position: relative;
	width: calc(100% / 3);
	padding-right: var(--ak-cach-6);
}

.ak-gt-group > article:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: var(--gt-grey-light);
}

.ak-gt-group h3 {
	display: block;
	margin: 19px 0 var(--ak-cach-3);
	font-size: var(--ak-co-h4);
	font-weight: var(--ak-dam-manh);
}

.ak-gt-group .ak-gt-pic {
	border-radius: var(--ak-goc-nho);
	aspect-ratio: 4 / 3;
}

.ak-gt-list {
	display: grid;
	gap: var(--ak-cach-2);
	font-size: var(--ak-co-nho);
	line-height: var(--ak-dong-thoang);
}

.ak-gt-list li {
	position: relative;
	padding-left: var(--ak-cach-4);
}

.ak-gt-list li::before {
	content: "";
	position: absolute;
	top: .6em;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--gt-do);
}

.ak-gt-more {
	display: inline-block;
	margin-top: 19px;
	padding-bottom: var(--ak-cach-1);
	border-bottom: 1px solid var(--gt-do);
	color: var(--gt-do-dam);
	font-size: var(--ak-co-vua-nho);
	font-weight: var(--ak-dam-vua);
	letter-spacing: var(--ak-gian-vua);
	text-transform: uppercase;
}

/* ---------- Khối lịch sử, nền tối ---------- */

.ak-gt-history {
	position: relative;
	padding: 10vw 0 5vw;
	background: var(--gt-normal-dark);
	color: var(--ak-mau-trang);
	overflow: hidden;
}

/* Vạch dọc chạy giữa trang, bắt đầu dưới tiêu đề. */
.ak-gt-history::after {
	content: "";
	position: absolute;
	top: 15vw;
	left: 50%;
	width: 1px;
	height: 100%;
	border-left: 1px solid var(--gt-normal);
}

.ak-gt-history .ak-gt-inner {
	color: var(--gt-grey-light);
}

.ak-gt-hist {
	position: relative;
	z-index: 5;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 10vw 0 5vw;
	text-align: left;
}

.ak-gt-hist .ak-gt-l {
	width: 60%;
	padding: 0 5vw 0 0;
}

.ak-gt-hist .ak-gt-r {
	width: 40%;
}

/* Mốc chẵn đổi bên, ảnh sang phải và chữ sang trái. */
.ak-gt-hist--alt {
	flex-direction: row-reverse;
}

.ak-gt-hist--alt .ak-gt-l {
	padding: 0 0 0 5vw;
}

.ak-gt-year {
	position: relative;
	display: block;
	width: 100%;
	margin: var(--ak-cach-4) 0;
	color: var(--ak-lk-chu);
	font-size: var(--gt-title-big);
	font-weight: var(--ak-dam-mong);
	line-height: var(--ak-dong-khong);
}

.ak-gt-hbox h3 {
	position: relative;
	display: block;
	padding-bottom: var(--ak-cach-4);
	font-size: var(--ak-co-vua);
	font-weight: var(--ak-dam-manh);
	letter-spacing: var(--ak-gian-vua);
	text-transform: uppercase;
}

.ak-gt-hbox h3::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-top: 1px solid var(--gt-normal);
}

.ak-gt-hbox .ak-gt-box {
	margin-top: var(--ak-cach-4);
	color: var(--gt-line);
	font-size: var(--ak-co-nho);
	line-height: var(--ak-dong-doc);
	text-align: justify;
}

.ak-gt-hbox .ak-gt-box p + p {
	margin-top: var(--ak-cach-3);
}

.ak-gt-hist .ak-gt-pic {
	border-radius: var(--ak-goc-nho);
	aspect-ratio: 4 / 3;
}

/* ---------- Khối cam kết ---------- */

.ak-gt-certi {
	padding: 5vw 0 10vw;
	background: var(--ak-mau-trang);
	overflow: hidden;
}

.ak-gt-certi .ak-gt-wrap-flex {
	align-items: center;
}

.ak-gt-certi .ak-gt-title {
	flex: none;
	width: auto;
	margin-bottom: 0;
	padding-right: 5vw;
}

.ak-gt-certi .ak-gt-inner {
	color: currentColor;
}

.ak-gt-certi .ak-gt-box {
	max-width: 640px;
	padding: 48px;
	font-size: var(--ak-co-nho);
	line-height: var(--ak-dong-doc);
	text-align: justify;
}

.ak-gt-certi .ak-gt-box p + p {
	margin-top: var(--ak-cach-4);
}

.ak-gt-certi__row {
	display: flex;
	align-items: center;
	width: 85%;
	margin: auto;
}

.ak-gt-certi__pic {
	position: relative;
	flex: none;
	width: 34%;
	padding-right: 5vw;
}

.ak-gt-certi__pic .ak-gt-pic {
	border-radius: var(--ak-goc-nho);
	aspect-ratio: 3 / 4;
}

.ak-gt-certi__list {
	flex: none;
	width: 60%;
	margin: 48px 0 48px 3%;
}

.ak-gt-certi__item {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	padding: var(--ak-cach-6) var(--ak-cach-4) var(--ak-cach-6) 0;
	border-bottom: 1px solid var(--gt-grey-light);
}

.ak-gt-certi__item:first-child {
	border-top: 1px solid var(--gt-grey-light);
}

.ak-gt-certi__no {
	flex: none;
	width: 5rem;
	color: var(--gt-do-dam);
	font-size: var(--ak-co-h2);
	font-weight: var(--ak-dam-mong);
	line-height: var(--ak-dong-khong);
}

.ak-gt-certi__item h3 {
	margin-bottom: var(--ak-cach-1);
	font-size: var(--ak-co-vua);
	font-weight: var(--ak-dam-manh);
	letter-spacing: var(--ak-gian-nhe);
	text-transform: uppercase;
}

.ak-gt-certi__item .ak-gt-box {
	max-width: inherit;
	padding: 0;
	color: var(--gt-grey);
	font-size: var(--ak-co-nho);
}

/* ---------- Lưới dòng sản phẩm, theo logo-partner của bản gốc ---------- */

.ak-gt-partner {
	padding: 5vw 0 10vw;
	background: var(--ak-mau-trang);
}

.ak-gt-partner .ak-gt-inner {
	color: currentColor;
}

.ak-gt-logos {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 0 80px;
	justify-content: flex-start;
	width: 100%;
}

.ak-gt-logo {
	position: relative;
	display: block;
	width: calc(100% / 4 - 3.75rem);
	margin: var(--ak-cach-6) 0;
}

.ak-gt-logo .ak-gt-pic {
	border-radius: var(--ak-goc-nho);
	aspect-ratio: 4 / 3;
	background: var(--gt-white-grey);
}

/* Ô chờ ảnh: nền xám nhạt có vạch chéo mờ, đủ để giữ nhịp lưới. */
.ak-gt-pic--cho {
	border: 1px solid var(--gt-grey-light);
	background: repeating-linear-gradient(
		135deg,
		var(--gt-white-grey),
		var(--gt-white-grey) 10px,
		var(--ak-mau-vien) 10px,
		var(--ak-mau-vien) 20px
	);
}

.ak-gt-logo h3 {
	position: relative;
	display: block;
	width: 100%;
	margin: var(--ak-cach-2) 0;
	font-size: var(--ak-co-nho);
	font-weight: var(--ak-dam-vua);
}

.ak-gt-logo:hover h3 {
	color: var(--gt-do-dam);
}

/* ---------- Hệ thống văn phòng ---------- */

.ak-gt-system {
	padding: 5vw 0 10vw;
	background: var(--gt-white-grey);
}

.ak-gt-system .ak-gt-inner {
	color: currentColor;
}

.ak-gt-sys {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 48px;
}

.ak-gt-sys h3 {
	margin-bottom: var(--ak-cach-5);
	padding-bottom: var(--ak-cach-3);
	border-bottom: 1px solid var(--gt-grey-light);
	font-size: var(--ak-co-nho);
	font-weight: var(--ak-dam-manh);
	letter-spacing: var(--ak-gian-vua);
	text-transform: uppercase;
}

.ak-gt-sys ul {
	display: grid;
	gap: var(--ak-cach-5);
	font-size: var(--ak-co-nho);
	line-height: var(--ak-dong-thoang);
}

.ak-gt-sys__ten {
	display: block;
	font-weight: var(--ak-dam-manh);
}

.ak-gt-sys__dc {
	display: block;
	color: var(--gt-grey);
}

.ak-gt-sys__dt {
	display: inline-block;
	margin-top: var(--ak-cach-1);
	color: var(--gt-do-dam);
	font-weight: var(--ak-dam-manh);
}

/* ---------- Dải kết ---------- */

.ak-gt-end {
	padding: 5vw 0;
	background: var(--gt-normal-dark);
	color: var(--ak-mau-trang);
	text-align: center;
}

.ak-gt-end p {
	margin-bottom: var(--ak-cach-6);
	color: var(--gt-grey-light);
	font-size: var(--gt-title-small);
	font-weight: var(--ak-dam-mong);
	line-height: var(--ak-dong-vua);
}

.ak-gt-btn {
	display: inline-block;
	padding: var(--ak-nut-dem-to);
	border: 1px solid var(--ak-mau-trang);
	color: var(--ak-mau-trang);
	font-size: var(--ak-nut-co-nho);
	font-weight: var(--ak-nut-dam);
	letter-spacing: var(--ak-gian-rong);
	text-transform: uppercase;
	transition: background var(--ak-chuyen), color var(--ak-chuyen);
}

.ak-gt-btn:hover {
	background: var(--ak-mau-trang);
	color: var(--gt-black);
}

/* ---------- Màn hẹp, theo đúng ngưỡng 780px của bản gốc ---------- */

@media screen and (max-width: 1100px) {
	.ak-gt-group {
		flex-wrap: wrap;
	}

	.ak-gt-group > article {
		width: calc(50% - 1rem);
	}

	.ak-gt-group > article::after {
		display: none;
	}

	.ak-gt-certi__row {
		flex-wrap: wrap;
	}

	.ak-gt-certi__pic {
		width: 100%;
		padding: 0 0 48px;
	}

	.ak-gt-certi__pic .ak-gt-pic {
		aspect-ratio: 16 / 9;
	}

	.ak-gt-certi__list {
		width: 100%;
		margin: 0;
	}

	.ak-gt-logo {
		width: calc(100% / 3 - 3.4rem);
	}
}

@media screen and (max-width: 780px) {
	.ak-gt {
		--gt-title-big: 7vw;
		--gt-title-font: 6vw;
		--gt-title-small: 4.5vw;
		--gt-title-min: 4vw;
	}

	.ak-gt-wrap-page,
	.ak-gt-wrap-large,
	.ak-gt-wrap-full,
	.ak-gt-wrap-flex,
	.ak-gt-full,
	.ak-gt-certi__row {
		width: 88%;
		max-width: inherit;
	}

	.ak-gt-full,
	.ak-gt-wrap-flex {
		flex-wrap: wrap;
	}

	.ak-gt-l,
	.ak-gt-r,
	.ak-gt-hist .ak-gt-l,
	.ak-gt-hist .ak-gt-r {
		width: 100%;
		padding: 0;
	}

	.ak-gt-up,
	.ak-gt-down {
		transform: none;
	}

	.ak-gt-intro .ak-gt-full {
		padding: var(--ak-cach-7) 0;
	}

	.ak-gt-intro .ak-gt-r {
		padding: var(--ak-cach-6) 0 0;
	}

	.ak-gt-nums > div {
		width: 100%;
		max-width: inherit;
		margin-bottom: var(--ak-cach-5);
	}

	.ak-gt-2col {
		grid-template-columns: 1fr;
		gap: var(--ak-cach-4);
	}

	.ak-gt-group > article {
		width: 100%;
		padding-right: 0;
	}

	/* Vạch dọc dời sang mép trái, các mốc xếp thành một cột. */
	.ak-gt-history::after {
		left: 0;
	}

	.ak-gt-hist,
	.ak-gt-hist--alt {
		flex-direction: column;
		padding: 48px 0 0 var(--ak-cach-5);
	}

	.ak-gt-hist--alt .ak-gt-l {
		padding: 0;
	}

	.ak-gt-hist .ak-gt-r {
		padding-top: var(--ak-cach-5);
	}

	.ak-gt-certi .ak-gt-title {
		width: 100%;
		padding: 0 0 var(--ak-cach-5);
	}

	.ak-gt-certi .ak-gt-box {
		max-width: inherit;
		padding: 0 0 var(--ak-cach-6);
	}

	.ak-gt-certi__no {
		width: 3.4rem;
		font-size: var(--ak-co-h3);
	}

	.ak-gt-logo {
		width: calc(50% - 1rem);
	}

	.ak-gt-logos {
		gap: 0 var(--ak-cach-6);
	}
}

/*
 * Phần giảm chuyển động của trang này đã gom về `assets/css/hieu-ung.css`,
 * dùng chung cho cả site. Trước đây mỗi trang tự khai một khối riêng, tám khối
 * làm gần như cùng một việc bằng năm cách viết khác nhau. Xem QĐ-22.
 */