<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**
 * CSS for common elements used across all pages
 */

/* Combined Page Header with Menu Styles */
.page-header-with-menu {
  position: relative;
  overflow: hidden;
  /* background-color: #fff; */
}

.page-header-menu {
  position: fixed; /* LuÃ´n cá»‘ Ä‘á»‹nh menu */
  top: 0; /* Cá»‘ Ä‘á»‹nh á»Ÿ Ä‘áº§u trang */
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  padding: 10px 0;
  transition: none !important; /* Loáº¡i bá» hoÃ&nbsp;n toÃ&nbsp;n hiá»‡u á»©ng chuyá»ƒn Ä‘á»™ng */
  animation: none !important; /* Loáº¡i bá» hoÃ&nbsp;n toÃ&nbsp;n animation */
}

/* Style for when menu is fixed at the top - loáº¡i bá» transition Ä‘á»ƒ trÃ¡nh nháº¥p nhÃ¡y */
.page-header-menu.fixed-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 10px;
  padding-bottom: 0px;
  /* background-color: rgba(255, 255, 255, 0.95); */
  transition: none !important;
  animation: none !important;
  will-change: transform; /* Tá»‘i Æ°u cho GPU */
}

/* Ensure the header inner doesn't have margin in this context */
.page-header-menu .header-inner {
  margin: 0 20px;
  transition: none !important;
  animation: none !important;
  background-color: #fff;
}

/* Admin bar adjustments */
body.admin-bar .page-header-menu.fixed-menu,
body.admin-bar .page-header-menu.has-admin-bar {
  top: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar .page-header-menu.fixed-menu,
  body.admin-bar .page-header-menu.has-admin-bar {
      top: 46px;
  }
}

@media screen and (max-width: 600px) {
  body.admin-bar .page-header-menu.fixed-menu,
  body.admin-bar .page-header-menu.has-admin-bar {
      top: 0;
  }

  .page-header-with-menu {
    margin-top: 0px; /* Giáº£m khoáº£ng cÃ¡ch trÃªn mobile */
  }
}

/* Body adjustments when sticky menu is active */
body.has-fixed-menu {
  transition: none !important;
  animation: none !important;
}

/* Common Page Header Styles */
.page-header {
  position: relative;
  overflow: hidden;
  margin-bottom: 3rem;
  padding-top: 0;
}

/* Adjust the main content area height to accommodate the menu */
.page-header &gt; .container-fluid {
  height: 404px;
}

.page-header-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2rem;
  padding-left: 85px;
  padding-top: 26px;
  margin-top: 73px;
}

.breadcrumb-container {
  margin-bottom: 0;
}

.breadcrumbs {
  font-size: 14px;
  color: #666;
  margin: 0;
}

.breadcrumbs a {
  color: #0056b3;
  text-decoration: none;
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-35) var(--unnamed-font-family-noto-sans-cjk-jp);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-595757);
  text-align: left;
  text-decoration: underline;
  font: normal normal medium 14px/35px Noto Sans CJK JP;
  letter-spacing: 0px;
  color: #595757;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

