.module {
  background-color: var(--module-background-color);
  @include flex-direction(column);
  @include flex-align(center, center);
  > * {
    width: 100% !important;
  }
}

.bonusModule {
  > div {
    max-width: 96rem !important;
  }
}

.anchorModule {
  background-color: #060606 !important;
}

.cards_v2Module.template_two,
.cardsModule.template_two {
  position: relative;
  padding: 4rem 0 8rem 0;
  @include flex-direction(column);
  align-items: center !important;

  @include min(tablet) {
    @include flex-direction(column);
    justify-content: center;
    align-items: flex-start;
    padding: 4rem 2rem 8rem 2rem;
  }

  > div:last-of-type {
    gap: 1.6rem;
    @include flex-direction(row);
    overflow-x: auto;
    max-width: var(--main-container-max);
    margin-bottom: 2rem;

    &::-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) {
      max-width: calc(var(--main-container-max) - 3.2rem);
      padding: 0;
    }
    // @include min(laptop){
    //   padding: 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;

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

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

    > div:last-of-type {
      max-width: var(--main-container-max);
      padding: 0 0 8rem 1.6rem;
      &::-webkit-scrollbar {
        display: none;
      }
    }
  }
}


.contact_formModule {
 background-color: #201F1F !important; 
 padding: 0 !important;

}