/* =========================================================
   HANOI IEC – style.css (CSS thuần)
   Quy ước class: tentrang-vitri-tenbox
   - hanoiiec-*  : thành phần dùng chung cho mọi trang
   - trangchu-*, gioithieu-*, linhvuc-*, tintuc-*, chitiettin-*, lienhe-* : riêng từng trang
   ========================================================= */

:root {
  --mau-chinh: #105caa;
  --mau-toi: #0c4380;
  --mau-xanhvua: #2e7bc9;
  --mau-chu: #333333;
  --mau-phu: #5a6472;
  --mau-xam: #666666;
  --mau-nen: #f2f7fd;
  --mau-nentab: #f2f9ff;
  --mau-vien: #dee7f2;
  --mau-cam: #f69320;
  --mau-placeholder: #9aa6b5;
  --bong-the: 0 0 60px rgba(0, 0, 0, .1);
  --font-chinh: "Roboto", Arial, Helvetica, sans-serif;
  --font-chuky: "Carattere", "Times New Roman", serif;
  --chuyen: .3s ease;
}

/* ---------- Reset ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--font-chinh);
  font-size: 16px;
  line-height: 1.5;
  color: var(--mau-chu);
  background: #fff;
  overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, figure { margin: 0; padding: 0; }
ul, ol { list-style: none; }
a { color: inherit; text-decoration: none; transition: color var(--chuyen), background-color var(--chuyen), border-color var(--chuyen); }
button { font-family: inherit; cursor: pointer; }
input, select, textarea { font-family: inherit; font-size: 14px; }

/* Ảnh: khung trống có nền xám để thấy vùng ảnh khi chưa export */
img { display: block; max-width: 100%; height: auto; background:transparent!important; color: transparent; font-size: 0; }
img[src=""] { content: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }
/* Icon SVG đã có sẵn file -> không cần nền */
img[src$=".svg"] { background: transparent; }

.hanoiiec-chung-khung { max-width: 1264px; padding: 0 20px; margin: 0 auto; }

/* ---------- Tiêu đề section (icon + chữ) ---------- */
.hanoiiec-chung-tieude { display: flex; align-items: center; gap: 12px; margin-bottom: 30px; }
.hanoiiec-chung-tieude p img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.hanoiiec-chung-tieude h2,
.hanoiiec-chung-tieude h3 { font-size: 28px; line-height: 1.5; font-weight: 600; color: var(--mau-chinh); }
.hanoiiec-chung-tieudegiua { justify-content: center; text-align: center; }

/* ---------- Link "Tìm hiểu thêm →" ---------- */
.hanoiiec-chung-xemthem p a {
  display: inline-flex; align-items: center; gap: 10px;
  font-weight: 600; color: var(--mau-chinh);
}
.hanoiiec-chung-xemthem p a::after {
  content: ""; width: 14px; height: 11px; flex: none;
  background: url("../images/icons/arrow-right.svg") no-repeat center / contain;
  transition: transform var(--chuyen);
}
.hanoiiec-chung-xemthem p a:hover::after { transform: translateX(4px); }
.hanoiiec-chung-xemthem p a:hover { color: var(--mau-toi); }

