/* CSS code added by Net at Work - overrides will be clearly marked */

/*Override - Main navigation*/
.sub-sub-menu-list-container .sub-sub-menu-list .sub-sub-menu-list-item .sub-sub-link {
  color: #fff !important;
  opacity: 1;
  font-weight: bold;
}
.dropdown-sub-submenus-container {
  opacity: 1 !important;
}
/*Override - adding some spacing in headings*/
h1, h2, h3, h4, h5, h6 {
	letter-spacing: 0.01em;
	word-spacing: 0.06em;
}
h1 .primary-header-title-bottom {
	word-spacing: normal;
	letter-spacing: normal;
}
/* Hide empty <p></p> tags */
p:empty {display: none;}
/* Temporarily hide CTAs */
#cta-hide {display: none;}
/* SVG Test */
img[src$=".svg"] {
  width: auto;
  height: auto;
  max-width: 100%;
  display: inline-block;
}
/*OVERRIDE - ERP Partners Sage section - adjust link repeater layout
#section3-erp #w-tabs-0-data-w-pane-2 .services-partners-card-content .button-group {
    flex: 0 0 50%;
    max-width: 50%;
}
@media (max-width: 767px) {
    #section3-erp #w-tabs-0-data-w-pane-2 .services-partners-card-content .button-group {
        flex: 0 0 100%;
        max-width: 100%;
    }
}*/


/*OVERRIDE - Insights cards title size*/
.leadership-slide-left .text-bold {
	font-weight: 700;
	font-size: 1.3em;
	line-height: 1.3em;
	margin-bottom: 20px;
}
/*OVERRIDE - Success Story Card at Top of Main BU Page and insights card links*/
.success-stories-slide-person .text-color-secondary, .leadership-link-container a {
	color: #65bbe6;
}

/*OVERRIDE - Fixing height/width of success story logo tabs and images on industries pages */
.industry-detail-header-tab-link-logo {
	max-width: none;
	max-height: 50px;
	width: auto;
}
/*OVERRIDE - Changing client success slider circle image to accommodate a logo*/
.customer-stories-slide-left .customer-stories-slide-image  img.image-cover {
	pointer-events: none;
	width: auto;
	max-width: 100%;
	height: 100%;
	position: relative;
	inset: 0%;
  object-fit: unset;
  max-height: 50px;
}
.customer-stories-slide-left .customer-stories-slide-image {
	border-radius: 0;
	width: auto;
	height: auto;
	max-height: 50px;
	position: relative;
	overflow: hidden;
	background-color: transparent;
}
.customer-stories-slide-text-container .highlight-person-name a {
	color: #fff;
	text-decoration: none;
}
/*OVERRIDE - changing aspect ratio of images on the tab cards to make them a bit smaller*/
.industry-detail-header-tabs-content .tab-card-image {
	aspect-ratio: 1.2;
}

/*Adding margin to industries served blocks*/
@media (max-width: 479px) {
  .section-services-industries .main-container .services-industries-grid .services-insdustries-card .services-industries-card-icon {
    height: 1.375rem;
    margin-right: 0.8em;
  }
}

/*OVERRIDE - Main Product - logo in overview*/
.services-partners-card-logo-container {
	max-width: 12.75rem;
}
/* Main Product Page - Services Partner Card */
.services-partners-card-content i.ph {
	font-size: 26px;
	display: inline-block;
	margin-right: 14px;
	color: #86f54c;
}

/* Legacy Utility Classes */
.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

/* Phosphoricon use in paragraphs */
p i.ph {
	font-size: 1em;
}

/* ADDITION TO EXISTING Services - Industries Module */
.services-insdustries-card {
  align-content: center;
}
.services-industries-card-icon {
  align-self: center;
}
.services-insdustries-card--linked {
    text-decoration: none;
    color: inherit;
}

.services-insdustries-card--linked:hover {
    transform: translateY(-2px);
}


