/*
 * In-page anchor (#about-us): offset scroll so the block clears sticky .fixed-top.
 * --header-height is set on :root by trust-bar.php (full .fixed-top offsetHeight).
 */
#about-us.nl-about-us-section-wrap {
  scroll-margin-top: calc(var(--header-height, 120px) + 1.25rem);
}

@media (max-width: 767px) {
  #about-us.nl-about-us-section-wrap {
    scroll-margin-top: calc(var(--header-height, 100px) + 1rem);
  }
}

.nl-about-us-section {
  background-color: #1d003d;
  background-image: radial-gradient(
      141.42% 141.42% at 100% 0%,
      #661f06 0%,
      rgba(102, 31, 6, 0) 50%
    ),
    radial-gradient(
      70.71% 141.42% at 50% 0%,
      #00286a 0%,
      rgba(0, 40, 106, 0) 50%
    ),
    radial-gradient(
      141.42% 141.42% at 0% 0%,
      #1f1f23 0%,
      rgba(31, 31, 35, 0) 50%
    );
  background-repeat: no-repeat;
  border-radius: 24px;
  color: #fff;
  overflow: hidden;
  padding: clamp(1.5rem, 4vw, 3rem);
}

.nl-about-us-section__inner {
  max-width: 100%;
}

.nl-about-us-section__top {
  display: grid;
  gap: clamp(1.25rem, 3vw, 2rem);
  padding-bottom: clamp(1.25rem, 3vw, 2rem);
}

@media (min-width: 768px) {
  .nl-about-us-section__top {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
  }
}

.nl-about-us-section__brand {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2.5vw, 1.5rem);
}

.nl-about-us-section__logo {
  display: block;
  height: auto;
  max-width: 200px;
  width: 100%;
}

.nl-about-us-section__logo-accent {
  background-color: #fff;
  border-radius: 2px;
  display: block;
  flex-shrink: 0;
  height: 4px;
  max-width: 100px;
  width: 100%;
}

.nl-about-us-section__heading {
  color: #fff;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  font-size: clamp(1.5rem, 2.5vw, 2rem);
}

.nl-about-us-section__copy {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.nl-about-us-section__copy p {
  color: rgba(255, 255, 255, 0.92);
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  line-height: 1.55;
  margin: 0;
}

.nl-about-us-section__divider {
  border: 0;
  border-top: 1px solid #434148;
  margin: 0 0 clamp(1.25rem, 3vw, 2rem);
}

.nl-about-us-section__features {
  display: grid;
  gap: clamp(1rem, 2vw, 1.25rem);
  grid-template-columns: 1fr;
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 576px) {
  .nl-about-us-section__features {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) {
  .nl-about-us-section__features {
    grid-template-columns: repeat(3, 1fr);
  }
}

.nl-about-us-section__feature {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  margin: 0;
}

.nl-about-us-section__icon-wrap {
  align-items: center;
  background: rgba(200, 180, 255, 0.22);
  border-radius: 10px;
  display: flex;
  flex-shrink: 0;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.nl-about-us-section__icon {
  display: block;
  height: 22px;
  object-fit: contain;
  width: 22px;
}

.nl-about-us-section__label {
  color: #fff;
  font-size: clamp(0.875rem, 1.25vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.35;
  margin: 0;
}

.nl-about-us-section__label p {
  margin: 0;
}