.footer {
  background: black;
  color: white;
  padding: 64px 0;
}

@media screen and (min-width: 1026px) {
  .footer {
    padding: 80px 0;
  }
}

.footer__divider {
  border-bottom: 1px solid var(--gray-900);
  margin: 40px 0;
}

@media screen and (min-width: 1026px) {
  .footer__divider {
    margin: 30px 0;
  }
}

.footer__row {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 770px) {
  .footer__row {
    flex-direction: column;
  }

  .footer__divider ~ .footer__row {
    align-items: flex-start;
  }

  .footer__row .footer__socials {
    margin-top: 40px;
  }
}

.footer__socials {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  max-width: 347px;
  width: 100%;
}

@media screen and (max-width: 770px) {
  .footer__socials span:not(.footer__social) {
    margin-right: 19px;
  }
}

.footer__social {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 32px;
  border-radius: 8px;
  background: rgba(45, 45, 45, 0.5);
}

.footer__links {
  display: grid;
  width: 100%;
}

@media screen and (max-width: 770px) {
  .footer__links {
    column-gap: 16px;
    row-gap: 24px;
    grid-template-columns: 50% 50%;
  }

  .footer__links > li:nth-of-type(1) {
    order: 1;
  }

  .footer__links > li:nth-of-type(2) {
    order: 3;
  }

  .footer__links > li:nth-of-type(3) {
    order: 2;
  }

  .footer__links > li:nth-of-type(4) {
    order: 4;
    margin-top: -78px;
  }
}

@media screen and (max-width: 1026px) {
  .footer__links {
    border-bottom: 1px solid var(--gray-900);
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 770px) {
  .footer__links {
    grid-template-columns: 29% 30% 24% 135px;
  }
}

@media screen and (min-width: 1026px) {
  .footer__links {
    border-right: 1px solid var(--gray-900);
    width: 66%;
  }
}

.footer__links--block {
  display: grid;
  gap: 3px;
}

.footer__links a {
  font-size: 12px;
  font-weight: 500;
  color: white;
}

.footer__links p {
  margin-bottom: 11px;
  font-size: 12px;
  font-weight: 500;
  color: var(--gray-300);
}

.footer__copyright {
  display: grid;
  font-size: 12px;
}

@media screen and (max-width: 770px) {
  .footer__copyright {
    gap: 12px;
  }
}

@media screen and (min-width: 770px) {
  .footer__copyright {
    align-items: center;
    grid-template-columns: 260px 98px;
    gap: 24px;
  }
}

.footer__policies a {
  color: white;
  font-size: 12px;
}

@media screen and (max-width: 770px) {
  .footer__policies {
    margin-bottom: 16px;
  }
}

.footer__details {
  display: grid;
  justify-items: self-start;
}

@media screen and (max-width: 1026px) {
  .footer__details {
    gap: 16px;
  }
}

@media screen and (min-width: 1026px) {
  .footer__details {
    width: 28%;
  }
}

.footer__details a,
.footer__details p {
  color: white;
  font-size: 12px;
  font-weight: 500;
}

.footer__details svg {
  margin-right: 8px;
}

@media screen and (max-width: 1026px) {
  .footer__middle {
    display: grid;
    gap: 40px;
  }
}

@media screen and (min-width: 1026px) {
  .footer__middle {
    display: flex;
    justify-content: space-between;
  }
}

.footer__details--detail {
  display: flex;
  justify-content: center;
  align-items: center;
}