/* ---------- Nút viền "Xem thêm ... →" ---------- */
.hanoiiec-chung-nutvien { display: flex; justify-content: center; margin-top: 40px; }
.hanoiiec-chung-nutvien p a {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-width: 212px; height: 48px; padding: 0 24px;
  border: 1px solid var(--mau-chinh); border-radius: 6px;
  font-weight: 600; color: var(--mau-chinh); background: transparent;
}
.hanoiiec-chung-nutvien p a::after {
  content: ""; width: 14px; height: 11px;
  background: url("../images/icons/arrow-right.svg") no-repeat center / contain;
}
.hanoiiec-chung-nutvien p a:hover { background: var(--mau-chinh); color: #fff; }
.hanoiiec-chung-nutvien p a:hover::after { background-image: url("../images/icons/arrow-right-white.svg"); }

/* ---------- Nút đặc "Tìm hiểu thêm" (nền xanh) ---------- */
.hanoiiec-chung-nutdac p a {
  display: inline-flex; align-items: center; gap: 10px;
  height: 40px; padding: 0 17px; border-radius: 4px;
  background: var(--mau-chinh); color: #fff; font-weight: 600;
}
.hanoiiec-chung-nutdac p a::after {
  content: ""; width: 14px; height: 11px;
  background: url("../images/icons/arrow-right-white.svg") no-repeat center / contain;
  transition: transform var(--chuyen);
}
.hanoiiec-chung-nutdac p a:hover { background: var(--mau-toi); }
.hanoiiec-chung-nutdac p a:hover::after { transform: translateX(4px); }

/* ---------- Nhãn "Tin hoạt động" + ngày ---------- */
.hanoiiec-chung-nhan { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.hanoiiec-chung-nhan p:first-child span {
  display: inline-block; padding: 3px 12px; border-radius: 3px;
  background: var(--mau-nen); color: var(--mau-chinh); font-size: 14px; font-weight: 600;
}
.hanoiiec-chung-nhan p + p { font-size: 14px; color: var(--mau-phu); }

/* ---------- Nút mũi tên slider (tròn xanh) ---------- */
.hanoiiec-chung-mui {
  position: absolute; top: 50%; z-index: 5;
  width: 40px; height: 40px; margin-top: -20px; border: 0; border-radius: 50%;
  background: var(--mau-chinh) url("../images/icons/slider-arrow.svg") no-repeat center / 28px;
  box-shadow: 0 4px 12px rgba(16, 92, 170, .3);
  transition: background-color var(--chuyen), transform var(--chuyen), opacity var(--chuyen);
}
.hanoiiec-chung-mui:hover { background-color: var(--mau-toi); }
.hanoiiec-chung-muitruoc { left: 0; transform: scaleX(-1); }
.hanoiiec-chung-muisau { right: 0; }
.hanoiiec-chung-mui.swiper-button-disabled { opacity: .35; cursor: default; }
.hanoiiec-chung-mui.swiper-button-lock { display: none; }

/* =========================================================
   HEADER
   ========================================================= */
.hanoiiec-header {
  position: sticky; top: 0; z-index: 100;
  background: rgba(255, 255, 255, .96);
  -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);
  border-bottom: 1px solid var(--mau-vien);
  transition: box-shadow var(--chuyen);
}
.hanoiiec-header-dinh { box-shadow: 0 6px 24px rgba(16, 92, 170, .1); }
.hanoiiec-header-thanh { display: flex; align-items: center; height: 80px; }
.hanoiiec-header-logo { flex: none; margin-right: auto; }
.hanoiiec-header-logo p a img { width: 228px; height: 56px; object-fit: contain; }
.hanoiiec-header-logo img{height:56px!important;width:auto;max-width:100%;}

.hanoiiec-header-menu { margin-right: 60px; }
.hanoiiec-header-menu > ul { display: flex; align-items: center; gap: 60px; }
.hanoiiec-header-menu li { position: relative; }
.hanoiiec-header-menu > ul > li { display: flex; align-items: center; gap: 4px; height: 80px; }
.hanoiiec-header-menu > ul > li > a { font-weight: 700; color: var(--mau-chinh); white-space: nowrap; position: relative; }
.hanoiiec-header-menu > ul > li > a::after {
  content: ""; position: absolute; left: 0; bottom: -6px; width: 100%; height: 2px;
  background: var(--mau-cam); transform: scaleX(0); transform-origin: left; transition: transform var(--chuyen);
}
.hanoiiec-header-menu > ul > li:hover > a::after,
.hanoiiec-header-menu > ul > li > a[aria-current="page"]::after { transform: scaleX(1); }
.hanoiiec-header-menumo {
  width: 20px; height: 20px; padding: 0; border: 0;
  background: url("../images/icons/chevron-down.svg") no-repeat center / 20px;
  transition: transform var(--chuyen);
}
.hanoiiec-header-menu li:hover > .hanoiiec-header-menumo { transform: rotate(180deg); }
/* Menu con (desktop: hover/focus-within mở) */
.hanoiiec-header-menu li ul {
  position: absolute; top: 100%; left: -20px; min-width: 300px; white-space: nowrap;
  padding: 10px 0; background: #fff; border-radius: 4px;
  box-shadow: 0 12px 40px rgba(16, 92, 170, .15); border-top: 3px solid var(--mau-chinh);
  opacity: 0; visibility: hidden; transform: translateY(10px);
  transition: opacity var(--chuyen), transform var(--chuyen), visibility var(--chuyen);
}
.hanoiiec-header-menu li ul li ul { top: -10px; left: 100%; }
.hanoiiec-header-menu li:hover > ul,
.hanoiiec-header-menu li:focus-within > ul { opacity: 1; visibility: visible; transform: translateY(0); }
.hanoiiec-header-menu li ul li a { display: block; padding: 9px 20px; font-size: 15px; font-weight: 500; color: var(--mau-chu); }
.hanoiiec-header-menu li ul li a:hover,
.hanoiiec-header-menu li ul li a[aria-current="page"] { color: var(--mau-chinh); background: var(--mau-nen); }

.hanoiiec-header-congcu { display: flex; align-items: center; gap: 16px; flex: none; }
.hanoiiec-header-congcu::before { content: ""; width: 1px; height: 20px; background: var(--mau-chu); }
.hanoiiec-header-ngonngu p a img { width: 40px; height: 24px; object-fit: cover; }
.hanoiiec-header-timkiem {
  width: 20px; height: 20px; padding: 0; border: 0;
  background: url("../images/header-seach-icon.png") no-repeat center / 24px;
}
.hanoiiec-header-timkiemform {
  position: absolute; top: 100%; right: 20px; width: 360px; padding: 12px;
  background: #fff; border-radius: 0 0 6px 6px; box-shadow: 0 12px 40px rgba(16, 92, 170, .15);
  display: none;
}
.hanoiiec-header-timkiemform form { display: flex; gap: 8px; }
.hanoiiec-header-timkiemform label{flex: 1; }
.hanoiiec-header-timkiemform input[type="search"] {width:100%; height: 42px; padding: 0 12px; border: 1px solid var(--mau-vien); border-radius: 4px; outline: 0; }
.hanoiiec-header-timkiemform input[type="search"]:focus { border-color: var(--mau-chinh); }
.hanoiiec-header-timkiemform input[type="submit"] { height: 42px; cursor: pointer; -webkit-appearance: none; appearance: none; padding: 0 16px; border: 0; border-radius: 4px; background: var(--mau-chinh); color: #fff; font-weight: 600; }
.hanoiiec-header-khung { position: relative; }

.hanoiiec-header-hamburger { display: none; width: 30px; height: 30px; padding:0px; border: 0; background: transparent; margin-left: 0px; }
.hanoiiec-header-hamburger span { display: block; height: 2px; margin: 5px 0; background: var(--mau-chinh); border-radius: 2px; transition: transform var(--chuyen), opacity var(--chuyen); }
.hanoiiec-header-overlay { display: none; }
.hanoiiec-header-menutop { display: none; }

/* =========================================================
   BANNER TRANG CON
   ========================================================= */
.hanoiiec-main-banner { position: relative; height: 400px; background: var(--mau-chinh); overflow: hidden; }
.hanoiiec-main-banneranh { position: absolute; inset: 0; }
.hanoiiec-main-banneranh p, .hanoiiec-main-banneranh picture { display: block; height: 100%; }
.hanoiiec-main-banneranh img { width: 100%; height: 100%; object-fit: cover; background: #3f7dbd; }
.hanoiiec-main-bannerchu { position: relative; z-index: 2; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.hanoiiec-main-bannerchu h2,
.hanoiiec-main-bannerchu h1 { font-size: 40px; line-height: 1.2; font-weight: 600; color: #fff; max-width: 620px; }
.hanoiiec-main-bannerchu ul { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 16px; color: #fff; }
.hanoiiec-main-bannerchu ul li { display: flex; align-items: center; gap: 12px; }
.hanoiiec-main-bannerchu ul li + li::before { content: ""; width: 10px; height: 20px; background: url("../images/icons/chevron-right-white.svg") no-repeat center / contain; }
.hanoiiec-main-bannerchu ul li a:hover { color: #ffd59e; }
.hanoiiec-chung-khung .breadcrumbs{color:#fff;margin:10px 0 0;}
.hanoiiec-chung-khung .breadcrumbs *{color:#fff;font-size:16px;line-height:25px;}
.hanoiiec-chung-khung .breadcrumbs .slug{padding:0 8px;}
/* Tab điều hướng trang Giới thiệu */
.hanoiiec-main-tabgt { background: var(--mau-nentab); }
.hanoiiec-main-tabgt ul { display: flex; justify-content: center; align-items: flex-end; gap: 80px; height: 140px; }
.hanoiiec-main-tabgt ul li a {
  display: block; padding: 0 20px 13px; position: relative;
  font-size: 20px; font-weight: 600; color: #000; white-space: nowrap;
}
.hanoiiec-main-tabgt ul li a::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px;
  background: var(--mau-chinh); transform: scaleX(0); transition: transform var(--chuyen);
}
.hanoiiec-main-tabgt ul li a:hover,
.hanoiiec-main-tabgt ul li a[aria-current="page"] { color: var(--mau-chinh); }
.hanoiiec-main-tabgt ul li a:hover::after,
.hanoiiec-main-tabgt ul li a[aria-current="page"]::after { transform: scaleX(1); }

/* =========================================================
   KHỐI ẢNH + CHỮ (dùng chung: trang chủ, đối tác, dịch vụ)
   ========================================================= */
.hanoiiec-main-anhchu { padding: 60px 0; background: #fff; }
.hanoiiec-main-anhchu .hanoiiec-chung-khung { display: grid; grid-template-columns: 600px 1fr; gap: 40px; align-items: center; }
.hanoiiec-main-anhchukhung { padding: 30px; background: var(--mau-nen); border-radius: 4px; }
.hanoiiec-main-anhchukhung p img { width: 100%; aspect-ratio: 540 / 440; object-fit: cover; border-radius: 4px; }
.hanoiiec-main-anhchubong p img { width: 100%; aspect-ratio: 600 / 400; object-fit: cover; border-radius: 4px; box-shadow: 0 4px 15px rgba(0, 0, 0, .25); }
.hanoiiec-main-anhchunoidung h2,
.hanoiiec-main-anhchunoidung h3 { font-size: 20px; font-weight: 600; color: var(--mau-chinh); margin-bottom: 16px; }
.hanoiiec-main-anhchunoidung .hanoiiec-chung-tieude { margin-bottom: 20px; }
.hanoiiec-main-anhchunoidung .hanoiiec-chung-tieude h2 { font-size: 28px; margin: 0; }
.hanoiiec-main-anhchunoidung > p { color: var(--mau-phu); text-align: justify; }
.hanoiiec-main-anhchunoidung > p + p { margin-top: 24px; }
.hanoiiec-main-anhchusat > p + p { margin-top: 8px; }
.hanoiiec-main-anhchunoidung .hanoiiec-chung-xemthem { margin-top: 24px; }
.hanoiiec-main-anhchunoidung > p strong { color: var(--mau-chu); font-weight: 600; }

/* =========================================================
   TRANG CHỦ
   ========================================================= */
/* Banner slider */
.trangchu-main-banner { position: relative; background: var(--mau-toi); }
.trangchu-main-banner .swiper-slide { position: relative; height: 700px; overflow: hidden; }
.trangchu-main-banneranh { position: absolute; inset: 0; }
.trangchu-main-banneranh p, .trangchu-main-banneranh picture { display: block; height: 100%; }
.trangchu-main-banneranh img { width: 100%; height: 100%; object-fit: cover; background: #5b8ec4; transform: scale(1.08); transition: transform 6s ease; }
.trangchu-main-banner .swiper-slide-active .trangchu-main-banneranh img { transform: scale(1); }
.trangchu-main-bannerchu {
  position: absolute; left: 0; top: 448px; z-index: 2;
  width: 812px; max-width: 100%; height: 152px;
  display: flex; align-items: center; padding-left: max(20px, calc((100vw - 1224px) / 2));
  background: rgba(255, 255, 255, .83);
  opacity: 0; transform: translateX(-40px); transition: opacity .8s ease .3s, transform .8s ease .3s;
}
.trangchu-main-banner .swiper-slide-active .trangchu-main-bannerchu { opacity: 1; transform: translateX(0); }
.trangchu-main-bannerchu p { font-size: 32px; line-height: 40px; color: var(--mau-chinh); }
.trangchu-main-bannerchu p strong { font-weight: 600; }
.trangchu-main-bannermui {
  position: absolute; top: 50%; z-index: 5; width: 44px; height: 44px; margin-top: -22px;
  border: 1px solid rgba(255, 255, 255, .55); border-radius: 22px;
  background: rgba(0, 0, 0, .05) url("../images/icons/banner-arrow.svg") no-repeat center / 16px 14px;
  transition: background-color var(--chuyen), border-color var(--chuyen);
}
.trangchu-main-bannermui:hover { background-color: rgba(255, 255, 255, .2); border-color: #fff; }
.trangchu-main-bannertruoc { left: 28px; transform: scaleX(-1); }
.trangchu-main-bannersau { right: 28px; }
.trangchu-main-bannercham { position: absolute; left: 0; right: 0; bottom: 30px !important; z-index: 5; display: flex; justify-content: center; gap: 9px; }
.trangchu-main-bannercham .swiper-pagination-bullet {
  width: 28px; height: 3px; margin: 0 !important; border-radius: 2px; opacity: 1;
  background: rgba(255, 255, 255, .42); transition: width var(--chuyen), background-color var(--chuyen);
}
.trangchu-main-bannercham .swiper-pagination-bullet-active { width: 44px; background: var(--mau-cam); }

/* Hành trình 20 năm + video */
.trangchu-main-hanhtrinh { padding: 60px 0; background: var(--mau-nen); }
.trangchu-main-hanhtrinh .hanoiiec-chung-khung { display: grid; grid-template-columns: 1fr 600px; gap: 46px; align-items: center; }
.trangchu-main-hanhtrinhchu > p { color: var(--mau-phu); text-align: justify; }
.trangchu-main-hanhtrinhchu > p + p { margin-top: 24px; }
.trangchu-main-video {
  position: relative; aspect-ratio: 600 / 360; border-radius: 4px; overflow: hidden; cursor: pointer;
  background: linear-gradient(133deg, #0c4380 0%, #1e6fbd 55%, #0c4380 100%);
  box-shadow: 0 22px 44px -26px rgba(16, 92, 170, .7);
}
.trangchu-main-videoanh, .trangchu-main-videoanh p { position: absolute; inset: 0; }
.trangchu-main-videoanh img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.trangchu-main-video:hover .trangchu-main-videoanh img { transform: scale(1.05); }
.trangchu-main-videophat {
  position: absolute; left: 50%; top: 50%; z-index: 2; width: 70px; height: 70px; margin: -35px 0 0 -35px;
  border: 0; border-radius: 50%; background: rgba(255, 255, 255, .95);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); animation: trangchu-nhaynut 2s infinite;
}
.trangchu-main-videophat::before {
  content: ""; position: absolute; left: 28.5px; top: 24px;
  border-style: solid; border-width: 11px 0 11px 18px; border-color: transparent transparent transparent var(--mau-chinh);
}
@keyframes trangchu-nhaynut {
  0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); }
  70% { box-shadow: 0 0 0 18px rgba(255, 255, 255, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}
.trangchu-main-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; z-index: 3; }
.trangchu-video-dangphat { cursor: default; }
.trangchu-video-dangphat .trangchu-main-videophat, .trangchu-video-dangphat .trangchu-main-videoanh { display: none; }
.trangchu-main-videothongbao {
  position: absolute; inset: 0; z-index: 4; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
  padding: 20px; background: rgba(12, 67, 128, .92); color: #fff; text-align: center;
}
.trangchu-main-videothongbao p a { display: inline-block; padding: 10px 18px; border-radius: 4px; background: var(--mau-cam); color: #fff; font-weight: 600; }

/* Lĩnh vực hoạt động */
.trangchu-main-linhvuc { padding: 60px 0; background: #fff; }
.trangchu-main-linhvucluoi { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.trangchu-main-linhvucdau { display: flex; align-items: center; padding: 24px 25px; min-height: 290px; border-radius: 12px; background: var(--mau-chinh); }
.trangchu-main-linhvucdau p { color: #fff; text-align: justify; }
.trangchu-main-linhvucitem {
  position: relative; min-height: 290px; padding: 30px 20px; border-radius: 12px; overflow: hidden;
  background: var(--mau-nen); text-align: center;
  display: flex; flex-direction: column; align-items: center;
}
.trangchu-main-linhvucnen { position: absolute; inset: 0; opacity: 0; transition: opacity .45s ease; }
.trangchu-main-linhvucnen p { height: 100%; }
.trangchu-main-linhvucnen img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.1); transition: transform .8s ease; }
.trangchu-main-linhvucnen::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .5); }
.trangchu-main-linhvucnoidung { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; height: 100%; }
.trangchu-main-linhvucicon { width: 80px; height: 80px; border-radius: 50%; background: var(--mau-chinh); display: flex; align-items: center; justify-content: center; transition: background-color var(--chuyen); }
.trangchu-main-linhvucicon img { width: 48px; height: 48px; object-fit: contain; background: rgba(255, 255, 255, .35); border-radius: 6px; transition: filter var(--chuyen); }
.trangchu-main-linhvucitem h3 { margin-top: 16px;margin-bottom:10px; font-size: 20px; font-weight: 600; color: var(--mau-chinh); transition: color var(--chuyen); }
.trangchu-main-linhvucitem h3 a:hover { color: inherit; }
.trangchu-main-linhvucmota { margin-top: 10px; max-width: 349px; }
.trangchu-main-linhvucitem p { color: var(--mau-chu); transition: color var(--chuyen); margin:0 0 10px}
.trangchu-main-linhvucnoidung .hanoiiec-chung-xemthem { margin-top: 16px; }
.trangchu-main-linhvucnoidung .hanoiiec-chung-xemthem p a { transition: color var(--chuyen); }
.trangchu-main-linhvucitem:hover .trangchu-main-linhvucnen { opacity: 1; }
.trangchu-main-linhvucitem:hover .trangchu-main-linhvucnen img { transform: scale(1); }
.trangchu-main-linhvucitem:hover .trangchu-main-linhvucicon { background: #fff; }
/* icon trắng -> chuyển sang xanh khi hover */
.trangchu-main-linhvucitem:hover .trangchu-main-linhvucicon img { filter: brightness(0) saturate(100%) invert(25%) sepia(84%) saturate(1500%) hue-rotate(196deg) brightness(90%) contrast(93%); }
.trangchu-main-linhvucitem:hover h3,
.trangchu-main-linhvucitem:hover p,
.trangchu-main-linhvucitem:hover a,
.trangchu-main-linhvucitem:hover .hanoiiec-chung-xemthem { color: #fff; }
.trangchu-main-linhvucitem:hover a::after,
.trangchu-main-linhvucitem:hover .hanoiiec-chung-xemthem::after { background-image: url("../images/icons/arrow-right-white.svg"); }

/* =========================================================
   LƯỚI LOGO ĐỐI TÁC (dùng chung)
   ========================================================= */
.hanoiiec-main-doitac { padding: 60px 0; background: var(--mau-nen); overflow: hidden; }
.hanoiiec-main-doitacluoi { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.hanoiiec-main-doitacitem p {
  display: flex; align-items: center; justify-content: center; height: 130px; padding: 10px;
  background: #fff; border: 1px solid var(--mau-vien); border-radius: 4px;
  transition: border-color var(--chuyen), transform var(--chuyen), box-shadow var(--chuyen);
}
.hanoiiec-main-doitacitem p:hover { border-color: var(--mau-chinh); transform: translateY(-3px); box-shadow: 0 16px 15px rgba(16, 92, 170, .1); }
.hanoiiec-main-doitacitem p img { max-height: 110px; object-fit: contain; }

/* =========================================================
   TIN TỨC – thẻ bài viết (dùng chung)
   ========================================================= */
.hanoiiec-main-tincard { height: 100%; display: flex; flex-direction: column; background: #fff; border-radius: 4px; overflow: hidden; box-shadow: var(--bong-the); transition: transform var(--chuyen), box-shadow var(--chuyen); }
.hanoiiec-main-tincard:hover { transform: translateY(-4px); box-shadow: 0 10px 50px rgba(16, 92, 170, .18); }
.hanoiiec-main-tincardanh p { overflow: hidden; }
.hanoiiec-main-tincardanh img { width: 100%; aspect-ratio: 392 / 240; object-fit: cover; transition: transform .6s ease; }
.hanoiiec-main-tincard:hover .hanoiiec-main-tincardanh img { transform: scale(1.06); }
.hanoiiec-main-tincardchu { flex: 1; display: flex; flex-direction: column; padding: 20px 20px 20px; }
.hanoiiec-main-tincardchu h3 { margin-top: 12px; font-size: 20px; font-weight: 600; color: var(--mau-chu); text-align: justify; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.hanoiiec-main-tincardchu h3 a:hover { color: var(--mau-chinh); }
.hanoiiec-main-tincardmota { margin-top: 12px; }
.hanoiiec-main-tincardmota p { color: var(--mau-phu); text-align: justify; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.hanoiiec-main-tincardchu .hanoiiec-chung-xemthem { margin-top: auto; padding-top: 16px; }

/* Trang chủ – tin tức nổi bật */
.trangchu-main-tintuc { padding: 60px 0; background: #fff; }
.trangchu-main-tintucluoi { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.trangchu-main-tinlon { display: flex; flex-direction: column; border: 1px solid var(--mau-vien); border-radius: 4px; overflow: hidden; background: #fff; transition: box-shadow var(--chuyen); }
.trangchu-main-tinlon:hover, .trangchu-main-tinnho:hover { box-shadow: 0 10px 40px rgba(16, 92, 170, .12); }
.trangchu-main-tinlonanh p { overflow: hidden; }
.trangchu-main-tinlonanh img { width: 100%; aspect-ratio: 600 / 300; object-fit: cover; transition: transform .6s ease; }
.trangchu-main-tinlon:hover .trangchu-main-tinlonanh img, .trangchu-main-tinnho:hover .trangchu-main-tinnhoanh img { transform: scale(1.06); }
.trangchu-main-tinlonchu { padding: 20px; }
.trangchu-main-tinlonchu h3 { margin-top: 14px; font-size: 20px; font-weight: 600; color: var(--mau-chu); text-transform: uppercase; }
.trangchu-main-tinlonchu h3 a:hover, .trangchu-main-tinnhochu h3 a:hover { color: var(--mau-chinh); }
.trangchu-main-tinlonmota { margin-top: 14px; }
.trangchu-main-tinlonmota p { color: var(--mau-phu); text-align: justify; }
.trangchu-main-tinlonchu .hanoiiec-chung-xemthem { margin-top: 16px; }
.trangchu-main-tinphai { display: grid; grid-template-rows: repeat(3, 1fr); gap: 24px; }
.trangchu-main-tinnho { display: grid; grid-template-columns: 220px 1fr; border: 1px solid var(--mau-vien); border-radius: 4px; overflow: hidden; background: #fff; transition: box-shadow var(--chuyen); }
.trangchu-main-tinnhoanh p { height: 100%; overflow: hidden; }
.trangchu-main-tinnhoanh img { width: 100%; height: 100%; min-height: 150px; object-fit: cover; transition: transform .6s ease; }
.trangchu-main-tinnhochu { display: flex; flex-direction: column; padding: 16px 19px; }
.trangchu-main-tinnhochu .hanoiiec-chung-nhan p:first-child span { font-size: 12px; padding: 4px 10px; }
.trangchu-main-tinnhochu .hanoiiec-chung-nhan p + p { font-size: 12px; }
.trangchu-main-tinnhochu h3 { margin-top: 12px; font-size: 16px; font-weight: 600; color: var(--mau-chu); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.trangchu-main-tinnhochu .hanoiiec-chung-xemthem { margin-top: auto; padding-top: 8px; }
.trangchu-main-tinnhochu .hanoiiec-chung-xemthem p a { font-size: 14px; }
.trangchu-main-tinlonchu .hanoiiec-chung-nhan p:first-child span { font-size: 12px; padding: 4px 10px; }
.trangchu-main-tinlonchu .hanoiiec-chung-nhan p + p { font-size: 12px; }
.trangchu-main-tintuc .hanoiiec-chung-nutvien p a { background: #fff; }
.trangchu-main-tintuc .hanoiiec-chung-nutvien p a:hover { background: var(--mau-chinh); }
.trangchu-main-tinphai .trangchu-main-tinnho:first-child{display:none!important;}

/* =========================================================
   KẾT NỐI VỚI HANOI IEC (form liên hệ – dùng chung)
   ========================================================= */
.hanoiiec-main-ketnoi { position: relative; padding: 60px 0; background: #333; overflow: hidden; }
.hanoiiec-main-ketnoinen, .hanoiiec-main-ketnoinen p { position: absolute; inset: 0; }
.hanoiiec-main-ketnoinen img { width: 100%; height: 100%; object-fit: cover; background: #6b6f80; }
.hanoiiec-main-ketnoi .hanoiiec-chung-khung { position: relative; z-index: 2; display: flex; justify-content: flex-end; }
.hanoiiec-main-ketnoihop { width: 600px; max-width: 100%; padding: 30px; background: #fff; border-radius: 6px; box-shadow: 0 30px 60px -34px rgba(0, 0, 0, .6); }
.hanoiiec-chung-form h2 { font-size: 28px; font-weight: 600; color: var(--mau-chinh); text-align: center; }
.hanoiiec-chung-formmota { margin: 8px auto 20px; max-width: 460px; }
.hanoiiec-chung-formmota p { font-size: 14px; color: var(--mau-phu); text-align: center; }
.hanoiiec-chung-form form { margin-top:0px; }
.hanoiiec-chung-formhang { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.hanoiiec-chung-formo { margin-bottom: 18px; }
.hanoiiec-chung-formo br,.hanoiiec-chung-formdongy p br{display:none;}
.hanoiiec-chung-formo label { display: block; margin-bottom: 6px; font-size: 12px; font-weight: 600; color: var(--mau-chinh); }
.hanoiiec-chung-formo input,
.hanoiiec-chung-formo select,
.hanoiiec-chung-formo textarea {
  display: block; width: 100%; height: 45px; padding: 0 11px;
  border: 1px solid var(--mau-vien); border-radius: 4px; background: #fff; color: var(--mau-chu); outline: 0;
  transition: border-color var(--chuyen), box-shadow var(--chuyen);
}
.hanoiiec-chung-formo textarea { height: 100px; padding: 11px; resize: vertical; resize:none;}
.hanoiiec-chung-formo select { appearance: none; -webkit-appearance: none; background: #fff url("../images/icons/chevron-down.svg") no-repeat right 10px center / 18px; padding-right: 36px; }
.hanoiiec-chung-formo input::placeholder, .hanoiiec-chung-formo textarea::placeholder { color: var(--mau-placeholder); opacity:1;}
.hanoiiec-chung-formo input:focus, .hanoiiec-chung-formo select:focus, .hanoiiec-chung-formo textarea:focus { border-color: var(--mau-chinh); box-shadow: 0 0 0 3px rgba(16, 92, 170, .1); }
.hanoiiec-chung-formdongy { display: flex;width:100%; align-items: center; gap: 8px; margin: 4px 0 20px; }
.hanoiiec-chung-formdongy input { width: 16px; height: 16px; margin: 0; accent-color: var(--mau-chinh); flex: none; }
.hanoiiec-chung-formdongy label { font-size: 14px; font-weight: 500; color: var(--mau-phu); }
.hanoiiec-chung-formdongy label a { color: var(--mau-chinh); text-decoration: underline; font-weight: 600; }
.hanoiiec-chung-formnut input[type="submit"] {
  display: block; cursor: pointer; -webkit-appearance: none; appearance: none; font-family: inherit;
  width: 100%; height: 48px; border: 0; border-radius: 6px; background: var(--mau-cam);
  color: #fff; font-size: 16px; font-weight: 600; transition: background-color var(--chuyen), transform var(--chuyen);
}
.hanoiiec-chung-formnut input[type="submit"]:hover { background: #e07f0e; transform: translateY(-1px); }
.hanoiiec-chung-formthongbao { margin-top: 12px; display: none; }
.hanoiiec-chung-formthongbao p { font-size: 14px; text-align: center; color: #1a8a3a; }
.hanoiiec-chung-khung .entry-content{display:flex;width:100%;}
.hanoiiec-chung-khung .entry-content p{margin-bottom:15px;}
/* =========================================================
   FOOTER
   ========================================================= */
.hanoiiec-footer { position: relative; background: #11559d; color: #fff; overflow: hidden; }
.hanoiiec-footer-nen, .hanoiiec-footer-nen p { position: absolute; inset: 0; }
.hanoiiec-footer-nen img { width: 100%; height: 100%; object-fit: cover; background: #11559d; }
.hanoiiec-footer-nen::after { content: ""; position: absolute; inset: 0; background: rgba(16, 92, 170, .9); }
.hanoiiec-footer .hanoiiec-chung-khung { position: relative; z-index: 2; }
.hanoiiec-footer-tren { display: flex; align-items: center; justify-content: space-between; gap: 20px; height: 126px; border-bottom: 1px solid rgba(255, 255, 255, .16); }
.hanoiiec-footer-logo p a img { width: 184px; height: 45px; object-fit: contain; background: rgba(255, 255, 255, .25); }
.hanoiiec-footer-mxh{}
.hanoiiec-footer-mxh .textwidget{ display: flex; gap: 12px; }
.hanoiiec-footer-mxh p a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #fff; transition: transform var(--chuyen); }
.hanoiiec-footer-mxh p a:hover { transform: translateY(-3px); }
.hanoiiec-footer-mxh p a img { width: 32px; height: 32px; border-radius: 50%; }
.hanoiiec-footer-giua { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 40px 140px; padding: 40px 0 40px; }
.hanoiiec-footer-giua > div + div { white-space: nowrap; }
.footer-box-title { font-size: 20px; font-weight: 600; margin-bottom: 18px; }
.hanoiiec-footer-cot ul li + li { margin-top: 12px; }
.hanoiiec-footer-cot ul li a:hover { color: #ffd59e; }
.hanoiiec-footer-cot > p + p { margin-top: 12px; }
.hanoiiec-footer-cot > p a:hover { color: #ffd59e; }
.hanoiiec-footer-duoi{}
.hanoiiec-footer-duoi .textwidget{ display: flex;width:100%; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; min-height: 61px; padding: 12px 0; border-top: 1px solid rgba(255, 255, 255, .16); font-size: 14px; }
.hanoiiec-footer-duoi p a:hover { color: #ffd59e; }

/* Nút về đầu trang */
.hanoiiec-fixed-lentop {
  position: fixed; right: 20px; bottom: 20px; z-index: 90; width: 44px; height: 44px; border: 0; border-radius: 50%;
  background: var(--mau-cam) url("../images/icons/slider-arrow.svg") no-repeat center / 24px; transform: rotate(-90deg) scale(.6);
  opacity: 0; visibility: hidden; transition: opacity var(--chuyen), transform var(--chuyen), visibility var(--chuyen);
  box-shadow: 0 6px 18px rgba(246, 147, 32, .4);
}
.hanoiiec-fixed-lentop.hanoiiec-lentop-hien { opacity: 1; visibility: visible; transform: rotate(-90deg) scale(1); }

/* =========================================================
   GIỚI THIỆU CHUNG
   ========================================================= */
.gioithieu-main-ketnoi { padding: 60px 0; }
.gioithieu-main-ketnoi .hanoiiec-chung-khung { display: grid; grid-template-columns: 598px 1fr; gap: 42px; align-items: start; }
.gioithieu-main-anhghep { position: relative; height: 621px; }
.gioithieu-main-anhghep > div { position: absolute; }
.gioithieu-main-anhghep img { width: 100%; height: 100%; object-fit: cover; box-shadow: 0 4px 5px rgba(0, 0, 0, .4); transition: transform .5s ease; }
.gioithieu-main-anhghep > div:hover img { transform: scale(1.03); }
.gioithieu-main-anh1 { left: 0; top: 66px; width: 288px; height: 273px; }
.gioithieu-main-anh2 { left: 300px; top: 0; width: 298px; height: 339px; }
.gioithieu-main-anh3 { left: 62px; top: 352px; width: 226px; height: 211px; }
.gioithieu-main-anh4 { left: 300px; top: 352px; width: 254px; height: 269px; }
.gioithieu-main-anhghep p { height: 100%; }
.gioithieu-main-ketnoi .hanoiiec-main-anhchunoidung > p + p { margin-top: 24px; }

.gioithieu-main-trietly { position: relative; min-height: 563px; display: flex; align-items: center; overflow: hidden; background: #eef3f8; }
.gioithieu-main-trietlynen, .gioithieu-main-trietlynen p { position: absolute; inset: 0; }
.gioithieu-main-trietlynen img { width: 100%; height: 100%; object-fit: cover; background: #dfe7f0; }
.gioithieu-main-trietly .hanoiiec-chung-khung { position: relative; z-index: 2; width: 100%; }
.gioithieu-main-trietlychu { max-width: 715px; padding: 60px 0; }
.gioithieu-main-trichdan { font-family: var(--font-chuky); font-size: 55px; line-height: 1.1; color: var(--mau-chinh); }
.gioithieu-main-trichdan p + p { padding-left: 264px; }
@media (min-width: 992px) { .gioithieu-main-trichdan p { white-space: nowrap; } }
.gioithieu-main-trichdan p:first-child::before,
.gioithieu-main-trichdan p:last-child::after { display: inline-block; font-size: 128px; line-height: 0; vertical-align: -.42em; }
.gioithieu-main-trichdan p:first-child::before { content: "\201C"; margin-right: 16px; }
.gioithieu-main-trichdan p:last-child::after { content: "\201D"; margin-left: 16px; }
.gioithieu-main-trietlymota { margin-top: 40px; }
.gioithieu-main-trietlymota p { color: var(--mau-phu); text-align: justify; }

.gioithieu-main-giatri { padding: 60px 0; background: var(--mau-nen); }
.gioithieu-main-giatriluoi { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.gioithieu-main-giatriitem { padding: 30px; background: #fff; border-radius: 4px; box-shadow: 0 4px 60px rgba(0, 0, 0, .1); transition: transform var(--chuyen), box-shadow var(--chuyen); }
.gioithieu-main-giatriitem:hover { transform: translateY(-5px); box-shadow: 0 14px 50px rgba(16, 92, 170, .18); }
.gioithieu-main-giatriitem > p:first-child img { width: 72px; height: 66px; object-fit: contain; transition: transform var(--chuyen); }
.gioithieu-main-giatriitem:hover > p:first-child img { transform: scale(1.08); }
.gioithieu-main-giatriitem > p strong { display: block; margin-top: 14px; font-size: 20px; font-weight: 600; color: var(--mau-chinh); }
.gioithieu-main-giatriitem > p + p + p { margin-top: 10px; color: var(--mau-phu); text-align: justify; }

/* =========================================================
   TIMELINE (lịch sử phát triển + dự án hợp tác)
   ========================================================= */
.hanoiiec-main-timeline { padding: 60px 0; background: #fff; overflow: hidden; }
.hanoiiec-main-timelinetieude { margin-bottom: 40px; text-align: center; }
.hanoiiec-main-timelinetieude h2 { font-size: 28px; font-weight: 600; color: var(--mau-chinh); }
.hanoiiec-main-timelinehang { display: grid; grid-template-columns: 1fr 1fr; align-items: center; }
.hanoiiec-main-timelineanh { background: var(--mau-chinh); overflow: hidden; }
.hanoiiec-main-timelineanh img { width: 100%; aspect-ratio: 612 / 380; object-fit: cover; transition: transform .7s ease; }
.hanoiiec-main-timelinehang:hover .hanoiiec-main-timelineanh img { transform: scale(1.05); }
.hanoiiec-main-timelinechu { padding: 20px 0 20px 40px; }
.hanoiiec-main-timelinechu > p:first-child strong { display: block; font-size: 28px; font-weight: 600; color: var(--mau-chinh); line-height: 1.5; }
.hanoiiec-main-timelinechu h3 { font-size: 20px; font-weight: 600; color: var(--mau-chinh); }
.hanoiiec-main-timelinechu > p:last-child { margin-top: 12px; color: var(--mau-phu); text-align: justify; }
/* Hàng chẵn: ảnh bên phải, chữ bên trái (căn phải) */
.hanoiiec-main-timelinehang:nth-child(even) .hanoiiec-main-timelineanh { order: 2; }
.hanoiiec-main-timelinehang:nth-child(even) .hanoiiec-main-timelinechu { order: 1; padding: 20px 40px 20px 0; }
.hanoiiec-main-timelinehang:nth-child(even) .hanoiiec-main-timelinechu > p:first-child,
.hanoiiec-main-timelinehang:nth-child(even) .hanoiiec-main-timelinechu h3 { text-align: right; }

/* =========================================================
   LĨNH VỰC HOẠT ĐỘNG (tổng quan)
   ========================================================= */
.linhvuc-main-tongquan { padding: 60px 0 30px; }
.linhvuc-main-tongquan .hanoiiec-chung-khung > div { display: grid; grid-template-columns: 808fr 416fr; border-radius: 8px; overflow: hidden; background: var(--mau-chinh); }
.linhvuc-main-tongquananh p { height: 100%; }
.linhvuc-main-tongquananh img { width: 100%; height: 100%; min-height: 525px; object-fit: cover; }
.linhvuc-main-tongquanchu { display: flex; align-items: center; padding: 60px; }
.linhvuc-main-tongquanchu p { font-size: 20px; font-weight: 600; color: #fff; text-align: justify; }

.linhvuc-main-giatri { padding: 30px 0; }
.linhvuc-main-giatriluoi { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.linhvuc-main-giatriitem { padding: 30px 16px; min-height: 230px; border-radius: 8px; background: var(--mau-nen); text-align: center; transition: background-color var(--chuyen), transform var(--chuyen); }
.linhvuc-main-giatriitem > p:first-child { display: flex; justify-content: center; }
.linhvuc-main-giatriitem > p:first-child span { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; background: var(--mau-chinh); transition: transform var(--chuyen); }
.linhvuc-main-giatriitem > p:first-child img { width: 32px; height: 32px; object-fit: contain; background: rgba(255, 255, 255, .35); border-radius: 4px; }
.linhvuc-main-giatriitem > p strong { display: block; margin-top: 18px; font-size: 20px; font-weight: 600; color: var(--mau-chinh); }
.linhvuc-main-giatriitem > p + p + p { margin-top: 8px; color: var(--mau-xam); }
.linhvuc-main-giatriitem:hover { transform: translateY(-5px); background: #e6f0fb; }
.linhvuc-main-giatriitem:hover > p:first-child span { transform: rotateY(180deg); }

.linhvuc-main-danhsach { padding: 30px 0 60px; }
.linhvuc-main-danhsachitem { display: grid; grid-template-columns: 570px 1fr; gap: 40px; align-items: center; padding: 30px; border-radius: 8px; background: var(--mau-nen); transition: box-shadow var(--chuyen); }
.linhvuc-main-danhsachitem + .linhvuc-main-danhsachitem { margin-top: 40px; }
.linhvuc-main-danhsachitem:hover { box-shadow: 0 12px 40px rgba(16, 92, 170, .14); }
.linhvuc-main-danhsachanh p { overflow: hidden; border-radius: 4px; }
.linhvuc-main-danhsachanh img { width: 100%; aspect-ratio: 570 / 300; object-fit: cover; transition: transform .6s ease; }
.linhvuc-main-danhsachitem:hover .linhvuc-main-danhsachanh img { transform: scale(1.05); }
.linhvuc-main-danhsachchu h2 { font-size: 24px; font-weight: 600; color: var(--mau-chinh); }
.linhvuc-main-danhsachchu h2 a:hover { color: var(--mau-toi); }
.linhvuc-main-danhsachchu > p { margin-top: 12px; color: var(--mau-phu); text-align: justify; }
.linhvuc-main-danhsachchu .hanoiiec-chung-nutdac { margin-top: 28px; }
.linhvuc-main-danhsachitem:nth-child(even) .linhvuc-main-danhsachanh { order: 2; }
.linhvuc-main-danhsachitem:nth-child(even) { grid-template-columns: 1fr 570px; }

/* =========================================================
   TRANG DỊCH VỤ – Dịch vụ nổi bật / Điểm tựa / Dấu ấn / Đối tác tiêu biểu
   ========================================================= */
.hanoiiec-main-noibat { padding: 60px 0; background: var(--mau-nen); }
.hanoiiec-main-noibatluoi { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.hanoiiec-main-noibatitem { padding: 19px; min-height: 234px; background: #fff; border: 1px solid #fff; transition: box-shadow var(--chuyen), transform var(--chuyen); }
.hanoiiec-main-noibatitem:hover { box-shadow: 0 4px 60px rgba(0, 0, 0, .1); transform: translateY(-4px); }
.hanoiiec-main-noibatitem > p:first-child img { width: auto; height: 72px; max-width: 100px; aspect-ratio: 1 / 1; object-fit: contain; transition: transform var(--chuyen); }
.hanoiiec-main-noibatitem:hover > p:first-child img { transform: translateY(-3px); }
.hanoiiec-main-noibatitem > p strong { display: block; margin-top: 12px; font-size: 20px; font-weight: 600; color: var(--mau-chinh); }
.hanoiiec-main-noibatitem > p + p + p { margin-top: 8px; color: var(--mau-phu); text-align: justify; }

.hanoiiec-main-diemtua { padding: 60px 0; background: #fff; }
.hanoiiec-main-diemtuakhoi { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; }
.hanoiiec-main-diemtuads { display: flex; flex-direction: column; gap: 16px; }
.hanoiiec-main-diemtuaitem { flex: 1; padding: 12px 16px; background: #fff; border-left: 4px solid var(--mau-chinh); border-radius: 0 4px 4px 0; box-shadow: var(--bong-the); transition: transform var(--chuyen), background-color var(--chuyen); }
.hanoiiec-main-diemtuaitem:hover { transform: translateX(6px); background: var(--mau-nen); }
.hanoiiec-main-diemtuaitem > p:first-child strong { display: block; font-size: 20px; font-weight: 600; color: var(--mau-chinh); }
.hanoiiec-main-diemtuaitem > p + p { margin-top: 6px; color: var(--mau-phu); }
.hanoiiec-main-diemtuaanh p { height: 100%; border-radius: 4px; overflow: hidden; box-shadow: 0 4px 10px rgba(0, 0, 0, .25); }
.hanoiiec-main-diemtuaanh img { width: 100%; height: 100%; min-height: 472px; object-fit: cover; }

.hanoiiec-main-dauan { padding: 60px 0; background: var(--mau-nen); overflow: hidden; }
.hanoiiec-main-dauankhung { position: relative; padding: 0 20px; margin: 0 -20px; }
.hanoiiec-main-dauan .swiper { padding: 10px 0 40px; margin: -10px 0 -40px; overflow: hidden; }
.hanoiiec-main-dauan .swiper-slide { height: auto; }
.hanoiiec-main-dauanthe { height: 100%; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 0 30px rgba(0, 0, 0, .08); }
.hanoiiec-main-dauanthe > p:first-child { overflow: hidden; }
.hanoiiec-main-dauanthe > p:first-child img { width: 100%; aspect-ratio: 392 / 240; object-fit: cover; transition: transform .6s ease; }
.hanoiiec-main-dauanthe:hover > p:first-child img { transform: scale(1.06); }
.hanoiiec-main-dauanchu { padding: 16px 16px 24px; }
.hanoiiec-main-dauanchu > p:first-child span { display: inline-block; padding: 4px 12px; border-radius: 3px; background: var(--mau-nen); color: var(--mau-chinh); font-weight: 600; }
.hanoiiec-main-dauanchu h3 { margin-top: 12px; font-size: 20px; font-weight: 600; color: var(--mau-chinh); }
.hanoiiec-main-dauanchu > p:last-child { margin-top: 12px; color: var(--mau-phu); text-align: justify; }
.hanoiiec-main-dauan .hanoiiec-chung-muitruoc { left: 0; }
.hanoiiec-main-dauan .hanoiiec-chung-muisau { right: 0; }
/* biến thể thẻ nhỏ 4 cột (Dự án tiêu biểu) */
.hanoiiec-main-duan .hanoiiec-main-dauanthe { border-radius: 4px; }
.hanoiiec-main-duan .hanoiiec-main-dauanthe > p:first-child img { aspect-ratio: 288 / 220; }
.hanoiiec-main-duan .hanoiiec-main-dauanchu { padding: 20px; }
.hanoiiec-main-duan .hanoiiec-main-dauanchu h3 { margin-top: 0; }

.hanoiiec-main-tieubieu { padding: 60px 0; background: var(--mau-nen); }
.hanoiiec-main-tieubieuluoi { display: grid; grid-template-columns: repeat(3, 288px); gap: 24px; justify-content: center; }
.hanoiiec-main-tieubieuitem { background: #fff; border-radius: 4px; overflow: hidden; box-shadow: var(--bong-the); transition: transform var(--chuyen), box-shadow var(--chuyen); }
.hanoiiec-main-tieubieuitem:hover { transform: translateY(-5px); box-shadow: 0 14px 50px rgba(16, 92, 170, .18); }
.hanoiiec-main-tieubieuitem > p:first-child { display: flex; align-items: center; justify-content: center; height: 200px; padding: 20px; }
.hanoiiec-main-tieubieuitem > p:first-child img { max-height: 160px; object-fit: contain; }
.hanoiiec-main-tieubieuitem h3 { padding: 0 20px; font-size: 20px; font-weight: 600; color: var(--mau-chinh); }
.hanoiiec-main-tieubieuitem > p:last-child { padding: 12px 20px 24px; color: var(--mau-phu); text-align: justify; }

/* =========================================================
   TRANG TIN TỨC
   ========================================================= */
.tintuc-main-noibat { padding: 60px 0 0; }
.tintuc-main-noibatkhung { position: relative; padding: 0 20px; margin: 0 -20px; }
.tintuc-main-noibat .swiper { padding: 20px 0 40px; margin: -20px 0 -40px; }
.tintuc-main-noibatslide { display: grid; grid-template-columns: 808fr 416fr; background: #fff; border-radius: 4px; overflow: hidden; box-shadow: var(--bong-the); }
.tintuc-main-noibatanh p { height: 100%; overflow: hidden; }
.tintuc-main-noibatanh img { width: 100%; height: 100%; min-height: 400px; object-fit: cover; background: #2e7bc9; transition: transform .8s ease; }
.tintuc-main-noibatslide:hover .tintuc-main-noibatanh img { transform: scale(1.04); }
.tintuc-main-noibatchu { display: flex; flex-direction: column; justify-content: center; padding: 40px; }
.tintuc-main-noibatchu h3 { margin-top: 12px; font-size: 24px; font-weight: 600; color: var(--mau-chu); }
.tintuc-main-noibatchu h3 a:hover { color: var(--mau-chinh); }
.tintuc-main-noibatmota { margin-top: 12px; }
.tintuc-main-noibatmota p { color: var(--mau-phu); text-align: justify; }
.tintuc-main-noibatchu .hanoiiec-chung-xemthem { margin-top: 24px; }

.tintuc-main-loc { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; padding: 60px 0 30px; }
.tintuc-main-loc ul { display: flex; gap: 12px; flex-wrap: wrap; }
.tintuc-main-loc ul li a{ padding: 12px 20px; border: 0; border-radius: 4px; background: var(--mau-nen); color: var(--mau-chinh); font-size: 16px; font-weight: 600; transition: background-color var(--chuyen), color var(--chuyen); }
.tintuc-main-loc ul li a.active,
.tintuc-main-loc ul li.current-menu-item a,
.tintuc-main-loc ul li a:hover, .tintuc-main-loc ul li a[aria-pressed="true"] { background: var(--mau-chinh); color: var(--mau-nen); }
.tintuc-main-loc ul .sub-menu{display:none!important;}
.tintuc-main-loctim { width: 392px; max-width: 100%; }
.tintuc-main-loctim form { position: relative; }
.tintuc-main-loctim input[type="search"] { width: 100%; height: 48px; padding: 0 52px 0 16px; border: 1px solid transparent; border-radius: 4px; background: var(--mau-nen); font-size: 16px; outline: 0; transition: border-color var(--chuyen); }
.tintuc-main-loctim input[type="search"]::placeholder { font-style: italic; color: var(--mau-phu); }
.tintuc-main-loctim input[type="search"]:focus { border-color: var(--mau-chinh); }
.tintuc-main-loctim input[type="submit"] { position: absolute; padding: 0; cursor: pointer; font-size: 0; color: transparent; -webkit-appearance: none; appearance: none; right: 8px; top: 8px; width: 32px; height: 32px; border: 0; background: url("../images/icons/search.svg") no-repeat center / 22px; }
.tintuc-main-luoi { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.tintuc-main-luoi > div.tintuc-an { display: none; }
.tintuc-main-phantrang { display: flex; justify-content: center; padding: 40px 0 60px; }
.tintuc-main-phantrang ul { display: flex; gap: 16px; }
.tintuc-main-phantrang ul li .prev,.tintuc-main-phantrang ul li .next{text-indent:-9999px;}
.tintuc-main-phantrang ul li span,
.tintuc-main-phantrang ul li a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #f1f5ff; color: var(--mau-xam); font-size: 20px; }
.tintuc-main-phantrang ul li.active .current,
.tintuc-main-phantrang ul li a:hover, .tintuc-main-phantrang ul li a[aria-current="page"] { background: var(--mau-chinh); color: #fff; }
.tintuc-main-phantrang ul li .prev,
.tintuc-main-phantrang ul li .next,
.tintuc-main-phantrang ul li:last-child a { background: var(--mau-chinh) url("../images/icons/slider-arrow.svg") no-repeat center / 24px; font-size: 0; }
.tintuc-main-phantrang ul li .next:hover,
.tintuc-main-phantrang ul li .prev:hover,
.tintuc-main-phantrang ul li:last-child a:hover { background-color: var(--mau-toi); }
.tintuc-main-phantrang ul li .prev{transform:scaleX(-1);}

/* Chi tiết tin */
.chitiettin-main-baiviet { padding: 40px 0 0; }
.chitiettin-main-noidung { max-width: 808px; margin: 0 auto; }
.chitiettin-main-noidung h1 { font-size: 24px; font-weight: 600; color: var(--mau-chinh); padding-bottom: 8px; border-bottom: 1px solid #ccc; }
.chitiettin-main-noidung .hanoiiec-chung-nhan { margin-top: 20px; }
.chitiettin-main-anh { margin-top: 20px; }
.chitiettin-main-anh img { width: 100%; aspect-ratio: 808 / 460; object-fit: cover; }
.chitiettin-main-sapo { margin-top: 30px; }
.chitiettin-main-sapo p { font-size: 20px; font-weight: 600; color: var(--mau-chu); text-align: justify; }
.chitiettin-main-van { margin-top: 20px; color: var(--mau-phu); text-align: justify; }
.chitiettin-main-van p + p { margin-top: 24px; }
.chitiettin-main-van p img { width: 100%; aspect-ratio: 808 / 539; object-fit: cover; }
.chitiettin-main-van p:has(img) + p:has(img) { margin-top: 30px; }
.chitiettin-main-the { display: flex; justify-content: center; margin-top: 30px; padding: 20px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.chitiettin-main-the ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
.chitiettin-main-the ul li a { display: block; padding: 8px 20px; border: 1px solid #ccc; border-radius: 100px; background: #fff; color: var(--mau-chu); }
.chitiettin-main-the ul li a:hover { border-color: var(--mau-chinh); background: var(--mau-chinh); color: #fff; }
.chitiettin-main-khac { padding: 60px 0; }
.chitiettin-main-khac .swiper-slide { height: auto; }

/* =========================================================
   TRANG LIÊN HỆ
   ========================================================= */
.lienhe-main-thongtin { padding: 60px 0 0; }
.lienhe-main-hop { display: grid; grid-template-columns: 1fr 1fr; background: #fff; border-radius: 4px; overflow: hidden; box-shadow: var(--bong-the); }
.lienhe-main-trai { padding: 60px 80px; background: var(--mau-nen); }
.lienhe-main-nhom + .lienhe-main-nhom { margin-top: 30px; }
.lienhe-main-nhomtieude { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.lienhe-main-nhomtieude p span { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: var(--mau-xanhvua); }
.lienhe-main-nhomtieude p span img { width: 24px; height: 24px; }
.lienhe-main-nhomtieude h2 { font-size: 28px; font-weight: 600; color: var(--mau-chu); }
.lienhe-main-nhom > p { color: var(--mau-chu); }
.lienhe-main-nhom > p + p { margin-top: 12px; }
.lienhe-main-nhom > p strong { font-weight: 600; }
.lienhe-main-nhom > p a { color: var(--mau-chinh); font-size: 14px; white-space: nowrap; }
.lienhe-main-nhom > p a::after { content: ""; display: inline-block; width: 20px; height: 20px; margin-left: 6px; vertical-align: -5px; background: url("../images/icons/map.svg") no-repeat center / contain; }
.lienhe-main-nhom > p a:hover { text-decoration: underline; }
.lienhe-main-mxh { display: flex; gap: 12px; }
.lienhe-main-mxh p a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid var(--mau-chu); border-radius: 50%; transition: background-color var(--chuyen), transform var(--chuyen); }
.lienhe-main-mxh p a:hover { transform: translateY(-3px); background: #fff; }
.lienhe-main-mxh p a img { width: 28px; height: 28px; border-radius: 50%; }
.lienhe-main-phai { padding: 60px 36px; }
.lienhe-main-phai .hanoiiec-chung-form h2, .lienhe-main-phai .hanoiiec-chung-formmota p { text-align: left; }
.lienhe-main-phai .hanoiiec-chung-formmota { margin-left: 0; }
.lienhe-main-bando { padding: 60px 0; }
.lienhe-main-bando p { border-radius: 4px; overflow: hidden; background: #e5e3df; }
.lienhe-main-bando iframe { display: block; width: 100%; height: 600px; border: 0; }

/* =========================================================
   AOS fallback: nếu thư viện không tải được thì vẫn hiển thị
   ========================================================= */
html:not(.aos-san) [data-aos] { opacity: 1 !important; transform: none !important; }

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 1399px) {
  .hanoiiec-header-menu { margin-right: 40px; }
  .hanoiiec-header-menu > ul { gap: 40px; }
  .hanoiiec-footer-giua { gap: 40px 80px; }
  .trangchu-main-hanhtrinh .hanoiiec-chung-khung { grid-template-columns: 1fr 560px; }
}

@media (max-width: 1199px) {
  .hanoiiec-header-logo p a img { width: 190px; height: 47px; }
  .hanoiiec-header-menu { margin-right: 24px; }
  .hanoiiec-header-menu > ul { gap: 26px; }
  .hanoiiec-main-anhchu .hanoiiec-chung-khung { grid-template-columns: 1fr 1fr; }
  .trangchu-main-hanhtrinh .hanoiiec-chung-khung { grid-template-columns: 1fr 1fr; gap: 32px; }
  .trangchu-main-bannerchu p { font-size: 28px; line-height: 36px; }
  .gioithieu-main-ketnoi .hanoiiec-chung-khung { grid-template-columns: 1fr; }
  .gioithieu-main-anhghep { width: 598px; margin: 0 auto; }
  .hanoiiec-main-doitacluoi { grid-template-columns: repeat(4, 1fr); gap: 16px; }
  .linhvuc-main-danhsachitem, .linhvuc-main-danhsachitem:nth-child(even) { grid-template-columns: 1fr 1fr; }
  .linhvuc-main-giatriluoi { grid-template-columns: repeat(2, 1fr); }
  .hanoiiec-footer-giua { gap: 40px 50px; }
  .lienhe-main-trai { padding: 50px 40px; }
}

@media (max-width: 991px) {
  /* Header mobile: logo + tìm kiếm + hamburger, menu trượt từ trái */
  /* backdrop-filter tạo containing block cho phần tử fixed -> tắt trên mobile để menu/overlay phủ toàn màn hình */
  .hanoiiec-header { -webkit-backdrop-filter: none; backdrop-filter: none; background: #fff; }
  .hanoiiec-header-thanh { height: 70px; }
  .hanoiiec-header-logo p a img { width: 170px; height: 42px; }
  .hanoiiec-header-hamburger { display: block; }
  .hanoiiec-header-congcu::before { display: none; }
  .hanoiiec-header-congcu .hanoiiec-header-ngonngu { display: none; }
  .hanoiiec-header-menu {
    position: fixed; top: 0; left: 0; bottom: 0; z-index: 120; width: 300px; max-width: 85vw; margin: 0;
    background: #fff; overflow-y: auto; transform: translateX(-100%); transition: transform .35s ease;
    box-shadow: 10px 0 40px rgba(0, 0, 0, .15);
  }
  .hanoiiec-menu-mo .hanoiiec-header-menu { transform: translateX(0); }
  .hanoiiec-header-menutop { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid var(--mau-vien); }
  .hanoiiec-header-menutop p img { width: 150px; height: 37px; object-fit: contain; }
  .hanoiiec-header-dong { width: 36px; height: 36px; border: 0; background: transparent; position: relative; }
  .hanoiiec-header-dong::before, .hanoiiec-header-dong::after { content: ""; position: absolute; left: 8px; right: 8px; top: 17px; height: 2px; background: var(--mau-chinh); }
  .hanoiiec-header-dong::before { transform: rotate(45deg); }
  .hanoiiec-header-dong::after { transform: rotate(-45deg); }
  .hanoiiec-header-menu > ul { display: block; padding: 8px 0 20px; }
  .hanoiiec-header-menu > ul > li { display: flex; flex-wrap: wrap; height: auto; border-bottom: 1px solid #edf2f8; }
  .hanoiiec-header-menu > ul > li > a { flex: 1; padding: 14px 16px; }
  .hanoiiec-header-menu > ul > li > a::after { display: none; }
  .hanoiiec-header-menumo { width: 48px; height: 50px; background-size: 22px; }
  .hanoiiec-header-menu li:hover > .hanoiiec-header-menumo { transform: none; }
  .hanoiiec-header-menumo[aria-expanded="true"] { transform: rotate(180deg) !important; }
  .hanoiiec-header-menu li ul {
    position: static; width: 100%; min-width: 0; padding: 0 0 8px; border: 0; box-shadow: none; border-radius: 0;
    opacity: 1; visibility: visible; transform: none; display: none; background: var(--mau-nen);
  }
  .hanoiiec-header-menu li:hover > ul, .hanoiiec-header-menu li:focus-within > ul { transform: none; }
  .hanoiiec-header-menu li ul li a { padding: 10px 28px; }
  .hanoiiec-header-menungonngu { display: block !important; padding: 16px; }
  .hanoiiec-header-overlay { display: block; position: fixed; inset: 0; z-index: 110; background: rgba(0, 0, 0, .45); opacity: 0; visibility: hidden; transition: opacity var(--chuyen), visibility var(--chuyen); }
  .hanoiiec-menu-mo .hanoiiec-header-overlay { opacity: 1; visibility: visible; }
  .hanoiiec-menu-mo { overflow: hidden; }
  .hanoiiec-header-timkiemform { right: 0; left: 0; width: auto; }

  .trangchu-main-banner .swiper-slide { height: 520px; }
  .trangchu-main-bannerchu { top: auto; bottom: 70px; width: 90%; height: auto; padding: 24px 20px; }
  .trangchu-main-bannerchu p { font-size: 24px; line-height: 32px; }
  .hanoiiec-main-anhchu .hanoiiec-chung-khung,
  .trangchu-main-hanhtrinh .hanoiiec-chung-khung { grid-template-columns: 1fr; gap: 32px; }
  .trangchu-main-linhvucluoi { grid-template-columns: repeat(2, 1fr); }
  .hanoiiec-main-doitacluoi { grid-template-columns: repeat(3, 1fr); }
  .trangchu-main-tintucluoi { grid-template-columns: 1fr; }
  .hanoiiec-main-ketnoi .hanoiiec-chung-khung { justify-content: center; }
  .hanoiiec-main-banner { height: 300px; }
  .hanoiiec-main-bannerchu h2,
  .hanoiiec-main-bannerchu h1 { font-size: 32px; }
  .hanoiiec-main-tabgt ul { gap: 20px; height: 90px; }
  .hanoiiec-main-tabgt ul li a { font-size: 18px; padding: 0 10px 12px; }
  .gioithieu-main-trichdan { font-size: 44px; }
  .gioithieu-main-trichdan p + p { padding-left: 140px; }
  .gioithieu-main-trietlynen::after { content: ""; position: absolute; inset: 0; background: rgba(255, 255, 255, .55); }
  .linhvuc-main-tongquan .hanoiiec-chung-khung > div { grid-template-columns: 1fr; }
  .linhvuc-main-tongquananh img { min-height: 0; aspect-ratio: 808 / 525; }
  .linhvuc-main-tongquanchu { padding: 32px; }
  .linhvuc-main-danhsachitem, .linhvuc-main-danhsachitem:nth-child(even) { grid-template-columns: 1fr; gap: 24px; }
  .linhvuc-main-danhsachitem:nth-child(even) .linhvuc-main-danhsachanh { order: 0; }
  .hanoiiec-main-noibatluoi { grid-template-columns: repeat(2, 1fr); }
  .hanoiiec-main-diemtuakhoi { grid-template-columns: 1fr; }
  .hanoiiec-main-diemtuaanh img { min-height: 0; aspect-ratio: 600 / 472; }
  .hanoiiec-main-tieubieuluoi { grid-template-columns: repeat(3, 1fr); }
  .tintuc-main-noibatslide { grid-template-columns: 1fr; }
  .tintuc-main-noibatanh img { min-height: 0; aspect-ratio: 808 / 400; }
  .tintuc-main-luoi { grid-template-columns: repeat(2, 1fr); }
  .lienhe-main-hop { grid-template-columns: 1fr; }
  .hanoiiec-footer-giua { grid-template-columns: 1fr 1fr; }
  .hanoiiec-footer-giua > div:first-child { grid-column: 1 / -1; }
  .hanoiiec-header-hamburger{margin-left:0;}
}

@media (max-width: 767px) {
  body { font-size: 15px; }
  .hanoiiec-chung-tieude { margin-bottom: 24px; }
  .hanoiiec-chung-tieude h2, .hanoiiec-chung-tieude h3,
  .hanoiiec-main-anhchunoidung .hanoiiec-chung-tieude h2,
  .hanoiiec-main-timelinetieude h2,
  .hanoiiec-chung-form h2, .lienhe-main-nhomtieude h2 { font-size: 22px; }
  .hanoiiec-chung-tieude p img { width: 24px; height: 24px; }
  .hanoiiec-main-anhchu, .trangchu-main-hanhtrinh, .trangchu-main-linhvuc, .hanoiiec-main-doitac, .trangchu-main-tintuc,
  .hanoiiec-main-ketnoi, .gioithieu-main-ketnoi, .gioithieu-main-giatri, .hanoiiec-main-timeline, .hanoiiec-main-noibat,
  .hanoiiec-main-diemtua, .hanoiiec-main-dauan, .hanoiiec-main-tieubieu, .chitiettin-main-khac, .lienhe-main-bando { padding: 40px 0; }
  .tintuc-main-noibat, .lienhe-main-thongtin { padding-top: 40px; }

  .trangchu-main-banner .swiper-slide { height: 420px; }
  .trangchu-main-bannerchu { left: 0; bottom: 56px; width: calc(100% - 40px); padding: 16px 20px; }
  .trangchu-main-bannerchu p { font-size: 18px; line-height: 26px; }
  .trangchu-main-bannermui { display: none; }
  .trangchu-main-bannercham { bottom: 22px !important; }
  .hanoiiec-main-anhchukhung { padding: 14px; }
  .trangchu-main-linhvucluoi { grid-template-columns: 1fr; gap: 16px; }
  .trangchu-main-linhvucdau, .trangchu-main-linhvucitem { min-height: 0; }
  .hanoiiec-main-doitacluoi { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .hanoiiec-main-doitacitem p { height: 100px; }
  .hanoiiec-main-doitacitem p img { max-height: 76px; }
  .trangchu-main-tinnho { grid-template-columns: 130px 1fr; }
  .trangchu-main-tinnhoanh img { min-height: 140px; }
  .trangchu-main-tinnhochu { padding: 12px; }
  .trangchu-main-tinnhochu h3 { font-size: 15px; margin-top: 8px; }
  .trangchu-main-tinlonchu h3 { font-size: 17px; }
  .hanoiiec-chung-nutvien { margin-top: 28px; }

  .hanoiiec-main-ketnoihop { padding: 24px 16px; }
  .hanoiiec-chung-formhang { grid-template-columns: 1fr; gap: 0; }

  .hanoiiec-main-banner { height: 220px; }
  .hanoiiec-main-bannerchu h2,
  .hanoiiec-main-bannerchu h1 { font-size: 26px; }
  .hanoiiec-main-bannerchu ul { font-size: 14px; gap: 8px; margin-top: 10px; }
  .hanoiiec-main-bannerchu ul li { gap: 8px; }
  .hanoiiec-main-tabgt { overflow-x: auto; }
  .hanoiiec-main-tabgt ul { justify-content: flex-start; height: 64px; gap: 4px; padding: 0 12px; min-width: max-content; }
  .hanoiiec-main-tabgt ul li a { font-size: 16px; }

  .gioithieu-main-anhghep { width: 100%; height: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .gioithieu-main-anhghep > div { position: static; width: auto; height: auto; }
  .gioithieu-main-anhghep img { aspect-ratio: 1 / 1; height: auto; }
  .gioithieu-main-trietly { min-height: 0; }
  .gioithieu-main-trietlychu { padding: 50px 0; }
  .gioithieu-main-trichdan { font-size: 34px; }
  .gioithieu-main-trichdan p + p { padding-left: 40px; }
  .gioithieu-main-trichdan p:first-child::before, .gioithieu-main-trichdan p:last-child::after { font-size: 80px; }
  .gioithieu-main-trietlymota { margin-top: 30px; }
  .gioithieu-main-giatriluoi { grid-template-columns: 1fr; gap: 16px; }
  .gioithieu-main-giatriitem { padding: 22px; }

  .hanoiiec-main-timelinehang { grid-template-columns: 1fr; }
  .hanoiiec-main-timelinehang + .hanoiiec-main-timelinehang { margin-top: 28px; }
  .hanoiiec-main-timelinehang:nth-child(even) .hanoiiec-main-timelineanh { order: 0; }
  .hanoiiec-main-timelinechu, .hanoiiec-main-timelinehang:nth-child(even) .hanoiiec-main-timelinechu { order: 0; padding: 16px 0 0; }
  .hanoiiec-main-timelinehang:nth-child(even) .hanoiiec-main-timelinechu > p:first-child,
  .hanoiiec-main-timelinehang:nth-child(even) .hanoiiec-main-timelinechu h3 { text-align: left; }
  .hanoiiec-main-timelinechu > p:first-child strong { font-size: 24px; }
  .hanoiiec-main-timelinechu h3 { font-size: 18px; }

  .linhvuc-main-tongquan { padding: 40px 0 20px; }
  .linhvuc-main-tongquanchu { padding: 24px 20px; }
  .linhvuc-main-tongquanchu p { font-size: 17px; }
  .linhvuc-main-giatri { padding: 20px 0; }
  .linhvuc-main-giatriluoi { grid-template-columns: 1fr 1fr; gap: 12px; }
  .linhvuc-main-giatriitem { padding: 20px 10px; min-height: 0; }
  .linhvuc-main-giatriitem > p strong { font-size: 17px; margin-top: 12px; }
  .linhvuc-main-giatriitem > p + p + p { font-size: 14px; }
  .linhvuc-main-danhsach { padding: 20px 0 40px; }
  .linhvuc-main-danhsachitem { padding: 16px; }
  .linhvuc-main-danhsachitem + .linhvuc-main-danhsachitem { margin-top: 20px; }
  .linhvuc-main-danhsachchu h2 { font-size: 20px; }
  .linhvuc-main-danhsachchu .hanoiiec-chung-nutdac { margin-top: 20px; }

  .hanoiiec-main-noibatluoi { grid-template-columns: 1fr; gap: 16px; }
  .hanoiiec-main-noibatitem { min-height: 0; }
  .hanoiiec-main-noibatitem > p strong, .hanoiiec-main-diemtuaitem > p:first-child strong,
  .hanoiiec-main-dauanchu h3, .hanoiiec-main-tieubieuitem h3 { font-size: 18px; }
  .hanoiiec-main-tieubieuluoi { grid-template-columns: 1fr; max-width: 360px; margin: 0 auto; }
  .hanoiiec-main-dauankhung, .tintuc-main-noibatkhung { padding: 0; margin: 0; }
  .hanoiiec-main-dauan .hanoiiec-chung-mui, .tintuc-main-noibat .hanoiiec-chung-mui { top: auto; bottom: -6px; margin: 0; }
  .hanoiiec-main-dauan .hanoiiec-chung-muitruoc, .tintuc-main-noibat .hanoiiec-chung-muitruoc { left: calc(50% - 50px); }
  .hanoiiec-main-dauan .hanoiiec-chung-muisau, .tintuc-main-noibat .hanoiiec-chung-muisau { right: calc(50% - 50px); }
  .hanoiiec-main-dauan .swiper, .tintuc-main-noibat .swiper { padding-bottom: 60px; margin-bottom: 0; }

  .tintuc-main-noibatchu { padding: 20px; }
  .tintuc-main-noibatchu h3 { font-size: 20px; }
  .tintuc-main-loc { padding: 40px 0 24px; }
  .tintuc-main-loc ul { gap: 8px; }
  .tintuc-main-loc ul li a{ padding: 9px 14px; font-size: 14px; }
  .tintuc-main-luoi { grid-template-columns: 1fr; gap: 16px; }
  .tintuc-main-phantrang { padding: 30px 0 40px; }
  .tintuc-main-phantrang ul { gap: 8px; }
  .hanoiiec-main-tincardchu h3 { font-size: 18px; }

  .chitiettin-main-baiviet { padding-top: 30px; }
  .chitiettin-main-noidung h1 { font-size: 21px; }
  .chitiettin-main-sapo p { font-size: 17px; }
  .chitiettin-main-the ul { gap: 8px; }
  .chitiettin-main-the ul li a { padding: 6px 14px; font-size: 14px; }

  .lienhe-main-trai { padding: 30px 20px; }
  .lienhe-main-phai { padding: 30px 16px; }
  .lienhe-main-nhom > p a { white-space: normal; }
  .lienhe-main-bando iframe { height: 360px; }

  .hanoiiec-footer-tren { height: auto; padding: 28px 0; flex-direction: column; align-items: flex-start; }
  .hanoiiec-footer-giua { grid-template-columns: 1fr; gap: 28px; padding: 28px 0; }
  .footer-box-title { font-size: 18px; margin-bottom: 12px; }
  .hanoiiec-footer-cot, .hanoiiec-footer-cot ul { font-size: 15px; }
  .hanoiiec-footer-duoi .widget{ flex-direction: column; align-items: flex-start; padding: 16px 0 70px; font-size: 13px; }
}
@media (max-width: 360px) {
  .hanoiiec-header-logo img{height:53px!important;}
}
@media (max-width: 330px) {
  .hanoiiec-header-logo img{height:45px!important;}
}