/* ==========================================================================
   SNT SHIPPING & TRADING JSC - PROFESSIONAL CORPORATE CUSTOM CSS
   ========================================================================== */

/* --- 1. CORPORATE DESIGN SYSTEM TOKENS --- */
:root {
  --snt-navy-deep: #0f172a;       /* Deep Slate Navy cho Topbar */
  --snt-navy-primary: #1e3e62;    /* Primary Brand Navy */
  --snt-blue-brand: #0284c7;      /* Clean Corporate Blue */
  --snt-blue-hover: #0369a1;      /* Hover State Blue */
  --snt-text-main: #1e293b;       /* Dark Neutral Text */
  --snt-text-muted: #64748b;      /* Muted Subtext */
  --snt-border-light: #e2e8f0;    /* Crisp Clean Border */
  --snt-bg-hover: #f8fafc;        /* Subtle Row Hover */
  --snt-white: #ffffff;
  --snt-card-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.08), 0 8px 10px -6px rgba(15, 23, 42, 0.04);
  --snt-transition-fast: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* --- 2. TOPBAR HEADER (SẮC NÉT & SANG TRỌNG) --- */
header .top {
  background: var(--snt-navy-deep) !important;
  color: #94a3b8;
  font-size: 13px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

header .top .info-top {
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #cbd5e1;
}

header .top .right a {
  color: #cbd5e1 !important;
  font-weight: 500;
  transition: var(--snt-transition-fast);
  text-decoration: none;
}

header .top .right a:hover {
  color: #38bdf8 !important;
}

header .top .right .border-right {
  border-right-color: rgba(255, 255, 255, 0.12) !important;
}

/* Ngôn ngữ (Language Switcher - Tỷ lệ 3:2 chuẩn) */
header .lang-vina {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
  padding-left: 14px !important;
}

header .lang-vina a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 27px !important;
  height: 18px !important;
  border-radius: 3px;
  overflow: hidden;
  opacity: 0.85;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  transition: var(--snt-transition-fast);
}

header .lang-vina a:hover {
  opacity: 1;
  transform: translateY(-1px) scale(1.08);
  box-shadow: 0 3px 8px rgba(56, 189, 248, 0.4);
}

header .lang-vina a img {
  width: 27px !important;
  height: 18px !important;
  object-fit: cover !important;
  display: block;
}

/* --- 3. MAIN NAVBAR & LOGO AREA --- */
header .logo-menu-search {
  background: var(--snt-white) !important;
  border-bottom: 1px solid var(--snt-border-light);
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
  transition: var(--snt-transition-fast);
}

/* Logo SNT */
header .logo-menu-search .logo-group a img {
  max-height: 72px !important;
  transition: var(--snt-transition-fast);
}

/* Links Menu Chính */
header .menubar #narbarMainMenu .navbar-collapse ul li.nav-item .nav-link {
  color: var(--snt-text-main) !important;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0.2px;
  padding: 0 18px !important;
  line-height: 84px !important;
  transition: var(--snt-transition-fast) !important;
}

header .menubar #narbarMainMenu .navbar-collapse ul li.nav-item .nav-link span:before {
  display: none !important;
}

/* Đường gạch chân chỉ mục chuẩn doanh nghiệp */
header .menubar #narbarMainMenu .navbar-collapse ul li.nav-item .nav-link:before {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  right: 50% !important;
  height: 3px !important;
  background-color: var(--snt-blue-brand) !important;
  border-radius: 2px 2px 0 0 !important;
  opacity: 0 !important;
  transition: var(--snt-transition-fast) !important;
}

header .menubar #narbarMainMenu .navbar-collapse ul li.nav-item:hover .nav-link,
header .menubar #narbarMainMenu .navbar-collapse ul li.nav-item.active .nav-link {
  color: var(--snt-blue-brand) !important;
}

header .menubar #narbarMainMenu .navbar-collapse ul li.nav-item:hover .nav-link:before,
header .menubar #narbarMainMenu .navbar-collapse ul li.nav-item.active .nav-link:before {
  left: 18px !important;
  right: 18px !important;
  opacity: 1 !important;
}

/* Icon Mũi tên Dropdown */
header .menubar #narbarMainMenu .navbar-collapse ul li.nav-item .nav-link i {
  font-size: 11px;
  margin-left: 5px;
  color: var(--snt-text-muted);
  transition: var(--snt-transition-fast);
}

header .menubar #narbarMainMenu .navbar-collapse ul li.nav-item:hover .nav-link i {
  transform: rotate(180deg);
  color: var(--snt-blue-brand);
}

/* --- 4. DROPDOWN SUBMENU CHUYÊN NGHIỆP --- */
header .menubar #narbarMainMenu .navbar-collapse ul li.nav-item ul {
  background: var(--snt-white) !important;
  border-radius: 8px !important;
  border: 1px solid var(--snt-border-light) !important;
  box-shadow: var(--snt-card-shadow) !important;
  padding: 8px 0 !important;
  min-width: 250px !important;
  top: 100% !important;
  overflow: hidden;
  transform: translateY(6px);
  opacity: 0;
  visibility: hidden;
  transition: var(--snt-transition-fast) !important;
}

header .menubar #narbarMainMenu .navbar-collapse ul li.nav-item:hover>ul {
  transform: translateY(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

header .menubar #narbarMainMenu .navbar-collapse ul li.nav-item ul li {
  border: none !important;
}

header .menubar #narbarMainMenu .navbar-collapse ul li.nav-item ul li a {
  color: var(--snt-text-main) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  padding: 10px 20px !important;
  line-height: 1.4 !important;
  border: none !important;
  border-left: 3px solid transparent !important;
  transition: var(--snt-transition-fast) !important;
  white-space: normal !important;
}

header .menubar #narbarMainMenu .navbar-collapse ul li.nav-item ul li:hover>a {
  background: #f0f7ff !important;
  color: var(--snt-blue-brand) !important;
  border-left-color: var(--snt-blue-brand) !important;
  padding-left: 24px !important;
  font-weight: 600 !important;
}

/* --- 5. SOCIAL MEDIA ICONS (MINIMALIST) --- */
header .logo-menu-search .network_social {
  display: flex;
  align-items: center;
  gap: 8px;
}

header .logo-menu-search .network_social a {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: var(--snt-bg-hover);
  border: 1px solid var(--snt-border-light);
  color: var(--snt-text-muted) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  transition: var(--snt-transition-fast);
  margin: 0 !important;
  text-decoration: none;
}

header .logo-menu-search .network_social a:hover {
  background: var(--snt-blue-brand);
  border-color: var(--snt-blue-brand);
  color: var(--snt-white) !important;
}

/* --- 6. STICKY HEADER SCROLL STATE --- */
header.fixed {
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.08) !important;
  background: rgba(255, 255, 255, 0.98) !important;
}

header.fixed .logo-menu-search .logo-group a img {
  max-height: 46px !important;
}

header.fixed .logo-menu-search .menubar #narbarMainMenu .navbar-collapse ul li.nav-item .nav-link {
  line-height: 60px !important;
  font-size: 13.5px !important;
}

/* ==========================================================================
   --- 6.1. MOBILE HEADER BAR & SLIDE-OUT MENU (M-MENU UPGRADE) ---
   ========================================================================== */

