/* Navbar background when toggled */


header {
    position: sticky !important;
    top: 0;
    z-index: 1000;
    width: 100%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}


@media only screen and (max-width: 768px) {
 
 .navbar-collapse {
  background: rgba(255, 255, 255, 0.9) !important;  
  padding: 10px !important;  
  border-radius: 10px !important;  
}

/* Styling for nav links */
.navbar-nav .nav-link {
  color: #333 !important; /* Dark text for readability */
  padding: 10px 15px !important;  
  border-radius: 5px !imporant;
}

.navbar-nav .nav-link:hover {
  background-color: #f8f9fa !imporant;
}

/* Make sure the toggle button is visible */
.navbar-toggler {
  border: none !imporant;
  background: none !imporant;
  outline: none !imporant;
}

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

/* Button styling */
.btn-wp {
   
  color: white !important;
  border-radius: 5px;
  padding: 10px 15px;
}

.btn-wp a {
  color: white !important;
  text-decoration: none;
}

.btn-wp:hover {
  background-color: #1ebe5d !important;
}

 .ban-btn1{
     margin-bottom:12px;
 }
 
 #ban .ban-inner p {
    
    margin-right: 21px;
     
}
 
}