.nw-acnt-content {
  padding-top: 32px;

  @media screen and (min-width: $screen-min-sm) {
    margin-bottom: 100px;
  }
}

.nw-acnt-accordian-wrapper {
  margin-bottom: 20px;
}

.nw-accordion-component-container {
  margin-bottom: 48px;
}

.nw-acnt-accordian {
  align-items: center;
  display: flex;
  margin: 0;
  border: transparent;
  width: 100%;
  padding: 30px 20px;

  @media screen and (min-width: $screen-min-sm) {
    padding: 40px 20px;
  }
}

.nw-acnt-accordian.blue {
  background-color: $myaccount-accordioncolor-1;
}

.nw-acnt-accordian.green {
  background-color: $myaccount-accordioncolor-2;
}

.nw-acnt-accordian.yellow {
  background-color: $myaccount-accordioncolor-3;
}

.nw-acnt-accordian.loyalty {
  background-color: $myaccount-accordioncolor-4;
}

.nw-acnt-icon {
  font-size: $acnt-desktop-icon-fontsize;
  color: $myaccount-icon-color;
}

.nw-acnt-arrow {
  color: $myaccount-arrow-color;
}

.nw-acnt-content-wrapper {
  // padding: 20px 15px;
  width: 90%;
  text-align: left;
}

.nw-acnt-title {
  display: block;
  font-size: $font-size-xxxl;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.5px;
}

.nw-acnt-arrow {
  font-size: $font-size-xxxl;
  font-weight: 700;
}

.nw-acnt-icon-wrapper {
  width: 9%;
  padding-left: 0;
}

.nw-acnt-arrow-wrapper {
  width: 5%;
}

@media screen and (max-width: $screen-min-sm) {
  .nw-acnt-content-wrapper {
    margin-left: 8px;
  }

  .nw-acnt-icon {
    font-size: $font-size-xxl;
  }

  .nw-acnt-title {
    font-size: $font-size-sm;
    line-height: $font-size-xxxl;
  }

  // .nw-acnt-accordian {
  //   margin: 20px auto;
  // }
}

.nw-acnt-subtitle {
  display: block;
  margin-top: 5px;
  font-size: $font-size-sm;
  color: $myaccount-subtitle-color;
}