/* Thanh Header Mobile (Trắng Tinh Tế, Đồng Bộ Thương Hiệu) */
header .mobile-bar {
  background: var(--snt-white) !important;
  border-bottom: 1px solid var(--snt-border-light) !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06) !important;
  height: 56px !important;
  z-index: 999;
}

/* Nút Hamburger Toggle Menu Mobile */
header .mobile-bar .toggle-menu {
  color: var(--snt-navy-deep) !important;
  font-size: 24px !important;
  line-height: 56px !important;
  padding: 0 16px !important;
  height: 56px !important;
  transition: var(--snt-transition-fast);
}

header .mobile-bar .toggle-menu:hover,
header .mobile-bar .toggle-menu:focus {
  color: var(--snt-blue-brand) !important;
}

/* Logo Căn Giữa Của Mobile Header */
header .mobile-bar .logo-top {
  height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

header .mobile-bar .logo-top a {
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
}

header .mobile-bar .logo-top a img {
  height: 38px !important;
  max-height: 38px !important;
  width: auto !important;
  object-fit: contain;
}

/* Cụm Nút Phải Mobile (Nút Tìm Kiếm & Icon Mạng Xã Hội) */
header .mobile-bar .mobile-right {
  height: 56px !important;
  line-height: 56px !important;
  top: 0 !important;
  right: 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px;
}

/* Ép màu tương phản 100% rõ nét cho tất cả Icon, Thẻ a và FontAwesome trong Mobile Header Bar */
header .mobile-bar,
header .mobile-bar *,
header .mobile-bar a,
header .mobile-bar i,
header .mobile-bar .toggle-menu,
header .mobile-bar .toggle-menu i,
header .mobile-bar .mobile-right,
header .mobile-bar .mobile-right a,
header .mobile-bar .mobile-right i,
header .mobile-bar .mobile-right .network_social a,
header .mobile-bar .mobile-right .search_mobile_button,
header .mobile-bar .mobile-right .search_mobile_button i {
  color: var(--snt-navy-deep) !important;
}

/* Hiệu ứng Hover/Touch màu Xanh Thương Hiệu tươi sáng */
header .mobile-bar a:hover,
header .mobile-bar a:hover i,
header .mobile-bar .toggle-menu:hover,
header .mobile-bar .toggle-menu:hover i,
header .mobile-bar .mobile-right a:hover,
header .mobile-bar .mobile-right a:hover i,
header .mobile-bar .mobile-right .search_mobile_button:hover i {
  color: var(--snt-blue-brand) !important;
}

/* Slide-out Menu Drawer (#mobile-menu / .mm-menu) */
.mm-menu {
  --mm-color-background: #0f172a !important; /* Deep Slate Navy cho Drawer */
  --mm-color-text: #f1f5f9 !important;
  --mm-color-button: var(--snt-blue-brand) !important;
  --mm-color-border: rgba(255, 255, 255, 0.08) !important;
  font-family: 'Montserrat', sans-serif !important;
}

.mm-navbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(15, 23, 42, 0.95) !important;
}

.mm-navbar .mm-btn:before,
.mm-navbar .mm-btn:after {
  border-color: #cbd5e1 !important;
}

.mm-listitem a, 
.mm-listitem span {
  color: #cbd5e1 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  padding: 12px 20px !important;
  transition: var(--snt-transition-fast);
}

.mm-listitem a:hover {
  color: #38bdf8 !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

.mm-btn:after, 
.mm-btn:before {
  border-color: #94a3b8 !important;
}

/* ==========================================================================
   --- 7. HERO BANNER SLIDER UPGRADE ---
   ========================================================================== */

/* Frame Slider & Nền Sẫm */
.slider {
  background-color: var(--snt-navy-deep) !important;
  position: relative;
  overflow: hidden;
  max-height: 720px;
}

/* Lớp Vignette tối ở chân slider giúp tăng độ rõ nét */
.slider::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.05) 0%, rgba(15, 23, 42, 0.35) 100%);
  pointer-events: none;
  z-index: 2;
}

/* Ảnh Slider & Chuyển động zoom nhẹ */
.slider .item {
  position: relative;
  overflow: hidden;
}

.slider .item img {
  width: 100% !important;
  object-fit: cover !important;
  object-position: center;
  transition: transform 6s ease;
}

/* Kích thước Slider Chuẩn Responsive theo Màn Hình (Mobile / Tablet / Desktop) */
@media (max-width: 575.98px) {
  .slider,
  .slider .item img {
    height: 240px !important;
    max-height: 280px !important;
  }
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .slider,
  .slider .item img {
    height: 360px !important;
    max-height: 400px !important;
  }
}

@media (min-width: 992px) {
  .slider,
  .slider .item img {
    height: 640px !important;
    max-height: 720px !important;
  }
}

@media (min-width: 1400px) {
  .slider,
  .slider .item img {
    height: 680px !important;
  }
}

.slider .owl-item.active .item img {
  transform: scale(1.04);
}

/* Nút Chuyển Slide Trái/Phải */
.slider .owl-nav {
  margin: 0 !important;
  position: static;
}

.slider .owl-nav [class*="owl-"] {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: rgba(15, 23, 42, 0.45) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  color: var(--snt-white) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 10;
  opacity: 0.85 !important;
  transition: var(--snt-transition-fast) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

.slider .owl-nav [class*="owl-"].owl-prev {
  left: 28px !important;
}

.slider .owl-nav [class*="owl-"].owl-next {
  right: 28px !important;
}

.slider .owl-nav [class*="owl-"]:hover {
  background: var(--snt-blue-brand) !important;
  border-color: var(--snt-blue-brand) !important;
  color: var(--snt-white) !important;
  opacity: 1 !important;
  transform: translateY(-50%) scale(1.08) !important;
  box-shadow: 0 6px 16px rgba(2, 132, 199, 0.4) !important;
}

/* Thanh Chỉ Mục Slide (Capsule Pill Indicators) */
.slider .owl-dots {
  position: absolute !important;
  bottom: 24px !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  z-index: 10;
}

.slider .owl-dots .owl-dot span {
  width: 24px !important;
  height: 4px !important;
  border-radius: 2px !important;
  background: rgba(255, 255, 255, 0.45) !important;
  border: none !important;
  margin: 0 !important;
  transition: var(--snt-transition-fast) !important;
  opacity: 1 !important;
}

.slider .owl-dots .owl-dot.active span,
.slider .owl-dots .owl-dot:hover span {
  width: 44px !important;
  background: var(--snt-blue-brand) !important;
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.5) !important;
}

/* ==========================================================================
   --- 8. KHỐI GIỚI THIỆU & HOTLINE SUPPORT UPGRADE ---
   ========================================================================== */

/* Cột Giới Thiệu (Bên trái) - Giữ ảnh nền họa tiết mờ cũ */
.about-support .about {
  background-color: var(--snt-bg-hover) !important;
  border-right: 1px solid var(--snt-border-light);
}

/* Tiêu đề chìm watermark SNT & Subtitle GIỚI THIỆU */
.about-support .about .title-wrap .title {
  color: #e2e8f0 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 1px;
}

