/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 26 August 2026 21:48:27
*/


@charset "UTF-8";
/* =========================================
   BRAND THEME TOKENS
   ========================================= */
:root {
  --brand-primary: #008390;
  /* Rainforest Teal */
  --brand-primary-rgb: 0, 131, 144;
  --brand-primary-light: #cfecee;
  --brand-primary-gradient: linear-gradient(45deg, #006f7d, #00a0ad);
  --brand-secondary: #023864;
  /* Midnight Navy */
  --brand-secondary-rgb: 2, 56, 100;
  --brand-secondary-light: #d6e6f5;
  --brand-secondary-gradient: linear-gradient(45deg, #023864, #034b8b);
  --brand-tertiary: #00b1c3;
  /* Ocean Turquoise */
  --brand-tertiary-rgb: 0, 177, 195;
  --brand-tertiary-light: #ccf4f8;
  --brand-tertiary-gradient: linear-gradient(45deg, #0097a7, #00c7db);
  --brand-quaternary: #dae075;
  /* Greenlands */
  --brand-quaternary-rgb: 218, 224, 117;
  --brand-quaternary-light: #f3f7d2;
  --brand-quaternary-gradient: linear-gradient(45deg, #c8d45d, #e6eb8f);
  --brand-quinary: #b65c10;
  /* Orange */
  --brand-quinary-rgb: 182, 92, 16;
  --brand-quinary-light: #f3d8bf;
  --brand-quinary-gradient: linear-gradient(45deg, #9e4f0d, #cf6a12);
  --brand-senary: #d49a1f;
  /* Mustard */
  --brand-senary-rgb: 212, 154, 31;
  --brand-senary-light: #f4e4be;
  --brand-senary-gradient: linear-gradient(45deg, #bb8618, #e5ad2f);
  --brand-septenary: #005a63;
  /* Deep Teal */
  --brand-septenary-rgb: 0, 90, 99;
  --brand-septenary-light: #cce6e8;
  --brand-septenary-gradient: linear-gradient(45deg, #00464d, #00727c);
  --brand-ergonNetwork: #2c5697;
  --brand-ergonNetwork-rgb: 44, 86, 151;
  --brand-ergonNetwork-overlay-rgb: 68, 200, 245;
  --brand-energex: #bad80a;
  --brand-energex-rgb: 186, 216, 10;
  --brand-energex-overlay-rgb: 0, 43, 80;
  --brand-ergonRetail: #138924;
  --brand-ergonRetail-rgb: 9, 121, 105;
  --brand-ergonRetail-overlay-rgb: 0, 97, 59;
  --brand-yurika: #5a287f;
  --brand-yurika-rgb: 90, 40, 127;
  --brand-yurika-overlay-rgb: 40, 19, 56;
  --brand-body: #313131;
  --brand-muted: #6b7280;
  --brand-white: #ffffff;
  --brand-surface: #ffffff;
  --brand-surface-alt: #f8f9fa;
  --brand-border: #d0d7e2;
  --brand-emergency: #c62828;
  --brand-emergency-yellow: #c62828;
  --brand-emergency-blue: #add8e6;
  --brand-grey: #f2f0ef;
  --brand-gradient-alt: linear-gradient(
    0deg,
    rgba(0, 131, 144, 0.92) 0%,
    rgba(0, 131, 144, 0.78) 42%,
    rgba(0, 131, 144, 0.78) 100%
  );
  --brand-tertiary-gradient-alt: linear-gradient(
    0deg,
    rgba(0, 177, 195, 0.92) 0%,
    rgba(0, 177, 195, 0.78) 42%,
    rgba(0, 177, 195, 0.78) 100%
  );
  --brand-focus-visible: var(--brand-primary);
  --brand-focus-visible-inverse: var(--brand-white);
  --brand-radius-sm: 0.5rem;
  --brand-radius-md: 1rem;
  --brand-radius-lg: 1.5rem;
  --brand-radius-pill: 999px;
  --brand-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
  --brand-shadow-soft: 0 12px 30px rgba(15, 23, 42, 0.08);
  --brand-shadow-strong: 0 18px 40px rgba(2, 56, 100, 0.18);
  --bs-body-font-family: "Manrope", sans-serif;
}
/* =========================================
   THEME UTILITY MAPS
   ========================================= */
/* =========================================
   BASE TYPOGRAPHY
   ========================================= */
body {
  color: var(--brand-body);
}
h1, h2, h3, h4, h5, h6 {
  color: var(--brand-primary);
}
/* =========================================
   THEME UTILITIES
   ========================================= */
.theme {
  /* Backgrounds */
  /* Backgrounds */
  /* Text */
  /* ============================================================
   Border utilities
   ------------------------------------------------------------
   These classes are generated from the border colour, side and
   width maps below.

   Existing classes remain valid:
   - .theme-border-primary
   - .theme-border-secondary-rgba
   - .theme-border-tertiary-rgba-md

   Border sides:
   - .theme-border-primary              = all sides
   - .theme-border-top-primary          = top only
   - .theme-border-bottom-primary       = bottom only
   - .theme-border-left-primary         = left only
   - .theme-border-right-primary        = right only

   Border widths:
   - no suffix = 1px default
   - -1        = 1px
   - -2        = 2px
   - -3        = 3px
   - -4        = 4px
   - -5        = 5px

   RGBA strengths:
   - rgba        = subtle / light opacity, 0.12
   - rgba-md     = medium opacity, 0.24
   - rgba-strong = stronger opacity, 0.40

   Examples:
   - .theme-border-primary
     -> 1px solid primary border on all sides

   - .theme-border-bottom-secondary-rgba-md-4
     -> 4px medium-opacity secondary border on bottom only

   - .theme-border-left-quinary-rgba-strong-5
     -> 5px strong-opacity quinary border on left only
   ============================================================ */
  /* Radius */
  /* Corner radius */
  /* Shadows */
  /* Icon backgrounds */
  /* Full bleed helper */
}
.theme-bg-primary {
  background-color: var(--brand-primary) !important;
}
.theme-bg-primary-gradient {
  background: var(--brand-primary-gradient) !important;
}
.theme-bg-primary-light {
  background-color: var(--brand-primary-light) !important;
}
.theme-bg-secondary {
  background-color: var(--brand-secondary) !important;
}
.theme-bg-secondary-gradient {
  background: var(--brand-secondary-gradient) !important;
}
.theme-bg-secondary-light {
  background-color: var(--brand-secondary-light) !important;
}
.theme-bg-tertiary {
  background-color: var(--brand-tertiary) !important;
}
.theme-bg-tertiary-gradient {
  background: var(--brand-tertiary-gradient) !important;
}
.theme-bg-tertiary-light {
  background-color: var(--brand-tertiary-light) !important;
}
.theme-bg-quaternary {
  background-color: var(--brand-quaternary) !important;
}
.theme-bg-quaternary-gradient {
  background: var(--brand-quaternary-gradient) !important;
}
.theme-bg-quaternary-light {
  background-color: var(--brand-quaternary-light) !important;
}
.theme-bg-quinary {
  background-color: var(--brand-quinary) !important;
}
.theme-bg-quinary-gradient {
  background: var(--brand-quinary-gradient) !important;
}
.theme-bg-quinary-light {
  background-color: var(--brand-quinary-light) !important;
}
.theme-bg-senary {
  background-color: var(--brand-senary) !important;
}
.theme-bg-senary-gradient {
  background: var(--brand-senary-gradient) !important;
}
.theme-bg-senary-light {
  background-color: var(--brand-senary-light) !important;
}
.theme-bg-septenary {
  background-color: var(--brand-septenary) !important;
}
.theme-bg-septenary-gradient {
  background: var(--brand-septenary-gradient) !important;
}
.theme-bg-septenary-light {
  background-color: var(--brand-septenary-light) !important;
}
.theme-bg-white {
  background-color: var(--brand-white) !important;
}
.theme-bg-body {
  background-color: var(--brand-body) !important;
}
.theme-bg-grey {
  background-color: var(--brand-grey) !important;
}
.theme-bg-surface {
  background-color: var(--brand-surface) !important;
}
.theme-bg-surface-alt {
  background-color: var(--brand-surface-alt) !important;
}
.theme-bg-emergency {
  background-color: var(--brand-emergency) !important;
}
.theme-bg-emergency-2 {
  background-color: var(--brand-emergency-blue) !important;
}
.theme-bg-emergency-3 {
  background-color: var(--brand-emergency-yellow) !important;
}
.theme-bg-gradient {
  background: var(--brand-gradient) !important;
}
.theme-bg-gradient-alt {
  background: var(--brand-gradient-alt) !important;
}
.theme-bg-image-1::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  z-index: -1;
  pointer-events: none;
  background: url("./?a=2057234") center center / cover no-repeat;
}
.theme-text-primary {
  color: var(--brand-primary) !important;
}
.theme-text-secondary {
  color: var(--brand-secondary) !important;
}
.theme-text-tertiary {
  color: var(--brand-tertiary) !important;
}
.theme-text-quaternary {
  color: var(--brand-quaternary) !important;
}
.theme-text-quinary {
  color: var(--brand-quinary) !important;
}
.theme-text-senary {
  color: var(--brand-senary) !important;
}
.theme-text-septenary {
  color: var(--brand-septenary) !important;
}
.theme-text-primary-light {
  color: var(--brand-primary-light) !important;
}
.theme-text-secondary-light {
  color: var(--brand-secondary-light) !important;
}
.theme-text-tertiary-light {
  color: var(--brand-tertiary-light) !important;
}
.theme-text-quaternary-light {
  color: var(--brand-quaternary-light) !important;
}
.theme-text-quinary-light {
  color: var(--brand-quinary-light) !important;
}
.theme-text-senary-light {
  color: var(--brand-senary-light) !important;
}
.theme-text-septenary-light {
  color: var(--brand-septenary-light) !important;
}
.theme-text-body {
  color: var(--brand-body) !important;
}
.theme-text-muted {
  color: var(--brand-muted) !important;
}
.theme-text-white {
  color: var(--brand-white) !important;
}
.theme-text-emergency {
  color: var(--brand-emergency) !important;
}
.theme-border {
  border: 1px solid var(--brand-border) !important;
}
.theme-border-1 {
  border: 1px solid var(--brand-border) !important;
}
.theme-border-2 {
  border: 2px solid var(--brand-border) !important;
}
.theme-border-3 {
  border: 3px solid var(--brand-border) !important;
}
.theme-border-5 {
  border: 5px solid var(--brand-border) !important;
}
.theme-border-7 {
  border: 7px solid var(--brand-border) !important;
}
.theme-border-primary {
  border: 1px solid var(--brand-primary) !important;
}
.theme-border-primary-1 {
  border: 1px solid var(--brand-primary) !important;
}
.theme-border-primary-2 {
  border: 2px solid var(--brand-primary) !important;
}
.theme-border-primary-3 {
  border: 3px solid var(--brand-primary) !important;
}
.theme-border-primary-5 {
  border: 5px solid var(--brand-primary) !important;
}
.theme-border-primary-7 {
  border: 7px solid var(--brand-primary) !important;
}
.theme-border-secondary {
  border: 1px solid var(--brand-secondary) !important;
}
.theme-border-secondary-1 {
  border: 1px solid var(--brand-secondary) !important;
}
.theme-border-secondary-2 {
  border: 2px solid var(--brand-secondary) !important;
}
.theme-border-secondary-3 {
  border: 3px solid var(--brand-secondary) !important;
}
.theme-border-secondary-5 {
  border: 5px solid var(--brand-secondary) !important;
}
.theme-border-secondary-7 {
  border: 7px solid var(--brand-secondary) !important;
}
.theme-border-tertiary {
  border: 1px solid var(--brand-tertiary) !important;
}
.theme-border-tertiary-1 {
  border: 1px solid var(--brand-tertiary) !important;
}
.theme-border-tertiary-2 {
  border: 2px solid var(--brand-tertiary) !important;
}
.theme-border-tertiary-3 {
  border: 3px solid var(--brand-tertiary) !important;
}
.theme-border-tertiary-5 {
  border: 5px solid var(--brand-tertiary) !important;
}
.theme-border-tertiary-7 {
  border: 7px solid var(--brand-tertiary) !important;
}
.theme-border-quaternary {
  border: 1px solid var(--brand-quaternary) !important;
}
.theme-border-quaternary-1 {
  border: 1px solid var(--brand-quaternary) !important;
}
.theme-border-quaternary-2 {
  border: 2px solid var(--brand-quaternary) !important;
}
.theme-border-quaternary-3 {
  border: 3px solid var(--brand-quaternary) !important;
}
.theme-border-quaternary-5 {
  border: 5px solid var(--brand-quaternary) !important;
}
.theme-border-quaternary-7 {
  border: 7px solid var(--brand-quaternary) !important;
}
.theme-border-quinary {
  border: 1px solid var(--brand-quinary) !important;
}
.theme-border-quinary-1 {
  border: 1px solid var(--brand-quinary) !important;
}
.theme-border-quinary-2 {
  border: 2px solid var(--brand-quinary) !important;
}
.theme-border-quinary-3 {
  border: 3px solid var(--brand-quinary) !important;
}
.theme-border-quinary-5 {
  border: 5px solid var(--brand-quinary) !important;
}
.theme-border-quinary-7 {
  border: 7px solid var(--brand-quinary) !important;
}
.theme-border-senary {
  border: 1px solid var(--brand-senary) !important;
}
.theme-border-senary-1 {
  border: 1px solid var(--brand-senary) !important;
}
.theme-border-senary-2 {
  border: 2px solid var(--brand-senary) !important;
}
.theme-border-senary-3 {
  border: 3px solid var(--brand-senary) !important;
}
.theme-border-senary-5 {
  border: 5px solid var(--brand-senary) !important;
}
.theme-border-senary-7 {
  border: 7px solid var(--brand-senary) !important;
}
.theme-border-septenary {
  border: 1px solid var(--brand-septenary) !important;
}
.theme-border-septenary-1 {
  border: 1px solid var(--brand-septenary) !important;
}
.theme-border-septenary-2 {
  border: 2px solid var(--brand-septenary) !important;
}
.theme-border-septenary-3 {
  border: 3px solid var(--brand-septenary) !important;
}
.theme-border-septenary-5 {
  border: 5px solid var(--brand-septenary) !important;
}
.theme-border-septenary-7 {
  border: 7px solid var(--brand-septenary) !important;
}
.theme-border-primary-rgba {
  border: 1px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-primary-rgba-1 {
  border: 1px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-primary-rgba-2 {
  border: 2px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-primary-rgba-3 {
  border: 3px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-primary-rgba-5 {
  border: 5px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-primary-rgba-7 {
  border: 7px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-secondary-rgba {
  border: 1px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-secondary-rgba-1 {
  border: 1px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-secondary-rgba-2 {
  border: 2px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-secondary-rgba-3 {
  border: 3px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-secondary-rgba-5 {
  border: 5px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-secondary-rgba-7 {
  border: 7px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-tertiary-rgba {
  border: 1px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-tertiary-rgba-1 {
  border: 1px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-tertiary-rgba-2 {
  border: 2px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-tertiary-rgba-3 {
  border: 3px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-tertiary-rgba-5 {
  border: 5px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-tertiary-rgba-7 {
  border: 7px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-quaternary-rgba {
  border: 1px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-quaternary-rgba-1 {
  border: 1px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-quaternary-rgba-2 {
  border: 2px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-quaternary-rgba-3 {
  border: 3px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-quaternary-rgba-5 {
  border: 5px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-quaternary-rgba-7 {
  border: 7px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-quinary-rgba {
  border: 1px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-quinary-rgba-1 {
  border: 1px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-quinary-rgba-2 {
  border: 2px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-quinary-rgba-3 {
  border: 3px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-quinary-rgba-5 {
  border: 5px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-quinary-rgba-7 {
  border: 7px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-senary-rgba {
  border: 1px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-senary-rgba-1 {
  border: 1px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-senary-rgba-2 {
  border: 2px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-senary-rgba-3 {
  border: 3px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-senary-rgba-5 {
  border: 5px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-senary-rgba-7 {
  border: 7px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-septenary-rgba {
  border: 1px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-septenary-rgba-1 {
  border: 1px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-septenary-rgba-2 {
  border: 2px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-septenary-rgba-3 {
  border: 3px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-septenary-rgba-5 {
  border: 5px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-septenary-rgba-7 {
  border: 7px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-primary-rgba-md {
  border: 1px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-primary-rgba-md-1 {
  border: 1px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-primary-rgba-md-2 {
  border: 2px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-primary-rgba-md-3 {
  border: 3px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-primary-rgba-md-5 {
  border: 5px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-primary-rgba-md-7 {
  border: 7px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-secondary-rgba-md {
  border: 1px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-secondary-rgba-md-1 {
  border: 1px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-secondary-rgba-md-2 {
  border: 2px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-secondary-rgba-md-3 {
  border: 3px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-secondary-rgba-md-5 {
  border: 5px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-secondary-rgba-md-7 {
  border: 7px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-tertiary-rgba-md {
  border: 1px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-tertiary-rgba-md-1 {
  border: 1px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-tertiary-rgba-md-2 {
  border: 2px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-tertiary-rgba-md-3 {
  border: 3px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-tertiary-rgba-md-5 {
  border: 5px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-tertiary-rgba-md-7 {
  border: 7px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-quaternary-rgba-md {
  border: 1px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-quaternary-rgba-md-1 {
  border: 1px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-quaternary-rgba-md-2 {
  border: 2px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-quaternary-rgba-md-3 {
  border: 3px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-quaternary-rgba-md-5 {
  border: 5px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-quaternary-rgba-md-7 {
  border: 7px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-quinary-rgba-md {
  border: 1px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-quinary-rgba-md-1 {
  border: 1px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-quinary-rgba-md-2 {
  border: 2px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-quinary-rgba-md-3 {
  border: 3px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-quinary-rgba-md-5 {
  border: 5px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-quinary-rgba-md-7 {
  border: 7px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-senary-rgba-md {
  border: 1px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-senary-rgba-md-1 {
  border: 1px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-senary-rgba-md-2 {
  border: 2px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-senary-rgba-md-3 {
  border: 3px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-senary-rgba-md-5 {
  border: 5px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-senary-rgba-md-7 {
  border: 7px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-septenary-rgba-md {
  border: 1px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-septenary-rgba-md-1 {
  border: 1px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-septenary-rgba-md-2 {
  border: 2px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-septenary-rgba-md-3 {
  border: 3px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-septenary-rgba-md-5 {
  border: 5px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-septenary-rgba-md-7 {
  border: 7px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-primary-rgba-strong {
  border: 1px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-primary-rgba-strong-1 {
  border: 1px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-primary-rgba-strong-2 {
  border: 2px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-primary-rgba-strong-3 {
  border: 3px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-primary-rgba-strong-5 {
  border: 5px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-primary-rgba-strong-7 {
  border: 7px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-secondary-rgba-strong {
  border: 1px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-secondary-rgba-strong-1 {
  border: 1px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-secondary-rgba-strong-2 {
  border: 2px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-secondary-rgba-strong-3 {
  border: 3px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-secondary-rgba-strong-5 {
  border: 5px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-secondary-rgba-strong-7 {
  border: 7px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-tertiary-rgba-strong {
  border: 1px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-tertiary-rgba-strong-1 {
  border: 1px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-tertiary-rgba-strong-2 {
  border: 2px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-tertiary-rgba-strong-3 {
  border: 3px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-tertiary-rgba-strong-5 {
  border: 5px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-tertiary-rgba-strong-7 {
  border: 7px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-quaternary-rgba-strong {
  border: 1px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-quaternary-rgba-strong-1 {
  border: 1px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-quaternary-rgba-strong-2 {
  border: 2px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-quaternary-rgba-strong-3 {
  border: 3px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-quaternary-rgba-strong-5 {
  border: 5px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-quaternary-rgba-strong-7 {
  border: 7px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-quinary-rgba-strong {
  border: 1px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-quinary-rgba-strong-1 {
  border: 1px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-quinary-rgba-strong-2 {
  border: 2px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-quinary-rgba-strong-3 {
  border: 3px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-quinary-rgba-strong-5 {
  border: 5px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-quinary-rgba-strong-7 {
  border: 7px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-senary-rgba-strong {
  border: 1px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-senary-rgba-strong-1 {
  border: 1px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-senary-rgba-strong-2 {
  border: 2px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-senary-rgba-strong-3 {
  border: 3px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-senary-rgba-strong-5 {
  border: 5px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-senary-rgba-strong-7 {
  border: 7px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-septenary-rgba-strong {
  border: 1px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-septenary-rgba-strong-1 {
  border: 1px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-septenary-rgba-strong-2 {
  border: 2px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-septenary-rgba-strong-3 {
  border: 3px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-septenary-rgba-strong-5 {
  border: 5px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-septenary-rgba-strong-7 {
  border: 7px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-top {
  border-top: 1px solid var(--brand-border) !important;
}
.theme-border-top-1 {
  border-top: 1px solid var(--brand-border) !important;
}
.theme-border-top-2 {
  border-top: 2px solid var(--brand-border) !important;
}
.theme-border-top-3 {
  border-top: 3px solid var(--brand-border) !important;
}
.theme-border-top-5 {
  border-top: 5px solid var(--brand-border) !important;
}
.theme-border-top-7 {
  border-top: 7px solid var(--brand-border) !important;
}
.theme-border-top-primary {
  border-top: 1px solid var(--brand-primary) !important;
}
.theme-border-top-primary-1 {
  border-top: 1px solid var(--brand-primary) !important;
}
.theme-border-top-primary-2 {
  border-top: 2px solid var(--brand-primary) !important;
}
.theme-border-top-primary-3 {
  border-top: 3px solid var(--brand-primary) !important;
}
.theme-border-top-primary-5 {
  border-top: 5px solid var(--brand-primary) !important;
}
.theme-border-top-primary-7 {
  border-top: 7px solid var(--brand-primary) !important;
}
.theme-border-top-secondary {
  border-top: 1px solid var(--brand-secondary) !important;
}
.theme-border-top-secondary-1 {
  border-top: 1px solid var(--brand-secondary) !important;
}
.theme-border-top-secondary-2 {
  border-top: 2px solid var(--brand-secondary) !important;
}
.theme-border-top-secondary-3 {
  border-top: 3px solid var(--brand-secondary) !important;
}
.theme-border-top-secondary-5 {
  border-top: 5px solid var(--brand-secondary) !important;
}
.theme-border-top-secondary-7 {
  border-top: 7px solid var(--brand-secondary) !important;
}
.theme-border-top-tertiary {
  border-top: 1px solid var(--brand-tertiary) !important;
}
.theme-border-top-tertiary-1 {
  border-top: 1px solid var(--brand-tertiary) !important;
}
.theme-border-top-tertiary-2 {
  border-top: 2px solid var(--brand-tertiary) !important;
}
.theme-border-top-tertiary-3 {
  border-top: 3px solid var(--brand-tertiary) !important;
}
.theme-border-top-tertiary-5 {
  border-top: 5px solid var(--brand-tertiary) !important;
}
.theme-border-top-tertiary-7 {
  border-top: 7px solid var(--brand-tertiary) !important;
}
.theme-border-top-quaternary {
  border-top: 1px solid var(--brand-quaternary) !important;
}
.theme-border-top-quaternary-1 {
  border-top: 1px solid var(--brand-quaternary) !important;
}
.theme-border-top-quaternary-2 {
  border-top: 2px solid var(--brand-quaternary) !important;
}
.theme-border-top-quaternary-3 {
  border-top: 3px solid var(--brand-quaternary) !important;
}
.theme-border-top-quaternary-5 {
  border-top: 5px solid var(--brand-quaternary) !important;
}
.theme-border-top-quaternary-7 {
  border-top: 7px solid var(--brand-quaternary) !important;
}
.theme-border-top-quinary {
  border-top: 1px solid var(--brand-quinary) !important;
}
.theme-border-top-quinary-1 {
  border-top: 1px solid var(--brand-quinary) !important;
}
.theme-border-top-quinary-2 {
  border-top: 2px solid var(--brand-quinary) !important;
}
.theme-border-top-quinary-3 {
  border-top: 3px solid var(--brand-quinary) !important;
}
.theme-border-top-quinary-5 {
  border-top: 5px solid var(--brand-quinary) !important;
}
.theme-border-top-quinary-7 {
  border-top: 7px solid var(--brand-quinary) !important;
}
.theme-border-top-senary {
  border-top: 1px solid var(--brand-senary) !important;
}
.theme-border-top-senary-1 {
  border-top: 1px solid var(--brand-senary) !important;
}
.theme-border-top-senary-2 {
  border-top: 2px solid var(--brand-senary) !important;
}
.theme-border-top-senary-3 {
  border-top: 3px solid var(--brand-senary) !important;
}
.theme-border-top-senary-5 {
  border-top: 5px solid var(--brand-senary) !important;
}
.theme-border-top-senary-7 {
  border-top: 7px solid var(--brand-senary) !important;
}
.theme-border-top-septenary {
  border-top: 1px solid var(--brand-septenary) !important;
}
.theme-border-top-septenary-1 {
  border-top: 1px solid var(--brand-septenary) !important;
}
.theme-border-top-septenary-2 {
  border-top: 2px solid var(--brand-septenary) !important;
}
.theme-border-top-septenary-3 {
  border-top: 3px solid var(--brand-septenary) !important;
}
.theme-border-top-septenary-5 {
  border-top: 5px solid var(--brand-septenary) !important;
}
.theme-border-top-septenary-7 {
  border-top: 7px solid var(--brand-septenary) !important;
}
.theme-border-top-primary-rgba {
  border-top: 1px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-top-primary-rgba-1 {
  border-top: 1px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-top-primary-rgba-2 {
  border-top: 2px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-top-primary-rgba-3 {
  border-top: 3px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-top-primary-rgba-5 {
  border-top: 5px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-top-primary-rgba-7 {
  border-top: 7px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-top-secondary-rgba {
  border-top: 1px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-top-secondary-rgba-1 {
  border-top: 1px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-top-secondary-rgba-2 {
  border-top: 2px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-top-secondary-rgba-3 {
  border-top: 3px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-top-secondary-rgba-5 {
  border-top: 5px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-top-secondary-rgba-7 {
  border-top: 7px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-top-tertiary-rgba {
  border-top: 1px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-top-tertiary-rgba-1 {
  border-top: 1px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-top-tertiary-rgba-2 {
  border-top: 2px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-top-tertiary-rgba-3 {
  border-top: 3px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-top-tertiary-rgba-5 {
  border-top: 5px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-top-tertiary-rgba-7 {
  border-top: 7px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-top-quaternary-rgba {
  border-top: 1px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-top-quaternary-rgba-1 {
  border-top: 1px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-top-quaternary-rgba-2 {
  border-top: 2px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-top-quaternary-rgba-3 {
  border-top: 3px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-top-quaternary-rgba-5 {
  border-top: 5px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-top-quaternary-rgba-7 {
  border-top: 7px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-top-quinary-rgba {
  border-top: 1px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-top-quinary-rgba-1 {
  border-top: 1px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-top-quinary-rgba-2 {
  border-top: 2px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-top-quinary-rgba-3 {
  border-top: 3px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-top-quinary-rgba-5 {
  border-top: 5px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-top-quinary-rgba-7 {
  border-top: 7px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-top-senary-rgba {
  border-top: 1px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-top-senary-rgba-1 {
  border-top: 1px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-top-senary-rgba-2 {
  border-top: 2px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-top-senary-rgba-3 {
  border-top: 3px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-top-senary-rgba-5 {
  border-top: 5px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-top-senary-rgba-7 {
  border-top: 7px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-top-septenary-rgba {
  border-top: 1px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-top-septenary-rgba-1 {
  border-top: 1px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-top-septenary-rgba-2 {
  border-top: 2px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-top-septenary-rgba-3 {
  border-top: 3px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-top-septenary-rgba-5 {
  border-top: 5px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-top-septenary-rgba-7 {
  border-top: 7px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-top-primary-rgba-md {
  border-top: 1px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-top-primary-rgba-md-1 {
  border-top: 1px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-top-primary-rgba-md-2 {
  border-top: 2px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-top-primary-rgba-md-3 {
  border-top: 3px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-top-primary-rgba-md-5 {
  border-top: 5px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-top-primary-rgba-md-7 {
  border-top: 7px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-top-secondary-rgba-md {
  border-top: 1px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-top-secondary-rgba-md-1 {
  border-top: 1px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-top-secondary-rgba-md-2 {
  border-top: 2px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-top-secondary-rgba-md-3 {
  border-top: 3px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-top-secondary-rgba-md-5 {
  border-top: 5px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-top-secondary-rgba-md-7 {
  border-top: 7px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-top-tertiary-rgba-md {
  border-top: 1px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-top-tertiary-rgba-md-1 {
  border-top: 1px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-top-tertiary-rgba-md-2 {
  border-top: 2px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-top-tertiary-rgba-md-3 {
  border-top: 3px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-top-tertiary-rgba-md-5 {
  border-top: 5px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-top-tertiary-rgba-md-7 {
  border-top: 7px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-top-quaternary-rgba-md {
  border-top: 1px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-top-quaternary-rgba-md-1 {
  border-top: 1px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-top-quaternary-rgba-md-2 {
  border-top: 2px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-top-quaternary-rgba-md-3 {
  border-top: 3px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-top-quaternary-rgba-md-5 {
  border-top: 5px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-top-quaternary-rgba-md-7 {
  border-top: 7px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-top-quinary-rgba-md {
  border-top: 1px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-top-quinary-rgba-md-1 {
  border-top: 1px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-top-quinary-rgba-md-2 {
  border-top: 2px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-top-quinary-rgba-md-3 {
  border-top: 3px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-top-quinary-rgba-md-5 {
  border-top: 5px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-top-quinary-rgba-md-7 {
  border-top: 7px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-top-senary-rgba-md {
  border-top: 1px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-top-senary-rgba-md-1 {
  border-top: 1px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-top-senary-rgba-md-2 {
  border-top: 2px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-top-senary-rgba-md-3 {
  border-top: 3px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-top-senary-rgba-md-5 {
  border-top: 5px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-top-senary-rgba-md-7 {
  border-top: 7px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-top-septenary-rgba-md {
  border-top: 1px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-top-septenary-rgba-md-1 {
  border-top: 1px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-top-septenary-rgba-md-2 {
  border-top: 2px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-top-septenary-rgba-md-3 {
  border-top: 3px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-top-septenary-rgba-md-5 {
  border-top: 5px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-top-septenary-rgba-md-7 {
  border-top: 7px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-top-primary-rgba-strong {
  border-top: 1px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-top-primary-rgba-strong-1 {
  border-top: 1px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-top-primary-rgba-strong-2 {
  border-top: 2px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-top-primary-rgba-strong-3 {
  border-top: 3px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-top-primary-rgba-strong-5 {
  border-top: 5px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-top-primary-rgba-strong-7 {
  border-top: 7px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-top-secondary-rgba-strong {
  border-top: 1px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-top-secondary-rgba-strong-1 {
  border-top: 1px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-top-secondary-rgba-strong-2 {
  border-top: 2px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-top-secondary-rgba-strong-3 {
  border-top: 3px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-top-secondary-rgba-strong-5 {
  border-top: 5px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-top-secondary-rgba-strong-7 {
  border-top: 7px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-top-tertiary-rgba-strong {
  border-top: 1px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-top-tertiary-rgba-strong-1 {
  border-top: 1px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-top-tertiary-rgba-strong-2 {
  border-top: 2px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-top-tertiary-rgba-strong-3 {
  border-top: 3px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-top-tertiary-rgba-strong-5 {
  border-top: 5px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-top-tertiary-rgba-strong-7 {
  border-top: 7px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-top-quaternary-rgba-strong {
  border-top: 1px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-top-quaternary-rgba-strong-1 {
  border-top: 1px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-top-quaternary-rgba-strong-2 {
  border-top: 2px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-top-quaternary-rgba-strong-3 {
  border-top: 3px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-top-quaternary-rgba-strong-5 {
  border-top: 5px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-top-quaternary-rgba-strong-7 {
  border-top: 7px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-top-quinary-rgba-strong {
  border-top: 1px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-top-quinary-rgba-strong-1 {
  border-top: 1px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-top-quinary-rgba-strong-2 {
  border-top: 2px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-top-quinary-rgba-strong-3 {
  border-top: 3px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-top-quinary-rgba-strong-5 {
  border-top: 5px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-top-quinary-rgba-strong-7 {
  border-top: 7px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-top-senary-rgba-strong {
  border-top: 1px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-top-senary-rgba-strong-1 {
  border-top: 1px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-top-senary-rgba-strong-2 {
  border-top: 2px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-top-senary-rgba-strong-3 {
  border-top: 3px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-top-senary-rgba-strong-5 {
  border-top: 5px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-top-senary-rgba-strong-7 {
  border-top: 7px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-top-septenary-rgba-strong {
  border-top: 1px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-top-septenary-rgba-strong-1 {
  border-top: 1px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-top-septenary-rgba-strong-2 {
  border-top: 2px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-top-septenary-rgba-strong-3 {
  border-top: 3px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-top-septenary-rgba-strong-5 {
  border-top: 5px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-top-septenary-rgba-strong-7 {
  border-top: 7px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-bottom {
  border-bottom: 1px solid var(--brand-border) !important;
}
.theme-border-bottom-1 {
  border-bottom: 1px solid var(--brand-border) !important;
}
.theme-border-bottom-2 {
  border-bottom: 2px solid var(--brand-border) !important;
}
.theme-border-bottom-3 {
  border-bottom: 3px solid var(--brand-border) !important;
}
.theme-border-bottom-5 {
  border-bottom: 5px solid var(--brand-border) !important;
}
.theme-border-bottom-7 {
  border-bottom: 7px solid var(--brand-border) !important;
}
.theme-border-bottom-primary {
  border-bottom: 1px solid var(--brand-primary) !important;
}
.theme-border-bottom-primary-1 {
  border-bottom: 1px solid var(--brand-primary) !important;
}
.theme-border-bottom-primary-2 {
  border-bottom: 2px solid var(--brand-primary) !important;
}
.theme-border-bottom-primary-3 {
  border-bottom: 3px solid var(--brand-primary) !important;
}
.theme-border-bottom-primary-5 {
  border-bottom: 5px solid var(--brand-primary) !important;
}
.theme-border-bottom-primary-7 {
  border-bottom: 7px solid var(--brand-primary) !important;
}
.theme-border-bottom-secondary {
  border-bottom: 1px solid var(--brand-secondary) !important;
}
.theme-border-bottom-secondary-1 {
  border-bottom: 1px solid var(--brand-secondary) !important;
}
.theme-border-bottom-secondary-2 {
  border-bottom: 2px solid var(--brand-secondary) !important;
}
.theme-border-bottom-secondary-3 {
  border-bottom: 3px solid var(--brand-secondary) !important;
}
.theme-border-bottom-secondary-5 {
  border-bottom: 5px solid var(--brand-secondary) !important;
}
.theme-border-bottom-secondary-7 {
  border-bottom: 7px solid var(--brand-secondary) !important;
}
.theme-border-bottom-tertiary {
  border-bottom: 1px solid var(--brand-tertiary) !important;
}
.theme-border-bottom-tertiary-1 {
  border-bottom: 1px solid var(--brand-tertiary) !important;
}
.theme-border-bottom-tertiary-2 {
  border-bottom: 2px solid var(--brand-tertiary) !important;
}
.theme-border-bottom-tertiary-3 {
  border-bottom: 3px solid var(--brand-tertiary) !important;
}
.theme-border-bottom-tertiary-5 {
  border-bottom: 5px solid var(--brand-tertiary) !important;
}
.theme-border-bottom-tertiary-7 {
  border-bottom: 7px solid var(--brand-tertiary) !important;
}
.theme-border-bottom-quaternary {
  border-bottom: 1px solid var(--brand-quaternary) !important;
}
.theme-border-bottom-quaternary-1 {
  border-bottom: 1px solid var(--brand-quaternary) !important;
}
.theme-border-bottom-quaternary-2 {
  border-bottom: 2px solid var(--brand-quaternary) !important;
}
.theme-border-bottom-quaternary-3 {
  border-bottom: 3px solid var(--brand-quaternary) !important;
}
.theme-border-bottom-quaternary-5 {
  border-bottom: 5px solid var(--brand-quaternary) !important;
}
.theme-border-bottom-quaternary-7 {
  border-bottom: 7px solid var(--brand-quaternary) !important;
}
.theme-border-bottom-quinary {
  border-bottom: 1px solid var(--brand-quinary) !important;
}
.theme-border-bottom-quinary-1 {
  border-bottom: 1px solid var(--brand-quinary) !important;
}
.theme-border-bottom-quinary-2 {
  border-bottom: 2px solid var(--brand-quinary) !important;
}
.theme-border-bottom-quinary-3 {
  border-bottom: 3px solid var(--brand-quinary) !important;
}
.theme-border-bottom-quinary-5 {
  border-bottom: 5px solid var(--brand-quinary) !important;
}
.theme-border-bottom-quinary-7 {
  border-bottom: 7px solid var(--brand-quinary) !important;
}
.theme-border-bottom-senary {
  border-bottom: 1px solid var(--brand-senary) !important;
}
.theme-border-bottom-senary-1 {
  border-bottom: 1px solid var(--brand-senary) !important;
}
.theme-border-bottom-senary-2 {
  border-bottom: 2px solid var(--brand-senary) !important;
}
.theme-border-bottom-senary-3 {
  border-bottom: 3px solid var(--brand-senary) !important;
}
.theme-border-bottom-senary-5 {
  border-bottom: 5px solid var(--brand-senary) !important;
}
.theme-border-bottom-senary-7 {
  border-bottom: 7px solid var(--brand-senary) !important;
}
.theme-border-bottom-septenary {
  border-bottom: 1px solid var(--brand-septenary) !important;
}
.theme-border-bottom-septenary-1 {
  border-bottom: 1px solid var(--brand-septenary) !important;
}
.theme-border-bottom-septenary-2 {
  border-bottom: 2px solid var(--brand-septenary) !important;
}
.theme-border-bottom-septenary-3 {
  border-bottom: 3px solid var(--brand-septenary) !important;
}
.theme-border-bottom-septenary-5 {
  border-bottom: 5px solid var(--brand-septenary) !important;
}
.theme-border-bottom-septenary-7 {
  border-bottom: 7px solid var(--brand-septenary) !important;
}
.theme-border-bottom-primary-rgba {
  border-bottom: 1px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-bottom-primary-rgba-1 {
  border-bottom: 1px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-bottom-primary-rgba-2 {
  border-bottom: 2px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-bottom-primary-rgba-3 {
  border-bottom: 3px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-bottom-primary-rgba-5 {
  border-bottom: 5px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-bottom-primary-rgba-7 {
  border-bottom: 7px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-bottom-secondary-rgba {
  border-bottom: 1px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-bottom-secondary-rgba-1 {
  border-bottom: 1px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-bottom-secondary-rgba-2 {
  border-bottom: 2px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-bottom-secondary-rgba-3 {
  border-bottom: 3px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-bottom-secondary-rgba-5 {
  border-bottom: 5px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-bottom-secondary-rgba-7 {
  border-bottom: 7px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-bottom-tertiary-rgba {
  border-bottom: 1px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-bottom-tertiary-rgba-1 {
  border-bottom: 1px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-bottom-tertiary-rgba-2 {
  border-bottom: 2px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-bottom-tertiary-rgba-3 {
  border-bottom: 3px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-bottom-tertiary-rgba-5 {
  border-bottom: 5px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-bottom-tertiary-rgba-7 {
  border-bottom: 7px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-bottom-quaternary-rgba {
  border-bottom: 1px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-bottom-quaternary-rgba-1 {
  border-bottom: 1px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-bottom-quaternary-rgba-2 {
  border-bottom: 2px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-bottom-quaternary-rgba-3 {
  border-bottom: 3px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-bottom-quaternary-rgba-5 {
  border-bottom: 5px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-bottom-quaternary-rgba-7 {
  border-bottom: 7px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-bottom-quinary-rgba {
  border-bottom: 1px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-bottom-quinary-rgba-1 {
  border-bottom: 1px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-bottom-quinary-rgba-2 {
  border-bottom: 2px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-bottom-quinary-rgba-3 {
  border-bottom: 3px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-bottom-quinary-rgba-5 {
  border-bottom: 5px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-bottom-quinary-rgba-7 {
  border-bottom: 7px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-bottom-senary-rgba {
  border-bottom: 1px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-bottom-senary-rgba-1 {
  border-bottom: 1px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-bottom-senary-rgba-2 {
  border-bottom: 2px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-bottom-senary-rgba-3 {
  border-bottom: 3px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-bottom-senary-rgba-5 {
  border-bottom: 5px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-bottom-senary-rgba-7 {
  border-bottom: 7px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-bottom-septenary-rgba {
  border-bottom: 1px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-bottom-septenary-rgba-1 {
  border-bottom: 1px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-bottom-septenary-rgba-2 {
  border-bottom: 2px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-bottom-septenary-rgba-3 {
  border-bottom: 3px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-bottom-septenary-rgba-5 {
  border-bottom: 5px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-bottom-septenary-rgba-7 {
  border-bottom: 7px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-bottom-primary-rgba-md {
  border-bottom: 1px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-bottom-primary-rgba-md-1 {
  border-bottom: 1px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-bottom-primary-rgba-md-2 {
  border-bottom: 2px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-bottom-primary-rgba-md-3 {
  border-bottom: 3px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-bottom-primary-rgba-md-5 {
  border-bottom: 5px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-bottom-primary-rgba-md-7 {
  border-bottom: 7px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-bottom-secondary-rgba-md {
  border-bottom: 1px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-bottom-secondary-rgba-md-1 {
  border-bottom: 1px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-bottom-secondary-rgba-md-2 {
  border-bottom: 2px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-bottom-secondary-rgba-md-3 {
  border-bottom: 3px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-bottom-secondary-rgba-md-5 {
  border-bottom: 5px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-bottom-secondary-rgba-md-7 {
  border-bottom: 7px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-bottom-tertiary-rgba-md {
  border-bottom: 1px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-bottom-tertiary-rgba-md-1 {
  border-bottom: 1px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-bottom-tertiary-rgba-md-2 {
  border-bottom: 2px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-bottom-tertiary-rgba-md-3 {
  border-bottom: 3px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-bottom-tertiary-rgba-md-5 {
  border-bottom: 5px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-bottom-tertiary-rgba-md-7 {
  border-bottom: 7px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-bottom-quaternary-rgba-md {
  border-bottom: 1px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-bottom-quaternary-rgba-md-1 {
  border-bottom: 1px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-bottom-quaternary-rgba-md-2 {
  border-bottom: 2px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-bottom-quaternary-rgba-md-3 {
  border-bottom: 3px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-bottom-quaternary-rgba-md-5 {
  border-bottom: 5px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-bottom-quaternary-rgba-md-7 {
  border-bottom: 7px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-bottom-quinary-rgba-md {
  border-bottom: 1px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-bottom-quinary-rgba-md-1 {
  border-bottom: 1px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-bottom-quinary-rgba-md-2 {
  border-bottom: 2px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-bottom-quinary-rgba-md-3 {
  border-bottom: 3px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-bottom-quinary-rgba-md-5 {
  border-bottom: 5px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-bottom-quinary-rgba-md-7 {
  border-bottom: 7px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-bottom-senary-rgba-md {
  border-bottom: 1px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-bottom-senary-rgba-md-1 {
  border-bottom: 1px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-bottom-senary-rgba-md-2 {
  border-bottom: 2px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-bottom-senary-rgba-md-3 {
  border-bottom: 3px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-bottom-senary-rgba-md-5 {
  border-bottom: 5px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-bottom-senary-rgba-md-7 {
  border-bottom: 7px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-bottom-septenary-rgba-md {
  border-bottom: 1px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-bottom-septenary-rgba-md-1 {
  border-bottom: 1px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-bottom-septenary-rgba-md-2 {
  border-bottom: 2px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-bottom-septenary-rgba-md-3 {
  border-bottom: 3px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-bottom-septenary-rgba-md-5 {
  border-bottom: 5px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-bottom-septenary-rgba-md-7 {
  border-bottom: 7px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-bottom-primary-rgba-strong {
  border-bottom: 1px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-bottom-primary-rgba-strong-1 {
  border-bottom: 1px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-bottom-primary-rgba-strong-2 {
  border-bottom: 2px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-bottom-primary-rgba-strong-3 {
  border-bottom: 3px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-bottom-primary-rgba-strong-5 {
  border-bottom: 5px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-bottom-primary-rgba-strong-7 {
  border-bottom: 7px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-bottom-secondary-rgba-strong {
  border-bottom: 1px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-bottom-secondary-rgba-strong-1 {
  border-bottom: 1px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-bottom-secondary-rgba-strong-2 {
  border-bottom: 2px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-bottom-secondary-rgba-strong-3 {
  border-bottom: 3px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-bottom-secondary-rgba-strong-5 {
  border-bottom: 5px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-bottom-secondary-rgba-strong-7 {
  border-bottom: 7px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-bottom-tertiary-rgba-strong {
  border-bottom: 1px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-bottom-tertiary-rgba-strong-1 {
  border-bottom: 1px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-bottom-tertiary-rgba-strong-2 {
  border-bottom: 2px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-bottom-tertiary-rgba-strong-3 {
  border-bottom: 3px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-bottom-tertiary-rgba-strong-5 {
  border-bottom: 5px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-bottom-tertiary-rgba-strong-7 {
  border-bottom: 7px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-bottom-quaternary-rgba-strong {
  border-bottom: 1px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-bottom-quaternary-rgba-strong-1 {
  border-bottom: 1px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-bottom-quaternary-rgba-strong-2 {
  border-bottom: 2px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-bottom-quaternary-rgba-strong-3 {
  border-bottom: 3px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-bottom-quaternary-rgba-strong-5 {
  border-bottom: 5px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-bottom-quaternary-rgba-strong-7 {
  border-bottom: 7px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-bottom-quinary-rgba-strong {
  border-bottom: 1px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-bottom-quinary-rgba-strong-1 {
  border-bottom: 1px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-bottom-quinary-rgba-strong-2 {
  border-bottom: 2px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-bottom-quinary-rgba-strong-3 {
  border-bottom: 3px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-bottom-quinary-rgba-strong-5 {
  border-bottom: 5px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-bottom-quinary-rgba-strong-7 {
  border-bottom: 7px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-bottom-senary-rgba-strong {
  border-bottom: 1px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-bottom-senary-rgba-strong-1 {
  border-bottom: 1px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-bottom-senary-rgba-strong-2 {
  border-bottom: 2px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-bottom-senary-rgba-strong-3 {
  border-bottom: 3px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-bottom-senary-rgba-strong-5 {
  border-bottom: 5px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-bottom-senary-rgba-strong-7 {
  border-bottom: 7px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-bottom-septenary-rgba-strong {
  border-bottom: 1px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-bottom-septenary-rgba-strong-1 {
  border-bottom: 1px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-bottom-septenary-rgba-strong-2 {
  border-bottom: 2px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-bottom-septenary-rgba-strong-3 {
  border-bottom: 3px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-bottom-septenary-rgba-strong-5 {
  border-bottom: 5px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-bottom-septenary-rgba-strong-7 {
  border-bottom: 7px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-left {
  border-left: 1px solid var(--brand-border) !important;
}
.theme-border-left-1 {
  border-left: 1px solid var(--brand-border) !important;
}
.theme-border-left-2 {
  border-left: 2px solid var(--brand-border) !important;
}
.theme-border-left-3 {
  border-left: 3px solid var(--brand-border) !important;
}
.theme-border-left-5 {
  border-left: 5px solid var(--brand-border) !important;
}
.theme-border-left-7 {
  border-left: 7px solid var(--brand-border) !important;
}
.theme-border-left-primary {
  border-left: 1px solid var(--brand-primary) !important;
}
.theme-border-left-primary-1 {
  border-left: 1px solid var(--brand-primary) !important;
}
.theme-border-left-primary-2 {
  border-left: 2px solid var(--brand-primary) !important;
}
.theme-border-left-primary-3 {
  border-left: 3px solid var(--brand-primary) !important;
}
.theme-border-left-primary-5 {
  border-left: 5px solid var(--brand-primary) !important;
}
.theme-border-left-primary-7 {
  border-left: 7px solid var(--brand-primary) !important;
}
.theme-border-left-secondary {
  border-left: 1px solid var(--brand-secondary) !important;
}
.theme-border-left-secondary-1 {
  border-left: 1px solid var(--brand-secondary) !important;
}
.theme-border-left-secondary-2 {
  border-left: 2px solid var(--brand-secondary) !important;
}
.theme-border-left-secondary-3 {
  border-left: 3px solid var(--brand-secondary) !important;
}
.theme-border-left-secondary-5 {
  border-left: 5px solid var(--brand-secondary) !important;
}
.theme-border-left-secondary-7 {
  border-left: 7px solid var(--brand-secondary) !important;
}
.theme-border-left-tertiary {
  border-left: 1px solid var(--brand-tertiary) !important;
}
.theme-border-left-tertiary-1 {
  border-left: 1px solid var(--brand-tertiary) !important;
}
.theme-border-left-tertiary-2 {
  border-left: 2px solid var(--brand-tertiary) !important;
}
.theme-border-left-tertiary-3 {
  border-left: 3px solid var(--brand-tertiary) !important;
}
.theme-border-left-tertiary-5 {
  border-left: 5px solid var(--brand-tertiary) !important;
}
.theme-border-left-tertiary-7 {
  border-left: 7px solid var(--brand-tertiary) !important;
}
.theme-border-left-quaternary {
  border-left: 1px solid var(--brand-quaternary) !important;
}
.theme-border-left-quaternary-1 {
  border-left: 1px solid var(--brand-quaternary) !important;
}
.theme-border-left-quaternary-2 {
  border-left: 2px solid var(--brand-quaternary) !important;
}
.theme-border-left-quaternary-3 {
  border-left: 3px solid var(--brand-quaternary) !important;
}
.theme-border-left-quaternary-5 {
  border-left: 5px solid var(--brand-quaternary) !important;
}
.theme-border-left-quaternary-7 {
  border-left: 7px solid var(--brand-quaternary) !important;
}
.theme-border-left-quinary {
  border-left: 1px solid var(--brand-quinary) !important;
}
.theme-border-left-quinary-1 {
  border-left: 1px solid var(--brand-quinary) !important;
}
.theme-border-left-quinary-2 {
  border-left: 2px solid var(--brand-quinary) !important;
}
.theme-border-left-quinary-3 {
  border-left: 3px solid var(--brand-quinary) !important;
}
.theme-border-left-quinary-5 {
  border-left: 5px solid var(--brand-quinary) !important;
}
.theme-border-left-quinary-7 {
  border-left: 7px solid var(--brand-quinary) !important;
}
.theme-border-left-senary {
  border-left: 1px solid var(--brand-senary) !important;
}
.theme-border-left-senary-1 {
  border-left: 1px solid var(--brand-senary) !important;
}
.theme-border-left-senary-2 {
  border-left: 2px solid var(--brand-senary) !important;
}
.theme-border-left-senary-3 {
  border-left: 3px solid var(--brand-senary) !important;
}
.theme-border-left-senary-5 {
  border-left: 5px solid var(--brand-senary) !important;
}
.theme-border-left-senary-7 {
  border-left: 7px solid var(--brand-senary) !important;
}
.theme-border-left-septenary {
  border-left: 1px solid var(--brand-septenary) !important;
}
.theme-border-left-septenary-1 {
  border-left: 1px solid var(--brand-septenary) !important;
}
.theme-border-left-septenary-2 {
  border-left: 2px solid var(--brand-septenary) !important;
}
.theme-border-left-septenary-3 {
  border-left: 3px solid var(--brand-septenary) !important;
}
.theme-border-left-septenary-5 {
  border-left: 5px solid var(--brand-septenary) !important;
}
.theme-border-left-septenary-7 {
  border-left: 7px solid var(--brand-septenary) !important;
}
.theme-border-left-primary-rgba {
  border-left: 1px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-left-primary-rgba-1 {
  border-left: 1px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-left-primary-rgba-2 {
  border-left: 2px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-left-primary-rgba-3 {
  border-left: 3px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-left-primary-rgba-5 {
  border-left: 5px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-left-primary-rgba-7 {
  border-left: 7px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-left-secondary-rgba {
  border-left: 1px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-left-secondary-rgba-1 {
  border-left: 1px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-left-secondary-rgba-2 {
  border-left: 2px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-left-secondary-rgba-3 {
  border-left: 3px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-left-secondary-rgba-5 {
  border-left: 5px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-left-secondary-rgba-7 {
  border-left: 7px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-left-tertiary-rgba {
  border-left: 1px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-left-tertiary-rgba-1 {
  border-left: 1px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-left-tertiary-rgba-2 {
  border-left: 2px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-left-tertiary-rgba-3 {
  border-left: 3px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-left-tertiary-rgba-5 {
  border-left: 5px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-left-tertiary-rgba-7 {
  border-left: 7px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-left-quaternary-rgba {
  border-left: 1px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-left-quaternary-rgba-1 {
  border-left: 1px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-left-quaternary-rgba-2 {
  border-left: 2px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-left-quaternary-rgba-3 {
  border-left: 3px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-left-quaternary-rgba-5 {
  border-left: 5px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-left-quaternary-rgba-7 {
  border-left: 7px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-left-quinary-rgba {
  border-left: 1px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-left-quinary-rgba-1 {
  border-left: 1px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-left-quinary-rgba-2 {
  border-left: 2px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-left-quinary-rgba-3 {
  border-left: 3px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-left-quinary-rgba-5 {
  border-left: 5px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-left-quinary-rgba-7 {
  border-left: 7px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-left-senary-rgba {
  border-left: 1px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-left-senary-rgba-1 {
  border-left: 1px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-left-senary-rgba-2 {
  border-left: 2px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-left-senary-rgba-3 {
  border-left: 3px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-left-senary-rgba-5 {
  border-left: 5px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-left-senary-rgba-7 {
  border-left: 7px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-left-septenary-rgba {
  border-left: 1px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-left-septenary-rgba-1 {
  border-left: 1px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-left-septenary-rgba-2 {
  border-left: 2px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-left-septenary-rgba-3 {
  border-left: 3px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-left-septenary-rgba-5 {
  border-left: 5px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-left-septenary-rgba-7 {
  border-left: 7px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-left-primary-rgba-md {
  border-left: 1px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-left-primary-rgba-md-1 {
  border-left: 1px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-left-primary-rgba-md-2 {
  border-left: 2px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-left-primary-rgba-md-3 {
  border-left: 3px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-left-primary-rgba-md-5 {
  border-left: 5px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-left-primary-rgba-md-7 {
  border-left: 7px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-left-secondary-rgba-md {
  border-left: 1px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-left-secondary-rgba-md-1 {
  border-left: 1px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-left-secondary-rgba-md-2 {
  border-left: 2px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-left-secondary-rgba-md-3 {
  border-left: 3px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-left-secondary-rgba-md-5 {
  border-left: 5px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-left-secondary-rgba-md-7 {
  border-left: 7px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-left-tertiary-rgba-md {
  border-left: 1px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-left-tertiary-rgba-md-1 {
  border-left: 1px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-left-tertiary-rgba-md-2 {
  border-left: 2px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-left-tertiary-rgba-md-3 {
  border-left: 3px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-left-tertiary-rgba-md-5 {
  border-left: 5px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-left-tertiary-rgba-md-7 {
  border-left: 7px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-left-quaternary-rgba-md {
  border-left: 1px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-left-quaternary-rgba-md-1 {
  border-left: 1px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-left-quaternary-rgba-md-2 {
  border-left: 2px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-left-quaternary-rgba-md-3 {
  border-left: 3px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-left-quaternary-rgba-md-5 {
  border-left: 5px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-left-quaternary-rgba-md-7 {
  border-left: 7px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-left-quinary-rgba-md {
  border-left: 1px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-left-quinary-rgba-md-1 {
  border-left: 1px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-left-quinary-rgba-md-2 {
  border-left: 2px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-left-quinary-rgba-md-3 {
  border-left: 3px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-left-quinary-rgba-md-5 {
  border-left: 5px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-left-quinary-rgba-md-7 {
  border-left: 7px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-left-senary-rgba-md {
  border-left: 1px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-left-senary-rgba-md-1 {
  border-left: 1px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-left-senary-rgba-md-2 {
  border-left: 2px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-left-senary-rgba-md-3 {
  border-left: 3px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-left-senary-rgba-md-5 {
  border-left: 5px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-left-senary-rgba-md-7 {
  border-left: 7px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-left-septenary-rgba-md {
  border-left: 1px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-left-septenary-rgba-md-1 {
  border-left: 1px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-left-septenary-rgba-md-2 {
  border-left: 2px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-left-septenary-rgba-md-3 {
  border-left: 3px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-left-septenary-rgba-md-5 {
  border-left: 5px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-left-septenary-rgba-md-7 {
  border-left: 7px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-left-primary-rgba-strong {
  border-left: 1px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-left-primary-rgba-strong-1 {
  border-left: 1px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-left-primary-rgba-strong-2 {
  border-left: 2px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-left-primary-rgba-strong-3 {
  border-left: 3px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-left-primary-rgba-strong-5 {
  border-left: 5px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-left-primary-rgba-strong-7 {
  border-left: 7px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-left-secondary-rgba-strong {
  border-left: 1px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-left-secondary-rgba-strong-1 {
  border-left: 1px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-left-secondary-rgba-strong-2 {
  border-left: 2px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-left-secondary-rgba-strong-3 {
  border-left: 3px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-left-secondary-rgba-strong-5 {
  border-left: 5px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-left-secondary-rgba-strong-7 {
  border-left: 7px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-left-tertiary-rgba-strong {
  border-left: 1px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-left-tertiary-rgba-strong-1 {
  border-left: 1px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-left-tertiary-rgba-strong-2 {
  border-left: 2px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-left-tertiary-rgba-strong-3 {
  border-left: 3px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-left-tertiary-rgba-strong-5 {
  border-left: 5px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-left-tertiary-rgba-strong-7 {
  border-left: 7px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-left-quaternary-rgba-strong {
  border-left: 1px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-left-quaternary-rgba-strong-1 {
  border-left: 1px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-left-quaternary-rgba-strong-2 {
  border-left: 2px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-left-quaternary-rgba-strong-3 {
  border-left: 3px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-left-quaternary-rgba-strong-5 {
  border-left: 5px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-left-quaternary-rgba-strong-7 {
  border-left: 7px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-left-quinary-rgba-strong {
  border-left: 1px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-left-quinary-rgba-strong-1 {
  border-left: 1px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-left-quinary-rgba-strong-2 {
  border-left: 2px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-left-quinary-rgba-strong-3 {
  border-left: 3px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-left-quinary-rgba-strong-5 {
  border-left: 5px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-left-quinary-rgba-strong-7 {
  border-left: 7px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-left-senary-rgba-strong {
  border-left: 1px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-left-senary-rgba-strong-1 {
  border-left: 1px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-left-senary-rgba-strong-2 {
  border-left: 2px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-left-senary-rgba-strong-3 {
  border-left: 3px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-left-senary-rgba-strong-5 {
  border-left: 5px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-left-senary-rgba-strong-7 {
  border-left: 7px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-left-septenary-rgba-strong {
  border-left: 1px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-left-septenary-rgba-strong-1 {
  border-left: 1px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-left-septenary-rgba-strong-2 {
  border-left: 2px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-left-septenary-rgba-strong-3 {
  border-left: 3px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-left-septenary-rgba-strong-5 {
  border-left: 5px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-left-septenary-rgba-strong-7 {
  border-left: 7px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-right {
  border-right: 1px solid var(--brand-border) !important;
}
.theme-border-right-1 {
  border-right: 1px solid var(--brand-border) !important;
}
.theme-border-right-2 {
  border-right: 2px solid var(--brand-border) !important;
}
.theme-border-right-3 {
  border-right: 3px solid var(--brand-border) !important;
}
.theme-border-right-5 {
  border-right: 5px solid var(--brand-border) !important;
}
.theme-border-right-7 {
  border-right: 7px solid var(--brand-border) !important;
}
.theme-border-right-primary {
  border-right: 1px solid var(--brand-primary) !important;
}
.theme-border-right-primary-1 {
  border-right: 1px solid var(--brand-primary) !important;
}
.theme-border-right-primary-2 {
  border-right: 2px solid var(--brand-primary) !important;
}
.theme-border-right-primary-3 {
  border-right: 3px solid var(--brand-primary) !important;
}
.theme-border-right-primary-5 {
  border-right: 5px solid var(--brand-primary) !important;
}
.theme-border-right-primary-7 {
  border-right: 7px solid var(--brand-primary) !important;
}
.theme-border-right-secondary {
  border-right: 1px solid var(--brand-secondary) !important;
}
.theme-border-right-secondary-1 {
  border-right: 1px solid var(--brand-secondary) !important;
}
.theme-border-right-secondary-2 {
  border-right: 2px solid var(--brand-secondary) !important;
}
.theme-border-right-secondary-3 {
  border-right: 3px solid var(--brand-secondary) !important;
}
.theme-border-right-secondary-5 {
  border-right: 5px solid var(--brand-secondary) !important;
}
.theme-border-right-secondary-7 {
  border-right: 7px solid var(--brand-secondary) !important;
}
.theme-border-right-tertiary {
  border-right: 1px solid var(--brand-tertiary) !important;
}
.theme-border-right-tertiary-1 {
  border-right: 1px solid var(--brand-tertiary) !important;
}
.theme-border-right-tertiary-2 {
  border-right: 2px solid var(--brand-tertiary) !important;
}
.theme-border-right-tertiary-3 {
  border-right: 3px solid var(--brand-tertiary) !important;
}
.theme-border-right-tertiary-5 {
  border-right: 5px solid var(--brand-tertiary) !important;
}
.theme-border-right-tertiary-7 {
  border-right: 7px solid var(--brand-tertiary) !important;
}
.theme-border-right-quaternary {
  border-right: 1px solid var(--brand-quaternary) !important;
}
.theme-border-right-quaternary-1 {
  border-right: 1px solid var(--brand-quaternary) !important;
}
.theme-border-right-quaternary-2 {
  border-right: 2px solid var(--brand-quaternary) !important;
}
.theme-border-right-quaternary-3 {
  border-right: 3px solid var(--brand-quaternary) !important;
}
.theme-border-right-quaternary-5 {
  border-right: 5px solid var(--brand-quaternary) !important;
}
.theme-border-right-quaternary-7 {
  border-right: 7px solid var(--brand-quaternary) !important;
}
.theme-border-right-quinary {
  border-right: 1px solid var(--brand-quinary) !important;
}
.theme-border-right-quinary-1 {
  border-right: 1px solid var(--brand-quinary) !important;
}
.theme-border-right-quinary-2 {
  border-right: 2px solid var(--brand-quinary) !important;
}
.theme-border-right-quinary-3 {
  border-right: 3px solid var(--brand-quinary) !important;
}
.theme-border-right-quinary-5 {
  border-right: 5px solid var(--brand-quinary) !important;
}
.theme-border-right-quinary-7 {
  border-right: 7px solid var(--brand-quinary) !important;
}
.theme-border-right-senary {
  border-right: 1px solid var(--brand-senary) !important;
}
.theme-border-right-senary-1 {
  border-right: 1px solid var(--brand-senary) !important;
}
.theme-border-right-senary-2 {
  border-right: 2px solid var(--brand-senary) !important;
}
.theme-border-right-senary-3 {
  border-right: 3px solid var(--brand-senary) !important;
}
.theme-border-right-senary-5 {
  border-right: 5px solid var(--brand-senary) !important;
}
.theme-border-right-senary-7 {
  border-right: 7px solid var(--brand-senary) !important;
}
.theme-border-right-septenary {
  border-right: 1px solid var(--brand-septenary) !important;
}
.theme-border-right-septenary-1 {
  border-right: 1px solid var(--brand-septenary) !important;
}
.theme-border-right-septenary-2 {
  border-right: 2px solid var(--brand-septenary) !important;
}
.theme-border-right-septenary-3 {
  border-right: 3px solid var(--brand-septenary) !important;
}
.theme-border-right-septenary-5 {
  border-right: 5px solid var(--brand-septenary) !important;
}
.theme-border-right-septenary-7 {
  border-right: 7px solid var(--brand-septenary) !important;
}
.theme-border-right-primary-rgba {
  border-right: 1px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-right-primary-rgba-1 {
  border-right: 1px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-right-primary-rgba-2 {
  border-right: 2px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-right-primary-rgba-3 {
  border-right: 3px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-right-primary-rgba-5 {
  border-right: 5px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-right-primary-rgba-7 {
  border-right: 7px solid rgba(var(--brand-primary-rgb), 0.12) !important;
}
.theme-border-right-secondary-rgba {
  border-right: 1px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-right-secondary-rgba-1 {
  border-right: 1px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-right-secondary-rgba-2 {
  border-right: 2px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-right-secondary-rgba-3 {
  border-right: 3px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-right-secondary-rgba-5 {
  border-right: 5px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-right-secondary-rgba-7 {
  border-right: 7px solid rgba(var(--brand-secondary-rgb), 0.12) !important;
}
.theme-border-right-tertiary-rgba {
  border-right: 1px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-right-tertiary-rgba-1 {
  border-right: 1px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-right-tertiary-rgba-2 {
  border-right: 2px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-right-tertiary-rgba-3 {
  border-right: 3px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-right-tertiary-rgba-5 {
  border-right: 5px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-right-tertiary-rgba-7 {
  border-right: 7px solid rgba(var(--brand-tertiary-rgb), 0.12) !important;
}
.theme-border-right-quaternary-rgba {
  border-right: 1px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-right-quaternary-rgba-1 {
  border-right: 1px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-right-quaternary-rgba-2 {
  border-right: 2px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-right-quaternary-rgba-3 {
  border-right: 3px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-right-quaternary-rgba-5 {
  border-right: 5px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-right-quaternary-rgba-7 {
  border-right: 7px solid rgba(var(--brand-quaternary-rgb), 0.12) !important;
}
.theme-border-right-quinary-rgba {
  border-right: 1px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-right-quinary-rgba-1 {
  border-right: 1px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-right-quinary-rgba-2 {
  border-right: 2px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-right-quinary-rgba-3 {
  border-right: 3px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-right-quinary-rgba-5 {
  border-right: 5px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-right-quinary-rgba-7 {
  border-right: 7px solid rgba(var(--brand-quinary-rgb), 0.12) !important;
}
.theme-border-right-senary-rgba {
  border-right: 1px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-right-senary-rgba-1 {
  border-right: 1px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-right-senary-rgba-2 {
  border-right: 2px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-right-senary-rgba-3 {
  border-right: 3px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-right-senary-rgba-5 {
  border-right: 5px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-right-senary-rgba-7 {
  border-right: 7px solid rgba(var(--brand-senary-rgb), 0.12) !important;
}
.theme-border-right-septenary-rgba {
  border-right: 1px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-right-septenary-rgba-1 {
  border-right: 1px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-right-septenary-rgba-2 {
  border-right: 2px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-right-septenary-rgba-3 {
  border-right: 3px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-right-septenary-rgba-5 {
  border-right: 5px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-right-septenary-rgba-7 {
  border-right: 7px solid rgba(var(--brand-septenary-rgb), 0.12) !important;
}
.theme-border-right-primary-rgba-md {
  border-right: 1px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-right-primary-rgba-md-1 {
  border-right: 1px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-right-primary-rgba-md-2 {
  border-right: 2px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-right-primary-rgba-md-3 {
  border-right: 3px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-right-primary-rgba-md-5 {
  border-right: 5px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-right-primary-rgba-md-7 {
  border-right: 7px solid rgba(var(--brand-primary-rgb), 0.24) !important;
}
.theme-border-right-secondary-rgba-md {
  border-right: 1px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-right-secondary-rgba-md-1 {
  border-right: 1px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-right-secondary-rgba-md-2 {
  border-right: 2px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-right-secondary-rgba-md-3 {
  border-right: 3px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-right-secondary-rgba-md-5 {
  border-right: 5px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-right-secondary-rgba-md-7 {
  border-right: 7px solid rgba(var(--brand-secondary-rgb), 0.24) !important;
}
.theme-border-right-tertiary-rgba-md {
  border-right: 1px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-right-tertiary-rgba-md-1 {
  border-right: 1px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-right-tertiary-rgba-md-2 {
  border-right: 2px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-right-tertiary-rgba-md-3 {
  border-right: 3px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-right-tertiary-rgba-md-5 {
  border-right: 5px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-right-tertiary-rgba-md-7 {
  border-right: 7px solid rgba(var(--brand-tertiary-rgb), 0.24) !important;
}
.theme-border-right-quaternary-rgba-md {
  border-right: 1px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-right-quaternary-rgba-md-1 {
  border-right: 1px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-right-quaternary-rgba-md-2 {
  border-right: 2px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-right-quaternary-rgba-md-3 {
  border-right: 3px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-right-quaternary-rgba-md-5 {
  border-right: 5px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-right-quaternary-rgba-md-7 {
  border-right: 7px solid rgba(var(--brand-quaternary-rgb), 0.24) !important;
}
.theme-border-right-quinary-rgba-md {
  border-right: 1px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-right-quinary-rgba-md-1 {
  border-right: 1px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-right-quinary-rgba-md-2 {
  border-right: 2px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-right-quinary-rgba-md-3 {
  border-right: 3px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-right-quinary-rgba-md-5 {
  border-right: 5px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-right-quinary-rgba-md-7 {
  border-right: 7px solid rgba(var(--brand-quinary-rgb), 0.24) !important;
}
.theme-border-right-senary-rgba-md {
  border-right: 1px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-right-senary-rgba-md-1 {
  border-right: 1px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-right-senary-rgba-md-2 {
  border-right: 2px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-right-senary-rgba-md-3 {
  border-right: 3px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-right-senary-rgba-md-5 {
  border-right: 5px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-right-senary-rgba-md-7 {
  border-right: 7px solid rgba(var(--brand-senary-rgb), 0.24) !important;
}
.theme-border-right-septenary-rgba-md {
  border-right: 1px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-right-septenary-rgba-md-1 {
  border-right: 1px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-right-septenary-rgba-md-2 {
  border-right: 2px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-right-septenary-rgba-md-3 {
  border-right: 3px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-right-septenary-rgba-md-5 {
  border-right: 5px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-right-septenary-rgba-md-7 {
  border-right: 7px solid rgba(var(--brand-septenary-rgb), 0.24) !important;
}
.theme-border-right-primary-rgba-strong {
  border-right: 1px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-right-primary-rgba-strong-1 {
  border-right: 1px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-right-primary-rgba-strong-2 {
  border-right: 2px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-right-primary-rgba-strong-3 {
  border-right: 3px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-right-primary-rgba-strong-5 {
  border-right: 5px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-right-primary-rgba-strong-7 {
  border-right: 7px solid rgba(var(--brand-primary-rgb), 0.4) !important;
}
.theme-border-right-secondary-rgba-strong {
  border-right: 1px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-right-secondary-rgba-strong-1 {
  border-right: 1px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-right-secondary-rgba-strong-2 {
  border-right: 2px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-right-secondary-rgba-strong-3 {
  border-right: 3px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-right-secondary-rgba-strong-5 {
  border-right: 5px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-right-secondary-rgba-strong-7 {
  border-right: 7px solid rgba(var(--brand-secondary-rgb), 0.4) !important;
}
.theme-border-right-tertiary-rgba-strong {
  border-right: 1px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-right-tertiary-rgba-strong-1 {
  border-right: 1px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-right-tertiary-rgba-strong-2 {
  border-right: 2px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-right-tertiary-rgba-strong-3 {
  border-right: 3px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-right-tertiary-rgba-strong-5 {
  border-right: 5px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-right-tertiary-rgba-strong-7 {
  border-right: 7px solid rgba(var(--brand-tertiary-rgb), 0.4) !important;
}
.theme-border-right-quaternary-rgba-strong {
  border-right: 1px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-right-quaternary-rgba-strong-1 {
  border-right: 1px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-right-quaternary-rgba-strong-2 {
  border-right: 2px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-right-quaternary-rgba-strong-3 {
  border-right: 3px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-right-quaternary-rgba-strong-5 {
  border-right: 5px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-right-quaternary-rgba-strong-7 {
  border-right: 7px solid rgba(var(--brand-quaternary-rgb), 0.4) !important;
}
.theme-border-right-quinary-rgba-strong {
  border-right: 1px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-right-quinary-rgba-strong-1 {
  border-right: 1px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-right-quinary-rgba-strong-2 {
  border-right: 2px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-right-quinary-rgba-strong-3 {
  border-right: 3px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-right-quinary-rgba-strong-5 {
  border-right: 5px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-right-quinary-rgba-strong-7 {
  border-right: 7px solid rgba(var(--brand-quinary-rgb), 0.4) !important;
}
.theme-border-right-senary-rgba-strong {
  border-right: 1px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-right-senary-rgba-strong-1 {
  border-right: 1px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-right-senary-rgba-strong-2 {
  border-right: 2px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-right-senary-rgba-strong-3 {
  border-right: 3px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-right-senary-rgba-strong-5 {
  border-right: 5px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-right-senary-rgba-strong-7 {
  border-right: 7px solid rgba(var(--brand-senary-rgb), 0.4) !important;
}
.theme-border-right-septenary-rgba-strong {
  border-right: 1px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-right-septenary-rgba-strong-1 {
  border-right: 1px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-right-septenary-rgba-strong-2 {
  border-right: 2px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-right-septenary-rgba-strong-3 {
  border-right: 3px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-right-septenary-rgba-strong-5 {
  border-right: 5px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-right-septenary-rgba-strong-7 {
  border-right: 7px solid rgba(var(--brand-septenary-rgb), 0.4) !important;
}
.theme-border-radius-sm {
  border-radius: var(--brand-radius-sm) !important;
}
.theme-radius, .theme-border-radius, .theme-border-radius-md {
  border-radius: var(--brand-radius-md) !important;
}
.theme-border-radius-lg {
  border-radius: var(--brand-radius-lg) !important;
}
.theme-radius-pill {
  border-radius: var(--brand-radius-pill) !important;
}
.theme-border-radius-tl {
  border-top-left-radius: var(--brand-radius-md) !important;
}
.theme-border-radius-tr {
  border-top-right-radius: var(--brand-radius-md) !important;
}
.theme-border-radius-bl {
  border-bottom-left-radius: var(--brand-radius-md) !important;
}
.theme-border-radius-br {
  border-bottom-right-radius: var(--brand-radius-md) !important;
}
@media (min-width: 992px) {
  .theme-border-radius-lg {
    border-radius: var(--brand-radius-md) !important;
  }
  .theme-border-radius-lg-none {
    border-radius: 0 !important;
  }
  .theme-border-radius-tl-lg {
    border-top-left-radius: var(--brand-radius-md) !important;
  }
  .theme-border-radius-tr-lg {
    border-top-right-radius: var(--brand-radius-md) !important;
  }
  .theme-border-radius-bl-lg {
    border-bottom-left-radius: var(--brand-radius-md) !important;
  }
  .theme-border-radius-br-lg {
    border-bottom-right-radius: var(--brand-radius-md) !important;
  }
  .theme-border-radius-tl-lg-none {
    border-top-left-radius: 0 !important;
  }
  .theme-border-radius-tr-lg-none {
    border-top-right-radius: 0 !important;
  }
  .theme-border-radius-bl-lg-none {
    border-bottom-left-radius: 0 !important;
  }
  .theme-border-radius-br-lg-none {
    border-bottom-right-radius: 0 !important;
  }
}
@media (min-width: 1200px) {
  .theme-border-radius-xl {
    border-radius: var(--brand-radius-md) !important;
  }
  .theme-border-radius-xl-none {
    border-radius: 0 !important;
  }
  .theme-border-radius-tl-xl {
    border-top-left-radius: var(--brand-radius-md) !important;
  }
  .theme-border-radius-tr-xl {
    border-top-right-radius: var(--brand-radius-md) !important;
  }
  .theme-border-radius-bl-xl {
    border-bottom-left-radius: var(--brand-radius-md) !important;
  }
  .theme-border-radius-br-xl {
    border-bottom-right-radius: var(--brand-radius-md) !important;
  }
  .theme-border-radius-tl-xl-none {
    border-top-left-radius: 0 !important;
  }
  .theme-border-radius-tr-xl-none {
    border-top-right-radius: 0 !important;
  }
  .theme-border-radius-bl-xl-none {
    border-bottom-left-radius: 0 !important;
  }
  .theme-border-radius-br-xl-none {
    border-bottom-right-radius: 0 !important;
  }
}
.theme-drop-shadow, .theme-shadow {
  box-shadow: var(--brand-shadow-soft) !important;
}
.theme-shadow-strong {
  box-shadow: var(--brand-shadow-strong) !important;
}
.theme-icon-bg-primary {
  background-color: var(--brand-primary) !important;
}
.theme-icon-bg-secondary {
  background-color: var(--brand-secondary) !important;
}
.theme-icon-bg-tertiary {
  background-color: var(--brand-tertiary) !important;
}
.theme-icon-bg-soft-light {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.theme-bg-fullbleed {
  position: relative;
  z-index: 0;
}
.theme-bg-fullbleed::before {
  content: "";
  position: absolute;
  inset: 0;
  left: -100vw;
  right: -100vw;
  background: inherit;
  z-index: -1;
  pointer-events: none;
  top: -1px;
  bottom: -1px;
}
/* =========================================
   DARK CONTEXT GATE
   - does nothing visually by itself
   ========================================= */
.theme-on-dark {
  /* intentionally empty */
}
/* =========================================
   ELEMENT TEXT ON DARK
   - only works when inside .theme-on-dark
   ========================================= */
.theme-on-dark .element-on-dark {
  color: var(--brand-white);
  /* Overlay / meta helpers */
}
.theme-on-dark .element-on-dark h1, .theme-on-dark .element-on-dark h2, .theme-on-dark .element-on-dark h3, .theme-on-dark .element-on-dark h4, .theme-on-dark .element-on-dark h5, .theme-on-dark .element-on-dark h6, .theme-on-dark .element-on-dark p, .theme-on-dark .element-on-dark .lead, .theme-on-dark .element-on-dark a, .theme-on-dark .element-on-dark a:hover, .theme-on-dark .element-on-dark a:focus, .theme-on-dark .element-on-dark li, .theme-on-dark .element-on-dark strong, .theme-on-dark .element-on-dark span {
  color: inherit;
}
.theme-on-dark .element-on-dark .card__text, .theme-on-dark .element-on-dark .card--post__meta, .theme-on-dark .element-on-dark .card--post__title, .theme-on-dark .element-on-dark .card--post__date, .theme-on-dark .element-on-dark .card--post__author, .theme-on-dark .element-on-dark .card--post__role {
  color: inherit;
}
.theme-on-dark .element-border-on-dark {
  border: 1px solid var(--brand-white);
}
/* =========================================
   UTILITIES
   ========================================= */
.hidden {
  display: none;
}
/* Generic section default positioning for full-bleed utility */
section {
  position: relative;
}
/* ============================================================
   Global focus-visible baseline (keyboard only)
   ============================================================ */
:focus-visible {
  outline: 2px solid var(--brand-focus-visible);
  outline-offset: 2px;
  box-shadow: none;
}
/* Dark surface override */
.theme-on-dark :focus-visible {
  outline-color: var(--brand-focus-visible-inverse);
  /* Optional but recommended on very dark/busy backgrounds */
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
}
/* don’t show outline on mouse focus */
:focus:not(:focus-visible) {
  outline: none;
}
/* ============================================================
   Global Additional gutter classes
   ============================================================ */
/* Base classes */
.g-6 {
  --bs-gutter-x: 4rem;
  --bs-gutter-y: 4rem;
}
.gx-6 {
  --bs-gutter-x: 4rem;
}
.gy-6 {
  --bs-gutter-y: 4rem;
}
/* Responsive variants */
.g-xs-6 {
  --bs-gutter-x: 4rem;
  --bs-gutter-y: 4rem;
}
.gx-xs-6 {
  --bs-gutter-x: 4rem;
}
.gy-xs-6 {
  --bs-gutter-y: 4rem;
}
@media (min-width: 576px) {
  .g-sm-6 {
    --bs-gutter-x: 4rem;
    --bs-gutter-y: 4rem;
  }
  .gx-sm-6 {
    --bs-gutter-x: 4rem;
  }
  .gy-sm-6 {
    --bs-gutter-y: 4rem;
  }
}
@media (min-width: 768px) {
  .g-md-6 {
    --bs-gutter-x: 4rem;
    --bs-gutter-y: 4rem;
  }
  .gx-md-6 {
    --bs-gutter-x: 4rem;
  }
  .gy-md-6 {
    --bs-gutter-y: 4rem;
  }
}
@media (min-width: 992px) {
  .g-lg-6 {
    --bs-gutter-x: 4rem;
    --bs-gutter-y: 4rem;
  }
  .gx-lg-6 {
    --bs-gutter-x: 4rem;
  }
  .gy-lg-6 {
    --bs-gutter-y: 4rem;
  }
}
@media (min-width: 1200px) {
  .g-xl-6 {
    --bs-gutter-x: 4rem;
    --bs-gutter-y: 4rem;
  }
  .gx-xl-6 {
    --bs-gutter-x: 4rem;
  }
  .gy-xl-6 {
    --bs-gutter-y: 4rem;
  }
}
@media (min-width: 1400px) {
  .g-xxl-6 {
    --bs-gutter-x: 4rem;
    --bs-gutter-y: 4rem;
  }
  .gx-xxl-6 {
    --bs-gutter-x: 4rem;
  }
  .gy-xxl-6 {
    --bs-gutter-y: 4rem;
  }
}
/* Base classes */
.g-7 {
  --bs-gutter-x: 5rem;
  --bs-gutter-y: 5rem;
}
.gx-7 {
  --bs-gutter-x: 5rem;
}
.gy-7 {
  --bs-gutter-y: 5rem;
}
/* Responsive variants */
.g-xs-7 {
  --bs-gutter-x: 5rem;
  --bs-gutter-y: 5rem;
}
.gx-xs-7 {
  --bs-gutter-x: 5rem;
}
.gy-xs-7 {
  --bs-gutter-y: 5rem;
}
@media (min-width: 576px) {
  .g-sm-7 {
    --bs-gutter-x: 5rem;
    --bs-gutter-y: 5rem;
  }
  .gx-sm-7 {
    --bs-gutter-x: 5rem;
  }
  .gy-sm-7 {
    --bs-gutter-y: 5rem;
  }
}
@media (min-width: 768px) {
  .g-md-7 {
    --bs-gutter-x: 5rem;
    --bs-gutter-y: 5rem;
  }
  .gx-md-7 {
    --bs-gutter-x: 5rem;
  }
  .gy-md-7 {
    --bs-gutter-y: 5rem;
  }
}
@media (min-width: 992px) {
  .g-lg-7 {
    --bs-gutter-x: 5rem;
    --bs-gutter-y: 5rem;
  }
  .gx-lg-7 {
    --bs-gutter-x: 5rem;
  }
  .gy-lg-7 {
    --bs-gutter-y: 5rem;
  }
}
@media (min-width: 1200px) {
  .g-xl-7 {
    --bs-gutter-x: 5rem;
    --bs-gutter-y: 5rem;
  }
  .gx-xl-7 {
    --bs-gutter-x: 5rem;
  }
  .gy-xl-7 {
    --bs-gutter-y: 5rem;
  }
}
@media (min-width: 1400px) {
  .g-xxl-7 {
    --bs-gutter-x: 5rem;
    --bs-gutter-y: 5rem;
  }
  .gx-xxl-7 {
    --bs-gutter-x: 5rem;
  }
  .gy-xxl-7 {
    --bs-gutter-y: 5rem;
  }
}
/* Base classes */
.g-8 {
  --bs-gutter-x: 6rem;
  --bs-gutter-y: 6rem;
}
.gx-8 {
  --bs-gutter-x: 6rem;
}
.gy-8 {
  --bs-gutter-y: 6rem;
}
/* Responsive variants */
.g-xs-8 {
  --bs-gutter-x: 6rem;
  --bs-gutter-y: 6rem;
}
.gx-xs-8 {
  --bs-gutter-x: 6rem;
}
.gy-xs-8 {
  --bs-gutter-y: 6rem;
}
@media (min-width: 576px) {
  .g-sm-8 {
    --bs-gutter-x: 6rem;
    --bs-gutter-y: 6rem;
  }
  .gx-sm-8 {
    --bs-gutter-x: 6rem;
  }
  .gy-sm-8 {
    --bs-gutter-y: 6rem;
  }
}
@media (min-width: 768px) {
  .g-md-8 {
    --bs-gutter-x: 6rem;
    --bs-gutter-y: 6rem;
  }
  .gx-md-8 {
    --bs-gutter-x: 6rem;
  }
  .gy-md-8 {
    --bs-gutter-y: 6rem;
  }
}
@media (min-width: 992px) {
  .g-lg-8 {
    --bs-gutter-x: 6rem;
    --bs-gutter-y: 6rem;
  }
  .gx-lg-8 {
    --bs-gutter-x: 6rem;
  }
  .gy-lg-8 {
    --bs-gutter-y: 6rem;
  }
}
@media (min-width: 1200px) {
  .g-xl-8 {
    --bs-gutter-x: 6rem;
    --bs-gutter-y: 6rem;
  }
  .gx-xl-8 {
    --bs-gutter-x: 6rem;
  }
  .gy-xl-8 {
    --bs-gutter-y: 6rem;
  }
}
@media (min-width: 1400px) {
  .g-xxl-8 {
    --bs-gutter-x: 6rem;
    --bs-gutter-y: 6rem;
  }
  .gx-xxl-8 {
    --bs-gutter-x: 6rem;
  }
  .gy-xxl-8 {
    --bs-gutter-y: 6rem;
  }
}
/* ============================================================
   Staff profile container width overrides
   ============================================================ */
@media (min-width: 1200px) {
  .page-wrapper--staff .container, .page-wrapper--staff .container-sm, .page-wrapper--staff .container-md, .page-wrapper--staff .container-lg, .page-wrapper--staff .container-xl, .page-wrapper--staff .container-xxl {
    max-width: 950px;
  }
}
/* ============================================================
   ROTATION UTILITIES
   ============================================================ */
.rotate-5 {
  transform: rotate(5deg);
}
.rotate-10 {
  transform: rotate(10deg);
}
.rotate-15 {
  transform: rotate(15deg);
}
.rotate-20 {
  transform: rotate(20deg);
}
.rotate-25 {
  transform: rotate(25deg);
}
.rotate-30 {
  transform: rotate(30deg);
}
.rotate-35 {
  transform: rotate(35deg);
}
.rotate-40 {
  transform: rotate(40deg);
}
.rotate-45 {
  transform: rotate(45deg);
}
.rotate-50 {
  transform: rotate(50deg);
}
.rotate-55 {
  transform: rotate(55deg);
}
/* =========================================
   GLOBAL METALLIC SURFACES
   ========================================= */
/*
  Usage:
  <div class="theme-metallic theme-metallic--primary theme-text-white rounded-4 p-4">
    <span class="theme-metallic__shine" aria-hidden="true"></span>
    ...
  </div>

  Notes:
  - Does not set text colour.
  - Use your existing .theme-text-* classes for text.
  - Use Bootstrap classes for spacing, radius, layout, etc.
*/
.theme-metallic {
  --metal-line: rgba(255, 255, 255, 0.22);
  --metal-accent: var(--brand-quaternary);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: radial-gradient(ellipse at 88% 4%, var(--metal-glow) 0%, transparent 56%), radial-gradient(ellipse at 12% 100%, var(--metal-shadow) 0%, transparent 66%), linear-gradient(135deg, var(--metal-start) 0%, var(--metal-mid-1) 34%, var(--metal-mid-2) 68%, var(--metal-end) 100%);
  box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.2), 0 0.45rem 0.95rem rgba(0, 0, 0, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.24), inset 0 -1px 0 rgba(0, 0, 0, 0.24);
}
.theme-metallic::before {
  content: "";
  position: absolute;
  inset: -18%;
  z-index: -2;
  pointer-events: none;
  background: linear-gradient(108deg, transparent 0%, transparent 38%, var(--metal-sheen) 50%, transparent 62%, transparent 100%);
  opacity: 0.72;
  filter: blur(24px);
}
.theme-metallic::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.04) 24%, transparent 48%, rgba(0, 0, 0, 0.12) 100%);
  mix-blend-mode: soft-light;
}
.theme-metallic__shine {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at 16% 10%, rgba(255, 255, 255, 0.1) 0%, transparent 34%);
  mix-blend-mode: soft-light;
}
/* =========================================
   GLOBAL METALLIC SURFACES
   ========================================= */
/*
  Usage:
  <div class="theme-metallic theme-metallic--primary theme-text-white rounded-4 p-4">
    <span class="theme-metallic__shine" aria-hidden="true"></span>
    ...
  </div>

  Notes:
  - Does not set text colour.
  - Use your existing .theme-text-* classes for text.
  - Use Bootstrap classes for spacing, radius, layout, etc.
*/
.theme-metallic {
  --metal-line: rgba(255, 255, 255, 0.22);
  --metal-accent: var(--brand-quaternary);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: radial-gradient(ellipse at 88% 4%, var(--metal-glow) 0%, transparent 56%), radial-gradient(ellipse at 12% 100%, var(--metal-shadow) 0%, transparent 66%), linear-gradient(135deg, var(--metal-start) 0%, var(--metal-mid-1) 34%, var(--metal-mid-2) 68%, var(--metal-end) 100%);
  box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.2), 0 0.45rem 0.95rem rgba(0, 0, 0, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.24), inset 0 -1px 0 rgba(0, 0, 0, 0.24);
}
.theme-metallic::before {
  content: "";
  position: absolute;
  inset: -18%;
  z-index: -2;
  pointer-events: none;
  background: linear-gradient(108deg, transparent 0%, transparent 38%, var(--metal-sheen) 50%, transparent 62%, transparent 100%);
  opacity: 0.72;
  filter: blur(24px);
}
.theme-metallic::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.04) 24%, transparent 48%, rgba(0, 0, 0, 0.12) 100%);
  mix-blend-mode: soft-light;
}
.theme-metallic__shine {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at 16% 10%, rgba(255, 255, 255, 0.1) 0%, transparent 34%);
  mix-blend-mode: soft-light;
}
/* =========================================
   GLOBAL METALLIC HELPERS
   ========================================= */
.theme-metallic-accent {
  background: var(--metal-accent);
}
.theme-metallic-line {
  background: linear-gradient(90deg, var(--metal-line), rgba(255, 255, 255, 0.09), transparent);
}
/* =========================================
   GLOBAL METALLIC COLOUR VARIANTS
   ========================================= */
/* Primary — smooth teal */
.theme-metallic--primary {
  --metal-line: rgba(255, 255, 255, 0.22);
  --metal-accent: var(--brand-quaternary);
  --metal-start: #003f46;
  --metal-mid-1: #005c64;
  --metal-mid-2: #006f78;
  --metal-end: #008390;
  --metal-glow: rgba(0, 210, 218, 0.42);
  --metal-shadow: rgba(0, 23, 28, 0.5);
  --metal-sheen: rgba(255, 255, 255, 0.09);
}
/* Secondary — smooth navy */
.theme-metallic--secondary {
  --metal-line: rgba(255, 255, 255, 0.22);
  --metal-accent: var(--brand-quaternary);
  --metal-start: #011b31;
  --metal-mid-1: #023864;
  --metal-mid-2: #034a75;
  --metal-end: #03577e;
  --metal-glow: rgba(0, 177, 195, 0.3);
  --metal-shadow: rgba(0, 13, 24, 0.55);
  --metal-sheen: rgba(255, 255, 255, 0.075);
}
/* Tertiary — smooth aqua */
.theme-metallic--tertiary {
  --metal-line: rgba(255, 255, 255, 0.22);
  --metal-accent: var(--brand-quaternary);
  --metal-start: #004851;
  --metal-mid-1: #007f8c;
  --metal-mid-2: #009dad;
  --metal-end: #00b1c3;
  --metal-glow: rgba(135, 255, 255, 0.44);
  --metal-shadow: rgba(0, 43, 50, 0.38);
  --metal-sheen: rgba(255, 255, 255, 0.1);
}
/* Quaternary — brand lime metallic */
.theme-metallic--quaternary {
  --metal-line: rgba(2, 56, 100, 0.18);
  --metal-accent: var(--brand-quinary);
  --metal-start: #c1c962;
  --metal-mid-1: #d2d96f;
  --metal-mid-2: #dae075;
  --metal-end: #eef3a5;
  --metal-glow: rgba(255, 255, 220, 0.58);
  --metal-shadow: rgba(105, 112, 35, 0.16);
  --metal-sheen: rgba(255, 255, 255, 0.26);
}
.theme-metallic--quaternary::before {
  opacity: 0.42;
  filter: blur(36px);
}
.theme-metallic--quaternary::after {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.06) 26%, transparent 54%, rgba(90, 96, 28, 0.06) 100%);
  mix-blend-mode: soft-light;
}
/* Quinary — brand orange / copper */
.theme-metallic--quinary {
  --metal-line: rgba(255, 255, 255, 0.22);
  --metal-accent: #f3e28e;
  --metal-start: #8e430b;
  --metal-mid-1: #b65c10;
  --metal-mid-2: #cf7726;
  --metal-end: #e8a45f;
  --metal-glow: rgba(255, 213, 166, 0.34);
  --metal-shadow: rgba(92, 42, 8, 0.26);
  --metal-sheen: rgba(255, 255, 255, 0.15);
}
.theme-metallic--quinary::before {
  opacity: 0.46;
  filter: blur(30px);
}
.theme-metallic--quinary::after {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.045) 24%, transparent 48%, rgba(60, 24, 2, 0.12) 100%);
  mix-blend-mode: soft-light;
}
/* Senary — brand gold */
.theme-metallic--senary {
  --metal-line: rgba(255, 255, 255, 0.22);
  --metal-accent: #fff1a8;
  --metal-start: #a96f10;
  --metal-mid-1: #d49a1f;
  --metal-mid-2: #e0af3e;
  --metal-end: #f0c86e;
  --metal-glow: rgba(255, 233, 168, 0.38);
  --metal-shadow: rgba(98, 66, 10, 0.24);
  --metal-sheen: rgba(255, 255, 255, 0.16);
}
.theme-metallic--senary::before {
  opacity: 0.44;
  filter: blur(30px);
}
.theme-metallic--senary::after {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.19) 0%, rgba(255, 255, 255, 0.05) 24%, transparent 48%, rgba(72, 46, 6, 0.1) 100%);
  mix-blend-mode: soft-light;
}
/* Septenary — smooth deep teal */
.theme-metallic--septenary {
  --metal-line: rgba(255, 255, 255, 0.22);
  --metal-accent: var(--brand-quaternary);
  --metal-start: #002e34;
  --metal-mid-1: #00444c;
  --metal-mid-2: #00545d;
  --metal-end: #005a63;
  --metal-glow: rgba(0, 177, 195, 0.34);
  --metal-shadow: rgba(0, 18, 22, 0.52);
  --metal-sheen: rgba(255, 255, 255, 0.075);
}
blockquote {
  padding: 1rem;
  font-style: italic;
  background-color: #f8f9fa;
  border-radius: 0.25rem;
}
dt {
  font-weight: bold;
  margin: 1em 0;
}
dd {
  font-style: italic;
  margin: 0 0 0.5em 1em;
}
pre {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #bd4147;
  background-color: #f8f9fa;
  border-radius: 0.25rem;
}
img {
  max-width: 100%;
  width: auto;
  height: auto;
}
/*
.section.wysiwyg img {
  max-width: none;
  width: attr(width px, auto);
  height: attr(height px, auto);
}
*/
.page-wrapper {
  overflow: hidden;
}
body.home .hide-on-home {
  display: none !important;
}
body.has-no-children.page-level-1 .main-left-col {
  display: none !important;
}
.container {
  max-width: 1140px;
}
/* =========================
   :root / base
   ========================= */
:root {
  --navbar-height-mobile: 90px;
  --scroll-offset: 0px;
  --site-header-height: 0px;
}
html {
  min-height: 100%;
  overflow-y: scroll;
}
html.nav-menu-open {
  overflow: hidden;
}
.site-header-inner {
  background-color: var(--brand-white);
  box-shadow: 0 5px 20px -17px rgba(0, 0, 0, 0.34);
  padding: 0;
  z-index: 1042;
  position: relative;
}
.top-nav-shell {
  height: 103px;
}
.navbar {
  padding: 0;
}
.site-header-logo {
  display: block;
}
.site-header-logo img {
  display: block;
  height: 65px;
  width: auto;
}
.page-wrapper {
  padding-top: var(--navbar-height-mobile);
  min-height: 100vh;
}
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
/* =========================
   nav bar site
   ========================= */
.nav-bar-site .nav-center {
  flex: 1 1 auto;
  display: flex;
  align-items: stretch;
}
.nav-bar-site .nav-actions {
  display: flex;
  align-items: stretch;
  gap: 0;
}
/* =========================
   navbar nav items
   ========================= */
.nav-bar-site .navbar-nav {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
}
.nav-bar-site .navbar-nav > .nav-item {
  margin: 0;
  width: 100%;
}
/* =========================
   parent row wrapper
   ========================= */
.nav-bar-site .navbar-nav > .nav-item {
  border-top: 1px solid var(--brand-border);
  border-left: 0.3125rem solid var(--brand-primary);
  transition: border-left-color 0.22s ease, background-color 0.4s ease;
}
.nav-bar-site .navbar-nav > .nav-item .nav-parent-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: var(--brand-primary);
  overflow: hidden;
}
.nav-bar-site .navbar-nav > .nav-item > .nav-parent-row > .nav-link.nav-parent {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  color: var(--brand-white);
  font-weight: 600;
  text-decoration: none;
  transition: color 0.22s ease, background-color 0.22s ease;
}
.nav-bar-site .navbar-nav > .nav-item > .nav-parent-row > .nav-link.nav-parent .nav-label {
  text-decoration: none;
  padding: 0.9rem 1rem;
}
.nav-bar-site .navbar-nav > .nav-item > .nav-parent-row > .nav-chevron {
  margin-left: 0.4rem;
  transition: transform 0.25s ease;
  text-decoration: none;
  cursor: pointer;
  border: 0;
  padding: 0.9rem 1rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--brand-primary);
  color: var(--brand-white);
}
.nav-bar-site .navbar-nav > .nav-item > .nav-parent-row > .nav-chevron .fa, .nav-bar-site .navbar-nav > .nav-item > .nav-parent-row > .nav-chevron i {
  pointer-events: none;
  color: currentColor;
}
.nav-bar-site .navbar-nav > .nav-item:not(.has-children) .nav-chevron {
  display: none;
}
.nav-bar-site .navbar-nav > .nav-item:first-child {
  border-top: 0;
}
.nav-bar-site .navbar-nav > .nav-item:last-child {
  border-bottom: 1px solid var(--brand-border);
}
.nav-bar-site .navbar-nav > .nav-item:hover, .nav-bar-site .navbar-nav > .nav-item:focus-within, .nav-bar-site .navbar-nav > .nav-item.mobile-open {
  border-left: 0.3125rem solid var(--brand-quaternary);
  background-color: #f5f5f5;
}
.nav-bar-site .navbar-nav > .nav-item::after {
  content: none;
}
.nav-bar-site .navbar-nav > .nav-item > .nav-parent-row > .nav-link.nav-parent:hover .nav-label, .nav-bar-site .navbar-nav > .nav-item > .nav-parent-row > .nav-link.nav-parent:focus .nav-label {
  text-decoration: underline;
}
.nav-bar-site .navbar-nav > .nav-item > .nav-parent-row > .nav-link.nav-parent:hover, .nav-bar-site .navbar-nav > .nav-item > .nav-parent-row > .nav-link.nav-parent:focus {
  border-left: 0;
}
.nav-bar-site .navbar-nav > .nav-item.mobile-open .nav-chevron {
  transform: rotate(180deg);
}
@media (min-width: 1200px) {
  .nav-bar-site .navbar-nav > .nav-item:last-child {
    border-bottom: 0;
  }
}
/* =========================
   toggler
   ========================= */
.nav-bar-site .navbar-toggler {
  padding: 0;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  background-image: linear-gradient(var(--brand-secondary), var(--brand-secondary));
  background-repeat: no-repeat;
  background-position: center calc(100% - 10px);
  background-size: 0 4px;
  transition: background-size 0.3s ease-in-out;
  height: 78px;
}
.nav-bar-site .navbar-toggler:hover, .nav-bar-site .navbar-toggler:focus {
  background-size: calc(100% - 24px) 4px;
  background-color: var(--brand-secondary);
  color: var(--brand-white);
  border-color: var(--brand-border);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 0.15);
}
.nav-bar-site .navbar-toggler .bi {
  font-size: 1.8rem;
  margin-bottom: 0.15rem;
}
.nav-bar-site .nav-tool-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
/* =========================
   dropdown menu
   ========================= */
.nav-bar-site .navbar-nav .dropdown-menu {
  position: static;
  top: auto;
  left: auto;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
  display: block;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: visible;
  transform: translateY(-6px);
  transition: max-height 0.35s ease, opacity 0.22s ease, transform 0.22s ease;
  will-change: max-height, opacity, transform;
  pointer-events: auto;
}
.nav-bar-site .navbar-nav .dropdown-menu li.normal, .nav-bar-site .navbar-nav .dropdown-menu li.active {
  background: var(--brand-white);
}
.nav-bar-site .navbar-nav .dropdown-menu .dropdown-item {
  width: 100%;
  padding: 0.7rem 1rem 0.7rem 2.5rem;
  font-size: 0.95rem;
  color: var(--brand-primary);
  transition: color 0.2s ease, background-color 0.2s ease;
}
.nav-bar-site .navbar-nav .dropdown-menu .dropdown-item:hover, .nav-bar-site .navbar-nav .dropdown-menu .dropdown-item:focus {
  background-color: rgba(2, 56, 100, 0.06);
}
.nav-bar-site .navbar-nav > .nav-item.mobile-open > .dropdown-menu, .nav-bar-site .navbar-nav > .nav-item > .dropdown-menu.show {
  max-height: 600px;
  opacity: 1;
  transform: translateY(0);
}
/* =========================
   nav tools
   ========================= */
.nav-bar-site .nav-tool-btn, .nav-bar-site .navbar-toggler {
  --btn-bg: transparent;
  --btn-fg: var(--brand-secondary);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 100%;
  line-height: 2rem;
  font-size: 1.25rem;
  background: var(--btn-bg);
  color: var(--btn-fg);
  text-decoration: none;
  border: 0;
  border-left: 1px solid var(--brand-border);
  cursor: pointer;
  transition: background-color 0.22s ease, color 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
.nav-bar-site .nav-tool-btn {
  height: 78px;
}
.nav-bar-site .nav-tool-btn:hover, .nav-bar-site .nav-tool-btn:focus {
  background-color: var(--brand-secondary);
  color: var(--brand-white);
  border-color: var(--brand-border);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 0.15);
}
.nav-bar-site .nav-tools .nav-tool-btn:focus-visible, .nav-bar-site .nav-actions .navbar-toggler:focus-visible {
  outline: none;
  outline-offset: 0;
  box-shadow: none;
}
.nav-bar-site .nav-tool-btn .bi {
  font-size: 1.8rem;
  margin-bottom: 0.15rem;
}
.nav-bar-site .nav-tool-btn__label {
  display: none;
  font-size: 0.8rem;
  line-height: 1.1;
  font-weight: 500;
}
.nav-bar-site .navbar-nav > .nav-item > .nav-parent-row > .nav-link.nav-parent:focus-visible, .nav-bar-site .navbar-nav .dropdown-menu .dropdown-item:focus-visible {
  outline: none;
  outline-offset: 0;
  box-shadow: none;
}
.nav-bar-site .navbar-nav .nav-chevron:focus-visible {
  outline: 2px solid var(--brand-focus-visible);
  outline-offset: 2px;
  box-shadow: none;
}
/* =========================
   site search form (header)
   ========================= */
.site-search-form {
  width: 100%;
  max-width: 320px;
}
.site-search-form__group {
  position: relative;
  display: flex;
  align-items: center;
}
.site-search-form__input {
  width: 100%;
  height: 48px;
  padding: 0 58px 0 18px;
  border: 2px solid var(--brand-quinary);
  border-radius: var(--brand-radius-pill);
  color: #333;
  font-size: 0.95rem;
  line-height: 1.2;
  box-shadow: none;
  appearance: none;
}
.site-search-form__input::placeholder {
  color: var(--brand-muted);
  opacity: 1;
}
.site-search-form__input:focus {
  background: #f3f3f3;
  outline: none;
}
.site-search-form__button {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: var(--brand-radius-pill);
  background: var(--brand-quinary);
  color: var(--brand-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  cursor: pointer;
}
.site-search-form__button .bi {
  font-size: 1.05rem;
  line-height: 1;
}
.site-search-form__button:hover, .site-search-form__button:focus {
  background: var(--brand-quinary);
  color: var(--brand-white);
  box-shadow: none;
}
.site-search-form__button:focus-visible {
  outline: 2px solid var(--brand-quinary);
  outline-offset: 2px;
}
/* =========================
   search form (modal / mobile)
   ========================= */
.searchform {
  max-width: 680px;
  width: 100%;
}
.searchform__group {
  position: relative;
  display: flex;
  align-items: center;
}
.searchform__input {
  width: 100%;
  height: 56px;
  border: 2px solid var(--brand-secondary);
  border-radius: var(--brand-radius-pill);
  padding: 0 66px 0 20px;
  font-size: 1rem;
  color: #333;
  box-shadow: none;
  appearance: none;
}
.searchform__input::placeholder {
  color: #333;
  opacity: 1;
}
.searchform__input:focus {
  background: #f3f3f3;
  outline: none;
}
.searchform__button {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: var(--brand-secondary);
  color: var(--brand-white);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
}
.searchform__button .bi {
  color: currentColor;
  font-size: 1.2rem;
  line-height: 1;
}
.searchform__button:hover, .searchform__button:focus {
  background: var(--brand-secondary);
  color: var(--brand-white);
  box-shadow: none;
}
.searchform__button:focus-visible {
  outline: 2px solid var(--brand-primary);
  outline-offset: 2px;
}
.portal-mobile {
  padding: 40px 20px 0 20px;
}
/* =========================
   site search overlay
   ========================= */
.site-search-overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1050;
  display: none;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.site-search-overlay__content {
  max-width: 680px;
}
.site-search-overlay.is-visible {
  display: flex;
  opacity: 1;
}
.site-search-overlay__panel {
  position: relative;
  background-color: var(--brand-white);
  padding: 2rem;
  width: 100%;
  height: 100vh;
  animation: modalFadeIn 0.4s ease-out;
  box-shadow: none;
}
@keyframes modalFadeIn {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.site-search-overlay__header {
  margin-bottom: 1rem;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
}
.site-search-overlay__title {
  margin: 0 0 0.5rem 0;
  font-size: 1.8rem;
  font-weight: 600;
  color: #222;
}
.site-search-overlay__text {
  margin: 0;
  font-size: 1rem;
  color: #555;
}
.site-search-overlay .btn-close-search {
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
  padding: 0;
  border: 0;
}
.site-search-overlay .btn-close-search i {
  font-size: 28px;
  color: var(--brand-primary);
}
/* =========================
   double scrollbar fix
   ========================= */
body.search-open {
  overflow: hidden !important;
  position: fixed;
  width: 100%;
  top: calc(-1 * var(--scroll-offset));
}
html.search-open, body.search-open {
  overflow: hidden;
  height: 100%;
}
html.search-open {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
html.search-open::-webkit-scrollbar {
  display: none;
}
/* =========================
   navbar collapse mobile
   ========================= */
.nav-bar-site .navbar-collapse {
  display: block !important;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 80px;
  background: var(--brand-white);
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  z-index: 1041;
  border-top: 1px solid var(--brand-border);
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.25s ease, opacity 0.25s ease;
}
body.nav-menu-open .nav-bar-site .navbar-collapse.show {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}
body.nav-menu-open .nav-bar-site .navbar-collapse.collapsing {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
  height: auto !important;
}
.navbar-collapse.collapsing {
  height: auto !important;
  transition: none !important;
}
/* =========================
   reduced motion
   ========================= */
@media (prefers-reduced-motion: reduce) {
  .nav-bar-site .navbar-nav .dropdown-menu {
    transition: none !important;
    transform: none !important;
  }
  .nav-bar-site .navbar-collapse {
    transition: none !important;
  }
}
/* =========================
   xl and up
   ========================= */
@media (min-width: 1200px) {
  .page-wrapper {
    padding-top: 0;
  }
  .site-header {
    position: relative;
  }
  body.nav-menu-open {
    overflow: hidden;
  }
  .nav-row-2 {
    background: var(--brand-primary);
    box-shadow: 0 10px 15px 3px rgba(0, 0, 0, 0.2);
  }
  .nav-bar-site .nav-center {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .nav-bar-site .nav-center .navbar-collapse {
    flex: 0 1 auto;
    display: flex !important;
    justify-content: center;
    align-items: stretch;
    padding: 0;
    height: 54px;
  }
  .nav-bar-site .nav-actions {
    margin-left: 1.5rem;
    align-self: center;
    height: 100%;
    align-items: end;
    padding-bottom: 12px;
  }
  .nav-bar-site .nav-tools {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    height: 25px;
  }
  .nav-bar-site .navbar-nav {
    flex-direction: row;
    font-size: 1.15rem;
  }
  .nav-bar-site .navbar-nav > .nav-item {
    position: relative;
    display: flex;
    align-items: stretch;
    margin: 0 40px;
    width: auto;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    background-color: transparent;
    /*
        &::after {
          content: "";
          position: absolute;
          left: 10px;
          right: 10px;
          bottom: -3px;
          height: 4px;
          background-color: var(--brand-secondary);
          transform-origin: center center;
          transform: scaleX(0);
          transition: transform 0.3s ease-in-out;
          border-radius: 3px;
        }

        &:hover::after,
        &:focus-within::after,
        &.active::after {
          transform: scaleX(1);
        }
*/
  }
  .nav-bar-site .navbar-nav > .nav-item:hover, .nav-bar-site .navbar-nav > .nav-item:focus-within, .nav-bar-site .navbar-nav > .nav-item.mobile-open {
    border-left: 0;
    background-color: #005A63;
  }
  .nav-bar-site .navbar-nav > .nav-item > .nav-parent-row {
    background: transparent;
    align-items: stretch;
  }
  .nav-bar-site .navbar-nav > .nav-item > .nav-parent-row > .nav-link.nav-parent {
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    color: var(--brand-white);
  }
  .nav-bar-site .navbar-nav > .nav-item > .nav-parent-row > .nav-link.nav-parent .nav-label {
    padding: 0;
  }
  .nav-bar-site .navbar-nav > .nav-item > .nav-parent-row > .nav-chevron {
    pointer-events: none;
    cursor: default;
    padding: 2px 10px 0 0px;
    color: var(--brand-white);
    background: transparent;
    transform: none;
  }
  .nav-bar-site .navbar-nav > .nav-item.has-children > .nav-parent-row > .nav-link.nav-parent {
    padding-right: 0;
  }
  .nav-bar-site .navbar-nav .dropdown-menu {
    margin-top: 0px;
    padding: 0;
    border-color: var(--brand-border);
    box-shadow: 0 12px 25px -22px rgba(0, 0, 0, 0.6);
    min-width: 13rem;
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
    background: none;
    border: none;
    width: auto;
    max-height: none;
    overflow: visible;
    pointer-events: none;
    will-change: auto;
  }
  .nav-bar-site .navbar-nav .dropdown-menu li.normal, .nav-bar-site .navbar-nav .dropdown-menu li.active {
    background: var(--brand-white);
  }
  .nav-bar-site .navbar-nav .dropdown-menu li.normal:first-child, .nav-bar-site .navbar-nav .dropdown-menu li.active:first-child {
    margin-top: 0.7rem;
  }
  .nav-bar-site .navbar-nav .dropdown-menu .dropdown-item {
    width: auto;
    padding: 0.7rem 1.1rem;
    color: var(--brand-primary);
    font-size: 1.05rem;
  }
  .nav-bar-site .navbar-nav > .nav-item.has-children:hover > .dropdown-menu, .nav-bar-site .navbar-nav > .nav-item.has-children:focus-within > .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s;
    pointer-events: auto;
  }
  .nav-bar-site .nav-tool-btn, .nav-bar-site .navbar-toggler {
    width: 25px;
    height: 25px;
    line-height: 1;
    border-left: 0;
    background-color: transparent;
    box-shadow: none;
  }
  .nav-bar-site .nav-tool-btn {
    padding: 0;
  }
  .nav-bar-site .nav-tool-btn:hover, .nav-bar-site .nav-tool-btn:focus {
    background-color: transparent;
    color: var(--brand-secondary);
    border-color: transparent;
    box-shadow: none;
  }
  .nav-bar-site .navbar-toggler {
    display: none !important;
  }
  .nav-bar-site .nav-tool-btn .bi {
    font-size: 1.4rem;
    margin-bottom: 0;
  }
  .nav-bar-site .nav-tool-btn__label {
    display: none;
  }
  .nav-bar-site .nav-tool-inner {
    width: 28px;
    height: 28px;
  }
  .site-search-overlay {
    position: absolute;
    top: var(--site-header-height);
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    align-items: flex-start;
    justify-content: center;
  }
  .site-search-overlay__content {
    margin: 0 auto;
  }
  .site-search-overlay__panel {
    height: 300px;
    padding: 3rem 2.5rem;
    box-shadow: none;
  }
  .site-search-overlay__title {
    font-size: 2rem;
  }
  .site-search-overlay__text {
    font-size: 1.1rem;
  }
  main.page-wrapper {
    position: relative;
  }
  .nav-bar-site .navbar-collapse {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    background: transparent;
    overflow: visible;
    border-top: 0;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    transition: none;
    z-index: auto;
  }
}
body {
  min-height: calc(100vh - 443px);
}
/* =========================
   site nav - multi column layout update
   ========================= */
@media (min-width: 1200px) {
  .nav-bar-site .navbar-nav .dropdown-menu {
    display: grid !important;
    grid-template-rows: repeat(6, auto);
    grid-auto-flow: column;
    padding-top: 0.6rem;
    background: #fff;
    background-clip: content-box;
  }
  .nav-bar-site .navbar-nav .dropdown-menu li.normal, .nav-bar-site .navbar-nav .dropdown-menu li.active {
    width: auto;
  }
  .nav-bar-site .navbar-nav .dropdown-menu li.normal:first-child, .nav-bar-site .navbar-nav .dropdown-menu li.active:first-child {
    margin-top: unset;
  }
  .nav-bar-site .navbar-nav .dropdown-menu .dropdown-item {
    width: auto;
    min-width: 270px;
    padding: 0.7rem 1.1rem;
    color: var(--brand-primary);
    font-size: 1.05rem;
  }
}
.list-group-nav .list-group-item {
  padding: 0px;
}
.list-group-nav .list-group-item a {
  display: block;
  padding: 0.6rem 1rem;
  text-decoration: none;
  color: #495057;
}
.list-group-nav .list-group-item.active > a {
  color: #fff;
}
.list-group-nav .list-group-item.hierarchy {
  background: transparent;
}
.list-group-nav .list-group-item.hierarchy > a {
  color: #0d6efd;
}
.list-group-nav .list-group-sub {
  padding-left: 0;
  list-style: none;
  border-radius: 0;
  font-size: 0.9rem;
}
.list-group-nav .list-group-sub .list-group-item {
  border-width: 0px;
  border-top-width: 1px;
  border-style: dotted;
}
.list-group-nav .list-group-sub a {
  padding-left: 1.4rem;
}
.main-navbar .navbar-nav {
  margin-bottom: -1px;
}
.main-navbar .navbar-nav > .nav-item {
  border-bottom: 3px solid transparent;
}
.main-navbar .navbar-nav > .nav-item:hover {
  border-bottom-color: #d8d8d8;
}
.main-navbar .navbar-nav > .nav-item.active {
  border-bottom-color: #0d6efd;
}
.main-navbar .navbar-nav > .nav-item.active > a {
  color: #333;
}
.main-navbar .navbar-nav .dropdown-menu {
  padding: 0;
  border: none;
  margin-top: 3px;
  box-shadow: 1px 1px 0.25rem 1px #e6e6e6;
}
.main-navbar .navbar-nav .dropdown-menu li {
  padding: 0;
}
.main-navbar .navbar-nav .dropdown-menu li a {
  padding: 0.6rem 1rem;
}
.main-navbar .navbar-nav .dropdown-menu li.active a {
  color: #fff;
}
.full-width-section {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
/* -----------------------------
   1) Rhythm tokens (CSS variables)
   ----------------------------- */
:root {
  --space-p: 1rem;
  --space-list: 0.75rem;
  --space-li: 0.5rem;
  /* heading padding-top rhythm */
  --h1-pt: 1.8rem;
  --h2-pt: 1.45rem;
  --h3-pt: 1.15rem;
  --h4-pt: 0.85rem;
  /* heading bottom margins */
  --h1-mb: 1.7rem;
  --h2-mb: 1.2rem;
  --h3-mb: 1.2rem;
  --h4-mb: 0.5rem;
  --list-indent: 3.25rem;
}
/* Mobile rhythm: Bootstrap "md and down" */
@media (max-width: 767.98px) {
  :root {
    --space-p: 0.875rem;
    --space-list: 0.625rem;
    --space-li: 0.875rem;
    --h1-pt: 1.3rem;
    --h2-pt: 1.1rem;
    --h3-pt: 0.9rem;
    --h4-pt: 0.7rem;
    --h1-mb: 0.65rem;
    --h2-mb: 0.65rem;
    --h3-mb: 0.45rem;
    --h4-mb: 0.45rem;
    --list-indent: 3rem;
  }
}
/* -----------------------------
   2) Base font + icon
   ----------------------------- */
body {
  font-family: "Plus Jakarta Sans", sans-serif;
  color: var(--brand-body);
  font-optical-sizing: auto;
  font-style: normal;
}
/* -----------------------------
   3) Base reset
   ----------------------------- */
h1, h2, h3, h4, h5, h6, p, ul, ol, li, blockquote, dl, figure {
  margin-top: 0;
}
/* -----------------------------
   4) Headings (padding-top rhythm)
   ----------------------------- */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: var(--brand-septenary);
  font-weight: 700;
  letter-spacing: 0.01em;
}
.h1-feature {
  font-size: 3.2rem;
  line-height: 1.1;
  padding-top: var(--h1-pt);
  margin-bottom: var(--h1-mb);
}
h1, .h1 {
  font-size: 3rem;
  line-height: 1.1;
  padding-top: var(--h1-pt);
  margin-bottom: var(--h1-mb);
}
h2, .h2 {
  font-size: 2.4rem;
  line-height: 1.15;
  padding-top: var(--h2-pt);
  margin-bottom: var(--h2-mb);
}
h3, .h3 {
  font-size: 1.9rem;
  line-height: 1.2;
  padding-top: var(--h3-pt);
  margin-bottom: var(--h3-mb);
}
h4, .h4 {
  font-size: 1.6rem;
  padding-top: var(--h4-pt);
  margin-bottom: var(--h4-mb);
}
h5, .h5 {
  font-size: 1.4rem;
  padding-top: var(--h4-pt);
  margin-bottom: var(--h4-mb);
}
h6, .h6 {
  padding-top: var(--h4-pt);
  margin-bottom: var(--h4-mb);
}
.custom-form h1 {
  margin-top: 0;
  padding-top: 0;
}
/* Hero banner: stronger visual emphasis */
.hero-banner h1 {
  font-size: 3.4rem;
  font-weight: 800;
}
.section-heading__divider {
  display: block;
  width: 4rem;
  height: 0.1875rem;
  background: var(--brand-septenary);
}
/* -----------------------------
   5) Body text + lists
   ----------------------------- */
p {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.6;
  margin-bottom: var(--space-p);
}
.lead, .lead p {
  font-size: 1.45rem;
  font-weight: 400;
  line-height: 1.65;
}
.p-base p, .p-base {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.p-large p, .p-large {
  font-size: 1.38rem;
  font-weight: 400;
  line-height: 1.35;
}
.p-medium p, .p-medium {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.35;
}
.p-small p, .p-small {
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 1.2;
}
a {
  color: var(--brand-primary);
  text-decoration: underline;
}
a:not(.btn-theme, .exclude-link-hover):hover, a:not(.btn-theme, .exclude-link-hover):focus {
  color: rgba(var(--brand-primary-rgb), 0.8);
}
.theme-on-dark a:not(.btn-theme):hover, .theme-on-dark a:not(.btn-theme):focus {
  color: var(--brand-white);
}
/* =========================
   BUTTON LINKS
========================= */
a.btn-theme {
  text-decoration: none;
}
a.btn-theme:hover, a.btn-theme:focus {
  text-decoration: none;
}
ul, ol {
  margin-bottom: var(--space-list);
  padding-left: var(--list-indent);
}
main ul ul, main ul ol, main ol ul, main ol ol {
  padding-top: 0.8rem;
  padding-left: 3rem;
}
main ol {
  list-style-type: decimal;
}
main ol ol {
  list-style-type: lower-alpha;
}
main ol ol ol {
  list-style-type: lower-roman;
}
main li {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.6;
  margin-bottom: var(--space-li);
}
li:last-child {
  margin-bottom: 0;
}
b, strong {
  font-weight: bold;
}
.text-justify {
  text-align: justify;
}
/* =========================================
   6) TICK LIST
   ========================================= */
.tick-list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.tick-list__item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.6rem;
}
.tick-list__icon {
  flex-shrink: 0;
  width: 1.9rem;
  height: 1.9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--tick-bg);
  color: var(--tick-fg);
}
.tick-list__icon i {
  font-size: 1.15rem;
  line-height: 1;
  margin-top: 0.15rem;
}
.tick-list--primary, .tick-list--light-teal {
  --tick-bg: var(--brand-primary);
  --tick-fg: var(--brand-white);
}
.tick-list--secondary, .tick-list--dark-blue {
  --tick-bg: var(--brand-secondary);
  --tick-fg: var(--brand-white);
}
.tick-list--tertiary, .tick-list--aqua {
  --tick-bg: var(--brand-tertiary);
  --tick-fg: var(--brand-white);
}
.tick-list--quaternary, .tick-list--light-green {
  --tick-bg: var(--brand-quaternary);
  --tick-fg: var(--brand-primary);
}
.tick-list--quinary, .tick-list--orange {
  --tick-bg: var(--brand-quinary);
  --tick-fg: var(--brand-white);
}
.tick-list--senary, .tick-list--mustard {
  --tick-bg: var(--brand-senary);
  --tick-fg: var(--brand-white);
}
.tick-list--septenary, .tick-list--dark-teal {
  --tick-bg: var(--brand-septenary);
  --tick-fg: var(--brand-white);
}
.tick-list--nofill .tick-list__icon {
  background-color: transparent;
}
.tick-list--nofill .tick-list__icon i {
  font-size: 1.3rem;
  color: var(--tick-bg);
}
/* -----------------------------
   7) FLOW utility
   ----------------------------- */
.flow > :where(p, h1, h2, h3, h4, h5, h6, ul, ol, dl, blockquote, pre, table, figure):first-child, .card__body > :where(p, h1, h2, h3, h4, h5, h6, ul, ol, dl, blockquote, pre, table, figure):first-child, .steps .steps__item > :where(p, h1, h2, h3, h4, h5, h6, ul, ol, dl, blockquote, pre, table, figure):first-child {
  margin-top: 0;
  padding-top: 0;
}
.flow > :where(p, h1, h2, h3, h4, h5, h6, ul, ol, dl, blockquote, pre, table, figure):last-child, .card__body > :where(p, h1, h2, h3, h4, h5, h6, ul, ol, dl, blockquote, pre, table, figure):last-child, .steps .steps__item > :where(p, h1, h2, h3, h4, h5, h6, ul, ol, dl, blockquote, pre, table, figure):last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
/* Optional: make common bodies inherit flow behavior automatically */
/* -----------------------------
   8) SECTION spacing tokens
   ----------------------------- */
.section {
  padding-block: 4rem;
}
@media (max-width: 767.98px) {
  .section {
    padding-block: 2rem;
  }
}
.page-content > .section:not(.section ~ .section) {
  padding-top: calc(4rem / 2);
}
@media (max-width: 767.98px) {
  .page-content > .section:not(.section ~ .section) {
    padding-top: calc(2rem / 2);
  }
}
/* -----------------------------
   9) NEW: Same-background consecutive sections => HALF spacing between them
   IMPORTANT:
   - MUST NOT affect: .section.wysiwyg + .section.wysiwyg (stay ZERO gap)
   - MUST work when the next section isn't `.section` (your accordion example)
   ----------------------------- */
/* A) Half bottom padding on the first section (only if it uses `.section` spacing),
        but NEVER when it’s WYSIWYG followed by WYSIWYG. */
/* First is NOT wysiwyg, next has same bg (any section) */
section.section.theme-bg-primary:not(.wysiwyg):has(+ section.theme-bg-primary) {
  padding-bottom: calc(4rem / 2);
}
@media (max-width: 767.98px) {
  section.section.theme-bg-primary:not(.wysiwyg):has(+ section.theme-bg-primary) {
    padding-bottom: calc(2rem / 2);
  }
}
/* First IS wysiwyg, next has same bg BUT next is NOT wysiwyg (so apply half) */
section.section.wysiwyg.theme-bg-primary:has(+ section.theme-bg-primary:not(.wysiwyg)) {
  padding-bottom: calc(4rem / 2);
}
@media (max-width: 767.98px) {
  section.section.wysiwyg.theme-bg-primary:has(+ section.theme-bg-primary:not(.wysiwyg)) {
    padding-bottom: calc(2rem / 2);
  }
}
/* B) Half top padding on the second section (only if it uses `.section` spacing),
        but NEVER when it’s WYSIWYG preceded by WYSIWYG. */
/* Previous same bg is NOT wysiwyg, current is a `.section` with same bg (any type incl wysiwyg) */
section.theme-bg-primary:not(.wysiwyg) + section.section.theme-bg-primary {
  padding-top: calc(4rem / 2);
}
@media (max-width: 767.98px) {
  section.theme-bg-primary:not(.wysiwyg) + section.section.theme-bg-primary {
    padding-top: calc(2rem / 2);
  }
}
/* Previous is wysiwyg same bg, current is `.section` same bg BUT current is NOT wysiwyg */
section.wysiwyg.theme-bg-primary + section.section.theme-bg-primary:not(.wysiwyg) {
  padding-top: calc(4rem / 2);
}
@media (max-width: 767.98px) {
  section.wysiwyg.theme-bg-primary + section.section.theme-bg-primary:not(.wysiwyg) {
    padding-top: calc(2rem / 2);
  }
}
/* A) Half bottom padding on the first section (only if it uses `.section` spacing),
        but NEVER when it’s WYSIWYG followed by WYSIWYG. */
/* First is NOT wysiwyg, next has same bg (any section) */
section.section.theme-bg-secondary:not(.wysiwyg):has(+ section.theme-bg-secondary) {
  padding-bottom: calc(4rem / 2);
}
@media (max-width: 767.98px) {
  section.section.theme-bg-secondary:not(.wysiwyg):has(+ section.theme-bg-secondary) {
    padding-bottom: calc(2rem / 2);
  }
}
/* First IS wysiwyg, next has same bg BUT next is NOT wysiwyg (so apply half) */
section.section.wysiwyg.theme-bg-secondary:has(+ section.theme-bg-secondary:not(.wysiwyg)) {
  padding-bottom: calc(4rem / 2);
}
@media (max-width: 767.98px) {
  section.section.wysiwyg.theme-bg-secondary:has(+ section.theme-bg-secondary:not(.wysiwyg)) {
    padding-bottom: calc(2rem / 2);
  }
}
/* B) Half top padding on the second section (only if it uses `.section` spacing),
        but NEVER when it’s WYSIWYG preceded by WYSIWYG. */
/* Previous same bg is NOT wysiwyg, current is a `.section` with same bg (any type incl wysiwyg) */
section.theme-bg-secondary:not(.wysiwyg) + section.section.theme-bg-secondary {
  padding-top: calc(4rem / 2);
}
@media (max-width: 767.98px) {
  section.theme-bg-secondary:not(.wysiwyg) + section.section.theme-bg-secondary {
    padding-top: calc(2rem / 2);
  }
}
/* Previous is wysiwyg same bg, current is `.section` same bg BUT current is NOT wysiwyg */
section.wysiwyg.theme-bg-secondary + section.section.theme-bg-secondary:not(.wysiwyg) {
  padding-top: calc(4rem / 2);
}
@media (max-width: 767.98px) {
  section.wysiwyg.theme-bg-secondary + section.section.theme-bg-secondary:not(.wysiwyg) {
    padding-top: calc(2rem / 2);
  }
}
/* A) Half bottom padding on the first section (only if it uses `.section` spacing),
        but NEVER when it’s WYSIWYG followed by WYSIWYG. */
/* First is NOT wysiwyg, next has same bg (any section) */
section.section.theme-bg-surface-alt:not(.wysiwyg):has(+ section.theme-bg-surface-alt) {
  padding-bottom: calc(4rem / 2);
}
@media (max-width: 767.98px) {
  section.section.theme-bg-surface-alt:not(.wysiwyg):has(+ section.theme-bg-surface-alt) {
    padding-bottom: calc(2rem / 2);
  }
}
/* First IS wysiwyg, next has same bg BUT next is NOT wysiwyg (so apply half) */
section.section.wysiwyg.theme-bg-surface-alt:has(+ section.theme-bg-surface-alt:not(.wysiwyg)) {
  padding-bottom: calc(4rem / 2);
}
@media (max-width: 767.98px) {
  section.section.wysiwyg.theme-bg-surface-alt:has(+ section.theme-bg-surface-alt:not(.wysiwyg)) {
    padding-bottom: calc(2rem / 2);
  }
}
/* B) Half top padding on the second section (only if it uses `.section` spacing),
        but NEVER when it’s WYSIWYG preceded by WYSIWYG. */
/* Previous same bg is NOT wysiwyg, current is a `.section` with same bg (any type incl wysiwyg) */
section.theme-bg-surface-alt:not(.wysiwyg) + section.section.theme-bg-surface-alt {
  padding-top: calc(4rem / 2);
}
@media (max-width: 767.98px) {
  section.theme-bg-surface-alt:not(.wysiwyg) + section.section.theme-bg-surface-alt {
    padding-top: calc(2rem / 2);
  }
}
/* Previous is wysiwyg same bg, current is `.section` same bg BUT current is NOT wysiwyg */
section.wysiwyg.theme-bg-surface-alt + section.section.theme-bg-surface-alt:not(.wysiwyg) {
  padding-top: calc(4rem / 2);
}
@media (max-width: 767.98px) {
  section.wysiwyg.theme-bg-surface-alt + section.section.theme-bg-surface-alt:not(.wysiwyg) {
    padding-top: calc(2rem / 2);
  }
}
/* A) Half bottom padding on the first section (only if it uses `.section` spacing),
        but NEVER when it’s WYSIWYG followed by WYSIWYG. */
/* First is NOT wysiwyg, next has same bg (any section) */
section.section.theme-bg-secondary-light:not(.wysiwyg):has(+ section.theme-bg-secondary-light) {
  padding-bottom: calc(4rem / 2);
}
@media (max-width: 767.98px) {
  section.section.theme-bg-secondary-light:not(.wysiwyg):has(+ section.theme-bg-secondary-light) {
    padding-bottom: calc(2rem / 2);
  }
}
/* First IS wysiwyg, next has same bg BUT next is NOT wysiwyg (so apply half) */
section.section.wysiwyg.theme-bg-secondary-light:has(+ section.theme-bg-secondary-light:not(.wysiwyg)) {
  padding-bottom: calc(4rem / 2);
}
@media (max-width: 767.98px) {
  section.section.wysiwyg.theme-bg-secondary-light:has(+ section.theme-bg-secondary-light:not(.wysiwyg)) {
    padding-bottom: calc(2rem / 2);
  }
}
/* B) Half top padding on the second section (only if it uses `.section` spacing),
        but NEVER when it’s WYSIWYG preceded by WYSIWYG. */
/* Previous same bg is NOT wysiwyg, current is a `.section` with same bg (any type incl wysiwyg) */
section.theme-bg-secondary-light:not(.wysiwyg) + section.section.theme-bg-secondary-light {
  padding-top: calc(4rem / 2);
}
@media (max-width: 767.98px) {
  section.theme-bg-secondary-light:not(.wysiwyg) + section.section.theme-bg-secondary-light {
    padding-top: calc(2rem / 2);
  }
}
/* Previous is wysiwyg same bg, current is `.section` same bg BUT current is NOT wysiwyg */
section.wysiwyg.theme-bg-secondary-light + section.section.theme-bg-secondary-light:not(.wysiwyg) {
  padding-top: calc(4rem / 2);
}
@media (max-width: 767.98px) {
  section.wysiwyg.theme-bg-secondary-light + section.section.theme-bg-secondary-light:not(.wysiwyg) {
    padding-top: calc(2rem / 2);
  }
}
/* A) Half bottom padding on the first section (only if it uses `.section` spacing),
        but NEVER when it’s WYSIWYG followed by WYSIWYG. */
/* First is NOT wysiwyg, next has same bg (any section) */
section.section.theme-bg-white:not(.wysiwyg):has(+ section.theme-bg-white) {
  padding-bottom: calc(4rem / 2);
}
@media (max-width: 767.98px) {
  section.section.theme-bg-white:not(.wysiwyg):has(+ section.theme-bg-white) {
    padding-bottom: calc(2rem / 2);
  }
}
/* First IS wysiwyg, next has same bg BUT next is NOT wysiwyg (so apply half) */
section.section.wysiwyg.theme-bg-white:has(+ section.theme-bg-white:not(.wysiwyg)) {
  padding-bottom: calc(4rem / 2);
}
@media (max-width: 767.98px) {
  section.section.wysiwyg.theme-bg-white:has(+ section.theme-bg-white:not(.wysiwyg)) {
    padding-bottom: calc(2rem / 2);
  }
}
/* B) Half top padding on the second section (only if it uses `.section` spacing),
        but NEVER when it’s WYSIWYG preceded by WYSIWYG. */
/* Previous same bg is NOT wysiwyg, current is a `.section` with same bg (any type incl wysiwyg) */
section.theme-bg-white:not(.wysiwyg) + section.section.theme-bg-white {
  padding-top: calc(4rem / 2);
}
@media (max-width: 767.98px) {
  section.theme-bg-white:not(.wysiwyg) + section.section.theme-bg-white {
    padding-top: calc(2rem / 2);
  }
}
/* Previous is wysiwyg same bg, current is `.section` same bg BUT current is NOT wysiwyg */
section.wysiwyg.theme-bg-white + section.section.theme-bg-white:not(.wysiwyg) {
  padding-top: calc(4rem / 2);
}
@media (max-width: 767.98px) {
  section.wysiwyg.theme-bg-white + section.section.theme-bg-white:not(.wysiwyg) {
    padding-top: calc(2rem / 2);
  }
}
/* -----------------------------
   10) WYSIWYG grouping
   ----------------------------- */
.section.wysiwyg:has(+ .section.wysiwyg) {
  padding-bottom: 0;
}
.section.wysiwyg + .section.wysiwyg {
  padding-top: 0;
}
/* -----------------------------
   11) WYSIWYG flow behavior
   - Group edges:
     * first WYSIWYG in group: ONLY first flow element loses top padding
     * last  WYSIWYG in group: ONLY last  flow element loses bottom padding
   - Singleton WYSIWYG (no direct WYSIWYG siblings):
     * behaves like .flow (first loses top, last loses bottom)
   ----------------------------- */
.page-content {
  /* First WYSIWYG in a direct sibling group */
  /* Last WYSIWYG in a direct sibling group */
  /* Singleton WYSIWYG (no direct WYSIWYG siblings) => act like .flow */
}
.page-content > .section.wysiwyg:not(.section.wysiwyg + .section.wysiwyg):has(+ .section.wysiwyg) > .container > .row > [class^="col-"] > :where(p, h1, h2, h3, h4, h5, h6, ul, ol, dl, blockquote, pre, table, figure):first-child, .page-content > .section.wysiwyg:not(.section.wysiwyg + .section.wysiwyg):has(+ .section.wysiwyg) > .container > .row > [class*=" col-"] > :where(p, h1, h2, h3, h4, h5, h6, ul, ol, dl, blockquote, pre, table, figure):first-child {
  margin-top: 0;
  padding-top: 0;
}
.page-content > .section.wysiwyg + .section.wysiwyg:not(:has(+ .section.wysiwyg)) > .container > .row > [class^="col-"] > :where(p, h1, h2, h3, h4, h5, h6, ul, ol, dl, blockquote, pre, table, figure):last-child, .page-content > .section.wysiwyg + .section.wysiwyg:not(:has(+ .section.wysiwyg)) > .container > .row > [class*=" col-"] > :where(p, h1, h2, h3, h4, h5, h6, ul, ol, dl, blockquote, pre, table, figure):last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.page-content > .section.wysiwyg:not(:has(+ .section.wysiwyg)):not(.section.wysiwyg + .section.wysiwyg) > .container > .row > [class^="col-"] > :where(p, h1, h2, h3, h4, h5, h6, ul, ol, dl, blockquote, pre, table, figure):first-child, .page-content > .section.wysiwyg:not(:has(+ .section.wysiwyg)):not(.section.wysiwyg + .section.wysiwyg) > .container > .row > [class*=" col-"] > :where(p, h1, h2, h3, h4, h5, h6, ul, ol, dl, blockquote, pre, table, figure):first-child {
  margin-top: 0;
  padding-top: 0;
}
.page-content > .section.wysiwyg:not(:has(+ .section.wysiwyg)):not(.section.wysiwyg + .section.wysiwyg) > .container > .row > [class^="col-"] > :where(p, h1, h2, h3, h4, h5, h6, ul, ol, dl, blockquote, pre, table, figure):last-child, .page-content > .section.wysiwyg:not(:has(+ .section.wysiwyg)):not(.section.wysiwyg + .section.wysiwyg) > .container > .row > [class*=" col-"] > :where(p, h1, h2, h3, h4, h5, h6, ul, ol, dl, blockquote, pre, table, figure):last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
/* -----------------------------
   12) Change 1: last section = double bottom padding
   ----------------------------- */
.page-content > .section:last-child {
  padding-bottom: calc(4rem * 2);
}
@media (max-width: 767.98px) {
  .page-content > .section:last-child {
    padding-bottom: calc(2rem * 2);
  }
}
/* =========================================
   BUTTON SYSTEM
========================================= */
/* -----------------------------------------
   Mixins
----------------------------------------- */
/* Nested button state when the parent link is interactive */
/* -----------------------------------------
   Base brand buttons
----------------------------------------- */
.btn-theme, .btn-brand-primary, .btn-brand-outline, .btn-brand-inverse, .hero-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  border: 2px solid transparent;
  border-radius: var(--brand-radius-pill);
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 0.02em;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
  padding: 12px 30px;
}
/* -----------------------------------------
   Sizes
----------------------------------------- */
.btn-theme-skinny {
  padding: 0.25rem 1.25rem;
  font-size: 0.9rem;
}
.btn-theme-skinny-sm {
  padding: 0.2rem 0.9rem;
  font-size: 0.875rem;
}
.btn-theme-skinny-md {
  padding: 0.25rem 1.25rem;
  font-size: 0.95rem;
}
.btn-theme-skinny-lg {
  padding: 0.35rem 1.75rem;
  font-size: 1.05rem;
}
.btn-theme-sm {
  padding: 0.4rem 1.1rem;
  font-size: 0.875rem;
}
.btn-theme-md {
  padding: 0.55rem 1.5rem;
  font-size: 0.95rem;
}
.btn-theme-lg {
  padding: 0.8rem 2rem;
  font-size: 1.05rem;
}
/* -----------------------------------------
   Solid button variants
----------------------------------------- */
.btn-theme-primary, .btn-brand-primary {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
  color: var(--brand-white);
}
.btn-theme-primary:hover, .btn-theme-primary:active, .btn-brand-primary:hover, .btn-brand-primary:active {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: var(--brand-white);
}
.btn-theme-primary:focus-visible, .btn-brand-primary:focus-visible {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: var(--brand-white);
  outline: 3px solid currentColor;
  outline-offset: 3px;
}
.link-with-nested-button:hover .btn-theme-primary, .link-with-nested-button:active .btn-theme-primary, .link-with-nested-button:focus .btn-theme-primary, .link-with-nested-button:focus-visible .btn-theme-primary, .link-with-nested-button:hover .btn-brand-primary, .link-with-nested-button:active .btn-brand-primary, .link-with-nested-button:focus .btn-brand-primary, .link-with-nested-button:focus-visible .btn-brand-primary {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: var(--brand-white);
}
.btn-theme-secondary {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: var(--brand-white);
}
.btn-theme-secondary:hover, .btn-theme-secondary:active {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
  color: var(--brand-white);
}
.btn-theme-secondary:focus-visible {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
  color: var(--brand-white);
  outline: 3px solid currentColor;
  outline-offset: 3px;
}
.link-with-nested-button:hover .btn-theme-secondary, .link-with-nested-button:active .btn-theme-secondary, .link-with-nested-button:focus .btn-theme-secondary, .link-with-nested-button:focus-visible .btn-theme-secondary {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
  color: var(--brand-white);
}
.btn-theme-tertiary {
  background-color: var(--brand-tertiary);
  border-color: var(--brand-tertiary);
  color: var(--brand-body);
}
.btn-theme-tertiary:hover, .btn-theme-tertiary:active {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: var(--brand-white);
}
.btn-theme-tertiary:focus-visible {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: var(--brand-white);
  outline: 3px solid currentColor;
  outline-offset: 3px;
}
.link-with-nested-button:hover .btn-theme-tertiary, .link-with-nested-button:active .btn-theme-tertiary, .link-with-nested-button:focus .btn-theme-tertiary, .link-with-nested-button:focus-visible .btn-theme-tertiary {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: var(--brand-white);
}
.btn-theme-quaternary {
  background-color: var(--brand-quaternary);
  border-color: var(--brand-quaternary);
  color: var(--brand-secondary);
}
.btn-theme-quaternary:hover, .btn-theme-quaternary:active {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: var(--brand-quaternary);
}
.btn-theme-quaternary:focus-visible {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: var(--brand-quaternary);
  outline: 3px solid currentColor;
  outline-offset: 3px;
}
.link-with-nested-button:hover .btn-theme-quaternary, .link-with-nested-button:active .btn-theme-quaternary, .link-with-nested-button:focus .btn-theme-quaternary, .link-with-nested-button:focus-visible .btn-theme-quaternary {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: var(--brand-quaternary);
}
.btn-theme-quinary {
  background-color: var(--brand-quinary);
  border-color: var(--brand-quinary);
  color: var(--brand-white);
}
.btn-theme-quinary:hover, .btn-theme-quinary:active {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: var(--brand-white);
}
.btn-theme-quinary:focus-visible {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: var(--brand-white);
  outline: 3px solid currentColor;
  outline-offset: 3px;
}
.link-with-nested-button:hover .btn-theme-quinary, .link-with-nested-button:active .btn-theme-quinary, .link-with-nested-button:focus .btn-theme-quinary, .link-with-nested-button:focus-visible .btn-theme-quinary {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: var(--brand-white);
}
.btn-theme-senary {
  background-color: var(--brand-senary);
  border-color: var(--brand-senary);
  color: var(--brand-body);
}
.btn-theme-senary:hover, .btn-theme-senary:active {
  background-color: var(--brand-quinary);
  border-color: var(--brand-quinary);
  color: var(--brand-white);
}
.btn-theme-senary:focus-visible {
  background-color: var(--brand-quinary);
  border-color: var(--brand-quinary);
  color: var(--brand-white);
  outline: 3px solid currentColor;
  outline-offset: 3px;
}
.link-with-nested-button:hover .btn-theme-senary, .link-with-nested-button:active .btn-theme-senary, .link-with-nested-button:focus .btn-theme-senary, .link-with-nested-button:focus-visible .btn-theme-senary {
  background-color: var(--brand-quinary);
  border-color: var(--brand-quinary);
  color: var(--brand-white);
}
.btn-theme-septenary {
  background-color: var(--brand-septenary);
  border-color: var(--brand-septenary);
  color: var(--brand-white);
}
.btn-theme-septenary:hover, .btn-theme-septenary:active {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
  color: var(--brand-white);
}
.btn-theme-septenary:focus-visible {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
  color: var(--brand-white);
  outline: 3px solid currentColor;
  outline-offset: 3px;
}
.link-with-nested-button:hover .btn-theme-septenary, .link-with-nested-button:active .btn-theme-septenary, .link-with-nested-button:focus .btn-theme-septenary, .link-with-nested-button:focus-visible .btn-theme-septenary {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
  color: var(--brand-white);
}
/* -----------------------------------------
   Outline / inverse variants

   Default:
   - transparent background
   - white border
   - white text

   Hover / focus:
   - white background
   - white border
   - primary text
----------------------------------------- */
.btn-theme-outline, .btn-brand-outline, .btn-theme-light, .btn-brand-inverse {
  background-color: transparent;
  border-color: var(--brand-white);
  color: var(--brand-white);
}
.btn-theme-outline:hover, .btn-theme-outline:active, .btn-brand-outline:hover, .btn-brand-outline:active, .btn-theme-light:hover, .btn-theme-light:active, .btn-brand-inverse:hover, .btn-brand-inverse:active {
  background-color: var(--brand-white);
  border-color: var(--brand-white);
  color: var(--brand-primary);
}
.btn-theme-outline:focus-visible, .btn-brand-outline:focus-visible, .btn-theme-light:focus-visible, .btn-brand-inverse:focus-visible {
  background-color: var(--brand-white);
  border-color: var(--brand-white);
  color: var(--brand-primary);
  outline: 3px solid currentColor;
  outline-offset: 3px;
}
.link-with-nested-button:hover .btn-theme-outline, .link-with-nested-button:active .btn-theme-outline, .link-with-nested-button:focus .btn-theme-outline, .link-with-nested-button:focus-visible .btn-theme-outline, .link-with-nested-button:hover .btn-brand-outline, .link-with-nested-button:active .btn-brand-outline, .link-with-nested-button:focus .btn-brand-outline, .link-with-nested-button:focus-visible .btn-brand-outline, .link-with-nested-button:hover .btn-theme-light, .link-with-nested-button:active .btn-theme-light, .link-with-nested-button:focus .btn-theme-light, .link-with-nested-button:focus-visible .btn-theme-light, .link-with-nested-button:hover .btn-brand-inverse, .link-with-nested-button:active .btn-brand-inverse, .link-with-nested-button:focus .btn-brand-inverse, .link-with-nested-button:focus-visible .btn-brand-inverse {
  background-color: var(--brand-white);
  border-color: var(--brand-white);
  color: var(--brand-primary);
}
/* -----------------------------------------
   Inverse buttons inside theme-on-dark
----------------------------------------- */
.theme-on-dark .btn-theme-outline.element-on-dark, .theme-on-dark .btn-brand-outline.element-on-dark, .theme-on-dark .btn-theme-light.element-on-dark, .theme-on-dark .btn-brand-inverse.element-on-dark {
  background-color: transparent;
  border-color: var(--brand-body);
  color: var(--brand-body);
}
.theme-on-dark .btn-theme-outline.element-on-dark:hover, .theme-on-dark .btn-theme-outline.element-on-dark:active, .theme-on-dark .btn-brand-outline.element-on-dark:hover, .theme-on-dark .btn-brand-outline.element-on-dark:active, .theme-on-dark .btn-theme-light.element-on-dark:hover, .theme-on-dark .btn-theme-light.element-on-dark:active, .theme-on-dark .btn-brand-inverse.element-on-dark:hover, .theme-on-dark .btn-brand-inverse.element-on-dark:active {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: var(--brand-white);
}
.theme-on-dark .btn-theme-outline.element-on-dark:focus-visible, .theme-on-dark .btn-brand-outline.element-on-dark:focus-visible, .theme-on-dark .btn-theme-light.element-on-dark:focus-visible, .theme-on-dark .btn-brand-inverse.element-on-dark:focus-visible {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: var(--brand-white);
  outline: 3px solid currentColor;
  outline-offset: 3px;
}
.link-with-nested-button:hover .theme-on-dark .btn-theme-outline.element-on-dark, .link-with-nested-button:active .theme-on-dark .btn-theme-outline.element-on-dark, .link-with-nested-button:focus .theme-on-dark .btn-theme-outline.element-on-dark, .link-with-nested-button:focus-visible .theme-on-dark .btn-theme-outline.element-on-dark, .link-with-nested-button:hover .theme-on-dark .btn-brand-outline.element-on-dark, .link-with-nested-button:active .theme-on-dark .btn-brand-outline.element-on-dark, .link-with-nested-button:focus .theme-on-dark .btn-brand-outline.element-on-dark, .link-with-nested-button:focus-visible .theme-on-dark .btn-brand-outline.element-on-dark, .link-with-nested-button:hover .theme-on-dark .btn-theme-light.element-on-dark, .link-with-nested-button:active .theme-on-dark .btn-theme-light.element-on-dark, .link-with-nested-button:focus .theme-on-dark .btn-theme-light.element-on-dark, .link-with-nested-button:focus-visible .theme-on-dark .btn-theme-light.element-on-dark, .link-with-nested-button:hover .theme-on-dark .btn-brand-inverse.element-on-dark, .link-with-nested-button:active .theme-on-dark .btn-brand-inverse.element-on-dark, .link-with-nested-button:focus .theme-on-dark .btn-brand-inverse.element-on-dark, .link-with-nested-button:focus-visible .theme-on-dark .btn-brand-inverse.element-on-dark {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: var(--brand-white);
}
/* -----------------------------------------
   Hover colour utilities
----------------------------------------- */
.btn-hover-primary:hover, .btn-hover-primary:focus, .btn-hover-primary:focus-visible, .btn-hover-primary:active, .link-with-nested-button:hover .btn-hover-primary, .link-with-nested-button:focus .btn-hover-primary, .link-with-nested-button:focus-visible .btn-hover-primary, .link-with-nested-button:active .btn-hover-primary {
  color: var(--brand-primary);
}
.btn-hover-secondary:hover, .btn-hover-secondary:focus, .btn-hover-secondary:focus-visible, .btn-hover-secondary:active, .link-with-nested-button:hover .btn-hover-secondary, .link-with-nested-button:focus .btn-hover-secondary, .link-with-nested-button:focus-visible .btn-hover-secondary, .link-with-nested-button:active .btn-hover-secondary {
  color: var(--brand-secondary);
}
.btn-hover-tertiary:hover, .btn-hover-tertiary:focus, .btn-hover-tertiary:focus-visible, .btn-hover-tertiary:active, .link-with-nested-button:hover .btn-hover-tertiary, .link-with-nested-button:focus .btn-hover-tertiary, .link-with-nested-button:focus-visible .btn-hover-tertiary, .link-with-nested-button:active .btn-hover-tertiary {
  color: var(--brand-tertiary);
}
.btn-hover-quaternary:hover, .btn-hover-quaternary:focus, .btn-hover-quaternary:focus-visible, .btn-hover-quaternary:active, .link-with-nested-button:hover .btn-hover-quaternary, .link-with-nested-button:focus .btn-hover-quaternary, .link-with-nested-button:focus-visible .btn-hover-quaternary, .link-with-nested-button:active .btn-hover-quaternary {
  color: var(--brand-quaternary);
}
.btn-hover-quinary:hover, .btn-hover-quinary:focus, .btn-hover-quinary:focus-visible, .btn-hover-quinary:active, .link-with-nested-button:hover .btn-hover-quinary, .link-with-nested-button:focus .btn-hover-quinary, .link-with-nested-button:focus-visible .btn-hover-quinary, .link-with-nested-button:active .btn-hover-quinary {
  color: var(--brand-quinary);
}
.btn-hover-senary:hover, .btn-hover-senary:focus, .btn-hover-senary:focus-visible, .btn-hover-senary:active, .link-with-nested-button:hover .btn-hover-senary, .link-with-nested-button:focus .btn-hover-senary, .link-with-nested-button:focus-visible .btn-hover-senary, .link-with-nested-button:active .btn-hover-senary {
  color: var(--brand-senary);
}
.btn-hover-septenary:hover, .btn-hover-septenary:focus, .btn-hover-septenary:focus-visible, .btn-hover-septenary:active, .link-with-nested-button:hover .btn-hover-septenary, .link-with-nested-button:focus .btn-hover-septenary, .link-with-nested-button:focus-visible .btn-hover-septenary, .link-with-nested-button:active .btn-hover-septenary {
  color: var(--brand-septenary);
}
/* -----------------------------------------
   Dark / emergency section variants
----------------------------------------- */
.btn-theme-dark-section, .btn-theme-emergency {
  background-color: transparent;
  border-color: var(--brand-white);
  color: var(--brand-white);
}
.btn-theme-dark-section:hover, .btn-theme-dark-section:active {
  background-color: var(--brand-white);
  border-color: var(--brand-white);
  color: var(--brand-primary);
}
.btn-theme-dark-section:focus-visible {
  background-color: var(--brand-white);
  border-color: var(--brand-white);
  color: var(--brand-primary);
  outline: 3px solid currentColor;
  outline-offset: 3px;
}
.link-with-nested-button:hover .btn-theme-dark-section, .link-with-nested-button:active .btn-theme-dark-section, .link-with-nested-button:focus .btn-theme-dark-section, .link-with-nested-button:focus-visible .btn-theme-dark-section {
  background-color: var(--brand-white);
  border-color: var(--brand-white);
  color: var(--brand-primary);
}
.btn-theme-emergency:hover, .btn-theme-emergency:active {
  background-color: var(--brand-white);
  border-color: var(--brand-white);
  color: var(--brand-emergency);
}
.btn-theme-emergency:focus-visible {
  background-color: var(--brand-white);
  border-color: var(--brand-white);
  color: var(--brand-emergency);
  outline: 3px solid currentColor;
  outline-offset: 3px;
}
.link-with-nested-button:hover .btn-theme-emergency, .link-with-nested-button:active .btn-theme-emergency, .link-with-nested-button:focus .btn-theme-emergency, .link-with-nested-button:focus-visible .btn-theme-emergency {
  background-color: var(--brand-white);
  border-color: var(--brand-white);
  color: var(--brand-emergency);
}
/* -----------------------------------------
   Hero context overrides
----------------------------------------- */
.hero-banner .btn-theme-primary, .hero-banner .btn-brand-primary, .hero-banner .hero-cta, .hero-banner__overlay .btn-theme-primary, .hero-banner__overlay .btn-brand-primary, .hero-banner__overlay .hero-cta {
  margin-top: 15px;
  background-color: var(--brand-primary);
  border-color: var(--brand-white);
  color: var(--brand-white);
}
.hero-banner .btn-theme-primary:hover, .hero-banner .btn-theme-primary:active, .hero-banner .btn-brand-primary:hover, .hero-banner .btn-brand-primary:active, .hero-banner .hero-cta:hover, .hero-banner .hero-cta:active, .hero-banner__overlay .btn-theme-primary:hover, .hero-banner__overlay .btn-theme-primary:active, .hero-banner__overlay .btn-brand-primary:hover, .hero-banner__overlay .btn-brand-primary:active, .hero-banner__overlay .hero-cta:hover, .hero-banner__overlay .hero-cta:active {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: var(--brand-primary);
}
.hero-banner .btn-theme-primary:focus-visible, .hero-banner .btn-brand-primary:focus-visible, .hero-banner .hero-cta:focus-visible, .hero-banner__overlay .btn-theme-primary:focus-visible, .hero-banner__overlay .btn-brand-primary:focus-visible, .hero-banner__overlay .hero-cta:focus-visible {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: var(--brand-primary);
  outline: 3px solid var(--brand-white);
  outline-offset: 3px;
}
.link-with-nested-button:hover .hero-banner .btn-theme-primary, .link-with-nested-button:active .hero-banner .btn-theme-primary, .link-with-nested-button:focus .hero-banner .btn-theme-primary, .link-with-nested-button:focus-visible .hero-banner .btn-theme-primary, .link-with-nested-button:hover .hero-banner .btn-brand-primary, .link-with-nested-button:active .hero-banner .btn-brand-primary, .link-with-nested-button:focus .hero-banner .btn-brand-primary, .link-with-nested-button:focus-visible .hero-banner .btn-brand-primary, .link-with-nested-button:hover .hero-banner .hero-cta, .link-with-nested-button:active .hero-banner .hero-cta, .link-with-nested-button:focus .hero-banner .hero-cta, .link-with-nested-button:focus-visible .hero-banner .hero-cta, .link-with-nested-button:hover .hero-banner__overlay .btn-theme-primary, .link-with-nested-button:active .hero-banner__overlay .btn-theme-primary, .link-with-nested-button:focus .hero-banner__overlay .btn-theme-primary, .link-with-nested-button:focus-visible .hero-banner__overlay .btn-theme-primary, .link-with-nested-button:hover .hero-banner__overlay .btn-brand-primary, .link-with-nested-button:active .hero-banner__overlay .btn-brand-primary, .link-with-nested-button:focus .hero-banner__overlay .btn-brand-primary, .link-with-nested-button:focus-visible .hero-banner__overlay .btn-brand-primary, .link-with-nested-button:hover .hero-banner__overlay .hero-cta, .link-with-nested-button:active .hero-banner__overlay .hero-cta, .link-with-nested-button:focus .hero-banner__overlay .hero-cta, .link-with-nested-button:focus-visible .hero-banner__overlay .hero-cta {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: var(--brand-primary);
}
/* -----------------------------------------
   Smaller CTA used inside cards
----------------------------------------- */
.btn-card-sm {
  padding: 0.35rem 0.9rem;
  border-radius: 999px;
  font-size: 0.85rem;
}
.bi-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: -0.125em;
  flex-shrink: 0;
  transition: transform 0.2s ease, color 0.2s ease;
}
.bi-icon--stroke {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}
.bi-icon:hover {
  transform: scale(1.1);
}
.bi-icon.fs-1 {
  font-size: 2.5rem;
}
.bi-icon.fs-2 {
  font-size: 2rem;
}
.bi-icon.fs-3 {
  font-size: 1.75rem;
}
.bi-icon.fs-4 {
  font-size: 1.5rem;
}
.bi-icon.fs-5 {
  font-size: 1.25rem;
}
.bi-wrapper {
  display: inline-block;
  position: relative;
  width: 1em;
  line-height: 1;
  vertical-align: -0.125em;
  flex-shrink: 0;
}
.bi-wrapper .bi-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1em;
  height: 1em;
}
.btn .bi-wrapper, .btn .bi-icon {
  margin-right: 0.375em;
}
.input-group .bi-wrapper, .navbar .bi-wrapper, .d-flex .bi-wrapper {
  vertical-align: -0.125em;
}
.hero-banner {
  overflow: hidden;
  color: var(--brand-white);
  display: flex;
  align-items: stretch;
  height: 400px;
}
.hero-banner--fullbleed {
  width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.hero-banner--no-image {
  height: 360px;
  align-items: center;
  display: flex;
}
.hero-banner__inner {
  display: flex;
  width: 100%;
  margin: 0 auto;
  align-items: stretch;
  position: relative;
}
.hero-banner__figure {
  flex: 1 1 100%;
  min-width: 0;
  height: 100%;
  overflow: hidden;
}
.hero-banner__figure img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.hero-banner .hero-overlay {
  position: absolute;
  display: block;
}
.hero-banner .hero-overlay-1 {
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: 34% 64%;
  z-index: 3;
}
.hero-banner .hero-overlay-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  display: block;
  z-index: 4;
}
@media (min-width: 992px) {
  .hero-banner {
    height: 420px;
  }
}
@media (min-width: 992px) {
  .home .hero-banner {
    height: 600px;
  }
}
/* =========================================
   POSITION UTILITIES
   =========================================
   Negative offset utilities in 20px steps.

   Mobile:
   - Applies below lg
   - .left-m-20 through .left-m-300
   - .right-m-20 through .right-m-300

   Desktop:
   - Applies at lg and up
   - .left-d-20 through .left-d-300
   - .right-d-20 through .right-d-300
   ========================================= */
/* -----------------------------------------
   MOBILE LEFT / RIGHT
   ----------------------------------------- */
@media (max-width: 991.98px) {
  .left-m-20 {
    left: -20px;
  }
  .right-m-20 {
    right: -20px;
  }
  .left-m-40 {
    left: -40px;
  }
  .right-m-40 {
    right: -40px;
  }
  .left-m-60 {
    left: -60px;
  }
  .right-m-60 {
    right: -60px;
  }
  .left-m-80 {
    left: -80px;
  }
  .right-m-80 {
    right: -80px;
  }
  .left-m-100 {
    left: -100px;
  }
  .right-m-100 {
    right: -100px;
  }
  .left-m-120 {
    left: -120px;
  }
  .right-m-120 {
    right: -120px;
  }
  .left-m-140 {
    left: -140px;
  }
  .right-m-140 {
    right: -140px;
  }
  .left-m-160 {
    left: -160px;
  }
  .right-m-160 {
    right: -160px;
  }
  .left-m-180 {
    left: -180px;
  }
  .right-m-180 {
    right: -180px;
  }
  .left-m-200 {
    left: -200px;
  }
  .right-m-200 {
    right: -200px;
  }
  .left-m-220 {
    left: -220px;
  }
  .right-m-220 {
    right: -220px;
  }
  .left-m-240 {
    left: -240px;
  }
  .right-m-240 {
    right: -240px;
  }
  .left-m-260 {
    left: -260px;
  }
  .right-m-260 {
    right: -260px;
  }
  .left-m-280 {
    left: -280px;
  }
  .right-m-280 {
    right: -280px;
  }
  .left-m-300 {
    left: -300px;
  }
  .right-m-300 {
    right: -300px;
  }
}
/* -----------------------------------------
   DESKTOP LEFT / RIGHT
   ----------------------------------------- */
@media (min-width: 992px) {
  .left-d-20 {
    left: -20px;
  }
  .right-d-20 {
    right: -20px;
  }
  .left-d-40 {
    left: -40px;
  }
  .right-d-40 {
    right: -40px;
  }
  .left-d-60 {
    left: -60px;
  }
  .right-d-60 {
    right: -60px;
  }
  .left-d-80 {
    left: -80px;
  }
  .right-d-80 {
    right: -80px;
  }
  .left-d-100 {
    left: -100px;
  }
  .right-d-100 {
    right: -100px;
  }
  .left-d-120 {
    left: -120px;
  }
  .right-d-120 {
    right: -120px;
  }
  .left-d-140 {
    left: -140px;
  }
  .right-d-140 {
    right: -140px;
  }
  .left-d-160 {
    left: -160px;
  }
  .right-d-160 {
    right: -160px;
  }
  .left-d-180 {
    left: -180px;
  }
  .right-d-180 {
    right: -180px;
  }
  .left-d-200 {
    left: -200px;
  }
  .right-d-200 {
    right: -200px;
  }
  .left-d-220 {
    left: -220px;
  }
  .right-d-220 {
    right: -220px;
  }
  .left-d-240 {
    left: -240px;
  }
  .right-d-240 {
    right: -240px;
  }
  .left-d-260 {
    left: -260px;
  }
  .right-d-260 {
    right: -260px;
  }
  .left-d-280 {
    left: -280px;
  }
  .right-d-280 {
    right: -280px;
  }
  .left-d-300 {
    left: -300px;
  }
  .right-d-300 {
    right: -300px;
  }
}
/* =========================================
   OPACITY UTILITIES
   =========================================
   opacity-1  = 0.1
   opacity-2  = 0.2
   ...
   opacity-10 = 1
   ========================================= */
.opacity-1 {
  opacity: 0.1;
}
.opacity-2 {
  opacity: 0.2;
}
.opacity-3 {
  opacity: 0.3;
}
.opacity-4 {
  opacity: 0.4;
}
.opacity-5 {
  opacity: 0.5;
}
.opacity-6 {
  opacity: 0.6;
}
.opacity-7 {
  opacity: 0.7;
}
.opacity-8 {
  opacity: 0.8;
}
.opacity-9 {
  opacity: 0.9;
}
.opacity-10 {
  opacity: 1;
}
/* =========================================
   FLIP UTILITIES
   ========================================= */
.flip-x {
  transform: scaleX(-1);
}
.flip-y {
  transform: scaleY(-1);
}
@media (min-width: 768px) {
  .profile-banner__row {
    min-height: 380px;
  }
}
.profile-banner__media {
  position: relative;
  z-index: 0;
  background: var(--brand-grey);
  padding-top: 5%;
}
@media (min-width: 768px) {
  .profile-banner__media {
    padding-top: unset;
  }
}
.profile-banner__media::before {
  content: "";
  position: absolute;
  inset: 0;
  left: -100vw;
  right: -100vw;
  top: -1px;
  bottom: -1px;
  background: inherit;
  z-index: -1;
  pointer-events: none;
}
.profile-banner__image {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}
@media (min-width: 768px) {
  .profile-banner__image {
    height: 340px;
    max-width: none;
  }
}
.profile-banner__content {
  position: relative;
  z-index: 2;
}
.breadcrumb {
  margin-bottom: 0;
}
.breadcrumb a {
  color: var(--brand-primary);
}
.breadcrumb .breadcrumb-item {
  font-weight: 600;
  font-size: 0.9rem;
  display: none;
}
.breadcrumb .breadcrumb-item:nth-last-child(2) {
  display: inline;
  padding-left: 0;
}
.breadcrumb .breadcrumb-item.active {
  color: var(--brand-primary);
}
.breadcrumb .breadcrumb-item:first-child:nth-last-child(2)::after {
  float: right;
  padding-left: 0.5rem;
  color: var(--brand-primary);
  content: var(--bs-breadcrumb-divider, "<");
}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  display: none;
  color: var(--brand-primary);
  content: var(--bs-breadcrumb-divider, "<");
}
.breadcrumb .breadcrumb-item + .breadcrumb-item::after {
  float: left;
  padding-right: 0.5rem;
  color: var(--brand-primary);
  content: var(--bs-breadcrumb-divider, "<");
}
.breadcrumb.theme-bg-primary a, .theme-bg-primary .breadcrumb a {
  color: var(--brand-white);
}
.breadcrumb.theme-bg-primary .breadcrumb-item.active, .theme-bg-primary .breadcrumb .breadcrumb-item.active {
  color: var(--brand-white);
}
.breadcrumb.theme-bg-primary .breadcrumb-item + .breadcrumb-item::before, .theme-bg-primary .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: var(--brand-white);
}
.breadcrumb.theme-bg-primary .breadcrumb-item:first-child:nth-last-child(2)::after, .theme-bg-primary .breadcrumb .breadcrumb-item:first-child:nth-last-child(2)::after {
  float: right;
  padding-left: 0.5rem;
  color: var(--brand-white);
  content: var(--bs-breadcrumb-divider, "<");
}
.breadcrumb.theme-bg-primary .breadcrumb-item::after, .theme-bg-primary .breadcrumb .breadcrumb-item::after {
  float: right;
  padding-left: 0.5rem;
  color: var(--brand-white);
  content: var(--bs-breadcrumb-divider, "<");
}
.breadcrumb.theme-bg-quaternary a, .theme-bg-quaternary .breadcrumb a {
  color: var(--brand-primary);
}
.breadcrumb.theme-bg-quaternary .breadcrumb-item.active, .theme-bg-quaternary .breadcrumb .breadcrumb-item.active {
  color: var(--brand-primary);
}
.breadcrumb.theme-bg-quaternary .breadcrumb-item + .breadcrumb-item::before, .theme-bg-quaternary .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: var(--brand-primary);
}
.breadcrumb.theme-bg-quaternary .breadcrumb-item:first-child:nth-last-child(2)::after, .theme-bg-quaternary .breadcrumb .breadcrumb-item:first-child:nth-last-child(2)::after {
  float: right;
  padding-left: 0.5rem;
  color: var(--brand-primary);
  content: var(--bs-breadcrumb-divider, "<");
}
.breadcrumb.theme-bg-quaternary .breadcrumb-item::after, .theme-bg-quaternary .breadcrumb .breadcrumb-item::after {
  float: right;
  padding-left: 0.5rem;
  color: var(--brand-primary);
  content: var(--bs-breadcrumb-divider, "<");
}
@media (min-width: 576px) {
  .breadcrumb .breadcrumb-item {
    display: inline;
  }
  .breadcrumb .breadcrumb-item:nth-last-child(2) {
    padding-left: 0.5rem;
  }
  .breadcrumb .breadcrumb-item::after {
    display: none;
  }
  .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    display: block;
    content: var(--bs-breadcrumb-divider, ">");
  }
  .breadcrumb .breadcrumb-item:first-child {
    padding-left: 0;
  }
}
/* =========================================
   GENERIC CARD HOVER LIFT
   ========================================= */
.card-hover-lift, .hover-lift {
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}
.card-hover-lift:hover, .card-hover-lift:focus-within, .hover-lift:hover, .hover-lift:focus-within {
  transform: translateY(-6px);
  box-shadow: var(--brand-shadow-strong);
}
.card-hover-lift:active, .hover-lift:active {
  transform: translateY(-2px) scale(0.99);
}
/* Rows that should have equal-height cards */
.card-row > [class*="col"] {
  display: flex;
}
/* =========================================
   STANDARD CARDS
   ========================================= */
.card {
  /* ==========================================================
     COLOUR CARDS (ADDED — does not modify existing card types)
     ========================================================== */
  /* padding for certain families */
  /* ==========================================================
     BORDER COLOUR (MATCHES FAMILY)
     ========================================================== */
  /* ==========================================================
     A – BASE COLOUR STRIP CARDS
     ========================================================== */
  /* ==========================================================
     B – ALT CARDS
     ========================================================== */
  /* ==========================================================
     C – ALT + SOLID CTA
     ========================================================== */
  /* ==========================================================
     D – SWAP CARDS
     ========================================================== */
  /* ==========================================================
     E – BLOCK COLOUR CARDS
     ========================================================== */
  /* ==========================================================
     MOBILE
     ========================================================== */
}
.card--standard {
  background: var(--brand-surface, var(--brand-white));
  border: 1px solid var(--brand-border);
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
  /* NEW: ensure the "flow" utility can't break the flex layout */
  /* NEW: wrapper for heading + text so the CTA can pin to bottom */
}
.card--standard .card__img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
.card--standard .card__img.fixed-200 {
  height: 200px;
}
.card--standard .card__img.fixed-250 {
  height: 250px;
}
.card--standard .card__body {
  flex: 1;
  padding: 1.75rem 1.75rem 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.card--standard .card__body.flow, .card--standard .card__body, .card--standard .steps .card__body.steps__item, .steps .card--standard .card__body.steps__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.card--standard .card__content {
  width: 100%;
  flex: 1 1 auto;
}
.card--standard .card__text {
  color: var(--brand-body);
  font-size: 1rem;
  line-height: 1.55;
  margin-bottom: 1rem;
}
.card--standard .btn-theme, .card--standard .btn-brand-primary, .card--standard .btn-brand-outline, .card--standard .btn-brand-inverse {
  align-self: flex-start;
  width: auto;
  margin-top: auto;
}
.card--colour {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  background-color: var(--brand-white);
  border: 1px solid var(--brand-border);
  padding: 0;
  /* default: no padding */
  text-decoration: none;
  color: var(--brand-body);
  height: 100%;
  overflow: hidden;
}
.card--colour:focus-visible {
  outline: 3px solid #000;
  outline-offset: 4px;
}
.card--colour--padded {
  padding: 1.2em;
}
.card--colour__side {
  flex: 0 0 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  color: var(--brand-white);
  box-sizing: border-box;
  align-self: stretch;
}
.card--colour__body {
  flex: 1 1 auto;
  padding: 1.75rem 1.75rem 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.4rem;
}
.card--colour__heading {
  font-size: 1.4rem;
  font-weight: 800;
  margin: 0;
}
.card--colour__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 3rem;
  padding: 0.9rem 1.2rem;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border: 2px solid currentColor;
  background-color: transparent;
  gap: 0.5rem;
  border-radius: 0;
  /* square */
}
.card--colour--border-primary {
  border-color: var(--brand-primary);
}
.card--colour--border-secondary {
  border-color: var(--brand-secondary);
}
.card--colour--border-tertiary {
  border-color: var(--brand-tertiary);
}
.card--colour--border-quaternary {
  border-color: var(--brand-quaternary);
}
.card--colour--primary .card--colour__side {
  background-color: var(--brand-primary);
  color: var(--brand-white);
}
.card--colour--primary .card--colour__heading {
  color: var(--brand-primary);
}
.card--colour--primary .card--colour__cta {
  color: var(--brand-primary);
  border-color: var(--brand-primary);
}
.card--colour--primary:hover, .card--colour--primary:focus-within {
  background-color: var(--brand-primary);
  color: var(--brand-white);
  border-color: transparent;
}
.card--colour--primary:hover .card--colour__heading, .card--colour--primary:focus-within .card--colour__heading {
  color: var(--brand-white);
}
.card--colour--primary:hover .card--colour__cta, .card--colour--primary:focus-within .card--colour__cta {
  background-color: var(--brand-white);
  color: var(--brand-primary);
  border-color: var(--brand-white);
}
.card--colour--primary:hover .card--colour__side, .card--colour--primary:focus-within .card--colour__side {
  background-color: var(--brand-primary);
  color: var(--brand-white);
  border: 2px solid var(--brand-white);
}
.card--colour--secondary .card--colour__side {
  background-color: var(--brand-secondary);
  color: var(--brand-white);
}
.card--colour--secondary .card--colour__heading {
  color: var(--brand-secondary);
}
.card--colour--secondary .card--colour__cta {
  color: var(--brand-secondary);
  border-color: var(--brand-secondary);
}
.card--colour--secondary:hover, .card--colour--secondary:focus-within {
  background-color: var(--brand-secondary);
  color: var(--brand-white);
  border-color: transparent;
}
.card--colour--secondary:hover .card--colour__heading, .card--colour--secondary:focus-within .card--colour__heading {
  color: var(--brand-white);
}
.card--colour--secondary:hover .card--colour__cta, .card--colour--secondary:focus-within .card--colour__cta {
  background-color: var(--brand-white);
  color: var(--brand-secondary);
  border-color: var(--brand-white);
}
.card--colour--secondary:hover .card--colour__side, .card--colour--secondary:focus-within .card--colour__side {
  background-color: var(--brand-secondary);
  color: var(--brand-white);
  border: 2px solid var(--brand-white);
}
.card--colour--tertiary .card--colour__side {
  background-color: var(--brand-tertiary);
  color: var(--brand-white);
}
.card--colour--tertiary .card--colour__heading {
  color: var(--brand-tertiary);
}
.card--colour--tertiary .card--colour__cta {
  color: var(--brand-tertiary);
  border-color: var(--brand-tertiary);
}
.card--colour--tertiary:hover, .card--colour--tertiary:focus-within {
  background-color: var(--brand-tertiary);
  color: var(--brand-white);
  border-color: transparent;
}
.card--colour--tertiary:hover .card--colour__heading, .card--colour--tertiary:focus-within .card--colour__heading {
  color: var(--brand-white);
}
.card--colour--tertiary:hover .card--colour__cta, .card--colour--tertiary:focus-within .card--colour__cta {
  background-color: var(--brand-white);
  color: var(--brand-tertiary);
  border-color: var(--brand-white);
}
.card--colour--tertiary:hover .card--colour__side, .card--colour--tertiary:focus-within .card--colour__side {
  background-color: var(--brand-tertiary);
  color: var(--brand-white);
  border: 2px solid var(--brand-white);
}
.card--colour--quaternary .card--colour__side {
  background-color: var(--brand-quaternary);
  color: var(--brand-white);
}
.card--colour--quaternary .card--colour__heading {
  color: var(--brand-quaternary);
}
.card--colour--quaternary .card--colour__cta {
  color: var(--brand-quaternary);
  border-color: var(--brand-quaternary);
}
.card--colour--quaternary:hover, .card--colour--quaternary:focus-within {
  background-color: var(--brand-quaternary);
  color: var(--brand-white);
  border-color: transparent;
}
.card--colour--quaternary:hover .card--colour__heading, .card--colour--quaternary:focus-within .card--colour__heading {
  color: var(--brand-white);
}
.card--colour--quaternary:hover .card--colour__cta, .card--colour--quaternary:focus-within .card--colour__cta {
  background-color: var(--brand-white);
  color: var(--brand-quaternary);
  border-color: var(--brand-white);
}
.card--colour--quaternary:hover .card--colour__side, .card--colour--quaternary:focus-within .card--colour__side {
  background-color: var(--brand-quaternary);
  color: var(--brand-white);
  border: 2px solid var(--brand-white);
}
.card--colour--primary-alt .card--colour__side {
  background-color: var(--brand-primary);
  color: var(--brand-white);
}
.card--colour--primary-alt .card--colour__heading {
  color: var(--brand-primary);
}
.card--colour--primary-alt .card--colour__cta {
  background-color: var(--brand-white);
  color: var(--brand-primary);
  border-color: var(--brand-primary);
}
.card--colour--primary-alt:hover, .card--colour--primary-alt:focus-within {
  background-color: var(--brand-primary);
  color: var(--brand-white);
  border-color: transparent;
}
.card--colour--primary-alt:hover .card--colour__heading, .card--colour--primary-alt:focus-within .card--colour__heading {
  color: var(--brand-white);
}
.card--colour--primary-alt:hover .card--colour__side, .card--colour--primary-alt:focus-within .card--colour__side {
  background-color: var(--brand-white);
  color: var(--brand-primary);
  border: none;
}
.card--colour--primary-alt:hover .card--colour__cta, .card--colour--primary-alt:focus-within .card--colour__cta {
  background-color: var(--brand-white);
  color: var(--brand-primary);
  border-color: var(--brand-white);
}
.card--colour--secondary-alt .card--colour__side {
  background-color: var(--brand-secondary);
  color: var(--brand-white);
}
.card--colour--secondary-alt .card--colour__heading {
  color: var(--brand-secondary);
}
.card--colour--secondary-alt .card--colour__cta {
  background-color: var(--brand-white);
  color: var(--brand-secondary);
  border-color: var(--brand-secondary);
}
.card--colour--secondary-alt:hover, .card--colour--secondary-alt:focus-within {
  background-color: var(--brand-secondary);
  color: var(--brand-white);
  border-color: transparent;
}
.card--colour--secondary-alt:hover .card--colour__heading, .card--colour--secondary-alt:focus-within .card--colour__heading {
  color: var(--brand-white);
}
.card--colour--secondary-alt:hover .card--colour__side, .card--colour--secondary-alt:focus-within .card--colour__side {
  background-color: var(--brand-white);
  color: var(--brand-secondary);
  border: none;
}
.card--colour--secondary-alt:hover .card--colour__cta, .card--colour--secondary-alt:focus-within .card--colour__cta {
  background-color: var(--brand-white);
  color: var(--brand-secondary);
  border-color: var(--brand-white);
}
.card--colour--tertiary-alt .card--colour__side {
  background-color: var(--brand-tertiary);
  color: var(--brand-white);
}
.card--colour--tertiary-alt .card--colour__heading {
  color: var(--brand-tertiary);
}
.card--colour--tertiary-alt .card--colour__cta {
  background-color: var(--brand-white);
  color: var(--brand-tertiary);
  border-color: var(--brand-tertiary);
}
.card--colour--tertiary-alt:hover, .card--colour--tertiary-alt:focus-within {
  background-color: var(--brand-tertiary);
  color: var(--brand-white);
  border-color: transparent;
}
.card--colour--tertiary-alt:hover .card--colour__heading, .card--colour--tertiary-alt:focus-within .card--colour__heading {
  color: var(--brand-white);
}
.card--colour--tertiary-alt:hover .card--colour__side, .card--colour--tertiary-alt:focus-within .card--colour__side {
  background-color: var(--brand-white);
  color: var(--brand-tertiary);
  border: none;
}
.card--colour--tertiary-alt:hover .card--colour__cta, .card--colour--tertiary-alt:focus-within .card--colour__cta {
  background-color: var(--brand-white);
  color: var(--brand-tertiary);
  border-color: var(--brand-white);
}
.card--colour--quaternary-alt .card--colour__side {
  background-color: var(--brand-quaternary);
  color: var(--brand-white);
}
.card--colour--quaternary-alt .card--colour__heading {
  color: var(--brand-quaternary);
}
.card--colour--quaternary-alt .card--colour__cta {
  background-color: var(--brand-white);
  color: var(--brand-quaternary);
  border-color: var(--brand-quaternary);
}
.card--colour--quaternary-alt:hover, .card--colour--quaternary-alt:focus-within {
  background-color: var(--brand-quaternary);
  color: var(--brand-white);
  border-color: transparent;
}
.card--colour--quaternary-alt:hover .card--colour__heading, .card--colour--quaternary-alt:focus-within .card--colour__heading {
  color: var(--brand-white);
}
.card--colour--quaternary-alt:hover .card--colour__side, .card--colour--quaternary-alt:focus-within .card--colour__side {
  background-color: var(--brand-white);
  color: var(--brand-quaternary);
  border: none;
}
.card--colour--quaternary-alt:hover .card--colour__cta, .card--colour--quaternary-alt:focus-within .card--colour__cta {
  background-color: var(--brand-white);
  color: var(--brand-quaternary);
  border-color: var(--brand-white);
}
.card--colour--primary-alt .card--colour__cta--solid {
  background-color: var(--brand-primary);
  color: var(--brand-white);
  border-color: var(--brand-primary);
}
.card--colour--primary-alt:hover .card--colour__cta--solid, .card--colour--primary-alt:focus-within .card--colour__cta--solid {
  background-color: var(--brand-primary);
  color: var(--brand-white);
  border-color: var(--brand-white);
}
.card--colour--secondary-alt .card--colour__cta--solid {
  background-color: var(--brand-secondary);
  color: var(--brand-white);
  border-color: var(--brand-secondary);
}
.card--colour--secondary-alt:hover .card--colour__cta--solid, .card--colour--secondary-alt:focus-within .card--colour__cta--solid {
  background-color: var(--brand-secondary);
  color: var(--brand-white);
  border-color: var(--brand-white);
}
.card--colour--tertiary-alt .card--colour__cta--solid {
  background-color: var(--brand-tertiary);
  color: var(--brand-white);
  border-color: var(--brand-tertiary);
}
.card--colour--tertiary-alt:hover .card--colour__cta--solid, .card--colour--tertiary-alt:focus-within .card--colour__cta--solid {
  background-color: var(--brand-tertiary);
  color: var(--brand-white);
  border-color: var(--brand-white);
}
.card--colour--quaternary-alt .card--colour__cta--solid {
  background-color: var(--brand-quaternary);
  color: var(--brand-white);
  border-color: var(--brand-quaternary);
}
.card--colour--quaternary-alt:hover .card--colour__cta--solid, .card--colour--quaternary-alt:focus-within .card--colour__cta--solid {
  background-color: var(--brand-quaternary);
  color: var(--brand-white);
  border-color: var(--brand-white);
}
.card--colour--primary-swap .card--colour__side {
  background-color: var(--brand-white);
  color: var(--brand-primary);
  border: 2px solid var(--brand-primary);
}
.card--colour--primary-swap .card--colour__heading {
  color: var(--brand-primary);
}
.card--colour--primary-swap .card--colour__cta {
  background-color: var(--brand-primary);
  color: var(--brand-white);
  border-color: var(--brand-primary);
}
.card--colour--primary-swap:hover, .card--colour--primary-swap:focus-within {
  background-color: var(--brand-primary);
  color: var(--brand-white);
  border-color: transparent;
}
.card--colour--primary-swap:hover .card--colour__heading, .card--colour--primary-swap:focus-within .card--colour__heading {
  color: var(--brand-white);
}
.card--colour--primary-swap:hover .card--colour__cta, .card--colour--primary-swap:focus-within .card--colour__cta {
  background-color: var(--brand-white);
  color: var(--brand-primary);
  border-color: var(--brand-white);
}
.card--colour--primary-swap:hover .card--colour__side, .card--colour--primary-swap:focus-within .card--colour__side {
  background-color: var(--brand-primary);
  border-color: var(--brand-white);
  color: var(--brand-white);
}
.card--colour--secondary-swap .card--colour__side {
  background-color: var(--brand-white);
  color: var(--brand-secondary);
  border: 2px solid var(--brand-secondary);
}
.card--colour--secondary-swap .card--colour__heading {
  color: var(--brand-secondary);
}
.card--colour--secondary-swap .card--colour__cta {
  background-color: var(--brand-secondary);
  color: var(--brand-white);
  border-color: var(--brand-secondary);
}
.card--colour--secondary-swap:hover, .card--colour--secondary-swap:focus-within {
  background-color: var(--brand-secondary);
  color: var(--brand-white);
  border-color: transparent;
}
.card--colour--secondary-swap:hover .card--colour__heading, .card--colour--secondary-swap:focus-within .card--colour__heading {
  color: var(--brand-white);
}
.card--colour--secondary-swap:hover .card--colour__cta, .card--colour--secondary-swap:focus-within .card--colour__cta {
  background-color: var(--brand-white);
  color: var(--brand-secondary);
  border-color: var(--brand-white);
}
.card--colour--secondary-swap:hover .card--colour__side, .card--colour--secondary-swap:focus-within .card--colour__side {
  background-color: var(--brand-secondary);
  border-color: var(--brand-white);
  color: var(--brand-white);
}
.card--colour--tertiary-swap .card--colour__side {
  background-color: var(--brand-white);
  color: var(--brand-tertiary);
  border: 2px solid var(--brand-tertiary);
}
.card--colour--tertiary-swap .card--colour__heading {
  color: var(--brand-tertiary);
}
.card--colour--tertiary-swap .card--colour__cta {
  background-color: var(--brand-tertiary);
  color: var(--brand-white);
  border-color: var(--brand-tertiary);
}
.card--colour--tertiary-swap:hover, .card--colour--tertiary-swap:focus-within {
  background-color: var(--brand-tertiary);
  color: var(--brand-white);
  border-color: transparent;
}
.card--colour--tertiary-swap:hover .card--colour__heading, .card--colour--tertiary-swap:focus-within .card--colour__heading {
  color: var(--brand-white);
}
.card--colour--tertiary-swap:hover .card--colour__cta, .card--colour--tertiary-swap:focus-within .card--colour__cta {
  background-color: var(--brand-white);
  color: var(--brand-tertiary);
  border-color: var(--brand-white);
}
.card--colour--tertiary-swap:hover .card--colour__side, .card--colour--tertiary-swap:focus-within .card--colour__side {
  background-color: var(--brand-tertiary);
  border-color: var(--brand-white);
  color: var(--brand-white);
}
.card--colour--quaternary-swap .card--colour__side {
  background-color: var(--brand-white);
  color: var(--brand-quaternary);
  border: 2px solid var(--brand-quaternary);
}
.card--colour--quaternary-swap .card--colour__heading {
  color: var(--brand-quaternary);
}
.card--colour--quaternary-swap .card--colour__cta {
  background-color: var(--brand-quaternary);
  color: var(--brand-white);
  border-color: var(--brand-quaternary);
}
.card--colour--quaternary-swap:hover, .card--colour--quaternary-swap:focus-within {
  background-color: var(--brand-quaternary);
  color: var(--brand-white);
  border-color: transparent;
}
.card--colour--quaternary-swap:hover .card--colour__heading, .card--colour--quaternary-swap:focus-within .card--colour__heading {
  color: var(--brand-white);
}
.card--colour--quaternary-swap:hover .card--colour__cta, .card--colour--quaternary-swap:focus-within .card--colour__cta {
  background-color: var(--brand-white);
  color: var(--brand-quaternary);
  border-color: var(--brand-white);
}
.card--colour--quaternary-swap:hover .card--colour__side, .card--colour--quaternary-swap:focus-within .card--colour__side {
  background-color: var(--brand-quaternary);
  border-color: var(--brand-white);
  color: var(--brand-white);
}
.card--colour--block {
  flex-direction: column;
  justify-content: space-between;
  border: none;
}
.card--colour--block .card--colour__body {
  padding: 0;
  gap: 1.6rem;
}
.card--colour--block .card--colour__heading {
  font-size: 1.45rem;
  font-weight: 700;
  margin-bottom: 0;
  letter-spacing: 0.02em;
  color: var(--brand-white);
}
.card--colour--block-primary {
  background-color: var(--brand-primary);
  color: var(--brand-white);
}
.card--colour--block-primary .card--colour__cta {
  background-color: var(--brand-white);
  color: var(--brand-primary);
  border-color: var(--brand-white);
}
.card--colour--block-primary:hover, .card--colour--block-primary:focus-within {
  border-color: transparent;
}
.card--colour--block-primary:hover .card--colour__cta, .card--colour--block-primary:focus-within .card--colour__cta {
  background-color: var(--brand-primary);
  color: var(--brand-white);
  border-color: var(--brand-white);
}
.card--colour--block-secondary {
  background-color: var(--brand-secondary);
  color: var(--brand-white);
}
.card--colour--block-secondary .card--colour__cta {
  background-color: var(--brand-white);
  color: var(--brand-secondary);
  border-color: var(--brand-white);
}
.card--colour--block-secondary:hover, .card--colour--block-secondary:focus-within {
  border-color: transparent;
}
.card--colour--block-secondary:hover .card--colour__cta, .card--colour--block-secondary:focus-within .card--colour__cta {
  background-color: var(--brand-secondary);
  color: var(--brand-white);
  border-color: var(--brand-white);
}
.card--colour--block-tertiary {
  background-color: var(--brand-tertiary);
  color: var(--brand-white);
}
.card--colour--block-tertiary .card--colour__cta {
  background-color: var(--brand-white);
  color: var(--brand-tertiary);
  border-color: var(--brand-white);
}
.card--colour--block-tertiary:hover, .card--colour--block-tertiary:focus-within {
  border-color: transparent;
}
.card--colour--block-tertiary:hover .card--colour__cta, .card--colour--block-tertiary:focus-within .card--colour__cta {
  background-color: var(--brand-tertiary);
  color: var(--brand-white);
  border-color: var(--brand-white);
}
.card--colour--block-quaternary {
  background-color: var(--brand-quaternary);
  color: var(--brand-white);
}
.card--colour--block-quaternary .card--colour__cta {
  background-color: var(--brand-white);
  color: var(--brand-quaternary);
  border-color: var(--brand-white);
}
.card--colour--block-quaternary:hover, .card--colour--block-quaternary:focus-within {
  border-color: transparent;
}
.card--colour--block-quaternary:hover .card--colour__cta, .card--colour--block-quaternary:focus-within .card--colour__cta {
  background-color: var(--brand-quaternary);
  color: var(--brand-white);
  border-color: var(--brand-white);
}
@media (max-width: 575.98px) {
  .card--colour__side {
    flex-basis: 64px;
  }
  .card--colour__body {
    padding: 1.4rem 1.3rem 1.25rem;
  }
  .card--colour__heading {
    font-size: 1.25rem;
  }
}
/* Overlay card that sits on top of a hero or image */
.card-overlay {
  padding: 3rem;
  margin-top: -100px;
  position: relative;
  z-index: 2;
}
@media (max-width: 767.98px) {
  .card-overlay {
    margin-top: 2rem;
  }
}
.card {
  /* =========================================
     FEATURE CARDS
     ========================================= */
}
.card--feature {
  padding: 2.5rem;
  text-align: center;
  height: 100%;
  /* Unified heading style inside feature cards */
  /* Icon wrapper (shared for <i> and svg) */
}
.card--feature h2, .card--feature h3, .card--feature h4, .card--feature h5, .card--feature h6 {
  margin-bottom: var(--h3-mb);
  font-size: 1.75rem;
}
.card--feature .feature-card__icon {
  height: 4rem;
  /* fixed visual area */
  font-size: 3.25rem;
  /* controls icon size */
  line-height: 1;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Bootstrap icon font */
  /* SVG symbol icons */
}
.card--feature .feature-card__icon > i {
  display: inline-block;
  line-height: 1;
  color: var(--brand-secondary);
}
.card--feature .feature-card__icon > svg {
  display: block;
  width: 1em;
  height: 1em;
  color: var(--brand-secondary);
  transform: translateY(-0.08em);
  /* optical centering fix */
}
.card--feature .feature-card__icon > svg use {
  fill: currentColor;
}
.card {
  /* =========================================
     STAFF CARDS
     ========================================= */
}
.card--staff {
  padding: 2.5rem 2rem 2rem;
  text-align: center;
  height: 100%;
  background: var(--brand-surface);
  border: 1px solid var(--brand-border);
}
.card--staff .card__photo-wrap {
  width: 190px;
  height: 190px;
  border-radius: 50%;
  padding: 6px;
  background: var(--brand-white);
  border: 2px solid var(--brand-border);
  margin: 0 auto 1rem;
  box-sizing: border-box;
}
.card--staff .card__photo {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.card--staff .card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card--staff .card__name {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--brand-primary);
  margin-bottom: 0.25rem;
}
.card--staff .card__role {
  font-size: 1rem;
  color: var(--brand-muted);
  margin-bottom: 0.85rem;
}
.card--staff .card__meta {
  font-size: 0.95rem;
  color: var(--brand-body);
  margin-bottom: 1.25rem;
}
.card--staff .card__social {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
}
.card--staff .card__social a {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  text-decoration: none;
  border: 2px solid var(--brand-primary);
  background: var(--brand-primary);
  color: var(--brand-white);
  transition: background 0.22s ease, color 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
}
.card--staff .card__social a:hover, .card--staff .card__social a:focus-visible {
  background: var(--brand-white);
  border-color: var(--brand-primary);
  color: var(--brand-primary);
}
.card--staff .card__social a:active {
  transform: translateY(0) scale(0.96);
}
.card--staff.card-hover-lift:hover .card__photo-wrap, .card--staff.card-hover-lift:focus-within .card__photo-wrap {
  border-color: var(--brand-secondary);
  box-shadow: 0 0 0 4px rgba(0, 191, 165, 0.25);
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.card {
  /* =========================================
     SERVICE CARDS (BASE SHARED)
     ========================================= */
}
.card--service {
  /* =========================================
       INTERACTIVE (FLIP)
       ========================================= */
  /* =========================================
       STATIC / NON-INTERACTIVE
       ========================================= */
}
.card--service .card__icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  background: rgba(255, 255, 255, 0.2);
}
.card--service .card__icon svg, .card--service .card__icon i {
  color: var(--brand-white);
  font-size: 32px;
}
.card--service.card--service--interactive {
  perspective: 1000px;
  height: 400px;
  border: none;
  background: transparent;
  box-shadow: none;
  /* Default theme */
  --service-card-gradient: var(--brand-primary-gradient);
  /* Theme modifiers */
}
.card--service.card--service--interactive .card__inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  cursor: pointer;
}
.card--service.card--service--interactive:hover .card__inner, .card--service.card--service--interactive:focus-within .card__inner {
  transform: rotateY(180deg);
}
.card--service.card--service--interactive .card__front, .card--service.card--service--interactive .card__back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  overflow: hidden;
  border: none;
}
.card--service.card--service--interactive .card__front {
  background: var(--service-card-gradient);
  color: var(--brand-white);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 2rem;
  box-shadow: var(--brand-shadow-soft);
}
.card--service.card--service--interactive .card__front h2, .card--service.card--service--interactive .card__front h3, .card--service.card--service--interactive .card__front h4 {
  color: var(--brand-white);
}
.card--service.card--service--interactive .card__front p {
  color: var(--brand-white);
  opacity: 0.9;
}
.card--service.card--service--interactive .card__back {
  background: var(--brand-white);
  color: var(--brand-body);
  transform: rotateY(180deg);
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: var(--brand-shadow-soft);
}
.card--service.card--service--interactive .card__back h2, .card--service.card--service--interactive .card__back h3, .card--service.card--service--interactive .card__back h4 {
  color: var(--brand-primary);
}
.card--service.card--service--interactive .card__back p, .card--service.card--service--interactive .card__back li {
  color: var(--brand-body);
}
.card--service.card--service--interactive .card__front h2, .card--service.card--service--interactive .card__front h3, .card--service.card--service--interactive .card__front h4, .card--service.card--service--interactive .card__back h2, .card--service.card--service--interactive .card__back h3, .card--service.card--service--interactive .card__back h4 {
  font-size: 1.35rem;
  line-height: 1.25;
  margin-bottom: 0.5rem;
}
.card--service.card--service--interactive .card__feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.card--service.card--service--interactive .card__feature-list li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #e5e7eb;
}
.card--service.card--service--interactive .card__feature-list li:last-child {
  border-bottom: none;
}
.card--service.card--service--interactive--primary {
  --service-card-gradient: var(--brand-primary-gradient);
}
.card--service.card--service--interactive--secondary {
  --service-card-gradient: var(--brand-secondary-gradient);
}
.card--service.card--service--interactive--tertiary {
  --service-card-gradient: var(--brand-tertiary-gradient);
}
.card--service.card--service--static {
  --service-card-gradient: var(--brand-primary-gradient);
  background: var(--service-card-gradient);
  color: var(--brand-white);
  padding: 2rem;
  text-align: center;
  height: 100%;
  min-height: 380px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  /* NEW: visible keyboard focus ring on the link-card */
  /* Theme modifiers */
}
.card--service.card--service--static h2, .card--service.card--service--static h3, .card--service.card--service--static h4 {
  font-size: 1.35rem;
  line-height: 1.25;
  margin-bottom: 0.5rem;
  color: var(--brand-white);
}
.card--service.card--service--static p {
  color: var(--brand-white);
  opacity: 0.9;
  margin-bottom: 1.5rem;
}
.card--service.card--service--static .btn-theme {
  margin-top: auto;
  align-self: center;
  background: transparent;
  border-color: var(--brand-white);
  color: var(--brand-white);
  transition: background 0.22s ease, color 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
}
.card--service.card--service--static .btn-theme:active {
  transform: translateY(0) scale(0.96);
}
.card--service.card--service--static .card__icon {
  margin: 0 auto 1.5rem auto;
}
.card--service.card--service--static:focus-visible {
  outline: 2px solid var(--brand-secondary);
  outline-offset: 4px;
}
.card--service.card--service--static--primary {
  --service-card-gradient: var(--brand-primary-gradient);
}
.card--service.card--service--static--primary:hover .btn-theme-primary, .card--service.card--service--static--primary:focus-visible .btn-theme-primary, .card--service.card--service--static--primary:active .btn-theme-primary {
  background: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: var(--brand-primary);
}
.card--service.card--service--static--secondary {
  --service-card-gradient: var(--brand-secondary-gradient);
}
.card--service.card--service--static--secondary:hover .btn-theme-primary, .card--service.card--service--static--secondary:focus-visible .btn-theme-primary, .card--service.card--service--static--secondary:active .btn-theme-primary {
  background: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: var(--brand-primary);
}
.card--service.card--service--static--tertiary {
  --service-card-gradient: var(--brand-tertiary-gradient);
}
.card--service.card--service--static--tertiary:hover .btn-theme-primary, .card--service.card--service--static--tertiary:focus-visible .btn-theme-primary, .card--service.card--service--static--tertiary:active .btn-theme-primary {
  background: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: var(--brand-white) !important;
}
.card {
  /* =========================================
     POST / INSIGHTS CARDS
     ========================================= */
}
.card--post {
  display: block;
  position: relative;
  overflow: hidden;
  min-height: 420px;
  width: 100%;
  padding: 0;
  border: none;
  text-decoration: none;
  color: inherit;
  background-color: transparent;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  /* The “background” image */
  /* Hover / focus scaling + brightness on image */
  /* BOTTOM FOOTER — WITH SUBTLE DIVIDER */
  /* ICON CIRCLE */
  /* CTA */
}
.card--post__media {
  /* Background media wrapper (optional hook) */
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
}
.card--post__bg-img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  transform-origin: center center;
  transition: transform 0.35s ease, filter 0.35s ease;
  pointer-events: none;
}
.card--post:hover .card--post__bg-img, .card--post:focus-within .card--post__bg-img, .card--post:active .card--post__bg-img {
  transform: scale(1.06);
  filter: brightness(1.05);
}
.card--post .card__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.75rem 1.75rem 1.5rem;
  background: var(--brand-gradient-alt);
  color: var(--brand-white);
}
.card--post__meta {
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--brand-tertiary);
  margin-bottom: 0.35rem;
}
.card--post__title {
  font-size: 1.25rem;
  margin-bottom: 0.4rem;
  color: #fff;
  line-height: 1.2;
  text-decoration: none;
}
.card--post__title:hover {
  text-decoration: none;
}
.card--post__date {
  font-size: 0.85rem;
  color: #fff;
}
.card--post__footer {
  display: flex;
  align-items: center;
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.card--post__icon-circle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2) !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card--post__icon-circle i {
  color: #ffffff;
  font-size: 1.4rem;
}
.card--post__cta {
  margin-left: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #ffffff;
}
.card--post__avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid rgba(255, 255, 255, 0.7);
}
.card--post__author {
  font-weight: 700;
  font-size: 0.95rem;
  color: #fff;
}
.card--post__role {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 767.98px) {
  .card--post {
    min-height: 340px;
  }
}
/* ============================================================
   FULL SCSS (Portal Cards)
   - Hero REMOVED
   - Min-height set to 355px
   - No padding on title or heading icon
   - Title + icon row inside content
   ============================================================ */
.card {
  /* =====================================================
     CENTERED VARIANT
     ===================================================== */
}
.card--portal {
  /* =========================================
       BASE CARD
       ========================================= */
  border: 0;
  overflow: hidden;
  min-height: 355px;
  /* -----------------------------------------
       LINK + TEXT RESET
       ----------------------------------------- */
  /* =========================================
       CARD BODY
       ========================================= */
  /* =========================================
       RULES
       ========================================= */
  /* =========================================
       CONTENT
       ========================================= */
  /* Title + icon row */
  /* =========================================
       BOTTOM / CTA
       ========================================= */
  /* =========================================
       RESPONSIVE
       ========================================= */
  /* =========================================
       CARD--PORTAL THEMES
       ========================================= */
}
.card--portal, .card--portal * {
  text-decoration: none;
  color: #000;
}
.card--portal a, .card--portal a:hover, .card--portal a:focus, .card--portal a:active {
  text-decoration: none;
  color: #000;
}
.card--portal__body {
  padding: 2.25rem 2rem 2rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: left;
  color: #000;
}
.card--portal__rule {
  width: 100%;
  height: 2px;
  background: rgba(0, 0, 0, 0.35);
  border-radius: 999px;
}
.card--portal__rule--bottom {
  margin: 1.75rem 0 1.25rem;
}
.card--portal__content {
  width: 100%;
  color: #000;
}
.card--portal__heading {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}
.card--portal__heading-title {
  flex: 1 1 90%;
  min-width: 0;
}
.card--portal__heading-icon {
  flex: 0 0 10%;
  display: inline-flex;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0;
  /* ensure no padding */
  color: #000;
}
.card--portal__heading-icon i, .card--portal__heading-icon svg {
  padding: 0;
  /* remove padding */
  color: #000;
  fill: currentColor;
  font-size: 2.5rem;
  line-height: 1;
}
.card--portal__title {
  font-weight: 800;
  font-size: clamp(1.8rem, 2.3vw, 2.4rem);
  line-height: 1.05;
  margin: 0;
  padding: 0;
  /* remove padding */
  width: 100%;
  color: #000;
}
.card--portal__desc {
  margin: 1.25rem 0 0;
  width: 100%;
  color: #000;
}
.card--portal__bottom {
  margin-top: auto;
  width: 100%;
  color: #000;
}
.card--portal__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #000;
}
.card--portal__cta i, .card--portal__cta svg {
  color: #000;
  fill: currentColor;
}
@media (max-width: 767.98px) {
  .card--portal {
    min-height: auto;
  }
  .card--portal__body {
    padding: 1.75rem 1.5rem 1.5rem;
  }
  .card--portal__rule--bottom {
    margin: 1.5rem 0 1rem;
  }
  .card--portal__desc {
    margin-top: 1rem;
  }
}
.card--portal.brand-tertiary {
  background: var(--brand-tertiary);
}
.card--portal.brand-secondary {
  background: var(--brand-secondary);
}
.card--portal.brand-primary-light {
  background: var(--brand-primary-light);
}
.card--portal-center {
  text-align: center;
}
.card--portal-center .card--portal__body {
  align-items: center;
  text-align: center;
}
.card--portal-center .card--portal__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.card--portal-center .card--portal__heading {
  justify-content: center;
}
.card--portal-center .card--portal__heading-icon {
  justify-content: center;
}
.card--portal-center .card--portal__title, .card--portal-center .card--portal__desc {
  text-align: center;
}
.card--portal-center .card--portal__desc {
  max-width: 40ch;
}
.card--portal-center .card--portal__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.card--portal-center .card--portal__cta {
  line-height: 1;
  margin-top: 10px;
}
.card--portal-center .card--portal__cta i, .card--portal-center .card--portal__cta svg {
  font-size: 1em;
}
.portal-cards-content .section {
  padding: 0;
  padding-bottom: 3em;
}
.portal-cards-content .page-content > .section:last-child {
  padding-bottom: 0;
}
.portal-cards-content .section > .container {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0;
}
.listing--list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.card--list {
  /* Entire card is the link */
  display: block;
  text-decoration: none;
  background: var(--brand-white);
  color: var(--brand-body);
  border: 1px solid var(--brand-border);
  border-radius: 0;
  overflow: hidden;
  transition: background-color 180ms ease, box-shadow 180ms ease;
  /* ==========================
       LAYOUT
       ========================== */
  /* CONTENT + META WRAPPER */
  /* CONTENT */
  /* META */
  /* ==========================
       HOVER / FOCUS — INVERSE
       ========================== */
}
.card--list:hover, .card--list:focus, .card--list:focus-visible {
  background-color: var(--brand-primary);
  box-shadow: 0 14px 32px rgba(2, 56, 100, 0.18);
  text-decoration: none;
  color: var(--brand-white);
}
.card--list__inner {
  display: flex;
  align-items: stretch;
  gap: 1rem;
  padding: 0.9rem 1.4rem;
}
.card--list__body {
  flex: 1 1 auto;
  display: flex;
  align-items: stretch;
  gap: 0;
  min-width: 0;
  flex-direction: column;
}
.card--list__content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.card--list__title {
  font-size: 1.3em;
  padding-top: 0;
}
.card--list__desc {
  margin: 0.35rem 0 0.3rem 0;
  line-height: 1.45;
  color: var(--brand-body);
  transition: color 180ms ease;
}
.card--list__meta {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.card--list__meta-row {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.9rem;
  color: var(--brand-body);
  white-space: nowrap;
  transition: color 180ms ease;
}
.card--list__meta-row i {
  color: var(--brand-primary);
  transition: color 180ms ease;
}
.card--list:hover .card--list__title, .card--list:hover .card--list__desc, .card--list:hover .card--list__meta-row, .card--list:hover .card--list__meta-row i, .card--list:focus .card--list__title, .card--list:focus .card--list__desc, .card--list:focus .card--list__meta-row, .card--list:focus .card--list__meta-row i, .card--list:focus-visible .card--list__title, .card--list:focus-visible .card--list__desc, .card--list:focus-visible .card--list__meta-row, .card--list:focus-visible .card--list__meta-row i {
  color: var(--brand-white);
}
/* ==========================================================
   REDUCED MOTION
   ========================================================== */
@media (prefers-reduced-motion: reduce) {
  .card--list {
    transition: none;
  }
}
/* Keep your accordion override */
.brand-accordion__body .listing--list a {
  color: unset;
  text-decoration: none;
  text-underline-offset: unset;
}
.faq-accordion__item .accordion-body p.card--list__desc {
  margin-bottom: 0.3rem;
}
/* HEX / ICON VISUALS */
.stats-section__icon-wrapper {
  min-height: 6.5rem;
}
.stats-section__icon-bg {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 5.9rem;
  height: 5.9rem;
}
.stats-section__hex {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.18;
  transform-origin: 50% 50%;
  fill: currentColor;
}
.stats-section__icon-svg {
  width: 5.3rem;
  height: 5.3rem;
  fill: currentColor;
  font-size: 62px;
}
.stats-section__icon {
  width: 4.8rem;
  height: 4.8rem;
  fill: currentColor;
  font-size: 54px;
}
.stats-section--no-card .card {
  border: none !important;
  box-shadow: none !important;
  background: transparent;
}
.stats-section--no-card .row > .col-12 {
  position: relative;
}
.stats-section--no-card .row > .col-12:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 15%;
  width: 70%;
  height: 1px;
  background: rgba(0, 0, 0, 0.15);
}
@media (min-width: 768px) {
  .stats-section--no-card .row > .col-12:not(:last-child)::after {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    width: 1px;
    height: 100%;
    transform: translateY(-50%);
  }
}
.image-text-tiles__tile {
  position: relative;
  display: flex;
  align-items: stretch;
  min-height: 28rem;
  overflow: hidden;
}
.image-text-tiles__link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
}
.image-text-tiles__media {
  position: absolute;
  inset: 0;
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.image-text-tiles__media--overlay-shadow::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at center, transparent 75%, rgba(0, 0, 0, 0.2) 88%, rgba(0, 0, 0, 0.6) 100%);
}
.image-text-tiles__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image-text-tiles__content {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 100%;
  padding: 1.5rem;
}
.image-text-tiles__content-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  max-width: 32rem;
  color: #fff;
}
.image-text-tiles__title {
  font-weight: 600;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
.image-text-tiles__body {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.image-text-tiles__text {
  font-size: 1rem;
  line-height: 1.5;
}
.image-text-tiles__arrow {
  position: absolute;
  display: flex;
  bottom: 1.1rem;
  right: 1.1rem;
  width: 3.5rem;
  height: 3.5rem;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: 2px solid #fff;
  background-color: #008390;
  color: #fff;
  line-height: 0;
  font-size: 0;
  z-index: 2;
  pointer-events: none;
}
.image-text-tiles__arrow i {
  display: block;
  font-size: 1.7rem;
  line-height: 1;
  width: 1em;
  height: 1em;
  color: currentColor;
}
.image-text-tiles__info {
  position: absolute;
  display: flex;
  bottom: 1.1rem;
  left: 1.1rem;
  width: 3.5rem;
  height: 3.5rem;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: 2px solid #fff;
  background-color: #fff;
  color: #000;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  z-index: 3;
}
.image-text-tiles__info i {
  display: block;
  font-size: 2.95rem;
  line-height: 1;
  width: 1em;
  height: 1em;
  color: currentColor;
}
.image-text-tiles__info .icon-close {
  display: none;
}
.image-text-tiles__tile--active .image-text-tiles__info .icon-info {
  display: none;
}
.image-text-tiles__tile--active .image-text-tiles__info .icon-close {
  display: block;
}
.image-text-tiles__tile--active .image-text-tiles__body {
  max-height: 14rem;
  opacity: 1;
}
.image-text-tiles__tile--active .image-text-tiles__media {
  opacity: 0;
}
/* Mobile default radius */
.image-text-tiles .row > div:first-child .image-text-tiles__tile {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.image-text-tiles .row > div:last-child .image-text-tiles__tile {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
/* XL */
@media (min-width: 1200px) {
  .image-text-tiles__tile {
    min-height: 30rem;
  }
  .image-text-tiles__content {
    padding: 2rem;
  }
  .image-text-tiles .row > div:first-child .image-text-tiles__tile {
    border-top-right-radius: 0;
    border-bottom-left-radius: 1rem;
  }
  .image-text-tiles .row > div:last-child .image-text-tiles__tile {
    border-bottom-left-radius: 0;
    border-top-right-radius: 1rem;
  }
  .image-text-tiles__tile--active .image-text-tiles__body {
    max-height: 0;
    opacity: 0;
  }
  .image-text-tiles__tile--active .image-text-tiles__media {
    opacity: 1;
  }
  .image-text-tiles__info {
    display: none;
  }
  .image-text-tiles__tile:hover .image-text-tiles__body, .image-text-tiles__tile:focus-within .image-text-tiles__body {
    max-height: 14rem;
    opacity: 1;
  }
  .image-text-tiles__tile:hover .image-text-tiles__media, .image-text-tiles__tile:focus-within .image-text-tiles__media {
    opacity: 0;
  }
}
/* ===== Image Text Feature ===== */
.image-text-feature {
  /* ===== Panel / shaped version ===== */
}
.image-text-feature__media {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
}
@media (min-width: 992px) {
  .image-text-feature__media {
    min-height: 760px;
  }
}
.image-text-feature__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image-text-feature__content {
  position: relative;
}
.image-text-feature__content p {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
}
.image-text-feature__panel {
  position: relative;
  overflow: hidden;
}
.image-text-feature__bottom-shape {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  line-height: 0;
  color: #00b1c3;
  z-index: 2;
}
.image-text-feature__bottom-shape svg {
  display: block;
  width: 100%;
  height: auto;
}
.image-text-feature--panel .image-text-feature__content {
  padding: 48px 24px;
}
@media (min-width: 992px) {
  .image-text-feature--panel .image-text-feature__content {
    padding: 120px 80px;
  }
}
/* ===== Background Image Layer ===== */
.section-bg-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.2;
  z-index: 0;
  pointer-events: none;
}
/* ===== Layer Control for BG Image Sections ===== */
.section--bg-image {
  position: relative;
}
.section--bg-image .image-text-feature__content {
  z-index: 2;
}
.section--bg-image .image-text-feature__bottom-shape {
  z-index: 2;
}
.multi-link__image-wrap {
  min-height: 260px;
}
.multi-link__image-wrap img {
  object-fit: cover;
}
@media (min-width: 992px) {
  .multi-link__text-col {
    z-index: 2;
  }
  .multi-link__text-col > div {
    margin-right: -200px;
  }
  .multi-link .text-container {
    min-height: 490px;
  }
  .multi-link__image-wrap {
    height: 490px;
  }
  .multi-link__image-wrap img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .flex-lg-row-reverse .multi-link__text-col > div {
    margin-right: 0;
    margin-left: -200px;
  }
}
.card--executive-staff {
  padding: 0;
  height: 100%;
  border: 0;
  text-align: left;
}
.card--executive-staff .card__img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  transition: transform 0.4s ease;
  aspect-ratio: 1.1;
}
.card--executive-staff .card__img-wrapper {
  overflow: hidden;
}
.card--executive-staff .card__body {
  flex: 1;
  padding: 1.75rem 0 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.card--executive-staff .card__content p {
  color: var(--brand-body);
  text-decoration: none;
}
.card--executive-staff__link {
  text-decoration: none;
}
.card--executive-staff__link:hover .card__img, .card--executive-staff__link:focus-visible .card__img {
  transform: scale(1.08);
}
.card--executive-staff__link:hover .card__heading, .card--executive-staff__link:focus-visible .card__heading {
  text-decoration: none;
}
.card--executive-staff__link .card__heading {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .card--executive-staff .card__heading {
    text-decoration: none;
  }
  .card--executive-staff__link:hover .card__heading, .card--executive-staff__link:focus-visible .card__heading {
    text-decoration: underline;
  }
}
.testimonial-slider-section {
  /* =========================================
     BASE / MOBILE-FIRST
  ========================================= */
  /* =========================================
     DESKTOP / BOOTSTRAP LG AND UP
  ========================================= */
}
.testimonial-slider-section .blockquote-footer {
  color: var(--brand-body);
}
.testimonial-slider-section .carousel {
  position: relative;
  display: flex;
  flex-direction: column;
}
.testimonial-slider-section .carousel-inner {
  overflow: unset;
  height: auto;
}
.testimonial-slider-section .carousel-item {
  height: auto;
  transition: transform 0.8s ease-in-out;
}
.testimonial-slider-section .carousel-item .row {
  flex-direction: column;
}
.testimonial-slider-section .carousel-fade .carousel-item {
  transition: opacity 0.8s ease-in-out;
}
.testimonial-slider-section .carousel-indicators {
  position: relative;
  display: flex;
  justify-content: unset;
  align-items: center;
  margin-right: unset;
  margin-bottom: 0;
  margin-left: unset;
}
.testimonial-slider-section .carousel-indicators [data-bs-target] {
  height: 12px;
  border-top: unset;
  border-bottom: unset;
}
.testimonial-slider-section .carousel-dark .carousel-indicators [data-bs-target] {
  background-color: var(--brand-primary);
}
.testimonial-slider-section .carousel-control-prev, .testimonial-slider-section .carousel-control-next {
  position: unset;
  display: flex;
  width: 42px;
  height: 38px;
  margin-left: 10px;
  opacity: 0.7;
  color: var(--brand-primary);
  background-color: transparent;
  border: 1px solid var(--brand-primary);
  border-color: var(--brand-primary);
  border-radius: 0.25rem;
  font-size: 1.5rem;
  transition: opacity 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.testimonial-slider-section .carousel-control-prev:hover, .testimonial-slider-section .carousel-control-next:hover {
  opacity: 1;
  color: #fff;
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
}
.testimonial-slider-section .carousel-control-prev:focus-visible, .testimonial-slider-section .carousel-control-next:focus-visible {
  opacity: 1;
  outline: 3px solid currentColor;
  outline-offset: 4px;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.8);
}
.testimonial-slider-section .nav-shell {
  position: relative;
  display: flex;
  padding-bottom: 25px;
}
.testimonial-slider-section .nav-shell .carousel-indicators {
  position: relative;
  display: flex;
}
.testimonial-slider-section .nav-button-container {
  position: relative;
  display: flex;
}
.testimonial-slider-section .testimonial-carousel-toggle {
  width: 42px;
  height: 38px;
  margin-left: 10px;
  opacity: 0.7;
  color: var(--brand-primary);
  background-color: transparent;
  border: 1px solid var(--brand-primary);
  border-color: var(--brand-primary);
  border-radius: 0.25rem;
  font-size: 1.5rem;
  transition: opacity 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.testimonial-slider-section .testimonial-carousel-toggle:hover {
  opacity: 1;
  color: #fff;
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
}
.testimonial-slider-section .testimonial-carousel-toggle:focus-visible {
  opacity: 1;
  outline: 3px solid currentColor;
  outline-offset: 4px;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.8);
}
.testimonial-slider-section .testimonial-quote {
  min-height: unset;
  padding: 4.5rem 0 0;
}
.testimonial-slider-section .testimonial-quote blockquote {
  position: relative;
  padding: unset;
  border-radius: unset;
  background-color: unset;
  font-style: unset;
}
.testimonial-slider-section .testimonial-quote__icon-svg {
  position: absolute;
  top: -76px;
  left: -25px;
  width: 8rem;
  height: 8rem;
  opacity: 0.3;
  color: var(--brand-primary);
}
.testimonial-slider-section .testimonial-img, .testimonial-slider-section .object-fit-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testimonial-slider-section .testimonial-img-wrap {
  min-height: unset;
}
.testimonial-slider-section blockquote p {
  font-size: 30px;
  line-height: 36px;
}
@media (min-width: 992px) {
  .testimonial-slider-section .carousel {
    position: relative;
    display: flex;
    padding-bottom: 0;
  }
  .testimonial-slider-section .carousel-item .row {
    flex-direction: row;
  }
  .testimonial-slider-section .carousel-control-prev, .testimonial-slider-section .carousel-control-next {
    width: 50px;
    height: 50px;
    margin-left: 10px;
  }
  .testimonial-slider-section .nav-shell {
    padding-top: 25px;
    padding-bottom: 0;
  }
  .testimonial-slider-section .testimonial-carousel-toggle {
    width: 50px;
    height: 50px;
    margin-left: 10px;
  }
  .testimonial-slider-section .order-lg-2 .testimonial-quote {
    padding: 4.5rem 0 0 2rem;
  }
  .testimonial-slider-section .order-lg-2 .testimonial-quote__icon-svg {
    top: -76px;
    right: -45px;
    left: unset;
    transform: rotate(180deg);
  }
  .testimonial-slider-section .order-lg-2 .testimonial-quote .blockquote-footer {
    text-align: right;
  }
  .testimonial-slider-section .order-lg-2 .testimonial-quote__link {
    text-align: right;
  }
  .testimonial-slider-section .order-lg-1 .testimonial-quote {
    padding: 4.5rem 2rem 0 0;
  }
  .testimonial-slider-section .order-lg-1 .testimonial-quote__icon-svg {
    top: -76px;
    left: -45px;
  }
  .testimonial-slider-section blockquote p {
    font-size: 36px;
    line-height: 42px;
  }
}
.video-modal blockquote {
  font-style: unset;
  background-color: unset;
  border-radius: unset;
  padding: unset;
}
.video-modal__media {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  --bs-aspect-ratio: 100%;
  overflow: hidden;
  cursor: pointer;
}
@media (min-width: 992px) {
  .col-lg-12 .video-modal__media {
    aspect-ratio: 1.7777777778;
    --bs-aspect-ratio: 56.25%;
  }
}
.video-modal__media picture {
  display: block;
  width: 100%;
  height: 100%;
}
.video-modal__media:hover .video-modal__image, .video-modal__media:focus-visible .video-modal__image {
  transform: scale(1.08);
}
.video-modal__media:focus-visible {
  outline: 3px solid var(--brand-primary, #008ca8);
  outline-offset: 4px;
}
.video-modal__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.video-modal__play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  color: var(--brand-white);
  background-color: var(--brand-primary);
  border: 2px solid var(--brand-white);
  border-radius: 50%;
  pointer-events: none;
}
.video-modal__play-icon i {
  font-size: 1.7rem;
  line-height: 1;
  margin-left: 0.25rem;
}
.video-modal__text {
  font-size: 1.7rem;
  line-height: 1.3;
}
.video-modal__quote {
  font-size: 1.25rem;
  line-height: 1.15;
}
.video-modal__quote-heading {
  color: var(--brand-body);
}
.video-modal__quote-body::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  bottom: 0.15em;
  width: 5px;
  background-color: var(--brand-senary);
}
.video-modal__transcript {
  font-size: 1rem;
  line-height: 1.6;
}
.video-modal__transcript p:last-child {
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .video-modal__transcript {
    padding: 1rem !important;
  }
}
.video-modal__close {
  position: absolute;
  top: 0;
  right: -3.5rem;
  z-index: 10;
  width: 3rem;
  height: 3rem;
  border: 0;
  background: transparent;
  font-size: 3rem;
  line-height: 1;
}
.video-modal__close:hover, .video-modal__close:focus {
  color: var(--brand-white);
  opacity: 0.75;
}
@media (max-width: 767.98px) {
  .video-modal__close {
    top: -3.25rem;
    right: 0;
  }
}
/* =========================================
   THEME MODAL
   Add class="theme-modal" to custom Bootstrap modals
   ========================================= */
.theme-modal .modal-dialog.modal-xl {
  max-width: min(1200px, calc(100vw - 120px));
}
@media (max-width: 767.98px) {
  .theme-modal .modal-dialog.modal-xl {
    max-width: calc(100vw - 2rem);
    margin-inline: auto;
  }
}
.theme-modal .modal-content {
  max-height: calc(100vh - 80px);
}
.theme-modal .modal-body {
  overflow-y: auto;
}
/* Bootstrap backdrop exists outside the modal, so this remains global */
.modal-backdrop.show {
  opacity: 0.8;
}
/* Bootstrap default modal-open class */
html.modal-open, body.modal-open {
  overflow: hidden !important;
  height: 100%;
}
body.modal-open {
  padding-right: 0 !important;
}
/* Custom generic modal-open class from your JS */
html.theme-modal-open, body.theme-modal-open {
  overflow: hidden !important;
}
.feature-banner {
  width: 100vw;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  position: relative;
  overflow: hidden;
}
.feature-banner__figure {
  position: absolute;
  inset: 0;
  z-index: 0;
  margin: 0;
}
.feature-banner__image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
}
.feature-banner__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: #000;
  pointer-events: none;
}
.feature-banner__inner {
  min-height: 30rem;
  padding: 2rem 0;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .feature-banner__inner {
    min-height: 32rem;
    padding: 3rem 0;
  }
}
.feature-banner__inner > .container {
  width: 100%;
}
.feature-banner__preheading, .feature-banner__heading, .feature-banner__description {
  margin-block: 0;
  padding-bottom: 0;
  line-height: 1;
}
.feature-banner__preheading {
  padding-top: 0;
  font-size: 1.9rem;
}
.feature-banner__heading {
  font-size: 53px;
  padding-top: 0.8rem;
}
.feature-banner__description {
  padding-top: 1.4375rem;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.2;
}
.card--zoom .card__link {
  display: block;
  text-decoration: none;
  color: inherit;
}
.card--zoom .card__link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}
.card--zoom .card__link:hover .card__img, .card--zoom .card__link:focus-visible .card__img {
  transform: scale(1.08);
}
.card--zoom .card__link:hover .card__icon i, .card--zoom .card__link:focus-visible .card__icon i {
  transform: scale(1.3);
}
.card--zoom .card__img-wrap {
  overflow: hidden;
  border-radius: inherit;
}
.card--zoom .card__img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  transition: transform 0.4s ease;
  aspect-ratio: 1.1;
}
.card--zoom .card__content {
  width: calc(100% - 3.5rem);
}
.card--zoom .card__heading {
  width: calc(100% - 0.7rem);
}
.card--zoom .card__body {
  position: relative;
}
.card--zoom .card__text {
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: var(--space-p);
}
.card--zoom .card--zoom__intro-text {
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: var(--space-p);
}
.card--zoom .card__icon {
  position: absolute;
  display: flex;
  right: 1rem;
  top: 1.3rem;
  width: 3.5rem;
  height: 3.5rem;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
  background-color: #008390;
  color: #fff;
  line-height: 0;
  z-index: 2;
  pointer-events: none;
}
.card--zoom .card__icon i {
  display: block;
  font-size: 1.95rem;
  line-height: 1;
  width: 1em;
  height: 1em;
  transition: transform 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .card--zoom .card__img, .card--zoom .card__icon i {
    transition: none;
  }
  .card--zoom .card__link:hover .card__img, .card--zoom .card__link:focus-visible .card__img, .card--zoom .card__link:hover .card__icon i, .card--zoom .card__link:focus-visible .card__icon i {
    transform: none;
  }
}
.in-page-alert-banner {
  display: flex;
  align-items: center;
  gap: 1.75rem;
  padding: 2rem;
}
.in-page-alert-banner__icon {
  flex: 0 0 auto;
  font-size: 2.25rem;
  line-height: 1;
}
.in-page-alert-banner__content {
  flex: 1 1 auto;
}
.in-page-alert-banner__text p {
  margin: 0;
}
.in-page-alert-banner--red {
  background-color: var(--brand-emergency);
}
.in-page-alert-banner--yellow {
  background-color: #f6d25a;
}
.in-page-alert-banner--blue {
  background-color: var(--brand-secondary);
}
.site-wide-alert-banner {
  background-color: var(--brand-emergency);
}
.site-wide-alert-banner__icon {
  font-size: 2.25rem;
  line-height: 1;
}
.site-wide-alert-banner__text p {
  margin: 0;
}
.site-wide-alert-banner__close {
  display: inline-flex;
}
.site-wide-alert-banner__close i {
  display: block;
  width: 1em;
  height: 1em;
  color: currentColor;
  font-size: 1.7rem;
  line-height: 1;
}
.site-wide-alert-banner__close:hover, .site-wide-alert-banner__close:focus {
  border-color: var(--brand-white);
}
.site-wide-alert-banner__close:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}
.site-wide-alert-banner--red {
  background-color: var(--brand-emergency);
}
.site-wide-alert-banner--yellow {
  background-color: #f6d25a;
  color: #000;
}
.site-wide-alert-banner--yellow .site-wide-alert-banner__close {
  color: #000;
}
.site-wide-alert-banner--yellow .site-wide-alert-banner__close:hover, .site-wide-alert-banner--yellow .site-wide-alert-banner__close:focus {
  border-color: #000;
}
.site-wide-alert-banner--blue {
  background-color: var(--brand-secondary);
}
.card--cycle {
  min-height: 25rem;
  border-color: var(--brand-border);
}
.card--cycle__feature {
  position: relative;
  min-height: 10.5rem;
  padding: 2rem 1rem 1.5rem 1.7rem;
  overflow: hidden;
  color: #fff;
}
.card--cycle__feature-hex {
  position: absolute;
  top: -42rem;
  left: -31.5rem;
  width: 56rem;
  height: 54rem;
  color: var(--brand-primary);
  fill: currentColor;
  transform: rotate(-90deg);
  transform-origin: center;
}
.card--cycle__heading {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.card--cycle__eyebrow {
  color: #fff;
  font-size: 0.75rem;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}
.card--cycle__number {
  display: block;
  color: #fff;
  font-size: 4.5rem;
  font-weight: 900;
  line-height: 0.85;
}
.card--cycle__details {
  min-width: 0;
  padding: 0.8rem 1.75rem 2rem;
  background: #fff;
}
.card--cycle__row {
  grid-template-columns: 3.25rem minmax(0, 1fr);
  gap: 1rem;
}
.card--cycle__row + .card--cycle__row {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--brand-border);
}
.card--cycle__icon {
  width: 3.25rem;
  height: 3.25rem;
  color: #fff;
  background: var(--brand-primary-gradient);
  box-shadow: 0 0.5rem 1rem rgba(var(--brand-secondary-rgb), 0.16);
}
.card--cycle__icon i {
  font-size: 1.35rem;
  line-height: 1;
}
.card--cycle__label {
  color: var(--brand-secondary);
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1.1;
}
.card--cycle__date {
  margin-top: 0.55rem;
  color: var(--brand-secondary);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .col-md-6 .card--cycle__feature-hex {
    left: -21.5rem;
  }
}
.card--cycle-hybrid {
  min-height: 25rem;
  border-color: var(--brand-border);
}
.card--cycle-hybrid__feature {
  position: relative;
  min-height: 10.5rem;
  padding: 2rem 1rem 1.5rem 1.7rem;
  overflow: hidden;
  color: var(--brand-white);
}
.card--cycle-hybrid__feature-hex {
  position: absolute;
  top: -42rem;
  left: -31.5rem;
  width: 56rem;
  height: 54rem;
  color: var(--brand-primary);
  fill: currentColor;
  transform: rotate(-90deg);
  transform-origin: center;
}
.card--cycle-hybrid__heading {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.card--cycle-hybrid__eyebrow {
  margin-bottom: 0.5rem;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}
.card--cycle-hybrid__number {
  display: block;
  color: #fff;
  font-size: 4.5rem;
  font-weight: 900;
  line-height: 0.85;
}
.card--cycle-hybrid__feature-mark {
  display: none;
}
.card--cycle-hybrid__details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  min-width: 0;
  padding: 0.8rem 1.75rem 2rem;
}
.card--cycle-hybrid__row {
  grid-template-columns: 3.25rem minmax(0, 1fr);
  gap: 1rem;
}
.card--cycle-hybrid__row + .card--cycle-hybrid__row {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--brand-border);
}
.card--cycle-hybrid__icon {
  width: 3.25rem;
  height: 3.25rem;
  color: var(--brand-white);
  background: var(--brand-primary);
  box-shadow: 0 0.5rem 1rem rgba(var(--brand-secondary-rgb), 0.16);
}
.card--cycle-hybrid__icon i {
  font-size: 1.35rem;
  line-height: 1;
}
.card--cycle-hybrid__label {
  color: var(--brand-secondary);
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1.1;
}
.card--cycle-hybrid__date {
  margin-top: 0.55rem;
  color: var(--brand-secondary);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  white-space: nowrap;
}
@media (min-width: 992px) {
  .col-lg-6 .card--cycle-hybrid {
    flex-direction: row;
    min-height: 16rem;
  }
  .col-lg-6 .card--cycle-hybrid__feature {
    flex: 0 0 8rem;
    min-height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 1.5rem;
  }
  .col-lg-6 .card--cycle-hybrid__feature-hex {
    top: 50%;
    right: -0.05rem;
    left: auto;
    width: 24rem;
    height: 24rem;
    transform: translateY(-50%) rotate(-7deg);
  }
  .col-lg-6 .card--cycle-hybrid__heading {
    align-items: flex-start;
  }
  .col-lg-6 .card--cycle-hybrid__eyebrow {
    margin-bottom: 0.75rem;
    letter-spacing: 0.35em;
  }
  .col-lg-6 .card--cycle-hybrid__number {
    font-size: 5.5rem;
  }
  .col-lg-6 .card--cycle-hybrid__feature-mark {
    display: block;
    width: 100%;
    height: 0.25rem;
    margin-top: 1rem;
    background: #fff;
    border-radius: 999px;
  }
  .col-lg-6 .card--cycle-hybrid__details {
    padding: 1.5rem;
  }
  .col-lg-6 .card--cycle-hybrid__row + .col-lg-6 .card--cycle-hybrid__row {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
  }
  .col-lg-6 .card--cycle-hybrid__date {
    margin-top: 0.65rem;
  }
}
.card--icon {
  min-height: 100%;
}
.card--icon__media {
  position: relative;
  height: 10rem;
}
.card--icon__feature-hex {
  position: absolute;
  top: -84.4375rem;
  left: revert-layer;
  width: 95rem;
  height: 95rem;
  fill: currentColor;
  transform: rotate(251deg);
  transform-origin: center;
}
.card--icon__icon-wrap {
  position: relative;
  z-index: 2;
  width: 7rem;
  height: 7rem;
  padding: 0.5rem;
  box-shadow: 0 0.75rem 1.5rem rgba(7, 27, 70, 0.18);
  transform: translateY(1.5rem);
  border: var(--brand-white) 0.375rem solid;
}
.card--icon__icon {
  width: 100%;
  height: 100%;
}
.card--icon__icon-svg {
  width: 4.8rem;
  height: 4.8rem;
  fill: var(--brand-white);
}
.card--icon__body {
  padding-top: 2.15rem;
  padding-bottom: 1.5rem;
}
.card--icon--compact .card--icon__feature-hex {
  top: -87rem;
  transform: rotate(250deg);
}
.card--icon--compact .card--icon__media {
  height: 7rem;
}
.card--icon--compact .card--icon__icon-wrap {
  width: 6rem;
  height: 6rem;
}
.card--icon--compact .card--icon__icon-svg {
  fill: var(--brand-white);
}
.card--icon--compact .card--icon__body {
  min-height: 6.2rem;
  padding-top: 2.15rem;
  padding-bottom: 0.5rem;
}
.card--icon--compact .card--icon__heading {
  font-size: 1.6rem;
}
.card--icon--compact .card--icon__text {
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.3;
}
.card--icon--no-text .card--icon__feature-hex {
  top: -87rem;
  transform: rotate(250deg);
}
.card--icon--no-text .card--icon__media {
  height: auto;
}
.card--icon--no-text .card--icon__icon-wrap {
  width: 5.5rem;
  height: 5.5rem;
  transform: unset;
  border: var(--brand-white) 0.275rem solid;
}
.card--icon--no-text .card--icon__icon-svg {
  width: 3.5rem;
  height: 3.5rem;
  fill: var(--brand-white);
}
.card--icon--no-text .card--icon__body {
  padding: 1.15rem 0.5rem 0 0.5rem;
}
.card--icon--no-text .card--icon__heading {
  font-size: 1.1rem;
}
.card--icon--no-text .card--icon__text {
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.3;
}
/* =========================================
   IMAGE TEXT – responsive cover media
========================================= */
.link-with-nested-button:hover .image-text-feature__img, .link-with-nested-button:focus .image-text-feature__img, .link-with-nested-button:focus-visible .image-text-feature__img, .link-with-nested-button:active .image-text-feature__img {
  transform: scale(1.08);
}
.image-text__media {
  position: relative;
  width: 100%;
  /* < lg: 16:9 */
  aspect-ratio: 1.7777777778;
}
.image-text__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image-text__img--a4 {
  width: 100%;
  aspect-ratio: 0.7072135785;
  object-fit: cover;
  overflow: hidden;
}
.image-text-feature__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
/* ≥ lg (Bootstrap breakpoint, no hard-coded px) */
@media (min-width: 992px) {
  .image-text__media {
    aspect-ratio: auto;
    height: 100%;
    min-height: 400px;
    flex: 1 1 auto;
  }
}
/* =========================================
   VIDEO + TRANSCRIPTS
   ========================================= */
/* Full-width video section (spacing via .py-5 in markup) */
.video-full {
  /* placeholder – behaviour via Bootstrap ratio + utilities */
}
/* Scrollable transcript body + variants */
.transcript-body, .transcript-inner, .transcript-match .transcript-inner, .brand-acc-scroll, .brand-desktop-scroll, .brand-mobile-accordion .accordion-body {
  max-height: 300px;
  overflow-y: auto;
}
.transcript-body {
  background: rgba(0, 0, 0, 0.5);
  color: var(--brand-white);
  padding: 1.5rem;
  margin-top: 1rem;
}
.transcript-body p {
  color: var(--brand-white);
}
.transcript-inner p, .brand-acc-scroll p, .brand-desktop-scroll p, .brand-mobile-accordion .accordion-body p {
  color: var(--brand-white);
}
/* Scrollbar styling */
.transcript-body::-webkit-scrollbar, .transcript-inner::-webkit-scrollbar, .brand-acc-scroll::-webkit-scrollbar, .brand-desktop-scroll::-webkit-scrollbar, .brand-mobile-accordion .accordion-body::-webkit-scrollbar {
  width: 8px;
}
.transcript-body::-webkit-scrollbar-thumb, .transcript-inner::-webkit-scrollbar-thumb, .brand-acc-scroll::-webkit-scrollbar-thumb, .brand-desktop-scroll::-webkit-scrollbar-thumb, .brand-mobile-accordion .accordion-body::-webkit-scrollbar-thumb {
  background: var(--brand-secondary);
  border-radius: 4px;
}
/* Transcript card for matched height layouts */
.transcript-match {
  padding: 2rem;
  display: flex;
  flex-direction: column;
}
.transcript-match h4 {
  color: var(--brand-tertiary);
  margin-bottom: 1rem;
  font-size: 1.4rem;
}
.transcript-match .transcript-inner {
  flex: 1;
  padding-right: 1rem;
  min-height: 0;
}
/* Desktop transcript panel for smart layouts */
@media (min-width: 992px) {
  .brand-desktop-trans {
    height: 100%;
    padding: 2rem;
    display: flex;
    flex-direction: column;
  }
  .brand-desktop-trans .brand-desktop-scroll {
    flex: 1;
    min-height: 0;
    padding-right: 0.75rem;
  }
  .brand-desktop-trans h2, .brand-desktop-trans h3, .brand-desktop-trans h4, .brand-desktop-trans h5, .brand-desktop-trans h6 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--brand-tertiary);
    margin-bottom: 1rem;
    flex-shrink: 0;
  }
}
/* Mobile transcript accordion */
.brand-mobile-accordion .accordion-button {
  font-weight: 600;
}
.brand-mobile-accordion .accordion-button::after {
  filter: invert(1) brightness(2);
  opacity: 1;
}
.brand-mobile-accordion .accordion-button:not(.collapsed) {
  color: var(--brand-tertiary);
}
/* Smart layouts (video left/right + transcript panel) */
.brand-smart-left, .brand-smart-right {
  /* layout uses Bootstrap grid + utilities only */
}
.brand-accordion {
  border: none;
}
.brand-accordion__item {
  border: none;
  border-radius: 0;
  overflow: hidden;
  margin-bottom: 1.2rem;
  background: none;
  /* Focus appearance (keyboard) — show ring OUTSIDE item */
}
.brand-accordion__item:focus-within {
  overflow: visible;
  /* prevent clipping of outside outline */
  outline: 2px solid var(--brand-focus-visible);
  outline-offset: 6px;
}
.brand-accordion__item:first-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.brand-accordion__item:first-of-type .brand-accordion__button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.brand-accordion__item:first-of-type .brand-accordion__collapse {
  border-radius: 0;
}
.brand-accordion__item:last-of-type {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.brand-accordion__item:last-of-type .brand-accordion__button.collapsed {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.brand-accordion__item:last-of-type .brand-accordion__collapse {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.brand-accordion__header {
  margin: 0;
}
.brand-accordion__button {
  position: relative;
  width: 100%;
  padding: 1rem 1.25rem 1rem 4.5rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  background: var(--brand-primary);
  color: var(--brand-white);
  border: none;
  box-shadow: none;
  border-radius: 0;
  transition: background 0.15s ease;
  /* Keyboard focus ring is handled by the item (:focus-within) */
}
.brand-accordion__button.collapsed {
  background: var(--brand-primary);
  color: var(--brand-white);
}
.brand-accordion__button:hover {
  background: rgba(var(--brand-primary-rgb), 0.92);
  color: var(--brand-white);
}
.brand-accordion__button:focus {
  box-shadow: none;
  border-color: none;
  outline: 0px;
}
.brand-accordion__button:focus-visible {
  box-shadow: none;
}
.brand-accordion__button::after {
  display: none;
}
.brand-accordion__button::before {
  content: "+";
  position: absolute;
  left: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 2px solid var(--brand-white);
  color: var(--brand-white);
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  transition: transform 0.15s ease;
}
.brand-accordion__button:not(.collapsed) {
  color: var(--brand-white);
  background: var(--brand-primary);
  box-shadow: none;
}
.brand-accordion__button:not(.collapsed)::before {
  content: "–";
}
@media (max-width: 575.98px) {
  .brand-accordion__button {
    font-size: 0.95rem;
    padding: 0.9rem 1rem 0.9rem 4.2rem;
  }
}
.brand-accordion__collapse {
  border-right: solid 1px var(--brand-border);
  border-left: solid 1px var(--brand-border);
  border-bottom: solid 1px var(--brand-border);
  border-radius: 0;
}
.brand-accordion__body {
  padding: 1.1rem 1.25rem 1.25rem 1.25rem;
  color: var(--brand-body);
  line-height: 1.6;
  background: var(--brand-white);
}
@media (max-width: 575.98px) {
  .brand-accordion__body {
    font-size: 0.95rem;
  }
}
/* Dark surface override (matches your global theme behaviour) */
.theme-on-dark .brand-accordion__item:focus-within {
  outline-color: var(--brand-focus-visible-inverse);
}
.faq-accordion .accordion-item {
  background-color: unset;
  border: unset;
}
.faq-accordion .accordion-item:first-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.faq-accordion .accordion-item:last-of-type {
  border-bottom-right-radius: unset;
  border-bottom-left-radius: unset;
}
.faq-accordion .accordion-button {
  background: none;
}
.faq-accordion .accordion-button span {
  max-width: calc(100% - 2rem);
}
.faq-accordion .accordion-button:focus {
  z-index: 3;
  box-shadow: unset;
  border-color: unset;
  outline: 0;
}
.faq-accordion .accordion-button:not(.collapsed) {
  color: var(--brand-body);
  background-color: unset;
  box-shadow: unset;
}
.faq-accordion .accordion-button:not(.collapsed)::after {
  background-image: unset;
  transform: unset;
}
.faq-accordion__item.accordion-item {
  border-top: 1px solid var(--brand-body);
  padding-top: 14px;
  padding-bottom: 14px;
}
.faq-accordion__item.accordion-item:not(:first-of-type) {
  border-top: 1px solid var(--brand-body);
}
.faq-accordion__item.accordion-item:last-of-type {
  border-bottom: 1px solid var(--brand-body);
}
.faq-accordion__item.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}
.faq-accordion__item .accordion-button {
  padding: 1rem 0;
}
.faq-accordion__item .accordion-button::after {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
  color: var(--brand-body);
  font-family: "bootstrap-icons";
  content: "";
  vertical-align: middle;
  background-image: unset;
  position: absolute;
  right: 5px;
}
.faq-accordion__item .accordion-button:not(.collapsed)::after {
  content: "";
}
.faq-accordion__item .accordion-body {
  padding: 1rem 0;
}
.faq-accordion__item .accordion-body p {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.6;
  margin-bottom: var(--space-p);
}
.faq-accordion__item .accordion-body li {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.6;
  margin-bottom: 0.5rem;
}
.faq-accordion__item .accordion-body blockquote {
  position: relative;
  margin: 0;
  padding: 2.25rem 4.75rem 2.15rem 4.75rem;
  background: none;
  color: var(--brand-quinary);
}
.faq-accordion__item .accordion-body blockquote::before {
  content: "“";
  top: 0.4375rem;
  left: -0.5625rem;
  position: absolute;
  font-weight: 800;
  line-height: 1;
  pointer-events: none;
  z-index: 2;
  font-size: 7rem;
  font-style: normal;
}
.faq-accordion__item .accordion-body blockquote::after {
  content: "”";
  bottom: -2.5rem;
  right: -0.625rem;
  position: absolute;
  font-weight: 800;
  line-height: 1;
  pointer-events: none;
  z-index: 2;
  font-size: 7rem;
  font-style: normal;
}
.faq-accordion__item .accordion-body blockquote p {
  line-height: 1.35;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.35;
  font-style: normal;
}
.faq-accordion__item .accordion-body > *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.faq-accordion__button {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--brand-body);
}
.feature-tab {
  /* =========================================
     BASE – Responsive tab navigation
     ========================================= */
  /* =========================================
     THEME-ON-DARK – Active tab override
     ========================================= */
  /* =========================================
     DARK THEME – Nav
     ========================================= */
  /* =========================================
     LIGHT THEME – Nav
     ========================================= */
  /* =========================================
     TAB CONTENT – Shared structure
     ========================================= */
  /* Scrollable inner area */
}
.feature-tab .nav-tabs-responsive {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  gap: 0.5rem;
  /* =========================================
       XS + SM – 2 per row
       (≤ 767px)
       ========================================= */
  /* =========================================
       MD – 3 per row
       (768–991px)
       ========================================= */
}
.feature-tab .nav-tabs-responsive::-webkit-scrollbar {
  height: 6px;
}
.feature-tab .nav-tabs-responsive::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
}
.feature-tab .nav-tabs-responsive .nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  padding: 1rem 1.25rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  background: var(--brand-primary);
  color: var(--brand-white);
  border: none;
  box-shadow: none;
  border-radius: 0;
  transition: background 0.15s ease;
  text-wrap: wrap;
}
.feature-tab .nav-tabs-responsive .nav-link:focus-visible {
  outline: 2px solid var(--brand-primary);
  outline-offset: 2px;
}
@media (max-width: 767.98px) {
  .feature-tab .nav-tabs-responsive {
    white-space: normal;
    overflow-x: visible;
  }
  .feature-tab .nav-tabs-responsive .nav-link {
    flex: 0 0 calc((100% - 0.5rem) / 2);
    width: calc((100% - 0.5rem) / 2);
    padding: 0.75rem 0.9rem;
    font-size: 0.95rem;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .feature-tab .nav-tabs-responsive {
    white-space: normal;
    overflow-x: visible;
  }
  .feature-tab .nav-tabs-responsive .nav-link {
    flex: 0 0 calc((100% - (0.5rem * 2)) / 3);
    width: calc((100% - (0.5rem * 2)) / 3);
    padding: 0.85rem 1.05rem;
    font-size: 1rem;
    text-align: center;
  }
}
.feature-tab.theme-on-dark.tabs-dark .nav-tabs-responsive .nav-link.active, .feature-tab.theme-on-dark.tabs-light .nav-tabs-responsive .nav-link.active {
  border-color: var(--brand-white);
  border-radius: 0;
}
.feature-tab.tabs-dark .nav-tabs-responsive .nav-link {
  color: var(--brand-primary);
  background-color: #ffffff;
  border: 1px solid rgba(2, 56, 100, 0.15);
}
.feature-tab.tabs-dark .nav-tabs-responsive .nav-link:hover, .feature-tab.tabs-dark .nav-tabs-responsive .nav-link:focus {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: var(--brand-white);
  box-shadow: none;
}
.feature-tab.tabs-dark .nav-tabs-responsive .nav-link.active {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
  color: var(--brand-white);
}
.feature-tab.tabs-dark .nav-tabs-responsive .nav-link.active:hover, .feature-tab.tabs-dark .nav-tabs-responsive .nav-link.active:focus {
  background: rgba(var(--brand-primary-rgb), 0.92);
}
.feature-tab.tabs-dark .tab-content .tab-pane.theme-bg-primary h2, .feature-tab.tabs-dark .tab-content .tab-pane.theme-bg-primary h3, .feature-tab.tabs-dark .tab-content .tab-pane.theme-bg-primary h4, .feature-tab.tabs-dark .tab-content .tab-pane.theme-bg-primary h5, .feature-tab.tabs-dark .tab-content .tab-pane.theme-bg-primary h6 {
  color: var(--brand-tertiary);
  font-weight: 500;
}
.feature-tab.tabs-light .nav-tabs-responsive .nav-link {
  color: var(--brand-primary);
  background-color: var(--brand-white);
  border: 1px solid rgba(2, 56, 100, 0.15);
}
.feature-tab.tabs-light .nav-tabs-responsive .nav-link:hover, .feature-tab.tabs-light .nav-tabs-responsive .nav-link:focus {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: var(--brand-white);
}
.feature-tab.tabs-light .nav-tabs-responsive .nav-link.active {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
  color: var(--brand-white);
}
.feature-tab.tabs-light .nav-tabs-responsive .nav-link.active:hover, .feature-tab.tabs-light .nav-tabs-responsive .nav-link.active:focus {
  background: rgba(var(--brand-primary-rgb), 0.92);
}
.feature-tab.tabs-light .tab-content .tab-pane.theme-bg-primary {
  background: var(--brand-white);
  border: 1px solid rgba(2, 56, 100, 0.12);
}
.feature-tab.tabs-light .tab-content .tab-pane.theme-bg-primary h2, .feature-tab.tabs-light .tab-content .tab-pane.theme-bg-primary h3, .feature-tab.tabs-light .tab-content .tab-pane.theme-bg-primary h4, .feature-tab.tabs-light .tab-content .tab-pane.theme-bg-primary h5, .feature-tab.tabs-light .tab-content .tab-pane.theme-bg-primary h6 {
  font-weight: 600;
  color: var(--brand-primary);
}
.feature-tab.tabs-light .tab-content .tab-pane {
  background-color: var(--brand-white);
  border: 1px solid rgba(2, 56, 100, 0.15);
}
.feature-tab .tab-content .tab-pane {
  border-radius: 0;
  padding: 2rem;
}
.feature-tab .tab-content .tab-pane.active {
  display: flex;
  flex-direction: column;
}
.feature-tab .tab-content .tab-pane h2, .feature-tab .tab-content .tab-pane h3, .feature-tab .tab-content .tab-pane h4, .feature-tab .tab-content .tab-pane h5, .feature-tab .tab-content .tab-pane h6 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 1rem;
  flex-shrink: 0;
}
.feature-tab .tab-pane-scroll {
  max-height: 300px;
  overflow-y: auto;
  padding-right: 0.75rem;
  flex: 1;
  min-height: 0;
}
.feature-tab .tab-pane-scroll::-webkit-scrollbar {
  width: 8px;
}
.feature-tab .tab-pane-scroll::-webkit-scrollbar-thumb {
  background: var(--brand-secondary);
  border-radius: 4px;
}
/* =========================================
   STEPS
   ========================================= */
.steps__num {
  background: var(--brand-secondary);
  color: var(--brand-white);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: bold;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.25);
}
.testimonial__quote {
  padding: 3rem;
  font-size: 1.3rem;
  position: relative;
}
.testimonial__quote::before {
  content: "“";
  font-size: 8rem;
  color: var(--brand-secondary);
  opacity: 0.12;
  position: absolute;
  top: -40px;
  left: 20px;
  pointer-events: none;
}
/* =========================================
   BRAND QUOTE
   ========================================= */
.brand-secondary {
  color: var(--brand-secondary);
}
.brand-quote__frame {
  position: relative;
  margin: 0;
  padding: 2.25rem 4.75rem 2.15rem 4.75rem;
}
.brand-quote__frame--border {
  background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-size: 100% 0.375rem, 100% 0.375rem, 0.375rem calc(100% - 4.625rem), 0.375rem calc(100% - 4.625rem);
  background-position: 0 0, 0 100%, 0 4.625rem, 100% 0;
}
.brand-quote__frame::before, .brand-quote__frame::after {
  position: absolute;
  font-weight: 800;
  line-height: 1;
  pointer-events: none;
  z-index: 2;
  font-size: 7rem;
  font-style: normal;
  content: "";
}
.brand-quote__frame::before {
  content: "“";
  top: 0.4375rem;
  left: -0.5625rem;
}
.brand-quote__frame::after {
  content: "”";
  bottom: -2.5rem;
  right: -0.625rem;
}
.brand-quote__content {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.35;
  font-style: normal;
}
.brand-quote__author {
  display: block;
  margin-top: 1.25rem;
  text-align: right;
  font-style: normal;
}
.brand-quote__name {
  font-weight: 700;
  font-size: 1.05rem;
}
.brand-quote__source {
  display: block;
  margin-top: 0.25rem;
  font-weight: 500;
  font-style: normal;
}
.brand-quote cite {
  font-style: normal;
}
@media (max-width: 767.98px) {
  .brand-quote__frame {
    padding: 2rem 4.1rem 1.85rem;
  }
  .brand-quote__frame--border {
    background-size: 100% 0.3125rem, 100% 0.3125rem, 0.3125rem calc(100% - 3.625rem), 0.3125rem calc(100% - 3.625rem);
    background-position: 0 0, 0 100%, 0 3.625rem, 100% 0;
  }
  .brand-quote__frame::before, .brand-quote__frame::after {
    font-size: 4.5rem;
  }
  .brand-quote__frame::before {
    top: 0.5625rem;
    left: -0.375rem;
  }
  .brand-quote__frame::after {
    bottom: -1.375rem;
    right: -0.3125rem;
  }
  .brand-quote__content {
    font-size: 1.25rem;
  }
}
.pagination .page-item:first-child .page-link {
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
}
.pagination .page-item:last-child .page-link {
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
}
.pagination .page-link.previous-page, .pagination .page-link.next-page {
  display: flex;
  width: 3.5rem;
  height: 3.5rem;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  background-color: var(--brand-primary);
  color: var(--brand-white);
  line-height: 1;
  font-size: 0;
  cursor: pointer;
  border-radius: 999px;
}
.pagination .page-link i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.7rem;
  line-height: 1;
  color: currentColor;
}
.pagination .page-link.previous-page i {
  transform: translateX(-0.05em);
}
.pagination .page-link.next-page i {
  transform: translateX(0.05em);
}
.pagination .page-link:hover, .pagination .page-link:focus, .pagination .page-link:focus-visible {
  background-color: var(--brand-secondary);
}
.pagination .page-link:focus {
  z-index: unset;
  box-shadow: unset;
  outline: unset;
}
.pagination .page-number {
  display: flex;
  width: 3.5rem;
  height: 3.5rem;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  color: var(--brand-body);
  line-height: 1;
  border: 2px solid var(--brand-border);
}
.pagination .page-total {
  display: flex;
  width: auto;
  height: 3.5rem;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  color: var(--brand-body);
  line-height: 1;
  word-spacing: 0.05em;
}
/*
.left-highlight {
    margin-bottom: var(--space-p);
    
    p {
        font-weight: 600;
    }
    
    p:last-child {
        margin-bottom: 0;
  }
}
*/
.left-highlight {
  position: relative;
  display: flex;
  overflow: hidden;
  margin-bottom: var(--space-p);
}
.left-highlight__bar {
  flex: 0 0 7px;
  width: 7px;
  border-radius: var(--brand-radius-pill);
}
.left-highlight__content {
  flex: 1 1 auto;
}
.left-highlight p {
  font-weight: 600;
}
.left-highlight p:last-child {
  margin-bottom: 0;
}
.card--step {
  text-align: left;
}
.card--step__inner {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  padding-bottom: 1rem;
}
.card--step__svg-icon {
  width: 3.3rem;
  height: 3.3rem;
  fill: var(--brand-white);
}
.card--step__circle {
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: var(--brand-primary-gradient);
  border: var(--brand-white) 0.275rem solid;
  box-shadow: 0 0.75rem 1.5rem rgba(7, 27, 70, 0.18);
  gap: 0.35rem;
}
.card--step__circle i {
  color: var(--brand-white);
  line-height: 1;
}
.card--step__circle span {
  color: var(--brand-white);
  font-size: 0.65rem;
  letter-spacing: 0.12em;
  font-weight: 600;
}
.card--step__content {
  padding-top: 0.5rem;
}
.card--step__heading {
  font-weight: 500;
}
.card--step__text {
  color: var(--brand-text);
}
.card--step:not(:last-child) .card--step__inner::after {
  content: "";
  position: absolute;
  top: 5.5rem;
  left: 2.75rem;
  width: 0.0625rem;
  height: calc(100% - 4.5rem);
  background: var(--brand-border);
  z-index: 0;
}
@media (min-width: 992px) {
  .card--step--horizontal {
    text-align: center;
  }
  .card--step--horizontal .card--step__inner {
    display: block;
    width: 100%;
  }
  .card--step--horizontal .card--step__circle {
    width: 6rem;
    height: 6rem;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0;
  }
  .card--step--horizontal .card--step__content {
    padding-top: 0;
  }
  .card--step--horizontal:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 3rem;
    left: calc(50% + 3rem);
    width: calc(100% - 6rem);
    height: 0.0625rem;
    z-index: 0;
    background: var(--brand-border);
  }
  .card--step--horizontal:not(:last-child) .card--step__inner::after {
    display: none;
  }
  .card--step--horizontal.card--step--per-row-6:nth-child(6n)::after, .card--step--horizontal.card--step--per-row-3:nth-child(3n)::after, .card--step--horizontal.card--step--per-row-4:nth-child(4n)::after {
    display: none;
  }
}
.card--core__card {
  min-height: 28.75rem;
}
.card--core__card--active .card--core__front {
  opacity: 0;
  transform: translateY(-1.5rem);
}
.card--core__card--active .card--core__panel {
  transform: translateY(0);
}
.card--core__card--active .card--core__toggle i {
  transform: rotate(180deg);
}
@media (min-width: 768px) {
  .card--core__card {
    min-height: auto;
  }
}
.card--core__mark {
  width: 9rem;
  height: 9rem;
  box-shadow: 4px 7px 9px rgba(0, 0, 0, 0.25);
}
.card--core__front {
  position: relative;
  z-index: 3;
  transition: opacity 300ms ease, transform 300ms ease;
}
.card--core__panel {
  position: absolute;
  inset: 0;
  z-index: 4;
  padding: 3rem 1.5rem;
  background: inherit;
  transform: translateY(100%);
  transition: transform 360ms ease;
}
.card--core__toggle-icon {
  font-size: 1.35rem;
  line-height: 1;
}
.card--core__rule {
  width: 2.8125rem;
  display: block;
  height: 0.1875rem;
}
.card--core__content {
  width: 83%;
}
.card--core__feature-hex {
  position: absolute;
  top: -21.25rem;
  left: -32.9375rem;
  width: 56rem;
  height: 54rem;
  fill: currentColor;
  transform: rotate(-432deg);
  transform-origin: center;
  opacity: 10%;
  pointer-events: none;
  z-index: 1;
}
.card--core__toggle {
  width: 3.25rem;
  height: 3.25rem;
  border: 0.125rem solid currentColor;
  box-shadow: 0 0.5rem 1rem rgba(var(--brand-secondary-rgb), 0.16);
  cursor: pointer;
  z-index: 8;
  transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease;
}
.card--core__toggle i {
  transition: transform 300ms ease;
}
.card--core__toggle:focus {
  outline: none;
}
.card--core__toggle:focus-visible {
  outline: 0.125rem solid currentColor;
  outline-offset: 0.375rem;
}
@media (prefers-reduced-motion: reduce) {
  .card--core__front, .card--core__panel, .card--core__toggle, .card--core__toggle i {
    transition: none;
  }
}
.card--history {
  position: relative;
  padding-bottom: 4.5rem;
}
.card--history__card {
  position: relative;
  z-index: 2;
  overflow: visible;
  text-align: center;
}
.card--history__card::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 -1.25rem 0;
  background: inherit;
  background-attachment: inherit;
  clip-path: polygon(calc(50% - 1.25rem) calc(100% - 1.25rem - 2px), calc(50% + 1.25rem) calc(100% - 1.25rem - 2px), 50% 100%);
  pointer-events: none;
}
.card--history__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4rem;
  margin-inline: auto;
  margin-bottom: 1rem;
  font-size: 3.25rem;
  line-height: 1;
}
.card--history__icon > i {
  display: inline-block;
  line-height: 1;
  color: currentColor;
}
.card--history__icon > svg {
  display: block;
  width: 6rem;
  height: 6rem;
  transform: translateY(-0.08em);
}
.card--history__icon > svg use {
  fill: currentColor;
}
.card--history__dot {
  position: absolute;
  z-index: 4;
  left: 50%;
  bottom: 1.75rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}
.card--history__line {
  position: absolute;
  z-index: 1;
  left: -0.75rem;
  right: -0.75rem;
  bottom: 2.1875rem;
  height: 0.125rem;
  pointer-events: none;
}
.card--history__date {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  white-space: nowrap;
}
.timeline-swiper {
  display: block;
  width: 100%;
  overflow: visible;
}
.timeline-swiper swiper-slide {
  display: flex;
  height: auto;
}
.timeline-swiper swiper-slide:first-child .card--history__line {
  left: 50%;
  right: -0.75rem;
}
.timeline-swiper swiper-slide:last-child .card--history__line {
  left: -0.75rem;
  right: 50%;
}
.timeline-swiper swiper-slide:only-child .card--history__line {
  display: none;
}
.timeline-swiper__slide {
  height: auto;
}
@media (min-width: 62rem) {
  .card--history__line {
    left: -0.9375rem;
    right: -0.9375rem;
  }
  .timeline-swiper swiper-slide:first-child .card--history__line {
    left: 50%;
    right: -0.9375rem;
  }
  .timeline-swiper swiper-slide:last-child .card--history__line {
    left: -0.9375rem;
    right: 50%;
  }
}
/* =========================================
   CARD -- AWARD / WRAPPER
   ========================================= */
.card--award {
  position: relative;
  /* =========================================
       SWIPER
       ========================================= */
  /* =========================================
       CARD -- AWARD ITEM
       ========================================= */
  /* =========================================
       CARD -- AWARD FEATURE HEX SVG
       ========================================= */
  /* =========================================
       CARD -- AWARD INTERNALS
       ========================================= */
  /* =========================================
       CONTROLS
       ========================================= */
  /* =========================================
       NAV ARROWS
       ========================================= */
  /* =========================================
       PAGINATION
       ========================================= */
}
.card--award__inner {
  position: relative;
  z-index: 2;
}
.card--award__swiper-wrap {
  position: relative;
  width: 100%;
}
.card--award__swiper {
  display: block;
  width: 100%;
  overflow: visible;
  padding: 1rem 0 0;
}
.card--award__swiper::part(wrapper) {
  align-items: stretch;
  pointer-events: none;
}
.card--award__swiper swiper-slide {
  position: relative;
  height: auto;
  display: flex;
  pointer-events: auto;
}
.card--award__slide {
  height: auto;
  display: flex;
}
.card--award__item {
  width: 100%;
  height: 100%;
  min-height: 22.75rem;
  --card-award-y: 0rem;
  transform: translateY(var(--card-award-y));
  margin-bottom: 0;
  transition: transform 300ms ease, box-shadow 300ms ease;
}
.card--award__item:hover, .card--award__item:focus-within {
  transform: translateY(calc(var(--card-award-y) - 0.35rem));
  box-shadow: 0 1.6rem 3rem rgba(0, 0, 0, 0.16);
}
.card--award__feature-hex {
  position: absolute;
  top: -350px;
  left: -539px;
  width: 51rem;
  height: 51rem;
  fill: currentColor;
  transform: rotate(-432deg);
  transform-origin: center;
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
}
.card--award__top, .card--award__body, .card--award__footer {
  position: relative;
  z-index: 2;
}
.card--award__icon {
  width: 3.75rem;
  height: 3.75rem;
  border-color: currentColor !important;
  box-shadow: 0 0.35rem 0.85rem rgba(0, 0, 0, 0.13), inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}
.card--award__icon i, .card--award__icon-svg {
  display: block;
  line-height: 1;
  transform: translateY(1px);
  fill: currentColor;
}
.card--award__year-text {
  font-size: 1.22rem;
  letter-spacing: -0.035em;
}
.card--award__year-line {
  width: 2.35rem;
  height: 0.18rem;
  background: var(--metal-accent);
  box-shadow: 0 0 0.45rem rgba(218, 224, 117, 0.3);
}
.card--award__title {
  font-size: 1.13rem;
  line-height: 1.14;
  letter-spacing: 0.018em;
}
.card--award__rule {
  width: 4.35rem;
  height: 0.18rem;
  background: var(--metal-accent);
  box-shadow: 0 0 0.45rem rgba(218, 224, 117, 0.28);
}
.card--award__source {
  line-height: 1.35;
}
.card--award__divider {
  height: 1px;
  background: linear-gradient(90deg, var(--metal-line), rgba(255, 255, 255, 0.09), transparent);
}
.card--award__company {
  font-size: 0.82rem;
  line-height: 1;
  letter-spacing: 0.22em;
}
.theme-metallic--quaternary .card--award__icon {
  box-shadow: 0 0.35rem 0.85rem rgba(2, 56, 100, 0.12), inset 0 0 0 1px rgba(2, 56, 100, 0.08);
}
.card--award__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 0;
}
.card--award__controls-inner {
  display: flex;
  justify-content: space-between;
}
.card--award__controls .card--award__nav {
  position: static;
  transform: none;
  flex: 0 0 auto;
}
.card--award__nav {
  z-index: 60;
  width: 3rem;
  height: 3rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0.7;
  color: var(--brand-primary);
  background-color: transparent;
  border: 1px solid var(--brand-primary);
  border-radius: 0.25rem;
  font-size: 1.5rem;
  line-height: 1;
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2);
  transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.card--award__nav i {
  display: block;
  font-size: 1.5rem;
  line-height: 1;
}
.card--award__nav:hover {
  opacity: 1;
  color: var(--brand-white);
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
}
.card--award__nav:focus {
  opacity: 1;
  outline: 3px solid currentColor;
  outline-offset: 4px;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.8);
}
.card--award__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  pointer-events: auto;
  touch-action: manipulation;
  user-select: none;
  padding: 0 0.5rem;
}
.card--award__pagination .swiper-pagination-bullet {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 0.15rem !important;
  padding: 0;
  opacity: 1;
  background: transparent;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  box-sizing: border-box;
  pointer-events: auto;
  appearance: none;
  font: inherit;
  line-height: 1;
}
.card--award__pagination .swiper-pagination-bullet::before {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 1px;
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2);
}
.card--award__pagination .swiper-pagination-bullet:focus-visible {
  outline: 2px solid var(--brand-primary);
  outline-offset: 0.15rem;
}
.card--award__pagination .swiper-pagination-bullet-active {
  background: var(--brand-primary);
}
.card--award__pagination .swiper-pagination-bullet-active::before {
  background: var(--brand-primary);
}
.card--award__pagination .swiper-pagination-bullet--hidden {
  display: none !important;
}
@media (min-width: 992px) {
  .card--award__slide--lower .card--award__item, .card--award__swiper swiper-slide.card--award__slide--lower .card--award__item {
    --card-award-y: 4rem;
  }
  .card--award__pagination {
    padding: 0 3rem;
  }
  .card--award__swiper {
    display: block;
    width: 100%;
    overflow: visible;
    padding: 1rem 0 3rem;
  }
  .card--award__controls {
    margin-top: 1.5rem;
  }
}
.theme-modal {
  overflow: hidden;
}
.theme-modal .modal-dialog {
  max-height: calc(100vh - 4rem);
}
.theme-modal .modal-content {
  max-height: calc(100vh - 4rem);
  overflow: visible;
}
.theme-modal .modal-body {
  overflow-y: auto;
}
.theme-modal__close {
  position: absolute;
  top: 0;
  right: -3.5rem;
  z-index: 10;
  width: 3rem;
  height: 3rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--brand-white);
  font-size: 3rem;
  line-height: 1;
}
.theme-modal__close:hover, .theme-modal__close:focus {
  color: var(--brand-white);
  opacity: 0.75;
}
.theme-modal__close:focus-visible {
  outline: 3px solid var(--brand-white);
  outline-offset: 0.25rem;
}
@media (max-width: 767.98px) {
  .theme-modal .modal-dialog {
    max-height: calc(100vh - 5rem);
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
  .theme-modal .modal-content {
    max-height: calc(100vh - 5rem);
  }
  .theme-modal__close {
    top: -3.25rem;
    right: 0;
  }
}
html.theme-modal-open, body.theme-modal-open, body.modal-open {
  overflow: hidden !important;
}
body.modal-open {
  padding-right: 0 !important;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: hidden;
}
@media (min-width: 992px) {
  .document-list-item__type {
    flex: 0 0 5rem;
  }
  .document-list-item__date {
    flex: 0 0 8.5rem;
  }
  .document-list-item__size {
    flex: 0 0 7rem;
  }
}
.custom-form input[type="file"] {
  padding: 0.75rem 0.8rem !important;
  border: 0 !important;
  outline: none;
  width: auto !important;
}
.custom-form input[type="file"]::file-selector-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1rem;
  border: 2px solid var(--brand-primary);
  border-radius: 3rem !important;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.25s ease, box-shadow 0.25s ease, color 0.25s ease;
}
.custom-form input[type="file"]:hover::file-selector-button, .custom-form input[type="file"]:focus-visible::file-selector-button {
  background: var(--brand-secondary) !important;
}
.custom-form .sq-form-question-answer input {
  border-radius: 10px;
}
.custom-form.search-listing {
  /* result count sits above on mobile (same stack flow) */
  /* each control stack on mobile */
  /* =========================================================
     CLEAR LINK BUTTON
     ========================================================= */
}
.custom-form.search-listing .listing-search {
  display: flex;
  width: 100%;
  align-items: stretch;
  position: relative;
}
.custom-form.search-listing #queries_allsearch_query {
  width: 100%;
  height: 48px;
  padding: 0 58px 0 18px;
  border: 2px solid var(--brand-quinary);
  border-radius: var(--brand-radius-pill);
  color: #333;
  font-size: 0.95rem;
  line-height: 1.2;
  box-shadow: none;
  appearance: none;
  max-width: 100%;
  margin: 0;
}
.custom-form.search-listing #queries_allsearch_query:hover, .custom-form.search-listing #queries_allsearch_query:focus {
  background: #f3f3f3;
  outline: none;
}
.custom-form.search-listing #search-submit {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: var(--brand-radius-pill);
  background: var(--brand-quinary);
  color: var(--brand-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  cursor: pointer;
  min-height: revert;
  margin: unset;
}
.custom-form.search-listing #search-submit i.bi {
  color: #fff;
  font-size: 1.05rem;
  line-height: 1;
}
.custom-form.search-listing .form-body {
  width: 100%;
}
.custom-form.search-listing .result-count {
  width: 100%;
  margin: 0 0 0.75rem 0;
}
.custom-form.search-listing .result-count p {
  margin: 0;
}
.custom-form.search-listing .sq-form-question.sq-form-question-select {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 0.75rem;
}
.custom-form.search-listing .sq-form-question-title {
  margin: 0 0 0.25rem 0;
  white-space: nowrap;
}
.custom-form.search-listing .sq-form-question-answer {
  display: flex;
  width: 100%;
}
.custom-form.search-listing .sq-form-question-answer select {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .custom-form.search-listing {
    /* one row: left count, right controls */
    /* left side */
    /* group the three controls to the right */
    /* each control is compact; label left, field right */
  }
  .custom-form.search-listing .form-body {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    gap: 1rem;
    justify-content: space-between;
    max-width: none !important;
  }
  .custom-form.search-listing .result-count {
    flex: 1 1 auto;
    margin: 0;
  }
  .custom-form.search-listing .sort-controls {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 1rem;
    justify-content: flex-end;
    margin-left: auto;
  }
  .custom-form.search-listing .sort-controls {
    /* keep labels tight */
    /* field only as wide as needed */
  }
  .custom-form.search-listing .sort-controls .sq-form-question.sq-form-question-select {
    width: auto;
    margin: 0;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
  }
  .custom-form.search-listing .sort-controls .sq-form-question-title {
    margin: 0;
    flex: 0 0 auto;
  }
  .custom-form.search-listing .sort-controls .sq-form-question-answer {
    width: auto;
    flex: 0 0 auto;
    /* make selects compact instead of full width on desktop */
  }
  .custom-form.search-listing .sort-controls .sq-form-question-answer select {
    width: auto;
    min-width: 73px;
    margin-bottom: 0;
  }
}
.custom-form.search-listing .search-clear {
  background: none;
  border: 0;
  padding: 0;
  font-size: 0.875rem;
  color: var(--bs-link-color);
  text-decoration: underline;
  cursor: pointer;
}
.custom-form.search-listing .search-clear:hover, .custom-form.search-listing .search-clear:focus {
  text-decoration: none;
}
.custom-form.search-listing .search-clear:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
}
/* =========================================
   BACK TO TOP BUTTON
   ========================================= */
.back-to-top {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  width: 3.5rem;
  height: 3.5rem;
  /* hidden by default; JS toggles to flex */
  display: none;
  align-items: center;
  justify-content: center;
  /* reset global button styles */
  padding: 0;
  margin: 0;
  border: 2px solid var(--brand-white);
  background-color: var(--brand-primary);
  color: var(--brand-white);
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  z-index: 1000;
  appearance: none;
  -webkit-appearance: none;
}
.back-to-top:hover, .back-to-top:focus, .back-to-top:focus-visible {
  background-color: var(--brand-muted);
}
.back-to-top__icon {
  display: block;
  font-size: 1.7rem;
  line-height: 1;
  width: 1em;
  height: 1em;
  color: currentColor;
}
.wysiwyg table.table-responsive {
  width: 100%;
  border-collapse: collapse;
  background: var(--brand-white);
  overflow: hidden;
}
.wysiwyg table.table-responsive th, .wysiwyg table.table-responsive td {
  padding: 0.75rem 1rem;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid var(--brand-border);
}
.wysiwyg table.table-responsive thead th {
  font-weight: 700;
  border-top: 0;
  white-space: nowrap;
}
.wysiwyg table.table-responsive tbody tr:hover {
  background-color: var(--brand-secondary-light);
}
.wysiwyg table.table-responsive.table-primary thead th {
  background-color: var(--brand-primary);
  color: var(--brand-white);
}
.wysiwyg table.table-responsive.table-secondary thead th {
  background-color: var(--brand-secondary);
  color: var(--brand-white);
}
.wysiwyg table.table-responsive.table-tertiary thead th {
  background-color: var(--brand-tertiary);
  color: var(--brand-secondary);
}
.wysiwyg table.table-responsive.table-quaternary thead th {
  background-color: var(--brand-quaternary);
  color: var(--brand-secondary);
}
.wysiwyg table.table-responsive.table-quinary thead th {
  background-color: var(--brand-quinary);
  color: var(--brand-white);
}
@media (max-width: 767.98px) {
  .wysiwyg table.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .wysiwyg table.table-responsive thead th {
    white-space: nowrap;
  }
}
.site-footer {
  padding: 50px 0;
}
@media (min-width: 768px) {
  .site-footer {
    padding: 70px 0;
  }
}
.site-footer__menu .nav-item {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.site-footer__menu .nav-item:not(:last-child)::after {
  content: "|";
  margin: 0 1.1rem;
  color: #fff;
}
.site-footer__menu .nav-link:hover {
  text-decoration: underline;
}
.footer-container {
  padding-left: 1.8em;
  padding-right: 1.7em;
}
.video-modal__swiper-wrap {
  position: relative;
  width: 100%;
}
.video-modal__swiper-wrap .mySwiper, .video-modal__swiper-wrap .video-modal__controls {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.video-modal__swiper-wrap .mySwiper[data-initialized="true"], .video-modal__swiper-wrap .mySwiper[data-initialized="true"] + .video-modal__controls {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.video-modal__item {
  --bs-aspect-ratio: 100%;
}
.video-modal__play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 50;
  transform: translate(-50%, -50%);
  pointer-events: auto;
  height: 3.5rem;
  width: 3.5rem;
}
.video-modal__nav {
  z-index: 60;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  transform: translateY(-50%);
  cursor: pointer;
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2);
  opacity: 0.7;
  color: var(--brand-primary);
  background-color: transparent;
  border: 1px solid var(--brand-primary);
  border-radius: 0.25rem;
  font-size: 1.5rem;
  line-height: 1;
  transition: opacity 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.video-modal__nav i {
  display: block;
  line-height: 1;
  font-size: 1.5rem;
}
.video-modal__nav:hover {
  opacity: 1;
  color: var(--brand-white);
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
}
.video-modal__nav:focus {
  opacity: 1;
  outline: 3px solid currentColor;
  outline-offset: 4px;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.8);
}
.video-modal__nav--prev {
  left: 0;
}
.video-modal__nav--next {
  right: 0;
}
.video-modal__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 1.5rem;
}
.video-modal__controls .video-modal__nav {
  position: static;
  transform: none;
  flex: 0 0 auto;
}
.video-modal__controls-inner {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.video-modal__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  pointer-events: auto;
  touch-action: manipulation;
  user-select: none;
}
.video-modal__pagination .swiper-pagination-bullet {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 0.15rem !important;
  padding: 0;
  opacity: 1;
  background: transparent;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  box-sizing: border-box;
  pointer-events: auto;
  appearance: none;
  line-height: 1;
  font: inherit;
}
.video-modal__pagination .swiper-pagination-bullet::before {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 1px;
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2);
}
.video-modal__pagination .swiper-pagination-bullet:focus-visible {
  outline: 2px solid var(--brand-primary);
  outline-offset: 0.15rem;
}
.video-modal__pagination .swiper-pagination-bullet-active {
  background: var(--brand-primary);
}
.video-modal__pagination .swiper-pagination-bullet-active::before {
  background: var(--brand-primary);
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2);
}
.video-modal__pagination .swiper-pagination-bullet--hidden {
  display: none !important;
}
@media (min-width: 768px) {
  .video-modal__item {
    --bs-aspect-ratio: 56.25%;
  }
  .video-modal__play-icon {
    height: 4.5rem;
    width: 4.5rem;
  }
  .video-modal__nav {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
  }
  .video-modal__controls-inner {
    width: 58.5%;
  }
}
.mySwiper {
  width: 100%;
  overflow: visible;
}
.mySwiper::part(wrapper) {
  pointer-events: none;
}
.mySwiper swiper-slide {
  position: relative;
  width: 280px;
  height: 220px;
  background-position: center;
  background-size: cover;
  pointer-events: auto;
  display: flex;
  flex-direction: column;
}
.mySwiper swiper-slide img {
  display: block;
  object-fit: cover;
}
@media (min-width: 768px) {
  .mySwiper swiper-slide {
    width: auto;
    height: auto;
  }
}
.brand-feature__parent > .row, .brand-feature__item > .row {
  position: relative;
  z-index: 2;
}
.brand-feature__rail {
  position: absolute;
  left: 0.75rem;
  z-index: 0;
  width: 0.0625rem;
  background: var(--brand-border);
  pointer-events: none;
}
.brand-feature__rail--in {
  top: 0;
  height: 50%;
}
.brand-feature__rail--out {
  top: 50%;
  bottom: 0;
}
.brand-feature__node {
  position: absolute;
  top: 50%;
  left: 0.75rem;
  z-index: 1;
  width: 1.75rem;
  height: 1.75rem;
  border: 0.0625rem solid var(--brand-primary);
  border-radius: 50%;
  background: var(--brand-white);
  box-sizing: border-box;
  pointer-events: none;
  transform: translate(-50%, -50%);
}
.brand-feature__node::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
  background: var(--brand-primary);
  transform: translate(-50%, -50%);
}
.brand-feature__parent.theme-on-dark .brand-feature__rail {
  background: var(--brand-white);
}
.brand-feature__parent.theme-on-dark .brand-feature__node {
  border-color: var(--brand-white);
  background: transparent;
}
.brand-feature__parent.theme-on-dark .brand-feature__node::before {
  background: var(--brand-white);
}
.brand-feature__parent-logo {
  aspect-ratio: 1.724137931;
}
.brand-feature__parent-logo img {
  max-height: 100%;
}
.brand-feature__logo img {
  display: block;
  height: auto;
  max-height: 6.25rem;
  object-fit: contain;
}
.brand-feature__link:focus-visible {
  outline: 0.125rem solid currentColor;
  outline-offset: 0.25rem;
}
.brand-feature__link__icon {
  display: flex;
  width: 3.5rem;
  height: 3.5rem;
  align-items: center;
  justify-content: center;
  border: 0.125rem solid var(--brand-white);
  background: var(--brand-primary);
  color: var(--brand-white);
  line-height: 0;
  pointer-events: none;
}
.brand-feature__link__icon i {
  display: block;
  width: 1em;
  height: 1em;
  font-size: 1.95rem;
  line-height: 1;
  transition: transform 0.3s ease;
}
.brand-feature__link:hover .brand-feature__link__icon i, .brand-feature__link:focus-visible .brand-feature__link__icon i {
  transform: scale(1.3);
}
@media (min-width: 992px) {
  .brand-feature__rail, .brand-feature__node {
    left: 50%;
  }
  .brand-feature__logo {
    min-height: 14.375rem;
  }
  .brand-feature__logo img {
    height: 14.375rem;
    max-height: 14.375rem;
  }
}
.card--brand__image {
  min-height: 12.5rem;
}
@media (min-width: 992px) {
  .card--brand__image {
    min-height: 25rem;
  }
}
.card--brand__background {
  object-fit: cover;
  object-position: 0% 35%;
}
.card--brand__overlay {
  background: rgba(137, 207, 240, 0.7);
  z-index: 1;
}
.card--brand__logo {
  max-width: 57%;
  max-height: 9.375rem;
  object-fit: contain;
  z-index: 2;
}
.card--brand__logo--parent {
  max-height: 31.25rem;
  overflow: hidden;
}
.card--brand__logo--parent img {
  max-width: 100%;
  max-height: 31.25rem;
  object-fit: contain;
}
.card--brand__content {
  min-height: 25rem;
}