/* Single Resource Styles */
.hero-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background: linear-gradient(45deg, #00152c, transparent);
	z-index: 98;
}
.lead-capture-header-main-container, .primary-header-top {
	z-index: 99;
}
/* Marketo Form Updates */
.marketo-resource-form-wrapper label#LblFirstName,
.marketo-resource-form-wrapper label#LblLastName,
.marketo-resource-form-wrapper label#LblTitle,
.marketo-resource-form-wrapper label#LblCompany,
.marketo-resource-form-wrapper label#LblPhone,
.marketo-resource-form-wrapper label#LblEmail {
position: absolute;
left: -10000px;
}

.section-contact-form .contact-right form label {
	position: absolute;
	left: -10000px;
}

.mktoFormRow:has(input[type="hidden"]) {
  position: absolute;
}
.mktoForm * { font-family:  "Neuehaasdisplay Roman", Arial, sans-serif !important; }

.mktoHtmlText {
    max-width: 100% !important;
	width: calc(100% + 30px) !important;
    margin-left: -15px;
    margin-right: -15px;
}

.mktoHtmlText h3 {
	font-size: 2em;
	padding: 15px 0;
	border-bottom: 1px solid #ececec;
}

.resource-template-default .section-article-body ul.landing-list, ul.landing-list li, .resource-template-default .section-article-body ul {
	letter-spacing: .03em;
	font-size: 1em !important;
	line-height: 1.6;
}
ul.landing-list {
	padding-bottom: 30px;
}
ul.landing-list li {
	margin-bottom: 10px;
	margin-left: 20px;
	padding-left: 15px;
}
ul.landing-list li::marker {
	color: #267CBC; /* blue bullet */
}
/* Case Studies Hero w/video Override */
.slider-header-main-container {
	position: relative;
	z-index: 99;
}
/* FAQ Section Overrides*/
.section-faqs .main-container .main-container-questions {
    gap: 10px;
}

.section-faqs .main-container .main-container-questions .faqs-question .question-container {
    padding: 10px 20px;
}

.section-faqs .main-container .main-container-questions 
.faqs-question .question-container .icon_wrapper {
    padding: 2px 7px 5px;
    background: #c3dff7;
    border-radius: 50%;
}

.faqs-question {
	background-color: #fff;
}

/* FAQ Question Headings */
a.question-container .heading-5 {
    color: #243f5c;
}

/* Rich Text Lists */
.text.w-richtext ul li {
    font-size: 1em;
}

/* Practice leader quote override */
.quote-large {
	font-size: 1.5em;
}

/* CTA Banner Text override */
.cta-banner-container .text-size-default {
	font-size: 1.4em;
}

/* Blog additions and overrides */
.article-header-main-container {
	position: relative;
	z-index: 99
}

.single-blog .section-article-body h2 {
	font-size: 2.5em;
	margin: 1em 0 !important;
}
.text blockquote {
  border-left: 2px solid #2893ea;
}
/* Menu image/text/link */
.dropdown-sub-submenus-image-text {
  z-index: 99999;
  position: relative;
}
.dropdown-sub-submenus-text-link {
	display: inline-block;
	position: relative;
	z-index: 99999;
  text-decoration: none;
}

/*temp hiding of top section and icons in client success detail pages */
.section-pain-points .top-container, .section-pain-points ._2col-options-card-icon {
  display: none;
}

/* HTML: <div class="loader"></div> */
.loader {
  width: 50px;
  aspect-ratio: 1;
  display: grid;
  border: 4px solid #0000;
  border-radius: 50%;
  border-right-color: #0d3f63;
  animation: l15 1s infinite linear;
  margin-top: 30px;
}
.loader::before,
.loader::after {    
  content: "";
  grid-area: 1/1;
  margin: 2px;
  border: inherit;
  border-radius: 50%;
  animation: l15 2s infinite;
}
.loader::after {
  margin: 8px;
  animation-duration: 3s;
}
@keyframes l15{ 
  100%{transform: rotate(1turn)}
}

/* NAW Legacy Typography / Bootstrap to Flex Stuff */
h2.v2-section-heading {
  font-size: clamp(1.6rem, 4vw, 2.6rem);
  line-height: 1.2;
}