.about-support .about .title-wrap .desc {
  color: var(--snt-blue-brand) !important;
  font-weight: 700 !important;
  letter-spacing: 1px;
  position: relative;
  display: inline-block;
}

/* Tên Công Ty SNT */
.about-support .about .name {
  color: var(--snt-navy-deep) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 28px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.2px;
  text-decoration: none !important;
  transition: var(--snt-transition-fast);
}

.about-support .about .name:hover {
  color: var(--snt-blue-brand) !important;
}

/* Đoạn Văn Bản Mô Tả */
.about-support .about .content {
  color: #334155 !important;
  font-size: 14.5px !important;
  line-height: 1.75 !important;
}

.about-support .about .content strong {
  color: var(--snt-navy-deep) !important;
  font-weight: 600;
}

/* Cột Hotline Hỗ Trợ (Bên phải) - Phủ Overlay sẫm bảo toàn ảnh nền CMS */
.about-support .support .support-hotline {
  position: relative !important;
  background-position: center bottom !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  color: var(--snt-white) !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
  overflow: hidden;
}

.about-support .support .support-hotline::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.55) 0%, rgba(30, 62, 98, 0.5) 100%);
  z-index: -1;
  pointer-events: none;
}

.about-support .support .support-hotline .title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.5px;
  color: var(--snt-white) !important;
  margin-bottom: 0;
}

/* Nút Nổi Gọi Hotline Call-To-Action (CTA Button) - Fix dẹt & Chuẩn SĐT CMS */
.about-support .support .support-hotline .btn-call {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px;
  background: var(--snt-blue-brand) !important;
  color: var(--snt-white) !important;
  padding: 12px 24px !important;
  border-radius: 50px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  box-shadow: 0 8px 20px rgba(2, 132, 199, 0.35) !important;
  transition: var(--snt-transition-fast) !important;
  width: fit-content !important;
  height: auto !important;
  margin-top: 24px !important;
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
}

.about-support .support .support-hotline .btn-call span {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.25) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  color: var(--snt-white) !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  animation: none !important;
}

/* Xóa bỏ các vòng tròn rung lắc biến dạng cũ từ style.css gốc */
.about-support .support .support-hotline .btn-call::before,
.about-support .support .support-hotline .btn-call::after,
.about-support .support .support-hotline .btn-call span::before,
.about-support .support .support-hotline .btn-call span::after {
  display: none !important;
}

.about-support .support .support-hotline .btn-call strong {
  color: var(--snt-white) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0.5px;
}

.about-support .support .support-hotline .btn-call:hover {
  background: var(--snt-blue-hover) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 26px rgba(2, 132, 199, 0.5) !important;
}

/* Ảnh minh họa bên phải */
.about-support .support .img-box img {
  border-radius: 0;
  transition: transform 0.4s ease;
}

.about-support .support .img-box:hover img {
  transform: scale(1.03);
}

/* ==========================================================================
   --- 9. KHỐI DỊCH VỤ (SERVICES GRID) UPGRADE ---
   ========================================================================== */

/* Nền & Khoảng cách */
.service-video {
  padding-top: 60px !important;
  padding-bottom: 70px !important;
}

/* Tiêu đề & Mô tả Header Box */
.service-video .service .header-box .title-wrap .title {
  color: #e2e8f0 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 1px;
}

.service-video .service .header-box .title-wrap .desc {
  color: var(--snt-blue-brand) !important;
  font-weight: 700 !important;
  letter-spacing: 1px;
}

.service-video .service .header-box .cont {
  color: #475569 !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  font-weight: 500;
}

/* Cấu trúc Thẻ Dịch Vụ (Corporate Service Cards) */
.service-video .service .wrap {
  margin-bottom: 30px;
}

.service-video .service .wrap .item {
  background: var(--snt-white) !important;
  border-radius: 12px !important;
  border: 1px solid var(--snt-border-light) !important;
  box-shadow: var(--snt-card-shadow) !important;
  overflow: hidden;
  transition: var(--snt-transition-fast) !important;
  height: 100%;
}

.service-video .service .wrap .item:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 18px 36px -8px rgba(15, 23, 42, 0.12) !important;
  border-color: rgba(2, 132, 199, 0.35) !important;
}

/* Ảnh Minh Họa Dịch Vụ */
.service-video .service .wrap .item .img-box {
  border-radius: 12px 12px 0 0;
  position: relative;
  overflow: hidden;
}

.service-video .service .wrap .item .img-box a {
  height: 210px !important;
  overflow: hidden;
}

.service-video .service .wrap .item .img-box a img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.service-video .service .wrap .item:hover .img-box a {
  transform: scale(1.06) !important;
}

.service-video .service .wrap .item .img-box:before {
  display: none !important;
}

/* Badge Icon Tròn Nổi Giữa */
.service-video .service .wrap .item .info-box {
  position: relative;
  padding-top: 15px !important;
}

.service-video .service .wrap .item .info-box .img {
  background: var(--snt-blue-brand) !important;
  border: 3px solid var(--snt-white) !important;
  border-radius: 50% !important;
  width: 54px !important;
  height: 54px !important;
  line-height: 48px !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35) !important;
  transition: var(--snt-transition-fast);
}

.service-video .service .wrap .item:hover .info-box .img {
  background: var(--snt-blue-hover) !important;
  transform: translate(-50%, -50%) scale(1.08) !important;
}

.service-video .service .wrap .item .info-box .img img {
  filter: brightness(0) invert(1);
  width: 24px !important;
  height: 24px !important;
}

/* Tiêu Đề Dịch Vụ */
.service-video .service .wrap .item .info-box .name {
  padding-top: 35px !important;
  margin-bottom: 8px !important;
}

.service-video .service .wrap .item .info-box .name a {
  color: var(--snt-navy-deep) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15.5px !important;
  line-height: 1.35 !important;
  transition: var(--snt-transition-fast) !important;
  text-decoration: none !important;
}

.service-video .service .wrap .item .info-box .name a:hover {
  color: var(--snt-blue-brand) !important;
}

/* Đoạn Mô Tả Ngắn Dịch Vụ */
.service-video .service .wrap .item .info-box .content {
  color: var(--snt-text-muted) !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  height: 42px !important;
}

/* ==========================================================================
   --- 10. KHỐI THANH THÔNG TIN & ĐĂNG KÝ (INFO STRIP) UPGRADE ---
   ========================================================================== */
.info-register {
  position: relative !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: var(--snt-navy-deep) !important;
  color: #cbd5e1 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 36px !important;
  padding-bottom: 24px !important;
  z-index: 1;
}

.info-register .item {
  gap: 16px;
}

.info-register .item .img-box {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 50%;
  background: rgba(2, 132, 199, 0.15);
  border: 1px solid rgba(2, 132, 199, 0.35);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: var(--snt-transition-fast);
}

.info-register .item:hover .img-box {
  background: var(--snt-blue-brand);
  border-color: var(--snt-blue-brand);
  transform: scale(1.08);
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.4);
}

.info-register .item .img-box img {
  filter: brightness(0) invert(1);
  max-height: 22px !important;
  width: auto !important;
}

