
.asSeenOn {
  background: var(--footer-asSeenOn-background-color);
  border-bottom: var(--footer-asSeenOn-border);
  @include flex-align(flex-start, center);
  flex-direction: column;
  gap: 1.6rem;
  padding: 3.2rem 1.6rem;

  @include min(tablet) {
    @include flex-align(center, center);
    padding: 48px 0px;
  }

  > span,
  > ul {
    @include min(tablet) {
      margin: 0 auto;
      max-width: calc(var(--main-container-max) + var(--side-container));
    }
  }

  > span {
    font-size: var(--h5-size);
    margin-top: 0;
    font-weight: 700;
    margin-bottom: 0;
    color: var(--footer-asSeenOn-text-color, var(--color-49));
  }

  > ul {
    @include flex-align(flex-start, flex-start);
    flex-wrap: wrap;

    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;
        }
      }
    }

    @include min(tablet) {
      @include flex-align(center, center);
    }
  }
}

.templateTwo {
  border: none;
  @include flex-align(flex-start, flex-start);
  padding: 0;

  > span,
  > ul {
    margin: 0;
  }

  > ul {
    @include min(tablet) {
      @include flex-align(flex-start, flex-start);
    }
  }
}