.header-define-text {
    font-family: "Noto Sans", sans-serif;
  }

  .header-define-text span {
    font-family: "Prompt", sans-serif;
    color: #1A685B;
  }

  .navbar-tabs {
    font-family: "onest", sans-serif;
  }

  /* underline-on-hover animation for nav links */
  .navbar-tabs-animation {
    position: relative;
    display: inline-block;
    text-decoration: none;
    transition: color 0.5s ease;
  }
  .navbar-tabs-animation::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 2px;
    background-color: #FFAC00;
    transition: width 0.5s ease;
  }
  .navbar-tabs-animation:hover::after {
    width: 100%;
  }
  .navbar-tabs-animation:hover {
    color: #FFAC00 !important;
  }

  /* ultra-wide breakpoint (>2000px) — beyond Tailwind's default scale */
  @media (min-width: 2000px) {
    .custom-header-2000 {
      height: 200px;
    }
  }

  /* scroll-to-top button */
  .zxy__UptBtn_wrpr {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  }
  .zxy__UptBtn_wrpr.scrollToTop {
    opacity: 1;
    pointer-events: auto;
  }
  .zxy__UptBtn_fill {
    transition: height 0.2s ease-out;
  }
  .zxy__UptBtn_inner {
    writing-mode: vertical-rl;
    text-orientation: mixed;
  }

  /* mobile flyout nav panel — tied to the custom-navbar height switch below 992px */
  @media (max-width: 991px) {
    #navbarNav.mobile-nav-panel {
      z-index: 20;
      width: 100%;
      box-shadow: 0px 4px 4px #00000040;
      background-color: #fff;
    }
  }