/* === Updated Footer === */
.footer {
  /* Light blue gradient matching the image */
  /* background: linear-gradient(to bottom, #b4c8e0, #cdd9e8);  */
  background: linear-gradient(to top, white, transparent);
  color: #16173C; /* Dark blue text color for all content */
  padding: 3rem 1rem 1.5rem 1rem;
  border-top: none;
}

/* Link column styling */
.footer-link-columns a {
  color: #16173C;
  text-decoration: none;
  display: block; /* Stack links vertically */
  margin-bottom: 0.75rem;
  font-weight: 600;
  font-size: 0.95rem;
  transition: color 0.2s;
}

.footer-link-columns a:hover {
  color: #000; /* Darker hover color */
}

/* Social icons styling */
.social-icons {
  display: flex;
  gap: 1.5rem; /* Space between icons */
  justify-content: flex-end; /* Align to the right on large screens */
}

.social-icons a {
  color: #000; /* Black icons */
  font-size: 2rem; /* Larger icons */
  text-decoration: none;
  transition: color 0.2s;
  /* Resetting old styles */
  background: none;
  width: auto;
  height: auto;
  border-radius: 0;
}

.social-icons a:hover {
  color: #264a8c; /* Hover color */
  transform: none; /* Remove old transform */
}

/* Divider line */
.footer-divider {
  border-top: 1px solid #5f799c; /* Dark divider line */
  margin-top: 2rem;
  margin-bottom: 1rem;
}

/* Copyright text */
.copyright {
  margin-top: 0;
  font-size: 0.9rem;
  color: #16173C;
  padding-top: 0;
  text-align: left; /* Left-aligned */
  border-top: none;
}

/* Responsive adjustments */
@media (max-width: 992px) {
  .social-icons {
    justify-content: center; /* Center on tablet */
  }
}

@media (max-width: 768px) {
  .footer-link-columns {
    text-align: center; /* Center links on mobile */
  }
  .footer-link-columns .col-md-4,
  .footer-link-columns .col-6 {
      margin-bottom: 1rem; /* Add space between link groups when stacked */
  }
  .copyright {
      text-align: center; /* Center copyright on mobile */
  }
}