/* Custom navigation bar styles */
.navbar {
    background-color: rgba(0, 0, 0, 0.8) ;

box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(4.4px);
-webkit-backdrop-filter: blur(4.4px);
border: 1px solid rgba(255, 255, 255, 0.3);
  }
  
  .navbar-brand {
    color: #ffffff; /* White text color for brand */
    font-size: 28px; /* Larger font size for the brand */
    font-weight: bold; /* Bold font weight */
  }
  
  .navbar-brand:hover {
    color: #ffffff; /* Maintain white color on hover */
  }
  
  .navbar-nav .nav-link {
    color: #ffffff; /* White text color for links */
    font-size: 18px; /* Font size for the links */
    margin-right: 20px; /* Add some space between links */
    transition: color 0.3s; /* Smooth color transition */
  }
  
  .navbar-nav .nav-link:hover {
    color: #70b2f3; /* Lighter text color on hover */
  }
  
  .navbar-toggler {
    border: none; /* Remove border from toggler */
  }
  
  .navbar-toggler-icon {
    background-color: #ffffff; /* White color for toggler icon */
  }
  
  /* Media query for responsive design */
  @media (max-width: 768px) {
    .navbar-nav {
      margin-top: 10px; /* Adjust margin for small screens */
    }
    
    .navbar-toggler-icon {
      background-color: #ffffff; /* Change color of toggler icon for contrast */
    }
  }





  /* slider css */