.module {
  background-color: var(--module-background-color, #fff);
  padding-bottom: var(--module-bottom-spacing);
  scroll-margin-top: calc(var(--nav-height-mobile, 6rem) + var(--nav-anchor-height, 4rem));
  @include min(laptop){
    scroll-margin-top: calc(var(--nav-height-desktop, 8rem) + var(--nav-anchor-height, 4rem));
  }
}

.contentModule {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  > h2 {
    width: 100%;
  }
}

.module_introduction {
  font-weight: 400;
}
.cards_v2Module.template_two,
.cardsModule.template_two {
  gap: 8rem;
  position: relative;
  padding: 0;

  @include min(tablet) {
    padding: 4rem 0 4rem 4rem;
    display: grid;
    grid-template-columns: 1fr 2fr;
    justify-content: center;
    align-items: flex-start;
  }

  @include min(desktop) {
    padding: 4rem 0 4rem 8rem;
  }

  > div:first-child {
    padding: 1.6rem;
    padding-bottom: 4rem;
    padding-top: 3.2rem;

    @include min(tablet) {
      width: 100%;
    }

    > div {
      @include min(desktop) {
        max-width: 130rem !important;
      }
    }
  }

  > div:first-child {
    > div {
      margin: 0 !important;
      padding: 0 !important;
    }
  }

  > div:last-of-type {
    max-width: 100%;
    flex-basis: 60%;
    @include flex-direction(row);
    overflow-x: auto;

    &::-webkit-scrollbar {
      height: 0.6rem;
      width: 0.6rem;
      display: none;
    }
    &::-webkit-scrollbar-track {
      background: #bdc33f;

      @include min(tablet) {
        border-radius: 10rem;
      }
    }
    &::-webkit-scrollbar-thumb {
      background-color: #515156;

      @include min(tablet) {
        border-radius: 10rem;
      }
    }
    @include min(tablet) {
      padding: 2rem 0 2rem 0;
    }

    > div {
      min-width: 29.6rem;

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

    > div {
      margin-right: 0.8rem;
    }
  }

  &.noModuleIntro {
    @include flex-direction(column);
    gap: 1.6rem;
    padding: 4rem 0 4rem 0;

    > div {
      max-width: 130rem;
      width: 100%;
      padding-top: 0;
      margin: 0 auto;

      h2 {
        margin-bottom: 0 !important;
        width: auto;
      }
    }

    > div:last-of-type {
      padding: 0 0 8rem 1.6rem;
      &::-webkit-scrollbar {
        display: none;
      }
    }
  }
}



.viewMore {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.7rem; 
  text-transform: capitalize;
  @include flex-align(center, flex-start);
  color: #165AF8;
  gap: .4rem;
  svg{
    margin-top: .2rem;
  }
}