.breadcrumbs .current {
  color: 595757;
  font-weight: 500;
  display: inline-block;
  max-width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-title {
  font: normal normal medium 42px/35px Noto Sans CJK JP;
  letter-spacing: 0px;
  color: #595757;
  text-align: left;
  margin-bottom: 1rem;
  line-height: 1.2;
  margin-top: 85px;
  font: normal normal medium 42px/35px Noto Sans CJK JP;
}

.page-subtitle {
  font-size: 16px;
  line-height: 1.5;
  color: #5AC3E1;
  margin-bottom: 0;
}

.page-header-image {
  height: 326px;
  width: 100%;
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
  position: relative; /* For absolute positioning of mobile breadcrumb */
}

/* Mobile Breadcrumb inside Header Image */
.mobile-breadcrumb-container {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding: 10px 20px;
  text-align: left;
  z-index: 5;
  margin-top: 22px;
}

.mobile-breadcrumb-container .breadcrumbs {
  margin: 0;
  font-size: 14px;
  color: #595757;
  text-align: center;
}

.navbar-expand-lg .navbar-nav .nav-link {
  border-radius: 10px;
}

/* Responsive Styles */
@media (max-width: 991.98px) {
  .page-header &gt; .container-fluid {
      height: 350px;
  }

  .page-header-content {
      padding-left: 60px;
  }

  .page-header-image {
      height: 350px;
  }

  .page-title {
      font-size: 32px;
      margin-top: 60px;
  }

  .page-header-menu .header-inner {
      margin: 0 10px;
  }

  .page-header-menu.fixed-menu .header-inner {
      margin: 0 15px;
  }

  /* Mobile menu specific styling */
  .navbar-collapse.mobile-menu-container {
      background-color: #fff;
      padding: 0;
  }

  /* Style all nav-items consistently */
  .navbar-nav .nav-item {
      border-bottom: 1px solid rgba(0,0,0,0.05);
  }

  /* Style all nav-links consistently, including dropdown-toggle */
  .navbar-nav .nav-link,
  .navbar-nav .dropdown-toggle {
      padding: 15px 15px;
      display: block;
      color: #595757;
      width: 100%;
      text-align: left; /* Äáº£m báº£o text cÄƒn trÃ¡i */
  }

  .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
      color: #595757 !important;
  }

  /* Ensure proper width and alignment for links in dropdown */
  .dropdown-menu .dropdown-item {
      width: 100%;
      text-align: left;
  }

  /* Active menu item styling - only change text color */
  .navbar-nav .current-menu-item &gt; .nav-link,
  .navbar-nav .current-menu-ancestor &gt; .nav-link,
  .navbar-nav .current-menu-parent &gt; .nav-link,
  .navbar-nav .current_page_item &gt; .nav-link,
  .navbar-nav .dropdown.current-menu-item &gt; .nav-link.dropdown-toggle,
  .navbar-nav .dropdown.current-menu-ancestor &gt; .nav-link.dropdown-toggle,
  .navbar-nav .dropdown.current-menu-parent &gt; .nav-link.dropdown-toggle {

  }

  /* Also style active dropdown items with the same color */
  .dropdown-menu .current-menu-item &gt; .dropdown-item {
      color: #4cbbda !important;
      font-weight: 500;
      background-color: #F8F2EC !important;
  }

  /* Remove any special styling for active dropdown toggles */
  .navbar-nav .dropdown-toggle.active,
  .navbar-nav .nav-item.dropdown.active &gt; .nav-link.dropdown-toggle,
  .navbar-nav .nav-item.dropdown.current-menu-item &gt; .nav-link.dropdown-toggle,
  .navbar-nav .nav-item.dropdown.current-menu-ancestor &gt; .nav-link.dropdown-toggle {
      /* background-color: transparent !important; */
      border-radius: 0 !important;
      box-shadow: none !important;
  }

  /* Style for dropdown parent elements */
  .navbar-nav .dropdown {
      position: relative;
      background-color: white; /* Ensure white background by default */
  }

  /* Remove background-color from dropdown parent when showing dropdown */
  .navbar-nav .dropdown.show {
      background-color: white;
  }

  /* Updated dropdown menu styling to match the design in the image */
  .dropdown-menu.show {
      display: block !important;
      opacity: 1 !important;
      visibility: visible !important;
      position: static !important;
      transform: none !important;
      float: none;
      width: 100%;
      margin-top: 0;
      background-color: #F8F2EC !important; /* New color as requested */
      border: none;
      box-shadow: none;
      padding-left: 0;
  }

  /* Style dropdown items like normal menu items */
  .dropdown-menu.show .dropdown-item {
      padding: 15px 0;
      color: inherit;
      background-color: #F8F2EC !important; /* New color as requested */
      padding-left: 2rem; /* Indent slightly to show hierarchy */
      display: block;
      border-bottom: 1px solid rgba(0,0,0,0.05);
  }

  /* Active/current dropdown items */
  .dropdown-menu .dropdown-item.active,
  .dropdown-menu .dropdown-item:active {
      background-color: #F0E6DA !important; /* Slightly darker shade for active state */
      color: inherit;
  }

  /* Add visual indicator for dropdown submenus */
  .dropdown-toggle:after {
      margin-left: 8px;
      vertical-align: middle;
  }

  .dropdown-toggle.show:after {
      transform: rotate(180deg);
  }

  /* Ensure dropdown menu sits flush with parent */
  .navbar-nav .dropdown-menu {
      margin: 0;
      padding: 0;
  }

  /* Add background color to currently shown menu section - REMOVED to keep white background */
  .navbar-nav li:has(.show),
  .navbar-nav li:has(&gt; .show) {
      background-color: transparent; /* Remove background color */
  }

  /* Ensure active items don't get different background */
  .navbar-nav .nav-item.active,
  .navbar-nav .current-menu-item,
  .navbar-nav .current-menu-ancestor,
  .navbar-nav .current-menu-parent,
  .navbar-nav .current_page_item {
      background-color: transparent !important; /* Force transparent background */
  }

  /* Override any default active background from Bootstrap */
  .dropdown-item.active,
  .dropdown-item:active {
      background-color: transparent !important;
  }

  /* Override Bootstrap's default styling for active dropdowns */
  .navbar-nav .dropdown.active,
  .navbar-nav .dropdown:hover,
  .navbar-nav .nav-item:hover,
  .navbar-nav .nav-item.active {
      background-color: transparent !important;
  }

  /* Override any Bootstrap styling for hover states */
  /* Handle hover for dropdown items */
  .dropdown-menu .dropdown-item:hover,
  .dropdown-menu .dropdown-item:focus {
      color: #4cbbda !important;
      background-color: #F8F2EC !important;
      border-radius: 0 !important;
  }

  /* Remove box-shadow and border-radius from dropdown-toggle */
  .dropdown-toggle,
  .dropdown-toggle.show,
  .dropdown-toggle:active,
  .dropdown-toggle:focus {
      box-shadow: none !important;
      border-radius: 0 !important;
      background-color: transparent !important;
  }
}

