.region--footer {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  font-family: var(--font-inter);
}

.region--footer nav {
  margin: 0;
}

.region--footer nav,
.region--footer .footer-block {
  max-width: 130px;
}

.region--footer nav ul,
.region--footer .footer-block ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.region--footer nav ul li,
.region--footer .footer-block ul li {
  margin-bottom: 10px;
}

footer ul li i {
  color: #ffffff73;
  font-size: 32px;
}

footer {
  padding: 0 20px 3rem;
  background: var(--color-dark-blue);
  font-family: var(--font-inter);
  color: #fff;
}

footer h4 {
  font-weight: 600;
  font-family: var(--font-inter);
}

footer p {
  color: #ffffff8c;
}

.region--footer .block__title {
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  font-family: var(--font-ideal-sans-regular);
  display: block !important;
  line-height: 1.45;
}

.region--footer nav ul a{
  color: #ffffff8c;
}

.region--footer .footer-block ul a,
footer.home-footer p,
footer.home-footer ul li i {
  color: #ffffff;
}

.region--footer nav ul a,
.region--footer .footer-block ul a {
  text-decoration: none;
  font-weight: 500;
  font-family: var(--font-ideal-sans-regular);
  line-height: 1.45;
}

.region--footer nav ul a:hover,
.region--footer .footer-block ul a:hover {
  text-decoration: underline;
}

.region--footer nav ul a:focus,
.region--footer .footer-block ul a:focus {
  outline: none;
}

footer > .row {
  border-top: 1px solid rgb(255, 255, 255, 0.1);
  padding-top: 3.5rem;
}

footer.home-footer > .row {  
  border-top: 1px solid rgb(255, 255, 255, 1);
}

.socials {
  padding-left: 0;
  display: flex;
  justify-content: center;
  list-style-type: none;
  margin-left: 0;
  margin-top: 2rem;
  margin-bottom: 3rem;
  gap: 1rem;
}

@media (min-width: 768px) {
  footer {
    padding: 0 40px 3rem;
  }

  footer h4 {
    max-width: 200px;
  }

  .socials {
    justify-content: start;
    margin-top: 3rem;
    margin-bottom: 0;
  }

  .region--footer {
    gap: 4rem;
  }

  .region--footer nav ul li,
  .region--footer .footer-block ul li {
    margin-bottom: 0.65rem;
  }
}