#header{
      background: #fff;
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
      position: sticky;
      top:40px;
      z-index: 1000;
      width: 100%;
    }

    .nav-wrapper {
      max-width:1400px;
      margin: 0 auto;
      padding: 10px 20px;
      display: flex;
      justify-content:start;
      gap: 10%;
      align-items: center;
      height: auto;
    }

   
    .logo img {
      height: 80px;
      width: auto;
      display: block;
    }

    /* Hamburger Menu */
    .menu-toggle {
      display: none;
      flex-direction: column;
      cursor: pointer;
      gap: 5px;
      z-index: 1001;
      padding: 10px;
      background: none;
      border: none;
    }

    .menu-toggle span {
      width: 28px;
      height: 3px;
      background: #333;
      transition: all 0.3s ease;
      border-radius: 3px;
      display: block;
    }

    .menu-toggle.active span:nth-child(1) {
      transform: rotate(45deg) translate(8px, 8px);
    }

    .menu-toggle.active span:nth-child(2) {
      opacity: 0;
    }

    .menu-toggle.active span:nth-child(3) {
      transform: rotate(-45deg) translate(7px, -7px);
    }

    /* Desktop Navigation */
    .offcanvas-menu {
      display: block;
    }

    .offcanvas-menu > ul {
      display: flex;
      list-style: none;
      margin: 0;
      gap: 2.5%;
      padding: 0;
    }

    .offcanvas-menu > ul > li {
      position: relative;
    }

    .offcanvas-menu a {
      gap: 8px;
      color: #333;
      text-decoration: none;
      transition: all 0.3s ease;
      font-size: 15px;
      font-weight: 500;
      white-space: nowrap;
    }


    .nmc-nav {
      color: #fff !important;
      border-radius: 5px;
      padding: 12px!important;
    }
    
    .offcanvas-menu>ul>li .nmc-nav1{
      background: var(--color-primary-dark) !important;
    }
    
    
    .nmc-nav img{
      position:absolute;
      top:27%;
      left:30%;
    }
    .arrow {
      font-size: 10px;
      transition: transform 0.3s ease;
      display: inline-block;
      line-height: 1;
    }

    /* Dropdown Styles - Desktop Only */
    .dropdown,
    .sub-dropdown {
      position: absolute;
      top: 100%;
      left:10%;
      background: #fff;
      width:max-content;
      box-shadow: 0 8px 16px rgba(0,0,0,0.15);
      border-radius: 8px;
      opacity: 0;
      visibility: hidden;
      transform: translateY(-10px);
      transition: all 0.3s ease;
      list-style: none;
      padding: 8px 0;
      z-index: 100;
      margin: 0;
      pointer-events: none;
    }

    .sub-dropdown {
      top: 0;
      left: 82%;
      margin-left: 5px;
    }

    .dropdown li,
    .sub-dropdown li {
      position: relative;
    }

    .dropdown a,
    .sub-dropdown a {
      padding: 7px 15px;
      display: flex;
      align-items: center;
      color: #555;
      font-size: 14px;
      font-weight: 400;
      white-space: normal;
      justify-content: space-between;
    }

    /* Desktop hover effects - only active on desktop */
    @media (min-width: 993px) {
      .offcanvas-menu > ul > li > a:hover {
        color: var(--color-secondary);
      }


      .nmc-nav:hover {
        background: var(--color-secondary) !important;
      }

      .has-dropdown:hover > .dropdown,
      .has-submenu:hover > .sub-dropdown {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto;
      }

      .dropdown li:hover,
      .sub-dropdown li:hover {
        background: #f5f5f5;
        color: var(--color-secondary);
      }
      .Offcanvas-logo{
        display: none;
      }
      
    }

    /* Mobile Styles */
    @media (max-width: 992px) {
      .menu-toggle {
        display: flex;
      }
      .offcanvas-menu {
        position: fixed;
        top: 0;
        left: -100%;
        width: 50%;
        height: 100%;
        background: #fff;
        box-shadow: 2px 0 15px rgba(0,0,0,0.3);
        transition: left 0.3s ease;
        overflow-y: auto;
        padding: 20px 0 40px;
        z-index: 1000;
      }

      .offcanvas-menu.active {
        left: 0;
      }

      .has-dropdown a{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
      }

     .has-dropdown {
      padding: 0;
     }
      .offcanvas-menu a {
        font-size: 15px;
        white-space: normal;
        width: 100%;
        justify-content: flex-start;
        text-align: left;
      }

      .offcanvas-menu > ul > li > a {
        font-weight:500;
        color: #222;
        justify-content: space-between;
      }

      .offcanvas-menu > ul > li > a .arrow {
        margin-left: auto;
      }

      /* NMC Button in mobile */
      .offcanvas-menu > ul > li:last-child {
        border: none;
      }

      .nmc-nav {
        border-radius: 8px;
        text-align: center!important;
        justify-content: center;
        display: block;
        padding: 12px !important;
        margin:0!important;
        width:100%;
      }

      /* Mobile Accordion - NO HOVER */
      .dropdown,
      .sub-dropdown {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border-radius: 0;
        min-width: 100%;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        padding: 0;
        margin: 0;
        background: #f8f9fa;
        pointer-events: auto;
      }

      .dropdown.show {
        max-height: 800px;
        padding: 5px 0;
      }

      .sub-dropdown.show {
        max-height: 600px;
        padding: 5px 0;
      }

      .arrow {
        transform: rotate(90deg);
        font-size: 12px;
        transition: transform 0.3s ease;
      }

      .has-dropdown.open > a .arrow,
      .has-submenu.open > a .arrow {
        transform: rotate(270deg);
      }

      .dropdown a {
        padding: 13px 20px 13px 40px;
        font-size: 14px;
        color: #444;
        font-weight: 500;
        justify-content: flex-start;
        text-align: left;
      }

      .has-submenu > a {
        justify-content: space-between;
      }

      .has-submenu > a .arrow {
        margin-left: auto;
      }


      .sub-dropdown a {
        padding: 12px 20px 12px 60px;
        font-size: 13px;
        color: #555;
        font-weight: 400;
        justify-content: flex-start;
        text-align: left;
      }

      /* Remove all hover effects on mobile */
      .offcanvas-menu a:hover {
        background: transparent;
        color: inherit;
        padding: 15px 20px;
      }

      .offcanvas-menu > ul > li > a:hover {
        background: transparent;
        color: #222;
      }

      .dropdown a:hover {
        background: transparent;
        color: #444;
        padding: 13px 20px 13px 40px;
      }

      .sub-dropdown a:hover {
        background: transparent;
        color: #555;
        padding: 12px 20px 12px 60px;
      }

      .nmc-nav:hover {
        background: var(--color-secondary) !important;
        color: #fff !important;
      }
      .Offcanvas-logo{
        display: visible;
        margin-bottom: 50px;
      }
    }

    /* Overlay */
    .overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
      z-index: 999;
      opacity: 0;
      transition: opacity 0.3s ease;
    }

    .overlay.active {
      display: block;
      opacity: 1;
    }




    /* Top Bar */

     .top-bar {
      padding: 5px 0;
      width: 100%;
      z-index: 1001;
    }

    .top-bar-wrapper {
      max-width: 98%;
      margin: 0 auto;
      padding: 0 20px;
      justify-content: space-between;
      align-items: center;
      gap: 15px;
    }


    /* Search Bar - Now on RIGHT */
    .search-container {
      flex: 1;
      max-width:280px;
      position: relative;
      order:1;
    }

    .search-input {
      width: 100%;
      padding: 8px 40px 8px 15px;
      border: 1px solid #ddd;
      border-radius: 5px;
      font-size: 14px;
      transition: all 0.3s ease;
      background: #fff;
    }

    .search-input:focus {
      outline: none;
      border-color: var(--color-primary);
      box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1);
    }

    .search-btn {
      position: absolute;
      right: 5px;
      top: 45%;
      transform: translateY(-50%);
      background-color: #fff;
      color: var(--color-primary);
      border: none;
      border-radius: 28px;
      width: 28px;
      height: 28px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.3s ease;
      padding: 0;

    }

    .search-btn:hover {
      color: var(--color-primary-dark);
      background-color: #fff;
    }

 
    /* Search Results Dropdown */
    .search-results {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      background: #fff;
      border: 1px solid #ddd;
      border-top: none;
      border-radius: 0 0 8px 8px;
      max-height: 400px;
      overflow-y: auto;
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
      display: none;
      margin-top: 5px;
      z-index: 1000;
    }

    .search-results.active {
      display: block;
    }

    .search-result-item {
      padding: 12px 15px;
      border-bottom: 1px solid #f0f0f0;
      cursor: pointer;
      transition: background 0.2s ease;
    }

    .search-result-item:hover {
      background: #f8f9fa;
    }

    .search-result-item:last-child {
      border-bottom: none;
    }

    .result-title {
      font-weight: 600;
      color: #333;
      font-size: 14px;
      margin-bottom: 3px;
    }

    .result-path {
      font-size: 12px;
      color: #666;
    }

    .no-results {
      padding:20px;
      text-align: center;
      color: #999;
      font-size: 14px;
    }
    .myQuickLinks {
      display: grid;
      grid-template-columns: repeat(6, 1fr); /* 4 items per row */
      gap: 10px;
    }
    /* Quick Links */
    .quick-links {
      display: flex;
      gap: 12px;
      align-items: center;
      border-right:1px solid #e3e3e3;
      justify-content:center;
    }
    .quick-links:nth-last-child(1),
    .quick-links:nth-last-child(2),
    .quick-links:nth-last-child(3){
      border-right:none;
    }
    .quick-links .lang{
      font-size:14px;
      font-weight:bold;
    }
    .quick-links p{
      font-size:12px;
      font-weight:600;
      text-align: center;
    }
    .quick-links a{
      font-size:12px;
    }
    .quick-link {
      padding: 0px 16px;
      /* border: 1px solid #ddd; */
      border-radius: 5px;
      text-decoration: none;
      color:var(--color-primary-dark);
      font-size: 15px;
      font-weight: 500;
      transition: all 0.3s ease;
      white-space: nowrap;
      display: flex;
      align-items: center;
      gap: 6px;
    }
        
  
   
    
    .quick-link-icon {
      width: 16px;
      height: 16px;
      position: relative;
    }
    .quick-link:nth-child(2) .quick-link-icon{
      animation:icontb .348s infinite alternate ease-in-out;
    }
    footer {
        background: var(--color-primary-dark);
        color: var(--color-white);
        padding: var(--spacing-4xl) 5% var(--spacing-xl);
    }

    .footer-container {
        max-width: var(--container-lg);
        margin: 0 auto;
        display: grid;
        grid-template-columns: 2fr 1fr 1fr 1fr;
        gap: var(--spacing-2xl);
        margin-bottom: var(--spacing-3xl);
    }

    .footer-logo {
        background-color: var(--color-white);
        border-radius: var(--radius-sm);
        padding-top: 5px;
        width: 160px;
        margin: var(--spacing-sm) 0;
        overflow: hidden;
    }

    .footer-about p {
        color: rgba(255,255,255,var(--opacity-70));
        line-height: var(--line-height-loose-2xl);
        margin-bottom: var(--spacing-lg);
    }

    .footer-title {
        font-size: var(--font-xl);
        margin-bottom: var(--spacing-lg);
        font-weight: 600;
    }

    .footer-links {
        list-style: none;
    }

    .footer-links li {
        margin-bottom: 0.8rem;
    }

    .footer-links a {
        color: rgba(255,255,255,var(--opacity-70));
        text-decoration: none;
        transition: color var(--transition-fast);
    }

    .footer-links a:hover {
        color: var(--color-secondary);
    }

    .social-icons {
        display: flex;
        gap: var(--spacing-md);
        margin-top: var(--spacing-lg);
    }

    .social-icons a {
        width: var(--size-icon-md);
        height: var(--size-icon-md);
        background: rgba(255,255,255,var(--opacity-light));
        color: var(--color-white);
        display: flex;
        text-decoration: none;
        align-items: center;
        justify-content: center;
        border-radius: var(--radius-full);
        transition: all var(--transition-fast);
        font-size: var(--font-xl);
    }

    .social-icons a:hover {
        background: var(--color-secondary);
        transform: translateY(-3px);
    }

    .footer-bottom {
        text-align: center;
        padding-top: var(--spacing-xl);
        border-top: 1px solid rgba(255,255,255,var(--opacity-light));
        color: rgba(255,255,255,0.6);
    }
    @keyframes icontb {
      from{
        left:0;
        transform:scale(1);
      }
      to{
        left:-4px;
        transform:scale(1.3);
      }
    }

    
    
    ul .pdf {
      display:flex;
      justify-content:space-between;
      width:100%;
      align-items:center;
    }
    ul .pdf i{
      margin-right:20px;
    }

   
    #desktop-quickaccess,#quick-access{
      position:sticky;
      top:0;
      z-index:700;
    }
    .milestone-stats1 .milestone-stat{
      padding:7px 0;
      border-left:1px solid #ffffff!important;
      background:var(--color-primary-dark);
    }

    .milestone-stats1 .milestone-stat:nth-child(1){
      border-left:none!important;
    }
    
    .milestone-stats1 .milestone-stat a{
      color:var(--color-white);
      font-weight:700;
    }



    
    #every-page .every-page{
      position:fixed;
      z-index:700;
      bottom:-10%;
      width:100%;
      margin:auto;
    }
    #every-page .every-page .milestone-stats1{
      margin:0 100px 100px;
      border:2px solid #e3e3e3;
    }
    #every-page .every-page .milestone-stats1 .milestone-stat{
      background:#ffffff;
      padding:50px 0;
    }
    #every-page .every-page .milestone-stats1 .milestone-stat a{
      color:var(--color-black);
      font-weight:700;
    }
 
    .lang-dropdown {
      list-style: none;
      padding: 2px 0;
      display:flex;
      margin: 0;
      transform: translateY(-5px);
      transition: all 0.25s ease;
    }


    .lang-dropdown li a {
      display: block;
      padding: 8px 14px;
      font-size: 14px;
      color: #333;
      text-decoration: none;
    }

    .lang-dropdown li a:hover {
      background: #f5f5f5;
      color: var(--color-secondary);
    }

    /* Hover (Desktop) */
    .language-switcher:hover .lang-dropdown {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
      z-index:1050;
    }

    .wg-default{
      display: none !important;;
    }

    /* Mobile Responsive */
    @media (max-width: 992px) {
      .top-bar-wrapper {
        flex-direction: column;
        gap: 8px;
        padding: 8px 15px;
        justify-content: center;
        align-items: center;
      }
      .quick-links {
        display: flex;
        gap: 6px;
        flex: 0 0 auto;
        order: 1;
      }
      .search-container {
        flex: 1;
        order: 2;
        width: 100%;
        margin: 0;
      }
      .quick-link {
        justify-content: center;
        font-size: 10px;
        padding: 6px 8px;
        white-space: nowrap;
        flex-shrink: 0;
      }
      .quick-link-icon {
        width: 13px;
        height: 13px;
      }
      .search-input {
        font-size: 13px;
        padding: 7px 35px 7px 12px;
        border-radius: 5px;
      }
      .footer-container {
        grid-template-columns:1fr;
      }
      nav ul {
          flex-direction: column;
          gap:30px;
          align-items:space-between;
      }
      .nav-wrapper{
          justify-content: space-between;
          gap: 0;
        }
      
    }
        
    @media (max-width: 992px) {
      .language-switcher:hover .lang-dropdown {
        opacity: 0;
        visibility: hidden;
      }
      .language-switcher.active .lang-dropdown {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
      }
    }
   
          
    @media (max-width: 992px) {
      #header{
        top:0;
      }
      .offcanvas-menu .top-bar {
        box-shadow: none;
        padding: 10px 0;
      }
      .offcanvas-menu .quick-access {
        margin-top: 20px;
      }
      .offcanvas-menu .milestone-stats1 {
        grid-template-columns: 1fr;
      }
      .offcanvas-menu .milestone-stat a {
        padding: 12px 15px;
        display: block;
        font-size: 14px;
      }
      .search-container{
        display:none;
      }
    }
    @media (max-width: 768px) {

        .menu-toggle {
            display: flex;
        }
        .nav-wrapper{
          justify-content: space-between;
          gap: 0;
        }
        .myQuickLinks{
          grid-template-columns: repeat(1, 1fr); /* 4 items per row */
          margin-left:10px;
        }
             
        .quick-links{
          border:none!important;
          padding:0;
        }
        .search-container{
          padding-top:30px;
        }
        
         .milestone-stats1{
          grid-template-columns: repeat(1,1fr)!important;
         }
         
         .milestone-stats1 .milestone-stat{
          padding:7px 0!important;
          background:var(--color-primary);
        }

        .nav-links.active {
            transform: translateY(0);
            opacity: 1;
            pointer-events: all;
        }
        .offcanvas-menu > ul{
          margin-left:0;
          align-items:none;
          width: 90%;
          margin: 0 auto;
          gap: 20px;
        }
        .quick-links a:first-child{
          text-align: end;
          padding: 0;
        }
        .quick-links a:nth-child(2){
          text-align: start;
          padding: 0;
        }
      }

    @media (max-width: 576px) {
      .quick-link {
        font-size: 9px;
        padding: 5px 6px;
        gap: 4px;
      }
      
      .quick-link-icon {
        width: 12px;
        height: 12px;
      }

      .search-input {
        font-size: 12px;
        padding: 6px 32px 6px 10px;
      }

      .search-btn {
        width: 26px;
        height: 26px;
      }
      .top-bar-wrapper{
        align-items:start;
      }
      .nmc-nav img{
        position:relative;
        top:27%;
        left:0%;
        margin-left:0!important;;
      }
    }


    .language-switcher {
      position: relative;
    }

    .goToTop{
      background:var(--color-secondary);
      position:fixed;
      bottom:30px;
      padding:17px;
      z-index:2000;
      right:30px;
      border-radius:40px;
      box-shadow:0px 0px 12px #838a84;
    }
    .goToTop i{
      color:white;
      font-weight:900;
      font-size:20px;
    }
    
    @media screen and (max-width:750px) {
      .goToTop{
        bottom:20px;
        right:10px;
        padding:8px 13px;
      }
    }