.info-register .item .title .big-title {
  font-size: 12.5px !important;
  text-transform: uppercase;
  color: #94a3b8 !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px;
  margin-bottom: 2px !important;
}

.info-register .item .title .brief,
.info-register .item .title a.brief,
.info-register .item .title div.brief {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: var(--snt-white) !important;
  text-decoration: none !important;
  transition: var(--snt-transition-fast);
  line-height: 1.4 !important;
}

.info-register .item .title a.brief:hover {
  color: #38bdf8 !important;
}

/* Form Đăng ký Email Nhận Tin */
.info-register .register p {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  color: var(--snt-white) !important;
  letter-spacing: 0.5px;
  margin-bottom: 10px !important;
}

.info-register .register form {
  position: relative;
  margin: 0;
}

.info-register .register input.maildk {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 30px !important;
  color: var(--snt-white) !important;
  padding: 10px 48px 10px 20px !important;
  font-size: 13.5px !important;
  height: 44px !important;
  transition: var(--snt-transition-fast) !important;
}

.info-register .register input.maildk::placeholder {
  color: #94a3b8 !important;
}

.info-register .register input.maildk:focus {
  border-color: var(--snt-blue-brand) !important;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.3) !important;
  background: rgba(255, 255, 255, 0.14) !important;
}

.info-register .register button {
  position: absolute !important;
  right: 4px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: var(--snt-blue-brand) !important;
  color: var(--snt-white) !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: var(--snt-transition-fast) !important;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.35) !important;
}

.info-register .register button:hover {
  background: var(--snt-blue-hover) !important;
  transform: translateY(-50%) scale(1.08) !important;
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.5) !important;
}

/* ==========================================================================
   --- 11. KHỐI TẠI SAO CHỌN SNT (WHY CHOOSE US) UPGRADE ---
   ========================================================================== */
.why {
  padding-top: 60px !important;
  padding-bottom: 70px !important;
}

.why .left .header-box .title-wrap .title {
  color: #e2e8f0 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 1px;
}

.why .left .header-box .title-wrap .desc {
  color: var(--snt-blue-brand) !important;
  font-weight: 700 !important;
  letter-spacing: 1px;
}

.why .left img {
  border-radius: 12px !important;
  box-shadow: var(--snt-card-shadow) !important;
  object-fit: cover;
  transition: transform 0.4s ease;
  width: 100%;
}

.why .left img:hover {
  transform: scale(1.02);
}

/* Khoảng cách thoáng giữa Cột Ảnh bên trái và các Thẻ Lý Do bên phải trên Mobile */
@media (max-width: 767.98px) {
  .why .left {
    margin-bottom: 28px !important;
  }
}

.why .right .item {
  background: var(--snt-white) !important;
  border-radius: 10px !important;
  border: 1px solid var(--snt-border-light) !important;
  box-shadow: var(--snt-card-shadow) !important;
  transition: var(--snt-transition-fast) !important;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.why .right .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: var(--snt-blue-brand);
  opacity: 0;
  transition: var(--snt-transition-fast);
}

.why .right .item:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.09) !important;
  border-color: rgba(2, 132, 199, 0.35) !important;
}

.why .right .item:hover::before {
  opacity: 1;
}

.why .right .item .title {
  color: var(--snt-navy-primary) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  letter-spacing: 0.2px;
  text-decoration: none !important;
  transition: var(--snt-transition-fast);
}

.why .right .item:hover .title {
  color: var(--snt-blue-brand) !important;
}

.why .right .item .brief {
  color: var(--snt-text-muted) !important;
  font-size: 13.5px !important;
  line-height: 1.65 !important;
}

/* ==========================================================================
   --- 12. KHỐI ĐỐI TÁC (PARTNERS CAROUSEL) UPGRADE ---
   ========================================================================== */
.comment-partner {
  position: relative !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border-top: 1px solid var(--snt-border-light);
  border-bottom: 1px solid var(--snt-border-light);
  padding: 45px 0 !important;
  z-index: 1;
  overflow: hidden;
}

.comment-partner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(248, 250, 252, 0.2);
  z-index: -1;
  pointer-events: none;
}

.comment-partner .partner .item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 95px;
  padding: 5px 10px;
}

.comment-partner .partner .item a img {
  max-height: 72px !important;
  width: auto !important;
  object-fit: contain;
  filter: brightness(0) invert(1) opacity(0.85);
  transition: var(--snt-transition-fast) !important;
}

.comment-partner .partner .item:hover a img {
  filter: brightness(0) invert(1) opacity(1) !important;
  transform: scale(1.1) !important;
}

.comment-partner .partner .owl-nav [class*="owl-"] {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: var(--snt-white) !important;
  border: 1px solid var(--snt-border-light) !important;
  color: var(--snt-text-muted) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: var(--snt-transition-fast) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

.comment-partner .partner .owl-nav [class*="owl-"]:hover {
  background: var(--snt-blue-brand) !important;
  border-color: var(--snt-blue-brand) !important;
  color: var(--snt-white) !important;
}

/* Ẩn 2 nút Navigation khối Đối tác trên Mobile/Tablet để tránh bị tràn ra 2 biên màn hình */
@media (max-width: 991.98px) {
  .comment-partner .partner .owl-nav {
    display: none !important;
  }
}

/* ==========================================================================
   --- 13. KHỐI TIN TỨC MỚI (HOME NEWS) UPGRADE ---
   ========================================================================== */
/* Bảo toàn ảnh nền CMS & Khoảng cách */
.home-news {
  padding-top: 60px !important;
  padding-bottom: 70px !important;
}

.home-news .header-box .title-wrap .title {
  color: #e2e8f0 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 1px;
}

.home-news .header-box .title-wrap .desc {
  color: var(--snt-blue-brand) !important;
  font-weight: 700 !important;
  letter-spacing: 1px;
}

.home-news .header-box .list-cat a {
  color: var(--snt-blue-brand) !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  letter-spacing: 0.5px;
  padding: 6px 18px;
  border-radius: 20px;
  background: rgba(2, 132, 199, 0.08);
  transition: var(--snt-transition-fast);
  text-decoration: none !important;
}

.home-news .header-box .list-cat a:hover {
  background: var(--snt-blue-brand) !important;
  color: var(--snt-white) !important;
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.3);
}

/* Cấu trúc Flexbox & Padding bao ngoài đảm bảo Đổ Bóng mượt và Nút Navigation không đè thẻ */
.home-news .list-home-news {
  position: relative !important;
  padding: 8px 44px 28px !important;
}

/* Khóa chặt các thẻ chưa navigation tới không bị tràn ra ngoài, vừa đảm bảo bóng đổ chân thẻ không bị cắt */
.home-news .list-home-news .owl-stage-outer {
  overflow: hidden !important;
  padding-top: 8px !important;
  padding-bottom: 24px !important;
  margin-top: -8px !important;
  margin-bottom: -24px !important;
}

.home-news .list-home-news .owl-stage {
  display: flex !important;
}

.home-news .list-home-news .owl-item {
  display: flex !important;
  height: auto !important;
}

