.footer {
    background-color: var(--footer-background-color);
    color: var(--footer-text-color, var(--color-50));
    padding: 2rem 2rem;
    position: relative;
  
    @include min(tablet) {
      padding: 5.5rem 3rem;
    }
  
    @include min(desktop) {
      padding: 5.5rem 4rem;
    }
  
    > div {
      margin: 0 auto;
      max-width: calc(var(--main-container-max) + var(--side-container) - 6rem);
    }
}
  
.topPart {
    padding-bottom: 4rem;
    align-items: flex-start;
    @include flex-direction(column-reverse);
  
    @include min(tablet) {
      @include flex-direction(row-reverse);
      padding-bottom: 6rem;
      gap: 1.6rem;
    }
}
  
.bottomPart {
  @include flex-direction(column-reverse);
  justify-content: center;
  align-items: center;
  padding-bottom: 3rem;

  @include min(laptop) {
    padding-bottom: 0;
  }
}
  
.hasFooterLinks {
  @media only screen and (max-width: 767px) {
    position: relative;
    padding-bottom: 88px;
  }    
}
  
.links {
  flex-grow: 4;
  flex-basis: 0;

  @include min(tablet) {
    @include flex-direction(row);
    padding-top: 7rem;
  }

  @include min(laptop) {
    padding-top: 0;
  }

  > ul {
    flex-grow: 1;
    flex-basis: 0;
    
    @include min(tablet) {
      padding: 0.5rem;
    }
    
    li {
      padding-bottom: 2rem;

      &:first-child {
        font-weight: 700;
        color: var(--footer-links-heading-color, var(--color-49));
      }

      a {
        @include link-color(var(--footer-text-color, var(--color-50)));
      }
    }
  }
}
  
.copyrightDisclaimer {
  margin: 3rem 0 2rem 0;

  p {
    text-align: left;

    &:last-child {
      padding-top: 2rem;
    }
  }

  @include min(laptop) {
    margin: 3rem 0 2rem 0;

    p {
      text-align: justify;
    }
  }
}
  
.copyrightText {
    order: -1;
}
  
.logos {
  @include flex-align(center, center);
  flex-direction: column;

  > ul {
    @include flex-align(center, center);
    flex-wrap: wrap;
    padding-bottom: 3rem;

    @include min(tablet) {
      padding-bottom: 0;
    }

    li {
      padding-right: 1rem;
      padding-bottom: 1rem;

      @include min(tablet) {
        padding-bottom: 2rem;
        padding-right: 2.5rem;
      }

      @include min(laptop) {
        padding-bottom: 0;
      }

      img {
        max-width: 9.5rem;

        @include min(tablet) {
          max-width: 13rem;
        }
      }
    }
  }
}