/* SmartSlider Section */
.section-slider {
	padding-top: 4.5vw;
	-ms-flex-flow: column;
	flex-flow: column;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	overflow: hidden;
}
.section-slider .text-light {
	color: #fff;
}
.section-slider .text-dark {
	color: #00152c;
}
.legacy-hero .secondary-header-top {
	max-width: 55em;
}

.legacy-hero .button-group {
	max-width: 1440px;
	width: 100%;
}

.legacy-hero-logo {
	padding: 1em 0;
}

.legacy-hero h1.extra-small {
  font-size:4.5rem
}
@media (max-width: 1200px) {
  .legacy-hero h1.extra-small {
    font-size:3.8rem
  }
}
@media (max-width: 992px) {
  .legacy-hero h1.extra-small {
    font-size:3rem
  }
}
@media (max-width: 767px) {
  .legacy-hero h1.extra-small {
    font-size:2.5rem
  }
}
@media (max-width: 480px) {
  .legacy-hero h1.extra-small {
    font-size:2rem
  }
}

/* Default post template */
.default-post-template h1 {
  font-size: 4em;
}


/* =========================================================
   NAWFLEX – CORE SECTION + CONTAINER
   ========================================================= */

.nawflex-section {
  padding: 3rem 1.5rem;
}

.nawflex-section--light {
  background-color: #ffffff;
}

.nawflex-section--grey {
  background-color: #ececec;
}

.nawflex-section--light-grey {
  background-color: #f2f2f2;
}

.nawflex-section--dark {
  background-color: #00152c;
  color: #ffffff;
}

.nawflex-container {
  max-width: 1440px;
  margin: 0 auto;
}

.nawflex-container p {
  margin-bottom: 1.5em;
}

/* Centered “logo / heading / anything” block */
.nawflex-center-block {
  text-align: center;
  margin-bottom: 2rem;
}

.nawflex-center-block h2 {
  padding-bottom: 0.5em;
}

.nawflex-center-block img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

/* Divider */
.nawflex-divider {
  border: 0;
  border-top: 1px solid #e3e8ee;
  margin: 2rem 0;
}


/* =========================================================
   NAWFLEX – LEGACY FLEX ROW SYSTEM (OLDER PATTERN)
   ========================================================= */

.nawflex-row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch; /* equal height columns */
  gap: 30px;            /* bootstrap-ish gap */
  margin-bottom: 2.5rem;
}

/* 2-column row */
.nawflex-row--2col .nawflex-col {
  flex: 1 1 320px;
  display: flex;
}

/* Reverse order helpers */
@media (min-width: 768px) {
  .nawflex-row--reverse .nawflex-col:first-child {
    order: 2;
  }
  .nawflex-row--reverse .nawflex-col:last-child {
    order: 1;
  }

  /* NOTE: naming here is a bit confusing historically, but leaving as-is */
  .nawflex-row--reverse-desktop .nawflex-col:first-child {
    order: 1;
  }
  .nawflex-row--reverse-desktop .nawflex-col:last-child {
    order: 2;
  }
}

/* Column inner wrapper */
.nawflex-col-inner {
  padding: 1.5rem 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.nawflex-col-inner a {
  color: #267CBC;
}

/* Column types */
.nawflex-col--copy .nawflex-col-inner {
  padding-right: 0;
  padding-left: 0;
}

.nawflex-col--copy .nawflex-col-inner p {
  margin: 0.5em 0 1em;
}

.nawflex-col--media {
  justify-content: center;
  align-items: center;
}

.nawflex-col--media .nawflex-col-inner {
  padding: 0;
}

/* Media variants */
.nawflex-media-img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Background-image column */
.nawflex-col--bg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 260px; /* fallback height for mobile */
  width: 100%;
}

/* Eyebrow heading + CTA link (optional helpers) */
.nawflex-eyebrow {
  font-family: "Neuehaasdisplay", Arial, sans-serif;
  text-transform: uppercase;
  font-size: 22px;
  letter-spacing: -0.5px;
  margin-bottom: 1rem;
}

.nawflex-link-cta {
  font-weight: normal;
}

