.font-bevietnam {
    font-family: 'Be Vietnam Pro', sans-serif;
  }
  .menu-button {
    position: relative;
    color: #111c64; /* màu xanh đậm mặc định */
    font-weight: 600;
    transition: color 0.3s ease;
  }

  .menu-button::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 5px;
    transform: translateX(-50%) scaleX(0); /* bắt đầu từ giữa, thu nhỏ lại */
    transform-origin: center;
    width: 100%;
    height: 3px;
    background-color: #fbbf00;
    transition: transform 0.3s ease;
  }

  .menu-button:hover {
    color: #fbbf00; /* chữ chuyển vàng khi hover */
  }

  .menu-button:hover::after {
    transform: translateX(-50%) scaleX(1); /* mở rộng từ giữa ra 2 bên */
  }
  .logo-link::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) scaleX(0);
    transform-origin: center;
    width: 100%;
    height: 3px;
    background-color: #fbbf00;
    transition: transform 0.3s ease;
  }

  .logo-link:hover {
    color: #fbbf00;
  }

  .logo-link:hover::after {
    transform: translateX(-50%) scaleX(1);
  }
  .group:hover .group-hover\:block {
    display: block;
    animation: fadeIn 0.3s ease-in-out;
  }

  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
  }