/* Footer Styles */
.footer {
  background-color: #f8f9fa; /* Light background for the footer */
  padding: 20px 0;
}

/* Center links horizontally in the footer */
.footer .row {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.footer .row .col-md-2 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer .nav-link {
  color: #333;
  text-decoration: none;
  font-size: 1rem;
  padding: 10px;
}

.footer .nav-link:hover {
  color: #007bff;
}

/* Social Media Icons */
.footer .fab {
  font-size: 1.5rem;
  color: #333;
  transition: color 0.3s ease;
}

.footer .fab:hover {
  color: #007bff;
}

footer .container .row .col-md-2, 
.footer .container .row .col-sm-6, 
.footer .container .row .col-6 {
  margin-bottom: 1rem; /* Decrease space between each column */
}

/* Adjust the margin and padding of the anchor links */
.footer .nav-link {
  padding: 0; /* Remove any default padding */
  margin: 0; /* Remove any default margin */
}

/* Optional: Decrease the vertical spacing between footer links */
.footer .nav-link h6 {
  margin-bottom: 0.25rem; /* Adjust the space between the text */
}

.footer .social-media {
  display: flex;
  align-items: center;
  justify-content: center; /* Ensure both text and icon are centered */
}

/* Add space between text and the social media icon */
.footer .social-media h6 {
  margin-right: 1rem; /* Adds space between the text and the icon */
}


/* Optional: Increase size of social media icon if desired */
.footer .nav-link i {
  font-size: 1rem; /* Adjust size of social media icon */
  margin-left: 10px;
}

/* Responsive Adjustments for Small Screens */
@media (max-width: 767px) {
  .footer .row {
    flex-direction: column; /* Stack the footer items vertically on smaller screens */
    align-items: center;
  }

  .footer .col-md-2 {
    margin-bottom: 15px; /* Add spacing between items when stacked */
  }

  .footer .nav-link {
    font-size: 0.9rem; /* Slightly smaller font size on small screens */
  }
}