@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

* {
  padding: 0;
  margin: 0;
  font-family: "Montserrat", sans-serif;
}
footer {
  background-color: #6b7280;
  color: white;
  background-color: #343a40;
  color: white;
}
ul {
  list-style: none;
}
footer li {
  margin-top: 5px;
}
.socials img {
  height: 5px;
}
.socials {
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-item a {
  font-weight: 500;
}
.active,
.btn:hover {
  color: #374151;
  cursor: pointer;
  border-bottom: 1px solid #374151;
}
.card {
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.card-img-top {
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
}
.navbar-nav {
  width: 100%;
  justify-content: flex-end;
}
.navbar-nav li {
  margin-right: 2%;
}
.footer h6 {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 1rem;
}
.footer p,
.footer a {
  color: white;
}
.footer a:hover {
  color: #f8f9fa; /* Light hover color */
  text-decoration: none;
}
.footer-bottom {
  background-color: #2c2c2c; /* Slightly darker for footer bottom */
}
.footer ul {
  padding: 0;
  list-style: none;
}

.footer ul li a {
  color: rgba(255, 255, 255, 0.75); /* Semi-transparent links */
}

.footer ul li a:hover {
  color: white; /* Full opacity on hover */
}