/*
Theme Name: Hello Elementor Child 02
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1763613509
Updated: 2025-11-20 04:38:29

*/

.cta-red-wrapper {
    display: flex;
    background-color: #ed1002;
    color: #fff;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    min-height: 130px;
    gap: 10px;
    padding: 28px 100px;
}
.cta-red-text {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.cta-red-title {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}
.cta-red-sub {
    font-size: 18px;
    color: #fff;
}
.cta-red-btn-wrap {
    display: flex;
    align-items: center;
}
.cta-red-btn {
    text-decoration: none;
    white-space: nowrap;
    border: 2px solid #fff;
    display: flex;
    font-size: 18px;
    font-weight: bold;
    background-color: #fff;
    color: #ed1002;
    height: 53px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    width: 221px;
    justify-content: center;
    align-items: center;
}
.cta-red-btn:hover {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
}
@media (max-width: 1024px) {
.cta-red-wrapper {
    text-align: center;
    flex-direction: column;
    padding: 20px;
}
.cta-red-btn-wrap {
    margin-top: 10px;
}
}
/* ===== FOOTER FIOTEC ===== */




/* Các cột */
.fiotec-col {
  font-size: 12px;
  color: #005F73;
}

/* CỘT TRÁI: logo + nút */
.fiotec-left {
  flex: 0 0 25%;         /* ~3/12 */
  max-width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.fiotec-logo-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.fiotec-logo-small {
  width: 56px;
  height: 56px;
  object-fit: contain;
}

.fiotec-logo-large {
  width: 165px;
  height: 70px;
  object-fit: contain;
}

.fiotec-login-btn {
  align-items: center;
  justify-content: center;
  padding: 10px 22px;
  border-radius: 8px;
  background: #ED1002;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 12px;
  text-decoration: none;
  border: 2px solid #ED1002;
  transition: .2s;
}

.fiotec-login-btn:hover {
  background: #FFFFFF;
  color: #F44336;
}

/* CỘT GIỮA: liên hệ */
.fiotec-contact {
  flex: 0 0 50%;         /* ~6/12 */
  max-width: 50%;
}

.fiotec-section-title {
  font-weight: 700;
  color: #ED1002;
  font-size: 12px;
  margin-bottom: 18px;
}

.fiotec-company {
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 18px;
}

.fiotec-row,
.fiotec-row-group .fiotec-row {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 10px;
}

.fiotec-row a {
  color: #005F73;
  text-decoration: none;
}

.fiotec-row a:hover {
  text-decoration: underline;
}

/* Hàng thứ 2: CEO – SĐT – Email luôn trên 1 dòng (desktop) */
.fiotec-row-group {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr; /* 3 “cột”: CEO – SĐT – Email */
  column-gap: 40px;                   /* chỉnh khoảng cách ngang ở đây */
  row-gap: 0;
  align-items: center;
}

.fiotec-row-group .fiotec-row {
  margin-bottom: 0;  /* không cần flex nữa, grid lo rồi */
}




.fiotec-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

/* CỘT PHẢI: link “Về chúng tôi” */
.fiotec-links {
  flex: 0 0 25%;         /* ~3/12 */
  max-width: 25%;
}
.fiotec-links-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 150px;
}

.fiotec-link-item {
  display: flex;
  align-items: center;
  gap: 16px;
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 12px;
}

.fiotec-bullet {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #005F73;
}

.fiotec-link-item a {
  color: #005F73;
  text-decoration: none;
}

.fiotec-link-item a:hover {
  text-decoration: underline;
}

/* ===== Responsive ===== */
@media (max-width: 1024px) {
  .fiotec-footer-inner {
    padding: 24px 20px 32px;
    flex-direction: column;
    align-items: flex-start;
  }

  .fiotec-left,
  .fiotec-contact,
  .fiotec-links {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .fiotec-row-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
}
/* ===== Footer FIOTEC full-width background ===== */

/* ===== Footer FIOTEC full-width background ===== */



/* Inner chỉ việc giữ max-width, căn giữa như bình thường */
.fiotec-footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 60px 40px;  
  display: flex;
  flex-wrap: nowrap;
  gap: 30px;
  justify-content: flex-end;
  align-items: flex-start;
  box-sizing: border-box;
  color: black;
}
/* Ghi đè max-width 1140px của Hello Elementor cho riêng footer FIOTEC */
@media (min-width: 1200px) {
  /* Bản thân thẻ <footer> */
  .site-footer.fiotec-footer {
    max-width: 100% !important;
  }

  /* Div .fiotec-footer-inner bên trong (thay thế .footer-inner của theme) */
  .site-footer.fiotec-footer .fiotec-footer-inner {
    max-width: 100% !important;
  }
}
.fiotec-company, .fiotec-row{
	color: black;
}

/* ===== FIOTEC HEADER – ALIGN MENU NHƯ MẪU ===== */

/* Nav chiếm phần giữa, căn giữa theo chiều ngang */
.fiotec-header-nav {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
}

/* UL của menu: hiển thị ngang, bỏ bullet */
.fiotec-header-nav ul {
  display: flex;
  align-items: center;
  gap: 40px;              /* chỉnh khoảng cách giữa các mục menu */
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Không cho li thêm khoảng cách lung tung */
.fiotec-header-nav li {
  margin: 0;
  padding: 0;
}

/* Link menu: font + màu giống mẫu */
.fiotec-header-nav a {
  font-size: 18px;
  font-weight: 600;
  color: black;         /* xanh đậm */
  text-decoration: none;
  white-space: nowrap;
  transition: color .2s;
}

/* Hover và trang đang active -> màu đỏ */
.fiotec-header-nav a:hover,
.fiotec-header-nav .current-menu-item > a,
.fiotec-header-nav .current_page_item > a {
  color: #ED1002;
}
/* Logo FIOTEC gọn lại giống hình mẫu */
.fiotec-logo-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}

/* Nếu không muốn dòng chữ Global Alert System lặp lại dưới logo */
.fiotec-logo-sub {
  display: none;   /* hoặc font-size: 12px; margin-top: 2px; nếu muốn giữ mà nhỏ lại */
}
.fiotec-header-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 40px;   /* bạn có thể giảm / tăng tuỳ ý */
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  box-sizing: border-box;
}
/* ===== HEADER FIOTEC – CANH GIỐNG MẪU ===== */