@media (max-width: 767.98px) {
  .page-header &gt; .container-fluid {
      height: auto;
  }

  .navbar-nav .dropdown,
  .navbar-nav .dropdown-menu,
  .navbar-nav .dropdown-toggle {
      border-radius: 0px;
  }
  .breadcrumbs .current {
      max-width: 170px;
  }

  .page-header-content {
      padding: 2rem;
      padding-left: 30px;
      padding-top: 20px;
      padding-bottom: 40px;
  }

  .page-title {
      font-size: 28px;
      margin-top: 40px;
  }

  .page-header-image {
      height: 250px;
      margin-bottom: 0;
  }

  .mobile-breadcrumb-container {
      padding: 8px 15px;
  }

  .mobile-breadcrumb-container .breadcrumbs {
      font-size: 13px;
      line-height: 1.4;
  }

  .page-header-menu {
      padding: 10px 0;
  }

  .page-header-menu .header-inner {
      margin: 0 5px;
  }

  .page-header-menu.fixed-menu {
      padding: 5px 0;
  }

  .page-header-menu.fixed-menu .header-inner {
      margin: 0 10px;
  }
}

@media (max-width: 575.98px) {
  .page-header-content {
      padding: 1.5rem;
      padding-top: 0px;
      margin-top: 0px;
  }

  .page-title {
      font-size: 24px;
      margin-top: 30px;
  }

  .page-subtitle {
      font-size: 16px;
  }

  .page-header-image {
      height: 200px;
  }

  .mobile-breadcrumb-container {
      padding: 6px 12px;
  }

  .mobile-breadcrumb-container .breadcrumbs {
      font-size: 12px;
  }
}

/* Fix dropdown toggle buttons to be left-aligned and full width */
.dropdown-toggle,
.dropdown-toggle.show {
  width: 100% !important;
  text-align: left !important;
  /* padding-left: 15px !important; */
  justify-content: flex-start !important;
  display: flex !important;
  align-items: center !important;
}

/* Adjust positioning of the dropdown arrow/chevron */
.dropdown-toggle::after {
  margin-left: 5px; /* Push arrow to the right */
  position: relative;
  /* right: 10px; */
}

/* Adjust dropdown items to match parent alignment */
.dropdown-menu.show .dropdown-item {
  padding: 10px 15px;
}

/* Remove any potential center alignment on dropdown menus */
.navbar-nav .dropdown,
.navbar-nav .dropdown-menu,
.navbar-nav .dropdown-toggle {
  text-align: left !important;
  justify-content: flex-start !important;
}

/* Style trÃªn táº¥t cáº£ cÃ¡c trang vÃ&nbsp; trong quÃ¡ trÃ¬nh chuyá»ƒn trang */
body:not(.loaded) .page-header-menu,
body:not(.loaded) .site-header {
  transition: none !important;
  animation: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* ThÃªm script Ä‘á»ƒ thÃ´ng bÃ¡o trang Ä‘Ã£ load xong */
body {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Äáº£m báº£o menu mobile khÃ´ng bá»‹ giáº­t khi chuyá»ƒn trang */
.mobile-menu-container {
  transition: none !important;
  will-change: transform;
}

/* áº¨n Ä‘Ã¨ lÃªn táº¥t cáº£ transition cá»§a menu */
.site-header,
.page-header-menu,
.header-inner,
.navbar-collapse,
.navbar-toggler,
.nav-link {
  transition: none !important;
  animation: none !important;
}

/* Äáº£m báº£o mobile menu khÃ´ng giáº­t */
@media (max-width: 991.98px) {
  .mobile-menu-container.show {
    transition: none !important;
    animation: none !important;
  }

  .site-header,
  .page-header-menu {
    position: fixed !important;
    top: 0;
  }

  body.admin-bar .site-header {
    top: 46px !important;
  }

  @media (max-width: 600px) {
    body.admin-bar .site-header {
      top: 0 !important;
    }
  }
}</pre></body></html>