.footer {
  background-color: #002f49; /* Footer background color */
  color: white;
  padding: 20px 1vw; /* Padding adjusted to 1% of the viewport width */
}
.footer .container {
  padding-left: 150px; /* Left padding */
  padding-right: 1px; /* Right padding */
  max-width: 100%; /* Ensures the container width is not constrained by Bootstrap's max-width */
}
.logo-section,
.links-section,
.contact-section {
  padding: 0 15px; /* Inner padding for each section */
}
.links-section,
.contact-section {
  border-left: 1px solid white; /* White line before the QUICK LINKS and CONTACT US */
}
.footer h5 {
  color: white;
  margin-bottom: 20px;
}
.footer a {
  color: white;
  text-decoration: none;
  display: block;
  margin-bottom: 10px;
}
.footer a:hover {
  text-decoration: underline;
}
.copy {
  text-align: center;
  border-top: 1px solid #4d4d4d; /* Lighter border color for visual separation */
  padding-top: 10px;
  margin-top: 20px;
  font-size: 0.8rem;
}
@media (min-width: 992px) {
  /* Adjust for lg screens */
  .logo-section {
    border-right: 1px solid white; /* White line after the logo section on large screens */
  }
  .links-section,
  .contact-section {
    border-left: 0; /* Remove border for the middle and right sections on large screens */
  }
}