/* ================= MAIN NAVBAR (UNCHANGED DESIGN) ================= */
        .navbar {
  background: rgba(255, 255, 255, 0.7) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.navbar-logo {
  height: 80px;
  transition: height 0.35s ease;
}

.navbar .nav-link,
.navbar .navbar-brand,
.navbar .fa {
  color: #0a5951 !important;
}

.navbar .nav-link.active {
  color: black !important;
}

/* FIX TOGGLER VISIBILITY */
.navbar-toggler {
  border: none;
}

.navbar-toggler span {
  color: #0a5951;
  font-size: 22px;
}

.navbar-toggler:focus {
  box-shadow: none;
}

/* ================= SECONDARY BUTTON BAR ================= */
.secondary-bar {
 background: rgba(255, 255, 255, 0.7) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(10px);
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.btn-sujata {
  border-radius: 10px;
  padding: 10px 24px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-sujata:hover {
  background-color: #0a5951;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

/* ================= CAROUSEL ================= */
#header-carousel img {
  height: 85vh;
  object-fit: cover;
}

/* ================= MOBILE ================= */
@media (max-width: 576px) {
  .btn-sujata {
    font-size: 14px;
    padding: 10px;
  }

  #header-carousel img {
    height: 60vh;
  }

  .secondary-bar .btn-sujata {
    width: 100%;          
    max-width: 320px;     
    text-align: center;
  }

  .secondary-bar {
    top: 70px;            
  }
}

.secondary-bar {
  position: sticky;
  top: 0px; 
  z-index: 997;
  background: #f8f9fa;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
/* ================= DESKTOP: CENTER NAV ITEMS ================= */
@media (min-width: 992px) {

  .navbar .container,
  .navbar .container-fluid {
    position: relative;
  }

  .navbar-collapse {
    justify-content: center;
  }

  .navbar-nav {
    margin-left: auto;
    margin-right: auto;
  }
}







/* ================= NAVBAR SHRINK ON SCROLL ================= */

/* Default navbar */
.navbar {
  transition: padding 0.35s ease;
}

/* Shrink state */
.navbar.navbar-shrink {
  padding-top: 6px;
  padding-bottom: 6px;
}

/* Logo shrink */
.navbar.navbar-shrink .navbar-logo {
  height: 55px;
  margin-right: 100px;
}

/* Nav links shrink */
.navbar .nav-link {
  padding: 30px 0;
  transition: padding 0.35s ease;
}

.navbar.navbar-shrink .nav-link {
  padding: 16px 0;
}



/* ================= SECONDARY BAR DYNAMIC POSITION ================= */

/* Normal navbar height */
.secondary-bar {
  position: sticky;
  top: 80px;                
  z-index: 997;
  transition: top 0.35s ease;
}

/* When navbar shrinks */
.navbar.navbar-shrink + .secondary-bar {
  top: 130px;                 
}


/* ================= MOBILE STICKY FIX ONLY ================= */
/* @media (max-width: 991px) {

  .navbar {
    position: sticky;
    top: 0;
    z-index: 999;
    
  }

} */