/* Border radius for accent images and background-image columns */
.nawflex-col--bg,
.nawflex-accent-image img,
.nawflex-media-img {
  border-radius: 8px;
  overflow: hidden;
}

/* Keep bundles from stretching too wide */
.nawflex-bundles-wrap {
  max-width: 1200px;
  margin: 0 auto;
}

/* Replace inline discount styling */
.bundle-discount {
  font-size: 26px;
  font-weight: 700;
  color: #003366;
  margin: 30px auto;
  text-align: center;
  display: inline-block;
  padding: 10px;
  background: #ececec;
  border-radius: 10px;
}


/* =========================================================
   NAWFLEX – GRID SYSTEM + CARDS (PRIMARY PATTERN)
   ========================================================= */

/* Grid wrapper */
.nawflex-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 2.5rem;

  /* Layout behavior */
  align-items: stretch;     /* equal height rows */
  justify-content: center;  /* centers partial rows by default */
}

/* Desktop “strict columns” modes */
@media (min-width: 992px) {
  /* For controlled column-count modes, keep rows aligned left by default */
  .nawflex-grid--3,
  .nawflex-grid--4,
  .nawflex-grid--5 {
    justify-content: flex-start;
  }

  .nawflex-grid--3 > .nawflex-card {
    flex: 0 0 calc(33.333% - 16px);
    max-width: calc(33.333% - 16px);
  }

  .nawflex-grid--4 > .nawflex-card {
    flex: 0 0 calc(25% - 16px);
    max-width: calc(25% - 16px);
  }

  /* 5 columns with 24px gap:
     total gaps per row = 4 * 24px = 96px
     each column width = (100% - 96px) / 5
  */
  .nawflex-grid--5 {
    justify-content: center; /* optional centering for 5-up */
  }

  .nawflex-grid--5 > .nawflex-card {
    flex: 0 1 calc((100% - 96px) / 5);
    max-width: calc((100% - 96px) / 5);
  }
}

/* Legacy 4-column version (kept, but standardized with the system above) */
.nawflex-grid--4 {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

/* If used outside the 992px strict mode, this provides a “hard 4” */
.nawflex-grid--4 > .nawflex-card {
  flex: 1 1 calc(25% - 30px);
  max-width: calc(25% - 30px);
}

/* Generic card */
.nawflex-card {
  flex: 1 1 260px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(15, 34, 54, 0.06);
  padding: 1.75rem 1.5rem;

  /* Equal-height behavior within grid */
  display: flex;
  flex-direction: column;
  align-self: stretch;
  height: auto; /* important: rely on flex stretch rather than height:100% */
}

/* Dark section treatment */
.nawflex-section--dark .nawflex-card {
  background-color: rgba(15, 34, 54, 0.9);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45);
}

/* Card elements */
.nawflex-card-icon {
  margin-bottom: 1rem;
  font-size: 2rem;
  line-height: 1;
}

.nawflex-card-icon img,
.nawflex-card-icon svg {
  max-width: 2.5rem;
  height: auto;
  display: inline-block;
}

.nawflex-card-title {
  font-size: 1.15rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #243f5c;
}

.nawflex-section--dark .nawflex-card-title {
  color: #ffffff;
}

.nawflex-card-body {
  flex: 1 1 auto;
  flex-grow: 1;
  line-height: 1.6;
  color: #43536b;
}

.nawflex-section--dark .nawflex-card-body {
  color: #e4edf7;
}

.nawflex-card-body p {
  padding: 0.5em;
}

/* Optional footer for CTAs / links */
.nawflex-card-footer {
  margin-top: 1rem;
}

.nawflex-card-footer a {
  font-weight: 600;
  text-decoration: underline;
}


/* =========================================================
   NAWFLEX – ICON GRID (CENTERED ICON + LABEL)
   ========================================================= */

.nawflex-icon-grid {
  justify-content: center;
}

.nawflex-icon-block {
  text-align: center;
  padding: 1rem;
}

.nawflex-icon-block img {
  max-width: 80px;
  height: auto;
  display: block;
  margin: 0 auto 0.5rem;
}