.home-news .list-home-news .item_wrap {
  width: 100%;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

.home-news .list-home-news .item {
  background: var(--snt-white) !important;
  border-radius: 12px !important;
  border: 1px solid var(--snt-border-light) !important;
  box-shadow: var(--snt-card-shadow) !important;
  overflow: hidden;
  transition: var(--snt-transition-fast) !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
}

.home-news .list-home-news .item:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.12) !important;
  border-color: rgba(2, 132, 199, 0.35) !important;
}

/* Khung Ảnh & Giới Hạn Lớp Phủ Overlay Gọn Gàng Trong Khung Ảnh (210px) - Xóa margin-bottom 35px gốc */
.home-news .list-home-news .item .img-box {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 12px 12px 0 0 !important;
  height: 210px !important;
  margin-bottom: 0 !important;
}

.home-news .list-home-news .item .img-box .image_inner {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

.home-news .list-home-news .item .img-box .image_inner .img {
  width: 100% !important;
  height: 100% !important;
}

.home-news .list-home-news .item .img-box .image_inner .img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
}

.home-news .list-home-news .item:hover .img-box .image_inner .img img {
  transform: scale(1.06) !important;
}

/* Lớp phủ Overlay tinh tế vừa khít khung ảnh 210px, không bị tràn hay kéo dài */
.home-news .list-home-news .item .img-box .image_inner .overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(15, 23, 42, 0.45) !important;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  opacity: 0 !important;
  visibility: hidden !important;
  transition: var(--snt-transition-fast) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px 12px 0 0 !important;
  pointer-events: none !important;
}

.home-news .list-home-news .item:hover .img-box .image_inner .overlay {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.home-news .list-home-news .item .img-box .image_inner .overlay .icon_position_table {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

.home-news .list-home-news .item .img-box .image_inner .overlay .border_round {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: var(--snt-blue-brand) !important;
  color: var(--snt-white) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.45) !important;
  transition: var(--snt-transition-fast) !important;
  transform: scale(0.8);
  text-decoration: none !important;
}

.home-news .list-home-news .item:hover .img-box .image_inner .overlay .border_round {
  transform: scale(1) !important;
}

.home-news .list-home-news .item .img-box .image_inner .overlay .border_round:hover {
  background: var(--snt-blue-hover) !important;
  transform: scale(1.12) !important;
}

/* Thẻ Ngày Tháng */
.home-news .list-home-news .item .img-box span.date {
  position: absolute !important;
  bottom: 12px !important;
  left: 12px !important;
  z-index: 5 !important;
  background: rgba(15, 23, 42, 0.82) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  color: var(--snt-white) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  pointer-events: none;
}

/* Nội Dung Thẻ Tin Tức - Tiêu đề nằm sát ngay dưới Khung Ảnh */
.home-news .list-home-news .item .item-body {
  padding: 16px 20px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

.home-news .list-home-news .item .item-body .item-title {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

.home-news .list-home-news .item .item-body .item-title a {
  color: var(--snt-navy-deep) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  transition: var(--snt-transition-fast) !important;
  text-decoration: none !important;
}

.home-news .list-home-news .item .item-body .item-title a:hover {
  color: var(--snt-blue-brand) !important;
}

.home-news .list-home-news .item .item-body .content {
  color: var(--snt-text-muted) !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  margin-top: 4px !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* Nút Chuyển Slide Prev / Next (Định vị chuẩn lề ngoài 2px, KHÔNG ĐÈ lên thẻ tin tức) */
.home-news .list-home-news .owl-nav {
  margin: 0 !important;
}

.home-news .list-home-news .owl-nav [class*="owl-"] {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: var(--snt-white) !important;
  border: 1px solid var(--snt-border-light) !important;
  color: var(--snt-navy-deep) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 20 !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.14) !important;
  transition: var(--snt-transition-fast) !important;
  margin: 0 !important;
  opacity: 0.95 !important;
}

.home-news .list-home-news .owl-nav .owl-prev {
  left: -2px !important;
}

.home-news .list-home-news .owl-nav .owl-next {
  right: -2px !important;
}

@media (min-width: 1200px) {
  .home-news .list-home-news .owl-nav .owl-prev {
    left: -2px !important;
  }
  .home-news .list-home-news .owl-nav .owl-next {
    right: -2px !important;
  }
}

.home-news .list-home-news .owl-nav [class*="owl-"]:hover {
  background: var(--snt-blue-brand) !important;
  border-color: var(--snt-blue-brand) !important;
  color: var(--snt-white) !important;
  opacity: 1 !important;
  transform: translateY(-50%) scale(1.08) !important;
  box-shadow: 0 6px 18px rgba(2, 132, 199, 0.4) !important;
}

@media (max-width: 991.98px) {
  .home-news .list-home-news {
    padding: 8px 15px 28px !important;
  }
  .home-news .list-home-news .owl-stage-outer {
    overflow: visible !important;
  }
  .home-news .list-home-news .owl-nav {
    display: none !important;
  }
}



/* ==========================================================================
   --- 14. KHỐI FOOTER CHUYÊN NGHIỆP UPGRADE ---
   ========================================================================== */
footer {
  position: relative !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  color: #94a3b8 !important;
  padding-top: 60px !important;
  border-top: 3px solid var(--snt-blue-brand);
  font-size: 13.5px;
  z-index: 1;
  overflow: hidden;
}

footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.55) 0%, rgba(15, 23, 42, 0.65) 100%);
  z-index: -1;
  pointer-events: none;
}

footer .logo-footer-wrap {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

footer .logo-footer img {
  max-height: 60px !important;
  width: auto !important;
}

footer .company-info .name {
  color: var(--snt-white) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: 0.3px;
}

footer .company-info p {
  color: #cbd5e1 !important;
  line-height: 1.6;
  margin-bottom: 8px !important;
}

footer .company-info i {
  color: var(--snt-blue-brand) !important;
  width: 20px;
  text-align: center;
  margin-right: 6px;
}

footer .company-info a {
  color: #cbd5e1 !important;
  text-decoration: none !important;
  transition: var(--snt-transition-fast);
}

footer .company-info a:hover {
  color: #38bdf8 !important;
}

footer .menu .title {
  color: var(--snt-white) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 16px !important;
}

footer .menu .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 2px;
  background: var(--snt-blue-brand);
}

footer .menu ul li a {
  color: #94a3b8 !important;
  font-size: 13.5px !important;
  transition: var(--snt-transition-fast) !important;
  text-decoration: none !important;
  display: inline-block;
}

footer .menu ul li a:hover {
  color: #38bdf8 !important;
  transform: translateX(4px);
}

footer .copyright {
  background: rgba(0, 0, 0, 0.25) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  margin-top: 40px;
  color: #64748b;
  font-size: 13px;
}

footer .copyright #gototop {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: var(--snt-white) !important;
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px !important;
  transition: var(--snt-transition-fast);
  cursor: pointer;
}

footer .copyright #gototop:hover {
  background: var(--snt-blue-brand) !important;
  border-color: var(--snt-blue-brand) !important;
  transform: translateY(-2px);
}

/* ==========================================================================
   --- 15. KHỐI TRANG CON & BÀI VIẾT (SUBPAGES & ARTICLE LAYOUT) UPGRADE ---
   ========================================================================== */

