.navbar {
    background-color: #7aacdf; /* Dark background color */
  }
  
  .navbar-brand {
    font-size: 1.5rem; /* Larger font size for the brand */
  }
  
  .navbar-nav .nav-link {
    font-size: 1.1rem; /* Larger font size for the nav links */
  }
  
  .navbar-toggler {
    border-color: #fff; /* White border color for the toggler */
  }
  
  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='%23fff'%3e%3cpath d='M3 12h24v2H3v-2zm0-5h24v2H3V7zm0 10h24v2H3v-2z'/%3e%3c/svg%3e"); /* White hamburger icon */
  }
  
  /* Custom styles for active nav link */
  .navbar-nav .nav-link.active {
    font-weight: bold; /* Bold font for active nav link */
  }
  
/* About Section */
#about {
    background-color: #f8f9fa; /* Light gray background */
    color: #333; /* Dark text color */
  }
  
  /* Services Section */
  #services {
    background-color: #fff; /* White background */
    color: #333; /* Dark text color */
  }
  
  .card {
    background-color: #f8f9fa; /* Light gray background for cards */
  }
  
  /* Contact Section */
  #contact {
    background-color: #f8f9fa; /* Light gray background */
    color: #333; /* Dark text color */
  }
  
  /* Footer */
  footer {
    background-color: #343a40; /* Dark background */
    color: #fff; /* White text color */
  }