/* Khung header */
.fiotec-header {
  background: #ffffff;
  border-bottom: 1px solid #d9d9d9;
}

/* Container bên trong: mỏng và căn giữa */
.fiotec-header-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 40px;          /* GIẢM padding trên/dưới ở đây */
  display: flex;
  align-items: center;         /* căn giữa theo chiều dọc */
  justify-content: space-between;
  gap: 40px;
  box-sizing: border-box;
}

/* CỘT TRÁI: logo FIOTEC + Mobifone đều nằm ngang */
.fiotec-header-left {
  display: flex;
  align-items: center;
  gap: 24px;
}

/* Logo FIOTEC (shield + chữ) xếp ngang */
.fiotec-logo-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* Thu nhỏ shield */
.fiotec-logo-shield {
  width: 72px;
  height: auto;
}





.fiotec-flag-img {
  width: 30px;
  height: auto;
}


/* Container bên trong: 3 cột auto | 1fr | auto */
.fiotec-header-inner {
  max-width: 100%;
  margin: 0;
  padding: 10px 40px;
  display: grid;
  grid-template-columns: auto 1fr auto;  /* trái | giữa | phải */
  column-gap: 40px;
  align-items: center;
  box-sizing: border-box;
}

/* ===== CỘT TRÁI: 3 LOGO ===== */
.fiotec-header-left {
  display: flex;
  align-items: center;
  gap: 20px;          /* khoảng cách giữa 3 logo */
}

/* Logo hình khiên */
.fiotec-logo-shield {
  height: 56px;
  width: auto;
  border-radius: 10px;
}

/* Logo chữ FIOTEC + Global Alert System */
.fiotec-logo-word {
  height: 80px;
  width: auto;
  
}

/* Logo Mobifone */
.fiotec-logo-mobi {
  height: 100px;
  width: auto;
}

/* Đảm bảo theme không bóp logo */
.fiotec-header-left img {
  max-width: none;
}

/* ===== CỘT GIỮA: MENU ===== */
.fiotec-header-nav {
  display: flex;
  justify-content: flex-end;
}

.fiotec-header-nav ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;              /* giảm từ 40px -> 30px cho đỡ chật */
  list-style: none;
  margin: 0;
  padding: 0;
}

.fiotec-header-nav li {
  margin: 0;
  padding: 0;
}

.fiotec-header-nav a {
  font-size: 18px;
  font-weight: 600;
  color: #005f73;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s;
}

.fiotec-header-nav a:hover,
.fiotec-header-nav .current-menu-item > a,
.fiotec-header-nav .current_page_item > a {
  color: #ed1002;
}