/* 15.1. Banner Đầu Trang Con & Breadcrumb (.navbar-banner) */
.navbar-banner {
  position: relative !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  padding: 50px 0 45px 0 !important;
  min-height: 200px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  z-index: 1;
}

.navbar-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.45) 0%, rgba(15, 23, 42, 0.65) 100%);
  z-index: -1;
  pointer-events: none;
}

.navbar-banner .header-title {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  color: var(--snt-white) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  font-size: 26px !important;
  text-align: center !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 16px 0 !important;
  float: none !important;
  display: block !important;
  width: 100% !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

@media (min-width: 992px) {
  .navbar-banner .header-title {
    font-size: 32px !important;
  }
}

/* Dải Điều Hướng Breadcrumb (.breadcrumbs-box) - Căn giữa chuẩn dưới tiêu đề, không bao giờ đè chữ */
.navbar-banner .breadcrumbs-box {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  width: 100% !important;
  float: none !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.navbar-banner .breadcrumbs-box .container {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
}

.navbar-banner .breadcrumbs-box .breadcrumb {
  background: rgba(15, 23, 42, 0.55) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 30px !important;
  padding: 6px 20px !important;
  margin: 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
  float: none !important;
}

.navbar-banner .breadcrumbs-box .breadcrumb li {
  color: #cbd5e1 !important;
  font-size: 13px !important;
  font-weight: 500;
  display: inline-flex !important;
  align-items: center !important;
}

.navbar-banner .breadcrumbs-box .breadcrumb li i {
  color: var(--snt-blue-brand) !important;
  margin-right: 4px;
}

.navbar-banner .breadcrumbs-box .breadcrumb li a {
  color: #cbd5e1 !important;
  text-decoration: none !important;
  transition: var(--snt-transition-fast);
}

.navbar-banner .breadcrumbs-box .breadcrumb li a:hover {
  color: #38bdf8 !important;
}

.navbar-banner .breadcrumbs-box .breadcrumb li + li::before {
  color: #64748b !important;
  padding: 0 6px !important;
}

/* 15.2. Khung Nội Dung Bài Viết CMS (.content .left) */
section.content {
  background: #f8fafc !important;
  padding-top: 40px !important;
  padding-bottom: 60px !important;
}

section.content .left .box-shadow.bg_white {
  background: var(--snt-white) !important;
  border-radius: 12px !important;
  border: 1px solid var(--snt-border-light) !important;
  box-shadow: var(--snt-card-shadow) !important;
  padding: 28px 32px !important;
}

/* Tiêu đề Bài viết h1.title */
section.content .left h1.title {
  color: var(--snt-navy-deep) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 1.4 !important;
  position: relative;
  padding-bottom: 12px !important;
  margin-bottom: 24px !important;
  border-bottom: 2px solid var(--snt-blue-brand);
}

@media (min-width: 992px) {
  section.content .left h1.title {
    font-size: 28px !important;
  }
}

/* Chuẩn hóa Trình Soạn Thảo Nội Dung CMS (.editor-box.content-page) */
section.content .left .editor-box {
  color: #334155 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}

section.content .left .editor-box p {
  margin-bottom: 16px !important;
  color: #334155 !important;
  line-height: 1.75 !important;
}

section.content .left .editor-box h1,
section.content .left .editor-box h2,
section.content .left .editor-box h3,
section.content .left .editor-box h4 {
  color: var(--snt-navy-deep) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  margin-top: 24px !important;
  margin-bottom: 12px !important;
}

section.content .left .editor-box img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08) !important;
  margin: 12px 0 !important;
}

section.content .left .editor-box blockquote {
  border-left: 4px solid var(--snt-blue-brand) !important;
  background: #f1f5f9 !important;
  padding: 14px 20px !important;
  border-radius: 0 8px 8px 0 !important;
  font-style: italic;
  margin: 16px 0 !important;
}

section.content .left .editor-box table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 16px 0 !important;
  border-radius: 8px !important;
  overflow: hidden;
}

section.content .left .editor-box table th {
  background: var(--snt-navy-deep) !important;
  color: var(--snt-white) !important;
  padding: 10px 14px !important;
  font-weight: 600;
}

section.content .left .editor-box table td {
  padding: 10px 14px !important;
  border: 1px solid var(--snt-border-light) !important;
}

/* 15.3. Cột Sidebar Bên Phải (.side-right / .widget-box) UPGRADE */
.side-right .widget-box,
.slidebar .widget-box,
section.content .right .box-shadow,
section.content .right .slidebar,
section.content .right .news-list,
section.content .right .cat-menu,
section.content .right .box-news {
  background: var(--snt-white) !important;
  border-radius: 12px !important;
  border: 1px solid var(--snt-border-light) !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05) !important;
  padding: 22px !important;
  margin-bottom: 24px !important;
  transition: var(--snt-transition-fast) !important;
}

.side-right .widget-box:hover,
.slidebar .widget-box:hover,
section.content .right .box-shadow:hover {
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.09) !important;
  border-color: rgba(2, 132, 199, 0.3) !important;
}

/* Tiêu đề Widget Sidebar (h6.widget-title) - ĐỒNG BỘ 1 MÀU XANH DUY NHẤT */
.side-right h6.widget-title,
.side-right .widget-title,
.slidebar h6.widget-title,
.widget-box .widget-title,
section.content .right .title,
section.content .right .cat-menu .title,
section.content .right h3.title,
section.content .right h4.title {
  color: var(--snt-navy-deep) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: relative !important;
  padding-bottom: 10px !important;
  margin-bottom: 18px !important;
  border-bottom: 2px solid #e2e8f0 !important;
}

.side-right h6.widget-title::before,
.side-right .widget-title::before,
.slidebar h6.widget-title::before,
.widget-box .widget-title::before,
section.content .right .title::before {
  display: none !important; /* Hủy vạch màu mặc định của theme gốc */
}

.side-right h6.widget-title::after,
.side-right .widget-title::after,
.slidebar h6.widget-title::after,
.widget-box .widget-title::after,
section.content .right .title::after {
  content: "" !important;
  position: absolute !important;
  bottom: -2px !important;
  left: 0 !important;
  width: 38px !important;
  height: 2px !important;
  background: var(--snt-blue-brand) !important; /* 1 màu xanh thương hiệu duy nhất */
}

/* Danh mục Menu Sidebar (.list-box ul li a) */
.side-right .list-box ul,
.slidebar .list-box ul,
section.content .right .cat-menu ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.side-right .list-box ul li,
.slidebar .list-box ul li,
section.content .right .cat-menu ul li {
  border-bottom: 1px dashed #e2e8f0 !important;
  padding: 0 !important;
  transition: var(--snt-transition-fast);
}

.side-right .list-box ul li:last-child,
.slidebar .list-box ul li:last-child,
section.content .right .cat-menu ul li:last-child {
  border-bottom: none !important;
}

.side-right .list-box ul li a,
.slidebar .list-box ul li a,
section.content .right .cat-menu ul li a {
  color: #334155 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 11px 0 !important;
  display: block !important;
  transition: var(--snt-transition-fast) !important;
  text-decoration: none !important;
}

.side-right .list-box ul li a:hover,
.slidebar .list-box ul li a:hover,
section.content .right .cat-menu ul li a:hover {
  color: var(--snt-blue-brand) !important;
  padding-left: 8px !important;
}

