html {
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: none; 
 }

body {
  margin: 0;
  padding-top: 56px;
}

.navbar-brand {
  font-family: "Cal Sans", system-ui;
  font-weight: 200;
  font-size: 22px;
  font-style: normal;
}

.navbar-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030; /* Above other content */
}


    .sticky-navbar {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
	  
      background: linear-gradient(to bottom, 
	rgba(255,255,255, 0.25), rgba(249,249,253, 1));
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-top: 1px solid rgba(255, 255, 255, 0.3);    
      z-index: 1000;
    }

    .sticky-navbar .nav-link {
      color: #555;
      font-size: 1.5rem;
      padding: 0.75rem;
    }

    .sticky-navbar .nav-link.active {
      color: #0d6efd;
    }

h4 {
font-family: "Cal Sans", system-ui;
  font-weight: 400;
  font-size: 26px;
  font-style: bold;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}


.btn {
  border-radius: 16px; 
}


.form-control {
  border-color: #ccc;
  border-radius: 16px; 
  box-shadow: none;   
  outline: none;
}


.form-control:focus {
  border-color: #212529;
  border-radius: 16px; 
  box-shadow: none;   
  outline: none;  
  transition: border-color 1s ease;
}