/* ===== CỘT PHẢI: ĐĂNG NHẬP + CỜ ===== */
.fiotec-header-right {
  display: flex;
  align-items: center;
  gap: 16px;
}

.fiotec-login-btn {
  padding: 11px 22px;
  border-radius: 8px;
  background: #ed1002;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.fiotec-login-btn:hover {
  background: #f44336;
}

.fiotec-flag-btn {
  width: 52px;
  height: 36px;
  padding: 0;
  border-radius: 15px;
  border: none;
  background: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.fiotec-flag-img {
  width: 30px;
  height: auto;
}
/* HEADER FIOTEC FULL-WIDTH, KHÔNG CHỪA MÉP 2 BÊN */
.site-header.fiotec-header.header-full-width {
  width: 100vw;              /* full theo viewport */
  max-width: 100vw !important;
  margin: 0 !important;      /* không margin hai bên */
  padding: 0 !important;     /* không padding */
}

/* Container bên trong cũng full, không padding ngang */
.fiotec-header-inner {
  width: 100%;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0px 10px;           /* chỉ giữ padding trên/dưới; 
                                nếu muốn sát hẳn thì để 0 */
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  box-sizing: border-box;
}

/* Đảm bảo body / page không chèn margin ngoài cùng */
body,
#page {
  margin: 0;
  padding: 0;
}
/* ===== MENU GIỮA – HOVER NGUYÊN Ô ===== */

/* Mặc định link menu */
.fiotec-header-nav ul {
  display: flex;
  align-items: stretch;   /* cho các item cao đều */
  gap: 0;                 /* giống site chính, không khe trắng */
  list-style: none;
  margin: 0;
  padding: 0;
}

.fiotec-header-nav li {
  margin: 0;
  padding: 0;
}

/* Biến <a> thành block có padding, toàn bộ ô đều click được */
.fiotec-header-nav a {
  display: block;
  padding: 18px 24px;     /* chỉnh cho giống chiều cao/ rộng bạn muốn */
  font-size: 17px;
  font-weight: 600;
  color: #005f73;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .2s, color .2s;
}

/* Hover & trang đang active: nền xanh nhạt + chữ đỏ */
.fiotec-header-nav a:hover,
.fiotec-header-nav .current-menu-item > a,
.fiotec-header-nav .current_page_item > a {
  background-color: #e7f7ff;   /* xanh nhạt giống fiotec.vn */
  color: #ed1002;
}
.fiotec-header-nav,
.fiotec-header-nav ul,
.fiotec-header-nav li {
  height: 100%;
}

/* Link menu chiếm trọn chiều cao li */
.fiotec-header-nav a {
  display: flex;
  align-items: center;          /* căn giữa theo chiều dọc */
  height: 100%;
  padding: 0 32px;              /* chỉnh độ rộng “ô” menu ở đây */
  font-size: 18px;
  font-weight: 600;
  color: #005f73;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .2s, color .2s;
}

/* Hover & active: nền xanh nhạt, cao bằng header luôn */
.fiotec-header-nav li:hover > a,
.fiotec-header-nav li.current-menu-item > a,
.fiotec-header-nav li.current_page_item > a {
  background-color: #e6f7ff;    /* màu xanh nhạt giống trang chính */
  color: #005f73;
}
/* Header full-width, không padding 2 bên */
.site-header.fiotec-header.header-full-width {
  width: 100vw;
  max-width: 100vw !important;
  margin: 0;
  padding: 0;
}

/* Container header bên trong */
.fiotec-header-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px;                  /* bỏ padding trên/dưới nếu không muốn */
  display: flex;
  align-items: center;         /* QUAN TRỌNG: về lại center */
  justify-content: space-between;
  gap: 40px;
  box-sizing: border-box;
}

/* Cột trái 3 logo – giữ nguyên nếu bạn đã OK */
.fiotec-header-left {
  display: flex;
  align-items: center;
  gap: 20px;
}

/* ===== NAV GIỮA – chiếm full chiều cao header ===== */
.fiotec-header-nav {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-self: stretch;       /* CHÌA KHÓA: nav cao bằng header */
}

.fiotec-header-nav ul {
  display: flex;
  align-items: stretch;      /* li cao bằng ul */
  margin: 0;
  padding: 0;
  list-style: none;
  height: 100%;
}

.fiotec-header-nav li {
  margin: 0;
  padding: 0;
  height: 100%;
}

/* Link: chiếm full chiều cao ô, căn chữ giữa */
.fiotec-header-nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 28px;
  font-size: 18px;
  font-weight: 600;
  color: black;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .2s, color .2s;
}

