footer.site-footer {
  background-color: var(--color-primary-09);
  background-image: none;
  padding: 0;
  font-family: 'neosans';

  .site-footer__top {
    display: grid;
    grid-template-columns: 20% 80%;
    align-items: center;
    padding: 3.25rem 0;

    .region-footer-first {
      display: flex;
      flex-direction: column;
      gap: .375rem;

      img {
        min-width: 127px;
      }

      .phone-number {
        font-size: 1rem;
        font-weight: 300;
        text-align: left;
        width: max-content;
        line-height: 1.1875rem;
        color: var(--color-white);
      }
    }

    .region-footer-second {
      margin: 0;
      padding: 0;
      width: 100%;

      nav.block-menu {
        ul {
          width: 100%;
          display: flex;
          justify-content: space-between;

          a.nav-link {
            padding: 0;
            margin: 0;
            text-transform: inherit;
            color: var(--color-white);
            font-size: 16px;
          }

          &::after {
            display: none;
          }
        }
      }
    }

    &::after {
      display: none;
    }

  }

  .site-footer__bottom {
    letter-spacing: normal;
    margin: 0;
    border: 0;
    background-color: var(--color-primary-08);

    .container {
      padding: 0;
    }

    .region-footer-fifth {
      background-color: transparent;
      margin: 0;

      nav {
        margin: 1rem 0;

        ul {
          justify-content: space-between;

          a.nav-link {
            padding: 0;
            margin: 0;
            text-transform: inherit;
            color: var(--color-white);
            font-size: .875rem;
            font-weight: 300;
            line-height: 1rem;
          }

          &::after {
            display: none;
          }
        }
      }
    }
  }
}

@media (max-width: 992px) {
  footer.site-footer {
    .site-footer__top {
      grid-template-columns: 1fr;
      align-items: flex-start;
      gap: 30px;
      padding: 2rem 1.25rem;

      .region-footer-first {
        img {
          width: 127px;
        }
      }

      .region-footer-second {

        nav.block-menu {
          ul {

            li.nav-item {
              width: 100%
            }

            a.nav-link {
              text-align: left;
            }
          }
        }
      }
    }

    .site-footer__bottom {

      .region-footer-fifth {
        padding: 0 20px;

        nav {
          margin: 1.25rem 0;

          ul {
            gap: 24px;
          }
        }
      }
    }
  }
}

@media (max-width: 768px) {
  footer.site-footer {
    .site-footer__bottom {
      .region-footer-fifth {
        nav {
          ul {
            justify-content: flex-start;
          }
        }
      }
    }
  }
}