/* write a css that to make equal space between two lines */
body {
  font-family: 'Ubuntu', sans-serif;
}
p {
    line-height: 1.6; /* Adjust the value to increase or decrease the space between lines */
}

/* Custom CSS for navbar */
.navbar {
    background-color: #f8f9fa; /* Light gray background color */
    border-bottom: 1px solid #dee2e6; /* Border color */
  }

  .navbar-brand,
  .navbar-nav .nav-link {
    color: #343a40 !important; /* Dark text color */
  }

  .navbar-brand:hover,
  .navbar-nav .nav-link:hover {
    color: #0056b3 !important; /* Blue text color on hover */
  }

  .dropdown-menu {
    background-color: #fff; /* White background color for dropdown menu */
  }

  .dropdown-menu .dropdown-item {
    color: #000 !important; /* Dark text color for dropdown items */
  }

  .dropdown-menu .dropdown-item:hover {
    background-color: #f8f9fa !important; /* Light gray background color on hover */
  }

  /* Custom CSS for sidebar */
  .sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: -250px; /* Hide sidebar by default */
    z-index: 1000;
    padding-top: 56px; /* Adjusted for navbar height */
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
    background-color: #fff; /* White background color */
    color: #000; /* Black text color */
    width: 250px; /* Sidebar width */
    overflow-y: auto; /* Enable vertical scrolling */
    transition: left 0.3s ease; /* Smooth transition for opening/closing sidebar */
  }

  .sidebar.active {
    left: 0; /* Show sidebar when active */
  }

  .sidebar-sticky {
    position: relative;
    top: 0;
    padding-top: 1rem;
    overflow-x: auto; /* Enable horizontal scrolling */
  }

  /* Custom styling for sidebar links */
  .nav-link {
    color: #000; /* Black text color */
  }

  /* Active link styling */
  .nav-link.active,
  .nav-link:hover {
    font-weight: bold; /* Bold font for active link and on hover */
    background-color: #28a745; /* Green background color for active link and on hover */
    color: #fff; /* White text color for active link and on hover */
  }

  /* Content section styling */
  .content {
    margin-left: 0; /* Adjusted for hidden sidebar */
    padding: 20px; /* Padding for content */
  }

  @media (min-width: 768px) {
    .sidebar {
      left: 0; /* Show sidebar on larger screens */
    }

    .content {
      margin-left: 250px; /* Same as sidebar width */
    }
  }

  /* Footer styling */
  footer {
    background-color: #28a745; /* Green background color */
    color: #fff; /* White text color */
    padding: 20px 0; /* Padding top and bottom */
    text-align: center; /* Center align text */
    width: 100%; /* Full width */
    position: relative; /* Fixed position at the bottom */
    bottom: 0; /* Stick to the bottom */
    left: 0; /* Align to the left */
  }