/* Hover + active: nền xanh nhạt như trang chính */
.fiotec-header-nav a:hover,
.fiotec-header-nav .current-menu-item > a,
.fiotec-header-nav .current_page_item > a {
  background-color: #e6f6ff;  /* màu xanh nhạt của ô */
  color: #ed1002;
}

/* ===== CỘT PHẢI – Đăng nhập + cờ, không bị tràn ===== */
.fiotec-header-right {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* giữ style nút đăng nhập + cờ như bạn đang dùng */
/* ===== HEADER FIOTEC – FIX LẠI CHIỀU CAO & HOVER ===== */

/* Header full width, không padding 2 bên */
.site-header.fiotec-header.header-full-width {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Container bên trong: chiều cao cố định, 3 cột bằng nhau */
.fiotec-header-inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 108px;                 /* chiều cao header */
  display: flex;
  align-items: stretch;         /* 3 cột cùng chiều cao */
  justify-content: space-between;
  gap: 0;
  padding: 0;                   /* bỏ padding 2 bên */
  box-sizing: border-box;
}

/* ===== CỘT TRÁI: 3 LOGO ===== */
.fiotec-header-left {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 24px;              /* padding trong cột trái */
  flex: 0 0 auto;
}

.fiotec-header-left img {
  max-width: none;
}

.fiotec-logo-shield { height: 56px; width: auto; }
.fiotec-logo-word   { height: 80px; width: auto; }
.fiotec-logo-mobi   { height: 100px; width: auto; }

/* ===== CỘT GIỮA: MENU ===== */
.fiotec-header-nav {
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-end;
}

/* ul chiếm toàn bộ chiều cao header */
.fiotec-header-nav ul {
  display: flex;
  align-items: stretch;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* mỗi li là 1 “ô” cao bằng header */
.fiotec-header-nav li {
  height: 100%;
}

/* link chiếm full ô, căn giữa theo chiều dọc */
.fiotec-header-nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 10px;
  font-size: 17px;
  font-weight: 600;
  color: #005F73;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .2s, color .2s;

}

/* HOVER + ACTIVE: nền xanh nhạt, chữ xanh đậm/đỏ tùy bạn */
.fiotec-header-nav a:hover {
  background-color: #e6f4fa;    /* xanh nhạt giống site gốc */
}

/* trang đang active có thể cho đỏ */
.fiotec-header-nav .current-menu-item > a,
.fiotec-header-nav .current_page_item > a {
  color: #ed1002;
}

/* ===== CỘT PHẢI: ĐĂNG NHẬP + CỜ (không bị tràn) ===== */
.fiotec-header-right {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 24px;              /* padding trong cột phải */
  flex: 0 0 auto;
}

/* Nút Đăng nhập */
.fiotec-login-btn {
  padding: 11px 22px;
  border-radius: 8px;
  background: #ed1002;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.fiotec-login-btn:hover {
  background-color: white;
  color: red;
}

/* Nút cờ */
.fiotec-flag-btn {
  width: 52px;
  height: 36px;
  padding: 0;
  border-radius: 15px;
  border: none;
  background: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.fiotec-flag-img {
  width: 30px;
  height: auto;
}
/* Tắt hiệu ứng đỏ khi hover / focus vào nút cờ */
.fiotec-flag-btn:hover,
.fiotec-flag-btn:focus,
.fiotec-flag-btn:active {
  background: #ffffff !important;  
  border: none !important;         
  box-shadow: none !important;     
  outline: none !important;        
}

/* === HAMBURGER BASE (DESKTOP ẨN) === */
.fiotec-burger {
  display: none;              /* desktop: ẩn */
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.fiotec-burger span {
  display: block;
  width: 26px;
  height: 3px;
  background: #000;
  border-radius: 2px;
  margin: 4px 0;
}

/* === RESPONSIVE HEADER (MOBILE) === */
@media (max-width: 1024px) {

  /* Khung header nhỏ lại giống site chính */
  .fiotec-header-inner {
    max-width: 100%;
    height: 64px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    box-sizing: border-box;
  }

  /* Logo trái co lại một chút */
  .fiotec-header-left {
    padding: 0;
    gap: 8px;
  }

  .fiotec-logo-shield {
    height: 36px;
    width: auto;
  }

  .fiotec-logo-word {
    height: 40px;
    width: auto;
  }

  .fiotec-logo-mobi {
    height: 40px;
    width: auto;
  }

  /* Ẩn nút Đăng nhập + cờ trên mobile (giống mẫu) */
  .fiotec-header-right {
    display: none;
  }

  /* Hiện hamburger */
  .fiotec-burger {
    display: flex;
  }

  /* Menu giữa chuyển thành dropdown */
  .fiotec-header-nav {
    position: absolute;
    top: 64px;              /* đúng bằng height header mobile */
    left: 0;
    right: 0;
    background: #ffffff;
    border-bottom: 1px solid #eee;
    display: none;          /* mặc định ẩn */
    justify-content: flex-start;
    z-index: 999;
  }

  .fiotec-header-nav ul {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    margin: 0;
    padding: 8px 0;
  }

  .fiotec-header-nav li {
    height: auto;
    width: 100%;
  }

  .fiotec-header-nav a {
    justify-content: flex-start;
    height: auto;
    padding: 12px 20px;
    font-size: 16px;
    border-radius: 0;
  }

  /* Khi header có class mở -> hiện menu */
  .fiotec-header.fiotec-header--open .fiotec-header-nav {
    display: flex;
  }
}
/* ===== HEADER RESPONSIVE CHO MÀN < 1200px ===== */
@media (max-width: 1199px) {

  /* Thu nhỏ logo một chút */
  .fiotec-logo-shield {
    height: 48px;
  }

  .fiotec-logo-word {
    height: 60px;
  }

  .fiotec-logo-mobi {
    height: 70px;
  }

  /* Giảm padding + font menu ở giữa */
  .fiotec-header-nav a {
    padding: 0 14px;    /* trước là 20–28px, giờ hẹp lại */
    font-size: 15px;
  }

  /* Thu gọn cột phải: Đăng nhập + cờ */
  .fiotec-header-right {
    gap: 8px;
    padding: 0 12px;
  }

  .fiotec-login-btn {
    padding: 6px 10px;
    font-size: 12px;
  }

  .fiotec-flag-btn {
    width: 44px;
    height: 30px;
  }
}

/* ===== HEADER MOBILE: Ẩn menu, chỉ hiển thị logo (chuẩn bị cho hamburger) ===== */
@media (max-width: 767px) {

  /* Header thấp hơn một chút */
  .fiotec-header-inner {
    height: 72px;
  }

  /* Thu logo cho đỡ to */
  .fiotec-logo-shield { height: 40px; }
  .fiotec-logo-word   { height: 48px; }
  .fiotec-logo-mobi   { height: 54px; }

  /* Tạm thời ẩn menu giữa (sau này có thể thay bằng icon menu) */
  .fiotec-header-nav {
    display: none;
  }

  /* Đăng nhập + cờ sát phải, không tràn */
  .fiotec-header-right {
    padding-right: 12px;
  }
}
.fiotec-logo-small{
	border-radius: 10px;
    }
.fiotec-row a{
	color: black;
    text-decoration: none;
}
.fiotec-link-item a{
	color: black;
    text-decoration: none;
}
/* Footer desktop: nới rộng cột giữa + cách hai cột 2 bên */
@media (min-width: 1025px) {
  .fiotec-footer-inner {
    gap: 40px; /* khoảng cách giữa các cột, trước là 30px */
  }

  /* Cột trái + phải hẹp lại một chút */
  .fiotec-left,
  .fiotec-links {
    flex: 0 0 20%;
    max-width: 20%;
  }

  /* Cột giữa (Liên hệ) rộng hơn */
  .fiotec-contact {
    flex: 0 0 60%;
    max-width: 60%;
  }
}
/* Cách 1: tăng độ đặc hiệu */
.fiotec-footer-inner .fiotec-row a {
  text-decoration: none;
}
.fiotec-footer-inner .fiotec-link-item a {
	text-decoration: none;
}
/* Dãn khoảng cách giữa các item trong menu header */
.fiotec-header-nav ul.fiotec-menu {
    gap: 10px;              /* hoặc 12px, 16px tuỳ mắt bạn */
}
/* Bỏ padding cho nút Đăng nhập hệ thống ở FOOTER */
.site-footer.fiotec-footer .fiotec-left .fiotec-login-btn {
    padding: 6px 8px; !important;
    font-size: 12px;
}
.fiotec-header-right .fiotec-login-btn:hover {
  background-color: rgba(228, 31, 0, 0.9);
  color: white;
}
/* Rule cuối cùng của bạn cho link trong menu */
.fiotec-header-nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 10px;
  font-size: 16px;
  font-weight: 700;
  color: #005F73;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .2s, color .2s;
  
  /* THÊM DÒNG NÀY */
  font-family: fonts, "fonts Fallback", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}