/* Khối Tin Tức Mới Sidebar (.list-news-latest .item-article) */
.side-right .list-news-latest .item-article,
.side-right .item-article,
section.content .right .news-list .item,
section.content .right .box-news .item {
  display: flex !important;
  gap: 12px !important;
  padding-bottom: 12px !important;
  margin-bottom: 12px !important;
  border-bottom: 1px dashed #e2e8f0 !important;
  align-items: center !important;
}

.side-right .list-news-latest .item-article:last-child,
.side-right .item-article:last-child,
section.content .right .news-list .item:last-child {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  border-bottom: none !important;
}

/* Ảnh Thu Nhỏ Thumbnail (.post-image) - Thu gọn lề rộng sang 68px để nhường thêm không gian cho Tiêu đề bài viết */
.side-right .item-article .post-image,
section.content .right .news-list .item .img-box {
  width: 68px !important;
  height: 52px !important;
  min-width: 68px !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  position: relative !important;
  float: none !important;
  margin: 0 !important;
}

.side-right .item-article .post-image a,
.side-right .item-article .post-image img,
section.content .right .news-list .item .img-box img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.3s ease !important;
}

.side-right .item-article:hover .post-image img {
  transform: scale(1.08) !important;
}

/* Nội Dung Tiêu Đề Bài Viết (.post-content) - Thu nhỏ cỡ chữ xuống 12.5px, line-height 1.35 để chứa được nhiều chữ hơn trên 2 dòng */
.side-right .item-article .post-content,
section.content .right .news-list .item .info-box {
  flex: 1 !important;
  float: none !important;
  width: auto !important;
  padding: 0 !important;
}

.side-right .item-article .post-content .title,
.side-right .item-article .post-content .title a,
section.content .right .news-list .item .name a {
  color: var(--snt-navy-deep) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.1px !important;
  transition: var(--snt-transition-fast) !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin-bottom: 3px !important;
  border: none !important;
  padding: 0 !important;
}

.side-right .item-article:hover .post-content .title a {
  color: var(--snt-blue-brand) !important;
}

/* Ngày Tháng Bài Viết (.post-content .date) */
.side-right .item-article .post-content .date,
section.content .right .news-list .item .date {
  color: #94a3b8 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.side-right .item-article .post-content .date i {
  color: var(--snt-blue-brand) !important;
}

/* 15.4. Tối ưu Responsive Mobile trên Trang Con */
@media (max-width: 991.98px) {
  .navbar-banner {
    min-height: 200px !important;
    padding: 48px 15px 36px 15px !important;
  }

  .navbar-banner .header-title {
    font-size: 22px !important;
    margin-bottom: 12px !important;
  }

  section.content .left .box-shadow.bg_white {
    padding: 20px 16px !important;
  }

  section.content .left h1.title {
    font-size: 20px !important;
  }
}

/* ==========================================================================
   --- 16. KHỐI NÂNG CẤP TRANG DANH SÁCH DỊCH VỤ & TIN TỨC (LISTING PAGES) ---
   ========================================================================== */

/* Lưới Flexbox đồng đều chiều cao thẻ */
section.content.news .list-news {
  display: flex !important;
  flex-wrap: wrap !important;
}

section.content.news .list-news > [class*="col-"] {
  display: flex !important;
  flex-direction: column !important;
}

/* Thẻ Dịch Vụ Trắng Nổi Bo Góc 12px */
section.content.news .list-news .item {
  background: var(--snt-white) !important;
  border-radius: 12px !important;
  border: 1px solid var(--snt-border-light) !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  transition: var(--snt-transition-fast) !important;
}

section.content.news .list-news .item:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.12) !important;
  border-color: rgba(2, 132, 199, 0.35) !important;
}

/* Khung Ảnh Cố Định 210px */
section.content.news .list-news .item .img-box {
  position: relative !important;
  height: 210px !important;
  overflow: hidden !important;
  margin-bottom: 0 !important;
}

section.content.news .list-news .item .img-box .image_inner {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

section.content.news .list-news .item .img-box img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
}

section.content.news .list-news .item:hover .img-box img {
  transform: scale(1.06) !important;
}

/* Thẻ Ngày Tháng Nổi Bên Trái (Định vị góc trái dưới, không tràn width, đồng bộ như trang chủ) */
section.content.news .list-news .item .img-box .date {
  position: absolute !important;
  bottom: 12px !important;
  left: 12px !important;
  right: auto !important;
  z-index: 5 !important;
  background: rgba(15, 23, 42, 0.82) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  display: inline-flex !important;
  width: auto !important;
  max-width: fit-content !important;
  height: auto !important;
  line-height: 1 !important;
  gap: 4px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  pointer-events: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

section.content.news .list-news .item .img-box .date .utm {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  line-height: 1 !important;
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}

section.content.news .list-news .item .img-box .date .utm + .utm::before {
  content: "/";
  margin-right: 4px;
  opacity: 0.7;
  font-size: 11px !important;
}

/* Thân Thẻ & Giới Hạn 3 Dòng */
section.content.news .list-news .item .item-body {
  padding: 22px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

/* Capsule Tag Dịch vụ */
section.content.news .list-news .item .item-body .cat {
  display: inline-block !important;
  background: rgba(2, 132, 199, 0.08) !important;
  color: var(--snt-blue-brand) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 3px 12px !important;
  border-radius: 20px !important;
  margin-bottom: 10px !important;
  width: fit-content !important;
  text-decoration: none !important;
}

section.content.news .list-news .item .item-body .item-title {
  margin: 0 0 8px 0 !important;
}

section.content.news .list-news .item .item-body .item-title a {
  color: var(--snt-navy-deep) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  transition: var(--snt-transition-fast) !important;
}

section.content.news .list-news .item .item-body .item-title a:hover {
  color: var(--snt-blue-brand) !important;
}

section.content.news .list-news .item .item-body .content {
  color: var(--snt-text-muted) !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  margin-top: 4px !important;
  margin-bottom: 12px !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* Nút Xem thêm trượt sinh động */
section.content.news .list-news .item .item-body p.text-right {
  margin-top: auto !important;
  padding-top: 14px !important;
  border-top: 1px dashed #e2e8f0 !important;
}

section.content.news .list-news .item .item-body p.text-right a {
  color: var(--snt-blue-brand) !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: var(--snt-transition-fast) !important;
}

section.content.news .list-news .item .item-body p.text-right a i {
  transition: transform 0.2s ease !important;
}

section.content.news .list-news .item .item-body p.text-right a:hover i {
  transform: translateX(4px) !important;
}

/* ==========================================================================
   --- 17. NÂNG CẤP GIAO DIỆN PHÂN TRANG (PAGINATION UPGRADE) ---
   ========================================================================== */

ul.pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-top: 36px !important;
  margin-bottom: 12px !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
}

ul.pagination li,
ul.pagination li.active,
ul.pagination li.prev,
ul.pagination li.next,
ul.pagination li.disabled {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

ul.pagination li a,
ul.pagination li span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 40px !important;
  height: 40px !important;
  padding: 0 14px !important;
  border-radius: 8px !important;
  background: var(--snt-white) !important;
  border: 1px solid var(--snt-border-light) !important;
  color: var(--snt-navy-deep) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  transition: var(--snt-transition-fast) !important;
  line-height: 1 !important;
}

/* Trang Đang Chọn (Active Page) */
ul.pagination li.active a,
ul.pagination li.active span {
  background: var(--snt-blue-brand) !important;
  border-color: var(--snt-blue-brand) !important;
  color: var(--snt-white) !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35) !important;
  transform: translateY(-1px) !important;
}

/* Trang Thường Khi Rê Chuột (Hover State) */
ul.pagination li:not(.disabled):not(.active) a:hover {
  background: #f0f7ff !important;
  border-color: var(--snt-blue-brand) !important;
  color: var(--snt-blue-brand) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.2) !important;
}

