body:not(.is-always-mobile-nav) .site-footer {
  border-inline-start: unset;
}

.region > :where(:not([data-big-pipe-placeholder-id])) {
  margin-block-end: unset;
}

.wide-content {
  width: unset;
  margin-inline-start: unset;
  margin-block: unset;
}

.region--footer_top__inner > :not(:last-child), .region--footer_bottom__inner > :not(:last-child) {
  margin-inline-end: unset;
}

.layout--pass--content-medium > * {
  width: unset;
}

.site-footer__inner {
  padding-block: unset;
}

.site-footer {
  background: var(--color-primary);
  padding: 80px 0 24px;
  color: var(--color-white);

  a {
    color: var(--color-accent-complete);
    transition: color .3s ease;

    svg {
      fill: var(--color-accent-complete);
      flex-shrink: 0;
      margin-left: auto;
    }
  }

  a:hover {
    color: var(--color-white);

    svg {
      fill: var(--color-accent-complete);
    }
  }
}
.footer-top {
  padding-bottom: 80px;
}

.footer-top {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}

@media (max-width: 992px) {
  .footer-top {
    flex-direction: column;
    gap: 32px;
  }
}

.footer-top-left {
  display: flex;
  align-items: flex-start;
  gap: 60px;
}

@media (max-width: 768px) {
  .footer-top-left {
    gap: 32px;
    flex-wrap: wrap;
  }
}

.footer-title {
  font-size: var(--fs-20);
  line-height: 30px;
  color: var(--color-white);
  margin: 0 0 16px;
}

.footer-list {
  max-width: 260px;

  ul {
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  p {
    display: flex;
    gap: 8px;
    align-items: flex-start;
  }
}

.footer-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  width: 100%;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline: 24px;
}

@media (max-width: 1200px) {
  .footer-bottom {
    flex-direction: column;
    justify-content: center;
    gap: 4px;
  }
}

.footer-bottom-right,
.footer-bottom-left {
  ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin: 0;

    li {
      a {
        color: var(--color-white);
        text-decoration: none;
        font-size: 14px;
        display: flex;
        gap: 6px;
        align-items: center;
      }

      p {
        color: var(--color-white);
        margin: 0;
        font-size: 14px;
      }
    }
  }
}

@media (max-width: 768px) {
  .footer-bottom-right,
  .footer-bottom-left {
    ul {
      flex-direction: column;
      gap: 0;
      text-align: center;
    }
  }
}