.nawflex-icon-block span {
  display: block;
  font-weight: 600;
}


/* =========================================================
   NAWFLEX – PRODUCT / FEATURE BLOCKS
   ========================================================= */

/* Product block variant of nawflex-card */
.nawflex-product-block {
  text-align: center;
  border: 1px solid #ececec;
}

/* Centered icon/mini-logo for small feature cards */
.nawflex-product-icon {
  margin-bottom: 1rem;
  text-align: center;
}

.nawflex-product-icon img {
  max-width: 100px;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Uniform logo header across demo cards (single source of truth) */
.nawflex-product-logo {
  background: #f2f2f2;
  border-radius: 8px;
  margin-bottom: 1rem;

  height: 90px;            /* adjust once, applies everywhere */
  display: flex;
  align-items: center;      /* vertical centering */
  justify-content: center;  /* horizontal centering */
  padding: 15px 0;
}

.nawflex-product-logo img {
  max-height: 50px;
  width: auto;
  max-width: 100%;
  display: block;
}

/* Optional: center title for compact 3-up features */
.nawflex-product-block--center .nawflex-card-title {
  text-align: center;
}

/* Tighter body text inside product cards if needed */
.nawflex-product-block .nawflex-card-body p:last-child {
  margin-bottom: 0;
}


/* =========================================================
   NAWFLEX – AWARDS / LOGO GRID VARIANT
   ========================================================= */

.awards-grid {
  max-width: 1000px;
  margin: 0 auto;
}

.awards-grid .nawflex-card {
  background: none;
  box-shadow: none;
  border: none;
  padding: 1.5rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
}

.awards-grid .nawflex-card img {
  max-height: 140px;
  width: auto;
  height: auto;
  display: block;
}


/* =========================================================
   NAWFLEX – STATS (GENERIC FRAMEWORK + ICON EXTENSION)
   ========================================================= */

.nawflex-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/* Alignment variants */
.nawflex-stats--left {
  justify-content: flex-start;
}

.nawflex-stats--center {
  justify-content: center;
}

.nawflex-stats--between {
  justify-content: space-between;
}

/* Individual stat item */
.nawflex-stat {
  flex: 1 1 140px;
  max-width: 180px;
  text-align: center;
}

/* Big number */
.nawflex-stat-number {
  font-weight: 800;
  letter-spacing: -0.03em;
  font-size: 2.75rem;
  line-height: 1.1;
  font-family: 'Neuehaasdisplay', Arial, sans-serif;
  color: #243f5c; /* default for light sections */
}

/* Label */
.nawflex-stat-label {
  margin-top: 0.25rem;
  font-size: 0.95rem;
  font-weight: 300;
  color: #43536b;
}

.nawflex-stat-label strong {
  font-weight: 600;
}

/* Dark section treatment */
.nawflex-section--dark .nawflex-stat-number,
.nawflex-section--dark .nawflex-stat-label {
  color: #ffffff;
}

/* Size modifiers */
.nawflex-stat-number--lg {
  font-size: 3.5rem;
}

.nawflex-stat-number--sm {
  font-size: 2.1rem;
}

/* Icon extension */
.nawflex-stat-icon {
  margin-bottom: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nawflex-stat-icon img,
.nawflex-stat-icon svg {
  max-width: 64px;
  height: auto;
  display: block;
}

/* Icon color adjustment for dark mode (inline SVG only) */
.nawflex-section--dark .nawflex-stat-icon svg {
  fill: #ffffff;
}

/* Icon size variants */
.nawflex-stat-icon--sm img,
.nawflex-stat-icon--sm svg {
  max-width: 40px;
}

.nawflex-stat-icon--lg img,
.nawflex-stat-icon--lg svg {
  max-width: 90px;
}


/* =========================================================
   NAWFLEX – INTERACTIVE IMAGE MAP HOTSPOTS
   ========================================================= */

.nawflex-interactive-img {
  position: relative;
}

.nawflex-interactive-img a {
  position: absolute;
  display: block;
  width: 10%;
  height: 10%;
  background: rgba(0, 0, 0, 0);
}


/* =========================================================
   NAWFLEX – RESPONSIVE
   ========================================================= */

@media (max-width: 1024px) {
  .nawflex-grid--4 > .nawflex-card {
    flex: 1 1 calc(50% - 20px);
    max-width: calc(50% - 20px);
  }
}

@media (max-width: 767.98px) {
  .nawflex-section {
    padding: 2.5rem 1rem;
  }

  .nawflex-row {
    gap: 1.5rem;
  }

  .nawflex-row--2col .nawflex-col {
    flex: 1 1 100%;
  }

  /* Optional: center text on mobile */
  .nawflex-col--copy p,
  .nawflex-col--copy .nawflex-eyebrow {
    text-align: center;
  }

  /* Keep ULs aligned nicely */
  .nawflex-col--copy ul {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    max-width: 32rem;
  }

  .nawflex-grid {
    gap: 16px;
  }

  .nawflex-card {
    flex: 1 1 100%;
  }

  .nawflex-stat {
    flex: 1 1 45%;
    max-width: 45%;
  }
}

@media (max-width: 600px) {
  .nawflex-grid--4 > .nawflex-card {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .nawflex-stat {
    flex: 1 1 100%;
    max-width: 100%;
  }
}


/* =========================================================
   NAWFLEX – VISIBILITY HELPERS (MOBILE SWAP)
   ========================================================= */

.nawflex-hide-mobile {
  display: block;
}

.nawflex-show-mobile {
  display: none;
}

@media (max-width: 767px) {
  .nawflex-hide-mobile {
    display: none !important;
  }
  .nawflex-show-mobile {
    display: block;
  }
}

/* =========================================================
   Nawflex – Asymmetric 2-column layout (8 / 4 split)
   ========================================================= */

.nawflex-row--asym {
  display: flex;
  flex-wrap: wrap;       /* allow stacking on mobile */
  gap: 30px;
  align-items: stretch;
}

/* Base behavior (mobile / tablet) */
.nawflex-row--asym .nawflex-col {
  flex: 1 1 320px;
}

/* Desktop: lock columns side-by-side */
@media (min-width: 992px) {
  .nawflex-row--asym {
    flex-wrap: nowrap;   /* prevent right column from dropping */
  }

  /* Use calc() so gap is accounted for */
  .nawflex-row--asym .nawflex-col--wide {
    flex: 0 0 calc(65% - 15px);
    max-width: calc(65% - 15px);
  }

  .nawflex-row--asym .nawflex-col--narrow {
    flex: 0 0 calc(35% - 15px);
    max-width: calc(35% - 15px);
  }
}

/* =========================================================
   Nawflex – Centered multi-column service list
   ========================================================= */

.nawflex-service-list-wrap {
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
}

.nawflex-service-list {
  list-style: disc;
  padding-left: 1.25rem;
  margin: 0;

  /* Auto-balance into columns */
  columns: 2;
  column-gap: 3rem;

  max-width: 42rem;
  text-align: left;
}

/* Prevent awkward breaks */
.nawflex-service-list li {
  margin: 0.35rem 0;
  break-inside: avoid;
}

/* Mobile: single column */
@media (max-width: 767.98px) {
  .nawflex-service-list {
    columns: 1;
    max-width: 32rem;
  }
}

/* =========================================================
   Nawflex – Heading accent helpers (reusable)
   ========================================================= */

.nawflex-underline-accent {
  display: inline-block;
  border-bottom: 5px solid #0094d4;
}

.nawflex-heading-sub {
  display: block;
  font-weight: 300;
  margin-top: 0.5rem;
}

/* =========================================================
   Nawflex – Banner spacing helper
   ========================================================= */

.nawflex-banner {
  margin-top: 2rem;
}

/* =========================================================
   Nawflex – Top-align right column content (one-off safe)
   ========================================================= */

@media (min-width: 992px) {
  .nawflex-row--asym .nawflex-col--narrow .nawflex-col-inner {
    justify-content: flex-start;
  }
}