/* Nút Bị Vô Hiệu Hóa (Disabled - Nút Trước/Sau ở trang đầu/cuối) */
ul.pagination li.disabled a,
ul.pagination li.disabled span {
  background: #f1f5f9 !important;
  border-color: #e2e8f0 !important;
  color: #94a3b8 !important;
  cursor: not-allowed !important;
  opacity: 0.65 !important;
  box-shadow: none !important;
}

/* Nút Trước & Tiếp (Prev / Next) */
ul.pagination li.prev a,
ul.pagination li.prev span,
ul.pagination li.next a,
ul.pagination li.next span {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  padding: 0 16px !important;
}

/* ==========================================================================
   --- 18. NÂNG CẤP GIAO DIỆN TRANG LIÊN HỆ (CONTACT PAGE UPGRADE) ---
   ========================================================================== */

/* Khung Container Thẻ Liên Hệ */
section.content.contact .contact-form {
  background: var(--snt-white) !important;
  border-radius: 16px !important;
  border: 1px solid var(--snt-border-light) !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08) !important;
  padding: 36px 28px !important;
}

/* Tiêu Đề Công Ty */
section.content.contact .info .title {
  color: var(--snt-navy-deep) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  position: relative !important;
  padding-bottom: 12px !important;
  margin-bottom: 20px !important;
}

section.content.contact .info .title::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 38px !important;
  height: 3px !important;
  background: var(--snt-blue-brand) !important;
  border-radius: 2px !important;
}

/* Thẻ Thông Tin (Địa chỉ, Hotline, Email) Dạng Card */
section.content.contact .info .add,
section.content.contact .info .phone,
section.content.contact .info .email {
  background: #f8fafc !important;
  border: 1px solid var(--snt-border-light) !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  margin-bottom: 12px !important;
  color: var(--snt-text-main) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  transition: var(--snt-transition-fast) !important;
}

section.content.contact .info .add:hover,
section.content.contact .info .phone:hover,
section.content.contact .info .email:hover {
  background: #f0f7ff !important;
  border-color: rgba(2, 132, 199, 0.3) !important;
  transform: translateX(4px) !important;
}

/* Icon Badge Tròn Xanh Nổi Bật */
section.content.contact .info .add i,
section.content.contact .info .phone i,
section.content.contact .info .email i {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 50% !important;
  background: rgba(2, 132, 199, 0.1) !important;
  color: var(--snt-blue-brand) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
  margin: 0 !important;
}

section.content.contact .info a {
  color: var(--snt-navy-deep) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: var(--snt-transition-fast) !important;
}

section.content.contact .info a:hover {
  color: var(--snt-blue-brand) !important;
}

/* Nút Gửi Form */
section.content.contact .contact-form .btn-submit {
  background: var(--snt-blue-brand) !important;
  color: var(--snt-white) !important;
  border-radius: 8px !important;
  padding: 12px 32px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35) !important;
  transition: var(--snt-transition-fast) !important;
  cursor: pointer !important;
}

section.content.contact .contact-form .btn-submit:hover {
  background: var(--snt-blue-hover) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(2, 132, 199, 0.45) !important;
}

/* Khung Bản Đồ Google Maps Bo Góc 12px */
#mapcont {
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid var(--snt-border-light) !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06) !important;
  height: 380px !important;
  margin-top: 20px !important;
}

/* ==========================================================================
   --- 19. NÂNG CẤP KHỐI BÀI VIẾT LIÊN QUAN TRANG CHI TIẾT (.news-latest) ---
   ========================================================================== */

/* Tiêu Đề Khối Bài Viết Liên Quan */
section.content .left .news-latest {
  margin-top: 40px !important;
  padding-top: 24px !important;
  border-top: 1px solid var(--snt-border-light) !important;
}

section.content .left .news-latest > .font-weight-bold {
  color: var(--snt-navy-deep) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: 0.3px;
  position: relative !important;
  padding-bottom: 10px !important;
  margin-bottom: 20px !important;
}

section.content .left .news-latest > .font-weight-bold::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 36px !important;
  height: 3px !important;
  background: var(--snt-blue-brand) !important;
  border-radius: 2px !important;
}

/* Flexbox Đồng Đều Chiều Cao 4 Thẻ Liên Quan */
section.content .left .news-latest .row.list {
  display: flex !important;
  flex-wrap: wrap !important;
}

section.content .left .news-latest .row.list > [class*="col-"] {
  display: flex !important;
  flex-direction: column !important;
}

/* Thẻ Bài Viết Bo Góc 10px & Bóng Đổ Dịu (Xóa sạch padding/margin/viền đen cũ của theme) */
section.content .left .news-latest .item {
  background: var(--snt-white) !important;
  border-radius: 10px !important;
  border: 1px solid var(--snt-border-light) !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: var(--snt-transition-fast) !important;
}

section.content .left .news-latest .item:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.1) !important;
  border-color: rgba(2, 132, 199, 0.35) !important;
}

/* Khung Ảnh Cố Định 130px Tràn Viền (Loại bỏ hoàn toàn viền đen & padding cũ) */
section.content .left .news-latest .item .img-box,
section.content .left .news-latest .item .img-box .img,
section.content .left .news-latest .item .img-box a {
  height: 130px !important;
  overflow: hidden !important;
  position: relative !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  border-radius: 10px 10px 0 0 !important;
  box-shadow: none !important;
}

section.content .left .news-latest .item .img-box .img {
  width: 100% !important;
  height: 100% !important;
  opacity: 1 !important;
  filter: none !important;
}

section.content .left .news-latest .item:hover .img-box,
section.content .left .news-latest .item:hover .img-box .img,
section.content .left .news-latest .item:hover .img-box a {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

section.content .left .news-latest .item .img-box img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 10px 10px 0 0 !important;
  transition: transform 0.4s ease !important;
}

section.content .left .news-latest .item:hover .img-box img {
  transform: scale(1.06) !important;
  filter: none !important;
  border: none !important;
}

/* Thân Thẻ & Tiêu Đề Bài Viết Cắt 2 Dòng */
section.content .left .news-latest .item .item-body {
  padding: 12px 14px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  margin-top: 0 !important;
}

section.content .left .news-latest .item .item-title {
  color: var(--snt-navy-deep) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  transition: var(--snt-transition-fast) !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

section.content .left .news-latest .item:hover .item-title {
  color: var(--snt-blue-brand) !important;
}