body {
        font-family: 'Inter', sans-serif;
      }
   
      @font-face {
    font-family: 'customFont';
    src: url('fonts/customFont.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  
  .company-logo-text {
    font-family: 'customFont', sans-serif;
    font-size: 3rem;  /* Adjust size as needed */
    font-weight: normal; /* Or bold if your font requires */
    transition: color 0.3s ease;
  }
  
  /* Default for light theme */
  [data-bs-theme="light"] .company-logo-text {
    color: #212529; /* Bootstrap's body text color (dark) */
  }
  
  /* Adjust for dark theme */
  [data-bs-theme="dark"] .company-logo-text {
    color: #f8f9fa; /* Bootstrap's light text color */
  }
  
  
      .navbar {
        padding: 1rem 2rem;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        border-bottom: 1px solid #eaeaea;
      }
      .navbar-brand {
        font-weight: 700;
        font-size: 1.25rem;
        display: flex;
        align-items: center;
      }
      .navbar-brand img {
        max-height: 40px;
        margin-right: 10px;
        border-radius: 6px;
      }
      .nav-link {
        margin-right: 1rem;
        font-weight: 500;
        transition: color 0.3s ease, background-color 0.3s ease;
        border-radius: 6px;
        padding: 0.5rem 0.75rem;
      }
      .nav-link:hover, .nav-link.active {
        background-color: rgba(0,0,0,0.05);
      }
  
  
      /* Light/Dark adjustments */
      [data-bs-theme="dark"] .nav-link:hover,
      [data-bs-theme="dark"] .nav-link.active {
        background-color: rgba(255,255,255,0.1);
        color: #0d6efd !important;
      }
  
      [data-bs-theme="dark"] .navbar {
        border-bottom-color: rgba(255,255,255,0.1);
      }



      .horizontal-divider {
        border: 0;
        height: 2px;
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--bs-primary), rgba(0, 0, 0, 0));
        margin: 6px 0;
        opacity: 0.15;
      }