/* <!-- Base Styles --> */
* {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }

  /* Webkit browsers like Chrome, Safari, newer Edge */
  *::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
  /* Custom scrollbar */
  ::-webkit-scrollbar {
    width: 0px;
  }

  ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
  }

  ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: #666;
  }

  /* Remove tap highlight on mobile */
  * {
    -webkit-tap-highlight-color: transparent;
  }

  /* Improve text rendering */
  body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  /* Focus outline styles */
  :focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
  }

  /* Print styles */
  @media print {
    .no-print {
      display: none !important;
    }

    a[href]:after {
      content: " (" attr(href) ")";
    }
  }
  
  /* .animate__animated {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }

  .opacity-0 {
    opacity: 0;
    visibility: hidden; /* Optional for complete invisibility */
    /* transition: opacity 0.3s ease, visibility 0.3s ease; */
  /* }
  .animate__fadeIn {
    opacity: 1; /* Ensure the element becomes visible */
    /* visibility: visible; /* Ensure visibility */
  /* }   */