* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      body {
        background-color: #013a33;
        color: white;
        font-size: 100%;
        transition: font-size 0.3s ease;
      }

      body.inverted {
        filter: invert(1) hue-rotate(180deg);
      }

      body.inverted img,
      body.inverted svg {
        filter: invert(1) hue-rotate(180deg);
      }

     

      .navHead {
        background-color: #002a28;
        z-index: 200;
        position: relative;
      }

      .navHead2 .container-fluid {
        flex-wrap: nowrap;
      }

      #top-section {
        position: relative;
        z-index: 200;
      }

      #sticky-nav {
        z-index: 150;
        transition: all 0.3s ease;
        background-color:#013a33;
      }

      #sticky-nav.fixed {
        position: fixed;
        top: 0;
        width: 100%;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
      }

      /* Add spacer to prevent jumping */
      #sticky-nav-spacer {
        display: none;
      }

      #sticky-nav-spacer.active {
        display: block;
      }

      .nav-link {
        padding: 10px;
        transition: all 0.3s ease;
        color: white;
      }

      .nav-link:hover {
        background-color: #006a58;
        color: white;
        transform: scale(1.05);
        text-decoration: none;
      }

      #navBar {
        background-color: rgba(0, 0, 0, 0.258);
        transition: background-color 0.3s ease;
      }

      #navBar.sticky {
        background-color: #004d44;
      }

      .navBtn {
        background-color: white;
      }
      .navBtn2 {
        background-color: black;
      }

      @media (max-width: 470px) {
        .NITlogo {
          height: 100px !important;
        }
      }

      a{
        text-decoration: none;
        color: inherit;
      }
      a:hover{
         background-color: #006a58;
        color: white;
        transform: scale(1.05);
        text-decoration: none;
      }

      .navDrop:hover {
        color: rgb(255, 255, 255);
      }

      .secL {
        background-color: rgba(0, 0, 0, 0.258);
        box-shadow: 0 6px 10px -2px rgba(0, 0, 0, 0.8);
      }
      .secL.sticky {
        background-color:#013a33;
      }

      .navBar1.sticky{
        background-color: #004d44;
      }

      .searchTab1 {
        display: none;
      }

      @media (max-width: 705px) {
        .searchTab2 {
          display: none;
        }
        .searchTab1 {
          display: flex;
        }
      }

      .dropDetail {
        padding: var(--bs-dropdown-item-padding-y)
          var(--bs-dropdown-item-padding-x);
      }

      .dropDetailBtn {
        border: none;
        background-color: white;
        width: 100%;
        text-align: left;
      }

      .dropDetailBtn:hover {
        background-color: #006a58;
        color: white;
        text-decoration: none;
      }

      .dropdown-item:hover {
        background-color: #006a58;
        color: white;
          text-decoration: none;
      }

      .dropdown-menu {
        z-index: 1030;
      }

      svg:hover {
        opacity: 0.8;
      }

      .searchTab {
        display: flex;
        gap: 10px;
        align-items: center;
      }

      .last {
        background-color: #002a28;
        color: white;
        padding: 20px 0;
      }

      .last a {
        color: #aaa;
        transition: color 0.3s;
      }

      .last a:hover {
        color: white;
      }

      .imgicon {
        width: 24px;
        height: 24px;
        filter: brightness(0) invert(1);
      }

      .accessibility-controls {
        display: flex;
        gap: 5px;
        align-items: center;
      }

      .accessibility-btn {
        cursor: pointer;
        padding: 5px 10px;
        border-radius: 4px;
        transition: all 0.3s;
        user-select: none;
      }

      .accessibility-btn:hover {
        background-color: #006a58;
        transform: scale(1.1);
      }

      .accessibility-btn.active {
        background-color: #27ae60;
        color: white;
        font-weight: bold;
      }

      .contactInfo .nav-item {
        position: relative;
      }

      .contactInfo .nav-link::after {
        content: attr(aria-label);
        position: absolute;
        bottom: -40px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #222;
        color: white;
        padding: 8px 12px;
        border-radius: 4px;
        font-size: 13px;
        white-space: nowrap;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease;
        z-index: 1000;
      }

      .contactInfo .nav-link:hover::after,
      .contactInfo .nav-link:focus::after {
        opacity: 1;
      }

      #sr-notification {
        position: fixed;
        top: 90px;
        right: 20px;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
        padding: 15px 25px;
        border-radius: 12px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
        z-index: 10000;
        font-size: 16px;
        max-width: 350px;
        opacity: 0;
        transition: opacity 0.3s ease;
        pointer-events: none;
      }

      #sr-notification.show {
        opacity: 1;
      }

      .sr-reading {
        background-color: rgba(52, 152, 219, 0.3) !important;
        outline: 2px solid #3498db !important;
        outline-offset: 2px;
      }

      #clock {
        font-size: 14px;
        color: #aaa;
      }

      @media (max-width: 768px) {
        .mainBody h1 {
          font-size: 1.8rem;
        }

        #sr-notification {
          right: 10px;
          left: 10px;
          max-width: calc(100% - 20px);
        }
      }

      .offcanvas-body {
        background-color: rgb(255, 255, 255);
      }
      .offcanvas-header h5 {
        color: white;
      }

      .offcanvas-body .nav-link {
        color: black;
      }


      .table{
      color: white;
      background-color: #002a28;
      width: auto;
      /* margin-left: 20px; */
      padding: 15px 15px 15px 20px;
      overflow-x: auto;
    }
    tr,td{
      border: 1px solid ;
      padding: 5px;
    }
    table{
      border-spacing: 20;
    }