.footer {
  background-image: url("/img/bg-footer.jpg");
  background-color: rgba(82, 74, 74, 0.95);
  background-blend-mode: darken;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  padding: 40px 20px;
  color: var(--color-white);
}

.card-footer,
.card-footer2 {
  background-color: rgba(96, 95, 95, 0.755);
  padding: 10px;
  border-radius: 16px;
  margin-bottom: 20px;
  margin-left: 2px;
  margin-right: 2px;
  text-align: center;
}

.card-footer span,
.card-footer2 span {
  font-size: 24px;
  font-weight: 700;
  color: white;
}

.newslatter {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
}

.input-newslatter {
  flex: 1 1 200px;
}

.input-newslatter input {
  width: 100%;
}

.footer .btn {
  background-color: var(--color-green2);
  color: white;
  border: none;
  padding: 10px 20px;
}

.footer-logo {
  background-color: var(--background);
  padding: 20px 0;
  text-align: center;
}

.img-footer {
  width: 200px;
}