.navbar{
		position: fixed !important;
		top:0;
		width:100%;
		z-index:9999;
		background:rgba(255, 255, 255, 1);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
        transition: background-color 0.3s ease, box-shadow 0.3s ease;
        /* padding: 2rem 0rem;	 */
/*		border-bottom:1px solid #CCCCCC;	*/
	}
    .nav-overlay{
        padding-bottom: 3rem !important;
    }


   /* Transparent + blur style (index only, before scroll) */
    .navbar.transparent {
        background-color: transparent; /* Semi-transparent color */
        backdrop-filter: blur(1px);              /* Apply blur */
        -webkit-backdrop-filter: blur(1px);      /* Safari support */
        box-shadow: none;
        transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
    }

    .navbar.transparent .nav-link{
        color: #fff !important;
        margin: 0 7px; /* space between links */
        position: relative;
        transition: color 0.3s;
        font-size: 18px;

    }

    /* White style (after scroll or on other pages) */
    .navbar.scrolled {
        background-color: #ffffff;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

    .navbar-nav .nav-link a{
      padding: 0.5rem 3rem; 

    }
   
    .navbar-nav .nav-link{
        color: #ee7600 !important;
        margin: 0 7px; /* space between links */
        position: relative;
        transition: color 0.3s;
        font-size: 18px;

    }
    .navbar-nav .nav-link.active {
      color: #3a7cdd !important;
    }
    .navbar-nav .nav-link:hover {
        color: #3a7cdd !important;

    }
    /* Add smooth underline effect */
	.navbar-nav .nav-link::after {
	  content: '';
	  position: absolute;
	  left: 0;
	  bottom: 5px;
	  width: 0%;
	  height: 2px;
	  background-color: #ee7600;
	  transition: width 0.3s ease-in-out;
	  margin-left: 15%;
	}
	/* On hover (optional) */
	.navbar-nav .nav-link:hover::after {
	 	width: 0%;
	   	width: 50%;
        height: 2px;
        background-color: #3a7cdd;
        border-radius: 5px;
        /* margin-left: 30%; */
        align-items: center;
        align-self: center;
      }

   
    .navbar-nav .nav-link.active::after {
        content: '';
        position: absolute;
        bottom: 6px;
        left: 0;
        width: 50%;
        height: 2px;
        background-color: #3a7cdd;
        border-radius: 5px;
        /* margin-left: 15%; */
        align-items: center;
        align-self: center;
      }
    a.sec{
        background: #ee7600;
        color: #fff;
         padding: 8px 15px; 
         border: none;
         text-decoration: none;
    }
    .nav-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5); /* Dark screen effect */
        z-index: 9990; /* Just below navbar */
        display: none;
        transition: opacity 0.3s ease;
    }
    .nav-overlay.active {
        display: block;
        padding-bottom: 20px;
    }

    .navbar button{
        color: #ffffff;
    }

        /* Mobile nav item border */
    @media (max-width: 991.98px) {
        .navbar {
            background-color: #ffffff !important;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
        }
        .navbar .nav-overlay{
            max-width: 80%;
        }
        .navbar-nav {
            margin-top: 1px;
            padding-bottom: 20px;
        }
        .navbar-nav .nav-link{
            margin-top: 1px;
            padding-bottom: 20px;
            font-size: 16px;
        }
      .navbar-nav .nav-item {
        
        border-bottom: 1px solid #eee;
        padding: 0px 0;
      }
      
      .navbar-nav .nav-link.active::after, .navbar-nav .nav-link:hover::after{
          display: none; /* Hide underline if you prefer on mobile */
        }
        .navbar.transparent .nav-link{
            color: #ee7600 !important;
            
        }
        .navbar.transparent .nav-link.active, na {
            color: #3a7cdd !important;
        }
}