.footerGlobalContainer {
  margin-bottom: 8rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: 0.2s ease;

  .footerTitle {
    height: 180px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s ease;


    h2 {
      font-family: $h2-font;
      font-size: 1.9rem;
    }
  }
  .footerLinksContainer {
    height: fit-content;
    width: 90%;
    display: flex;
    margin-bottom: 5rem;
    row-gap: 2rem;
    transition: 0.2s ease;


    .linksBlock1,
    .linksBlock2 {
      display: flex;
      width: 100%;
      transition: 0.2s ease;
    }

    .ulContainer {
      height: fit-content;
      width: 100%;
      display: flex;
      flex-direction: column;
      margin: 0 0.3rem;
      transition: 0.2s ease;

      h3 {
        font-family: $btn-font;
        font-weight: 100;
        letter-spacing: 0.1rem;
        font-size: 1rem;
        text-transform: uppercase;
        color: $color-footer-ul-title;
        padding: 0.6rem 0rem;
      }
      li {
        font-family: $text-font;
        font-weight: 100;
        text-transform: capitalize;
        list-style: none;
        padding: 0.4rem 0rem;
        display: flex;
        align-items: center;
        column-gap: 0.6rem;
      }
    }
  }
}

@media screen and (min-width: 350px) {
  .footerGlobalContainer {
    .footerLinksContainer {
      flex-direction: column;
    }
  }
}

@media screen and (min-width: 765px) {
  .footerGlobalContainer {
    .footerLinksContainer {
      width: 100%;
      flex-direction: row;
      justify-content: center;
      margin-bottom: 10rem;

      .linksBlock1,
      .linksBlock2 {
        justify-content: space-around;
      }

      .ulContainer {
        width: 50%;
      }
    }
  }
}

@media screen and (min-width: 990px) {
  .footerGlobalContainer {
    .footerLinksContainer {
      width: 100%;
      flex-direction: row;
      justify-content: center;
      margin-bottom: 7rem;

      .linksBlock1,
      .linksBlock2 {
        justify-content: space-around;
      }

      .ulContainer {
        width: 30%;
      }
    }
  }
}
