@charset "UTF-8";
@font-face {
  font-family: "BryantRegular";
  src: url("../fonts/BryantWebRegular/BryantWebRegular.eot?");
  src: url("../fonts/BryantWebRegular/BryantWebRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/BryantWebRegular/BryantWebRegular.woff2") format("woff2"), url("../fonts/BryantWebRegular/BryantWebRegular.woff") format("woff");
}
@font-face {
  font-family: "BryantWebRegularItalic";
  src: url("../fonts/BryantWebRegularItalic/BryantWebRegularItalic.eot?");
  src: url("../fonts/BryantWebRegularItalic/BryantWebRegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/BryantWebRegularItalic/BryantWebRegularItalic.woff2") format("woff2"), url("../fonts/BryantWebRegularItalic/BryantWebRegularItalic.woff") format("woff");
}
@font-face {
  font-family: "BryantWebMedium";
  src: url("../fonts/BryantWebMedium/BryantWebMedium.eot?");
  src: url("../fonts/BryantWebMedium/BryantWebMedium.eot?#iefix") format("embedded-opentype"), url("../fonts/BryantWebMedium/BryantWebMedium.woff2") format("woff2"), url("../fonts/BryantWebMedium/BryantWebMedium.woff") format("woff");
}
@font-face {
  font-family: "BryantWebMediumItalic";
  src: url("../fonts/BryantWebMediumItalic/BryantWebMediumItalic.eot?");
  src: url("../fonts/BryantWebMediumItalic/BryantWebMediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/BryantWebMediumItalic/BryantWebMediumItalic.woff2") format("woff2"), url("../fonts/BryantWebMediumItalic/BryantWebMediumItalic.woff") format("woff");
}
@font-face {
  font-family: "BryantWebBold";
  src: url("../fonts/BryantWebBold/BryantWebBold.eot?");
  src: url("../fonts/BryantWebBold/BryantWebBold.eot?#iefix") format("embedded-opentype"), url("../fonts/BryantWebBold/BryantWebBold.woff2") format("woff2"), url("../fonts/BryantWebBold/BryantWebBold.woff") format("woff");
}
@font-face {
  font-family: "TAYBarro";
  src: url("../fonts/taybarro/TAYBarro.eot");
  src: url("../fonts/taybarro/TAYBarro.eot") format("embedded-opentype"), url("../fonts/taybarro/TAYBarro.woff2") format("woff2"), url("../fonts/taybarro/TAYBarro.woff") format("woff"), url("../fonts/taybarro/TAYBarro.ttf") format("truetype"), url("../fonts/taybarro/TAYBarro.svg#TAYBarro") format("svg");
}
.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mb16 {
  margin-bottom: 1rem !important;
}
@media screen and (max-width: 767px) {
  .mb16 {
    margin-bottom: 0.75rem !important;
  }
}

.mr-4 {
  margin-right: 4rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.mb24 {
  margin-bottom: 1.5rem !important;
}
@media screen and (max-width: 767px) {
  .mb24 {
    margin-bottom: 1rem !important;
  }
}

.mb32 {
  margin-bottom: 2rem !important;
}
@media screen and (max-width: 767px) {
  .mb32 {
    margin-bottom: 1.5rem !important;
  }
}

.mb40 {
  margin-bottom: 2.5rem !important;
}
@media screen and (max-width: 767px) {
  .mb40 {
    margin-bottom: 1.5rem !important;
  }
}

.mr24 {
  margin-right: 1.5rem !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pr0 {
  padding-right: 0 !important;
}

.nopad {
  padding: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.two-col-list {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}
@media screen and (max-width: 767px) {
  .two-col-list {
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1;
  }
}

.text-sentence {
  text-transform: none !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.bold {
  font-family: "BryantWebMedium", "Helvetica Neue";
  font-weight: bold;
}

.bryant-med {
  font-family: "BryantWebMedium", "Helvetica Neue";
  letter-spacing: 0;
  text-transform: unset;
}
.bryant-med.sub-head {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
.bryant-med.large {
  font-size: 2.5rem;
}
@media screen and (max-width: 767px) {
  .bryant-med.large {
    font-size: 1.5rem;
  }
}

.bg-lt-gray {
  background-color: #f3f4f4 !important;
}

.text-sentence {
  text-transform: none !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.bryant-reg {
  font-family: "BryantRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: unset;
}

#skip_to_content {
  color: #222;
  position: absolute;
  top: -1000px;
  left: 0;
  right: 0;
  margin: auto;
  height: 1px;
  width: 1px;
  text-align: left;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#skip_to_content:focus {
  color: #222;
  display: inline-block;
  height: auto;
  width: auto;
  position: static;
  margin: auto;
}

.visuallyhidden,
.visually-hidden {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.w-40 {
  width: 40%;
}
@media (max-width: 1200px) {
  .w-40.mw-48 {
    width: 48%;
  }
}
@media screen and (max-width: 1200px) and (max-width: 768px) {
  .w-40.mw-48 {
    width: 100%;
  }
}

.w-100 {
  width: 100%;
}

.blue {
  color: #003087;
}

.underline {
  text-decoration: underline;
}

@media (min-width: 992px) {
  .hide-desktop {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .hide-ipad {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hide-mobile {
    display: none !important;
  }
}
@media (min-width: 480px) {
  .show-tablet {
    display: block;
  }
}
@media (min-width: 320px) {
  .show-tablet {
    display: block;
  }
}
.tungsten {
  font-family: "Tungsten A", "Tungsten B" !important;
}

*, :after, :before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

* {
  font: inherit;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: "BryantRegular";
}

article, aside, details, figcaption, figure, footer, form legend, header, hgroup, main, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

button, input, select, textarea {
  margin: 0;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  line-height: 1;
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25rem;
}

sup {
  top: -0.5rem;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35rem 0.75rem 0.625rem;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 1116px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1350px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1440px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
}

.row > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  /*padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);*/
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.col {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}

.row-cols-auto > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}

.col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 8.3333333333%;
}

.col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 33.3333333333%;
}

.col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 41.6666666667%;
}

.col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 58.3333333333%;
}

.col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 66.6666666667%;
}

.col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 83.3333333333%;
}

.col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 91.6666666667%;
}

.col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
  .g-sm-0,
.gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
.gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
  .g-md-0,
.gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
.gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
.gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
.gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
.gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
  .g-lg-0,
.gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
.gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-xxl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xxl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xxl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xxl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xxl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xxl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xxl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: -ms-grid !important;
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.flex-fill {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
}

.flex-grow-1 {
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
}

.justify-content-evenly {
  -webkit-box-pack: space-evenly !important;
      -ms-flex-pack: space-evenly !important;
          justify-content: space-evenly !important;
}

.align-items-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.align-items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
      align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
      align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
      align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
      align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
      -ms-grid-row-align: auto !important;
      align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
      align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
      -ms-grid-row-align: center !important;
      align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
      -ms-grid-row-align: stretch !important;
      align-self: stretch !important;
}

.order-first {
  -webkit-box-ordinal-group: 0 !important;
      -ms-flex-order: -1 !important;
          order: -1 !important;
}

.order-0 {
  -webkit-box-ordinal-group: 1 !important;
      -ms-flex-order: 0 !important;
          order: 0 !important;
}

.order-1 {
  -webkit-box-ordinal-group: 2 !important;
      -ms-flex-order: 1 !important;
          order: 1 !important;
}

.order-2 {
  -webkit-box-ordinal-group: 3 !important;
      -ms-flex-order: 2 !important;
          order: 2 !important;
}

.order-3 {
  -webkit-box-ordinal-group: 4 !important;
      -ms-flex-order: 3 !important;
          order: 3 !important;
}

.order-4 {
  -webkit-box-ordinal-group: 5 !important;
      -ms-flex-order: 4 !important;
          order: 4 !important;
}

.order-5 {
  -webkit-box-ordinal-group: 6 !important;
      -ms-flex-order: 5 !important;
          order: 5 !important;
}

.order-last {
  -webkit-box-ordinal-group: 7 !important;
      -ms-flex-order: 6 !important;
          order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: -ms-grid !important;
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: -ms-grid !important;
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: -ms-grid !important;
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: -ms-grid !important;
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: -ms-grid !important;
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-xxl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-xxl-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-xxl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-xxl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-xxl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-xxl-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-xxl-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-xxl-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-xxl-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-xxl-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-xxl-auto {
    -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
  }
  .align-self-xxl-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-xxl-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-xxl-center {
    -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important;
  }
  .align-self-xxl-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
  }
  .order-xxl-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .order-xxl-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .order-xxl-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .order-xxl-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .order-xxl-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .order-xxl-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .order-xxl-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .order-xxl-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: -ms-grid !important;
    display: grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
.row.wide {
  margin-left: -0.75rem !important;
  margin-right: -0.75rem !important;
}
@media screen and (max-width: 768px) and (min-width: 992px) {
  .row.wide {
    margin-right: -2rem !important;
  }
}
@media screen and (max-width: 768px) and (min-width: 992px) {
  .row.wide .col-lg-6.order-lg-2 {
    max-width: calc(100% - 1rem);
  }
}

.row.wide > div[class^=col-] {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.row.wider {
  margin-left: -14px !important;
  margin-right: -14px !important;
}
@media screen and (max-width: 1400px) {
  .row.wider {
    margin-left: -6px !important;
    margin-right: -6px !important;
  }
}

.row.wider > div[class^=col-] {
  padding-right: 14px;
  padding-left: 14px;
}

.right-link {
  margin-bottom: 2rem;
}
.right-link.center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.right-link.center.end {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .right-link.center.end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .right-link.center.end .link {
    padding-left: 1rem;
  }
  .right-link.center.end .title {
    margin-bottom: 1rem;
  }
}
.right-link .title {
  margin-bottom: 0;
}
.right-link .link {
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.9rem;
  font-weight: bold;
  color: #222222;
}
.right-link .link.arrow {
  background: url("../img/svgs/text-link-right-arrow-solid.svg") no-repeat center right;
  background-size: 18px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 1.75rem;
}
.right-link .link.arrow.solid {
  background: url("../img/svgs/text-link-right-arrow-solid.svg") no-repeat center right;
  background-size: 18px;
  padding-right: 1.5rem;
}

h1, h2, h3, h4, h5, h6 {
  color: #222222;
  font-family: "Tungsten A", "Tungsten B";
  letter-spacing: 0.05rem;
  line-height: 1;
  margin-top: 0;
  text-rendering: optimizelegibility;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
}

h1 {
  font-size: 2.75rem;
  line-height: 60px;
  margin-bottom: 16px;
}
@media screen and (min-width: 992px) {
  h1 {
    font-size: 5rem;
    line-height: 72px;
    margin-bottom: 8px;
  }
}

h2 {
  font-size: 2rem;
  margin-bottom: 18px;
}
@media screen and (min-width: 1200px) {
  h2 {
    font-size: 3rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  h2 {
    font-size: 2.5rem;
  }
}
h2.blue {
  color: #003087;
}
h2.title {
  margin-bottom: 2rem;
}
@media screen and (max-width: 1200px) {
  h2.title {
    margin-bottom: 1.5rem;
  }
}

h3 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

p {
  line-height: 1.4;
  margin-bottom: 8px;
  margin-top: 0;
}
p.lead {
  font-size: 1.5rem;
  margin-bottom: 32px;
}
p.small {
  font-size: 0.875rem;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

li {
  font-size: 1.15rem;
  margin-bottom: 1.5rem;
}
li .small {
  font-size: 1rem;
}
li .medium {
  font-size: 1.15rem;
}
li .large {
  font-size: 1.5rem;
}
@media screen and (max-width: 1200px) {
  li .large {
    font-size: 1.25rem;
  }
}

b, strong {
  color: #222222;
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.p-title {
  color: #222222;
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 12px;
  text-transform: none;
}
.p-title.large {
  font-size: 1.5rem;
}
.p-title.normal {
  font-weight: normal;
}

header hgroup h2 {
  margin-bottom: 0;
}
header hgroup h2 + h3 {
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1.35rem;
  text-transform: none;
}

.white {
  color: white !important;
}

.black {
  color: #222 !important;
}

.heading-text {
  font-family: "Tungsten A", "Tungsten B";
  text-transform: uppercase;
}
.heading-text.jumbo-text {
  font-size: 6rem;
}
@media screen and (max-width: 1200px) {
  .heading-text.jumbo-text {
    font-size: 4.5rem;
  }
}
@media screen and (max-width: 992px) {
  .heading-text.jumbo-text {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .heading-text.jumbo-text {
    font-size: 3.75rem;
  }
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: "BryantRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0.5px;
}

[class^=col-].gap-28 {
  padding-left: 14px;
  padding-right: 14px;
}

section.section {
  background-color: #ffffff;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 768px) {
  section.section .page-header {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  section.section.mobile-section {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  section.section#mod-1 {
    padding-top: 1rem;
  }
}
@media screen and (min-width: 992px) {
  section.section {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 576px) {
  section.section.section-wide .segment {
    border-radius: 0;
  }
}

.custom-list {
  list-style: none;
  padding-left: 0;
}
.custom-list li {
  line-height: 1.1;
  margin-bottom: 1.7rem;
  position: relative;
  padding-left: 2rem;
}
.custom-list li:before {
  content: "";
  width: 19px;
  height: 19px;
  position: absolute;
  background-image: url("../img/check.png");
  background-size: cover;
  background-position: center;
  left: 0;
  top: 30%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex.media-component ul {
  list-style-type: none;
  margin-top: 0;
}
@media screen and (max-width: 992px) {
  .flex.media-component ul {
    padding-left: 0;
  }
}
.flex.media-component ul li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.75rem;
}
.flex.media-component ul li .list-item {
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.125rem;
}
@media screen and (max-width: 992px) {
  .flex.media-component ul li {
    margin-bottom: 1.5rem;
  }
}
.flex.media-component ul li .icon {
  margin-right: 0.75rem;
  width: 40px;
}
@media screen and (max-width: 768px) {
  .flex.media-component ul li .icon {
    margin-right: 1rem;
    width: 1.5rem;
  }
}
@media screen and (min-width: 992px) {
  .flex.media-component ul li {
    margin-bottom: 2rem;
    margin-right: 2rem;
  }
}
.flex.media-component ul li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 992px) {
  .flex.media-component ul li:last-child {
    margin-bottom: 1rem;
  }
}
.inverted .flex {
  color: #ffffff;
}
.inverted .flex p, .inverted .flex a:not(.ca-button) {
  color: #ffffff;
}
.inverted .flex a {
  font-size: 0.9rem;
  font-weight: bold;
}

@media screen and (min-width: 1200px) {
  .mobile {
    display: none !important;
  }
}
@media screen and (max-width: 1200px) {
  .desktop {
    display: none !important;
  }
}
@media screen and (max-width: 992px) {
  main#aaaAnchorTagContainer section:first-of-type {
    padding-top: 0;
  }
}
.ca-button {
  border-radius: 4px;
  display: inline-block;
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.2;
  padding: 0.75rem 1rem;
  text-align: center;
  text-decoration: none;
  width: auto;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ca-button.transparent {
  background: transparent;
}
.ca-button.hide-desktop {
  min-width: 140px;
}
@media screen and (max-width: 768px) {
  .ca-button {
    padding: 0.65rem 0.75rem;
  }
}
.ca-button.link {
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #222222;
}
.ca-button.link:hover {
  text-decoration: underline;
}
.ca-button.link.ca-overlay {
  background: none;
  color: #fff;
  font-size: 0.875rem;
  font-weight: normal;
  text-decoration: underline;
  border: none;
  cursor: pointer;
}
.ca-button.link.arrow {
  background: url("../img/svgs/text-link-right-arrow-outline.svg") no-repeat center right;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 1.75rem;
}
.ca-button.link.arrow.white {
  background: url("../img/svgs/text-link-right-arrow-outline-white.svg") no-repeat center right;
}
.ca-button.link.arrow.small {
  background: url("../img/svgs/text-link-right-arrow-solid.svg") no-repeat right 0;
  background-size: 18px;
  min-height: 18px;
  padding-right: 1.5rem;
}
.ca-button.link.pointer {
  background: url("../img/svgs/text-link-right-arrow-outline.svg") no-repeat center right;
  background-size: 20px;
  font-size: 0.875rem;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 1.5rem;
}
.ca-button.link.pointer.white {
  background: url("../img/svgs/text-link-right-arrow-outline-white.svg") no-repeat center right;
}
.ca-button.link.pointer.small {
  background: url("../img/svgs/text-link-right-arrow-solid.svg") no-repeat center right;
  background-size: 18px;
  padding-right: 1.5rem;
}
.ca-button.small {
  font-size: 0.8rem;
  padding: 0.6rem 0.7rem;
}
.ca-button.min {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}
.ca-button.primary {
  background-color: #be1a0e;
  color: #ffffff;
}
.ca-button.primary:hover {
  background-color: #98150B;
}
.ca-button.primary.alt-blue {
  background-color: #1a495c;
  color: #ffffff !important;
}
.ca-button.primary.blue {
  background-color: #003087;
}
.ca-button.primary.blue.small {
  font-size: 1rem;
  font-weight: normal;
  padding: 0.6rem 0.75rem;
}
.ca-button.secondary {
  background-color: #ffffff;
  color: #222222;
}
.ca-button.secondary.alt {
  background-color: #222222;
  color: #ffffff;
}
.ca-button.secondary.alt:hover {
  background-color: #292A2A;
}
.ca-button.secondary.transparent {
  background: transparent;
}
.ca-button.outline {
  -webkit-box-shadow: inset 0px 0px 0px 1px #222222;
          box-shadow: inset 0px 0px 0px 1px #222222;
}
.ca-button.outline:hover {
  background-color: #f3f4f4;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ca-button.outline.ghost {
  -webkit-box-shadow: inset 0px 0px 0px 1px #ffffff;
          box-shadow: inset 0px 0px 0px 1px #ffffff;
}
.ca-button.outline.ghost:hover {
  background-color: #ffffff;
  color: #222222;
}
.ca-button.outline.dark {
  background: none;
  color: #222222;
}
.ca-button.outline.dark:hover {
  background-color: #222222;
  color: #ffffff;
}
.ca-button.flat {
  border: none;
}
.ca-button.link {
  color: #222222;
  font-family: "BryantWebMedium";
  padding: 0;
}
.ca-button.link.small {
  font-size: 0.85rem;
}
.ca-button.dark {
  background: #222;
  color: #ffffff;
}
.ca-button.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}
.ca-button.flex.center {
  margin: 0 auto;
}

.ca-button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ca-button-wrap.two .ca-button {
  margin: 0 0.5rem;
}
.ca-button-wrap .ca-button {
  margin: 0 0.25rem;
}
@media screen and (max-width: 1200px) {
  .ca-button-wrap .ca-button {
    margin: 0 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .ca-button-wrap .ca-button {
    margin: 0 0.25rem;
  }
}
.ca-button-wrap .ca-button:first-of-type {
  margin-left: 0;
}
.ca-button-wrap .ca-button:last-of-type {
  margin-right: 0;
}
.ca-button-wrap .icon-button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1200px) {
  .ca-button-wrap .icon-button-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1rem;
  }
}
.ca-button-wrap .icon-button-wrap .ca-button-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0.5rem;
}
@media screen and (max-width: 992px) {
  .ca-button-wrap .icon-button-wrap .ca-button-icon {
    -ms-flex-preferred-size: 48.5%;
        flex-basis: 48.5%;
    margin: 0;
    min-height: 3.5rem;
  }
}
@media screen and (max-width: 580px) {
  .ca-button-wrap .icon-button-wrap .ca-button-icon {
    -ms-flex-preferred-size: 47.75%;
        flex-basis: 47.75%;
    text-align: left;
  }
}
@media screen and (max-width: 402px) {
  .ca-button-wrap .icon-button-wrap .ca-button-icon {
    -ms-flex-preferred-size: 47.5%;
        flex-basis: 47.5%;
  }
}
@media screen and (max-width: 369px) {
  .ca-button-wrap .icon-button-wrap .ca-button-icon {
    -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
  }
}
.ca-button-wrap .icon-button-wrap .ca-button-icon .ca-icon {
  display: inline-block;
  margin-top: -3px;
  margin-right: 0.25rem;
  width: 1.5rem;
}
@media screen and (max-width: 767px) {
  .ca-button-wrap .icon-button-wrap .ca-button-icon .ca-icon {
    margin-top: 0;
    margin-right: 0.75rem;
    width: 1.75rem;
  }
}

.ca-button.ca-disabled {
  opacity: 0.35;
}
.ca-button.ca-disabled.active {
  opacity: 1;
}
.ca-button.ca-disabled.secondary {
  background: #e6e6e6;
}
.ca-button.ca-disabled.secondary.arrow {
  padding-right: 3.25rem;
}
.ca-button.ca-disabled.secondary.arrow.arrow-outline {
  background: url("../img/svgs/text-link-right-arrow-outline.svg") no-repeat 92% center #e6e6e6;
}

.segment {
  border-radius: 6px;
  padding: 16px;
}
@media screen and (min-width: 992px) {
  .segment {
    border-radius: 6px;
    padding: 24px 26px;
  }
}
.segment > .content.flex-2 ul:first-of-type {
  margin-bottom: 1.75rem;
}
@media screen and (max-width: 992px) {
  .segment > .content.flex-2 ul:first-of-type {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  .segment > .content.flex-2 ul:first-of-type {
    margin-bottom: 0;
  }
}
.segment > .content.flex-2 ul:last-of-type {
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 992px) {
  .segment > .content.flex-2 ul:last-of-type {
    margin-bottom: 0;
  }
}
.segment.img.bg-overlay {
  position: relative;
}
.segment.img.bg-overlay a {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
  font-weight: bold;
  height: 100px;
  padding-bottom: 1rem;
  padding-left: 1rem;
  width: 100%;
}
@media screen and (max-width: 576px) {
  .segment.img.bg-overlay a {
    font-size: 1.175rem;
    height: 86px;
  }
}
.segment.img.bg-overlay a .text {
  color: #ffffff;
  font-size: 1.5rem;
  position: relative;
  z-index: 999;
}
@media screen and (max-width: 576px) {
  .segment.img.bg-overlay a .text {
    font-size: 1.175rem;
    font-weight: normal;
  }
}
.segment.img.bg-overlay:after {
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0.25)));
  background-image: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0.25));
  border-radius: 6px;
}
.segment .header {
  padding-bottom: 2.5rem;
  padding-right: 4rem;
}
@media screen and (max-width: 768px) {
  #our-agents .segment .header {
    padding-right: 1rem;
  }
}
.segment .header.header-banner {
  padding-bottom: 1rem;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .segment .header.header-banner {
    padding-right: 1rem;
  }
}
@media screen and (max-width: 1200px) {
  .segment .header {
    padding-bottom: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .segment .header {
    padding-left: 1rem;
  }
}
.segment.expanded {
  padding: 40px 16px;
}
@media screen and (min-width: 1200px) {
  .segment.expanded {
    padding: 4rem;
  }
}
.segment.expanded > .content h2 {
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 992px) {
  .segment.expanded > .content h2 {
    margin-bottom: 3rem;
  }
}
.segment.expanded.h-100 {
  height: calc(100% - 64px);
  padding-bottom: 0;
  padding-top: 52px;
}
.segment.full {
  padding: 4rem;
}
@media screen and (max-width: 1200px) {
  .segment.full {
    padding: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .segment.full.ca-overlay {
    padding: 8.75rem 0 3rem;
  }
}
.segment.full.ca-overlay {
  height: 100%;
  position: relative;
  width: 100%;
}
.segment.full.ca-overlay.banner {
  background-size: cover;
  padding-right: 0;
  padding-top: 5rem;
}
@media screen and (max-width: 992px) {
  .segment.full.ca-overlay.banner {
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 1rem;
  }
}
@media screen and (max-width: 992px) and (max-width: 768px) {
  .segment.full.ca-overlay.banner {
    padding-left: 0;
  }
}
.segment.full.ca-overlay.centered {
  text-align: center;
}
.segment.full.ca-overlay .list {
  color: #fff;
  position: relative;
  z-index: 999;
}
.segment.full.ca-overlay .list.horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 1400px) {
  .segment.full.ca-overlay .list.horizontal {
    gap: 1rem;
  }
}
@media screen and (max-width: 1200px) {
  .segment.full.ca-overlay .list.horizontal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0;
    margin-top: 3rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1400px) {
  .segment.full.ca-overlay .list.horizontal {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
  }
  .segment.full.ca-overlay .list.horizontal .item.quarter {
    width: 46%;
  }
}
@media screen and (max-width: 992px) {
  .segment.full.ca-overlay .list.horizontal {
    gap: 1.5rem;
  }
}
.segment.full.ca-overlay .list .item {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  position: relative;
}
.segment.full.ca-overlay .list .item.quarter {
  width: 25%;
}
@media screen and (max-width: 1200px) {
  .segment.full.ca-overlay .list .item.quarter {
    width: 100%;
  }
  .segment.full.ca-overlay .list .item.quarter .description {
    line-height: 2;
    margin-bottom: 0;
  }
  .segment.full.ca-overlay .list .item.quarter .content {
    line-height: 1.2;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .segment.full.ca-overlay .list .item > .description.head {
    font-family: "Tungsten A", "Tungsten B";
    font-size: 1rem;
    font-weight: normal;
    left: 72px;
    letter-spacing: 1px;
    position: absolute;
    top: -15px;
    text-transform: uppercase;
  }
}
.segment.full.ca-overlay .list .item > .content {
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  line-height: 1.2;
}
.segment.full.ca-overlay:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 6px;
  left: 0;
  background-color: rgba(47, 47, 47, 0.85);
  background-image: radial-gradient(circle at top right, rgba(47, 47, 47, 0.85), rgb(47, 47, 47));
  opacity: 0.95;
}
@media screen and (max-width: 768px) {
  .segment.full.ca-overlay:before {
    background-color: rgba(47, 47, 47, 0.85);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(47, 47, 47, 0)), color-stop(15%, rgb(48, 48, 48)));
    background: linear-gradient(180deg, rgba(47, 47, 47, 0) 0%, rgb(48, 48, 48) 15%);
    border-radius: 6px;
  }
}
.segment.full.ca-overlay.ltr:before {
  background: rgb(255, 5, 5);
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 5, 5, 0)), color-stop(60%, #2f2f2f));
  background: linear-gradient(270deg, rgba(255, 5, 5, 0) 0%, #2f2f2f 60%);
}
.segment.full.ca-overlay.rtl:before {
  background: rgb(255, 5, 5);
  background: -webkit-gradient(linear, left top, right top, color-stop(-20%, rgba(255, 5, 5, 0)), color-stop(60%, #225068));
  background: linear-gradient(90deg, rgba(255, 5, 5, 0) -20%, #225068 60%);
  opacity: 1;
}
@media screen and (max-width: 992px) {
  .segment.full.ca-overlay.rtl:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(255, 5, 5, 0)), color-stop(20%, #225068));
    background: linear-gradient(180deg, rgba(255, 5, 5, 0) 20%, #225068 20%);
  }
}
.segment.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 992px) {
  .segment.flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.segment.flex.middle {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.segment.flex.middle.icon-left {
  padding-left: 4rem;
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
  .segment.flex.middle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .segment.flex.middle .media-component {
    margin-bottom: 3rem;
  }
}
@media screen and (min-width: 768px) {
  .segment.flex.middle {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .segment.flex.middle .flex-2 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 1200px) {
  .segment.flex.middle {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .segment.flex.middle .flex-2 {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.segment.outline {
  border: 1px solid #003087;
}
.segment.outline.gray {
  border: 1px solid #0e0e0e;
}
.segment.outline.blue h2 {
  color: #003087;
}
.segment.inverted.blue {
  background-color: #003087;
}
.segment.inverted.blue h2, .segment.inverted.blue p {
  color: #ffffff;
}
.segment.inverted.light.gray {
  background-color: #f3f4f4;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .segment.inverted.light.gray {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .segment.inverted.light.gray.split {
    margin-left: 0;
    margin-right: 0;
  }
}
.segment.inverted.light.gray .p-title {
  color: #222222;
}
.segment.inverted.navy {
  background-color: #003087;
}
.segment.inverted.red {
  background: #be1a0e;
  color: #ffffff;
}
.segment.inverted.red .p-title {
  color: #ffffff;
}
.segment.inverted.bright-red {
  background: #da291c;
}
.segment.split {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 0;
}
.segment.split.alt {
  max-height: 335px;
  min-height: 335px;
}
.segment.split.alt.centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 4rem;
  padding-right: 4rem;
}
@media screen and (max-width: 992px) {
  .segment.split.alt.centered {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.segment.split .content-wrap {
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 992px) {
  .segment.split {
    margin-bottom: 0.5rem;
  }
}
.segment.split > .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4rem 1rem 0;
}
.segment.split > .content.left {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 3rem;
}
.segment.split > .content.left .flex .ca-button {
  margin-bottom: 2rem;
}
.segment.split > .content.centered {
  text-align: center;
}
.segment.split > .content.centered.middle {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.segment.split > .content.centered.middle:hover {
  -webkit-box-shadow: inset 0 0 0 1px #222;
          box-shadow: inset 0 0 0 1px #222;
  border-radius: 6px;
}
.segment.split > .content.centered.middle .icon-wrap {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.segment.split > .content.centered.middle .icon {
  margin-bottom: 8px;
}
.segment.split > .content.stacked {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding-left: 3rem;
  padding-right: 3rem;
}
@media screen and (max-width: 768px) {
  .segment.split > .content.stacked {
    padding-left: 1rem;
  }
}
.segment.split.small {
  min-height: 140px;
}
@media screen and (max-width: 1400px) {
  .segment.split.small {
    min-width: 204px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .segment.split.small {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    min-width: 166px;
    max-width: 166px;
  }
}
.segment.split.small > .content {
  padding: 2.25rem 0;
}
.segment.split.small > .content.centered.middle .icon-wrap {
  height: 50px;
}
.segment.split.small > .content.centered.middle .p-title {
  font-size: 1.125rem;
  font-weight: normal;
  margin-bottom: 0;
}
.segment.split.small > .content.centered.middle .icon {
  height: 40px;
  width: 40px;
}
.segment.split.large {
  min-height: 176px;
}
@media screen and (max-width: 1400px) {
  .segment.split.large {
    min-width: 204px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .segment.split.large {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    min-width: auto;
    max-width: none;
  }
}
.segment.split.large > .content {
  padding: 1.75rem 0;
}
.segment.split.large > .content.centered.middle .icon-wrap {
  height: 98px;
}
.segment.split.large > .content.centered.middle .p-title {
  font-size: 1.125rem;
  font-weight: normal;
  margin-bottom: 0;
}
.segment.split.large > .content.centered.middle .icon {
  height: 96px;
  width: 96px;
}
.segment.split.icon-card .media-component > .content {
  padding: 3rem 1rem 0;
}
.segment.button {
  border-radius: 6px;
  margin-bottom: 1.5em;
  padding: 0;
}
@media screen and (max-width: 992px) {
  .segment.button {
    margin-bottom: 1rem;
  }
}
.segment.button.outline {
  border: 1px solid #222;
}
.segment.button > .link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 88px;
  padding: 16px;
  white-space: normal;
}
@media screen and (min-width: 992px) {
  .segment.button > .link {
    padding: 0 2rem;
  }
}
.segment.button > .link > .text {
  color: #222222;
  font-family: "BryantWebMedium";
  font-size: 1rem;
  font-weight: bold;
  padding: 0;
}
.segment .list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-right: 4rem;
}
@media screen and (max-width: 1200px) {
  .segment .list-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media screen and (max-width: 768px) {
  .segment .list-wrap {
    padding-left: 1rem;
  }
}
.segment .text-xl {
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .segment .text-xl {
    font-size: 2rem;
  }
  #our-agents .segment .text-xl {
    text-align: center;
  }
}
.segment.lt-blue {
  background: #ecf8fd;
}
.segment.lt-blue .row * {
  color: #1a495c;
}
.segment .flex-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.segment .flex-middle.justify-right {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
@media screen and (max-width: 992px) {
  .segment .flex-middle.justify-right.mobile-left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.title-wrap .title {
  margin-bottom: 0.5rem;
}
.title-wrap .sub-text {
  font-size: 1.175rem;
  margin-bottom: 0;
}

.group {
  margin-bottom: 1.25em;
}
.group.grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 0;
}

.stacked {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.row.two .col-6:nth-child(4n+1), .row.two .col-6:nth-child(4n+2) {
  margin-bottom: 1.5rem;
}

.content {
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 992px) {
  .content {
    margin-bottom: 0;
  }
}
.content.media-component {
  margin-bottom: 0;
  width: 100%;
}
.content.media-component.flex-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.content.media-component.flex-2 + .ca-button.mobile {
  margin: auto;
}
@media screen and (min-width: 768px) {
  .content.media-component.flex-2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.content.media-component.flex-2 .ca-button {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}

.ca-overlay {
  position: relative;
  z-index: 999;
}

.select-wrap {
  margin-bottom: 2.5rem;
}

.header-banner .ca-overlay.white li a {
  color: #ffffff;
  text-decoration: underline;
}

ul.ca-overlay.white.check.bullets {
  list-style: none;
}
ul.ca-overlay.white.check.bullets li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.5rem;
}
#our-agents ul.ca-overlay.white.check.bullets li a {
  display: contents;
}
ul.ca-overlay.white.check.bullets li:before {
  content: "";
  display: inline-block;
  height: 1.5rem;
  max-height: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  min-width: 1.5rem;
  width: 1.5rem;
  background-image: url("../img/svgs/check-circle.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 1em;
}

@media screen and (max-width: 768px) {
  .segment.full.banner.ca-overlay {
    background-image: none !important;
    border-radius: 6px;
    padding-bottom: 5rem;
  }
  #our-agents .segment.full.banner.ca-overlay {
    padding-top: 0;
  }
  .segment.full.banner.ca-overlay .header-banner {
    background-color: #225068;
    padding-top: 2.5rem;
  }
  .segment.full.banner.ca-overlay img {
    border-radius: 6px 6px 0 0;
  }
  .segment.full.banner.ca-overlay img.img {
    border-radius: 100%;
  }
  .segment.full.banner.ca-overlay.ltr:before {
    background: #2f2f2f;
    border-radius: 0 0 6px 6px;
    top: 240px;
  }
}
@media screen and (max-width: 992px) {
  #our-agents .header-banner .ca-button {
    display: block;
    margin: auto;
    width: 160px;
  }
}
#our-agents .header-img-wrap {
  position: relative;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  #our-agents .header-img-wrap {
    max-height: 200px;
  }
}
#our-agents .header-img-wrap:after {
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-100%, rgba(255, 5, 5, 0)), color-stop(33%, #225068));
  background: linear-gradient(180deg, rgba(255, 5, 5, 0) -100%, #225068 33%);
  width: 100%;
  height: 50px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.hr-divider {
  margin: 1.5rem auto;
  position: relative;
  z-index: 0;
}
.hr-divider .hr-border {
  display: block;
  position: relative;
  z-index: 0;
}
.hr-divider .hr-border:before {
  background: #d0d1d1;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 0.5rem;
  width: 100%;
  z-index: 1;
}
.hr-divider .hr-text {
  background: #F3F4F4;
  font-size: 0.875rem;
  padding: 0 0.75rem;
  position: relative;
}

.ins-process .segment {
  padding: 4.5rem 0 5rem;
}
.ins-process .segment.light.gray:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 6px;
  left: 0;
  background-color: #F3F4F4;
  background-image: none;
}
.ins-process .segment .select-wrap {
  margin-bottom: 2rem;
}
.ins-process .segment .select-directions {
  font-size: 0.875rem;
  margin-bottom: 0;
}
.ins-process .segment fieldset {
  padding: 0;
}

.ca-disclaimer {
  font-size: 0.875rem;
  line-height: 1.2;
}

@media screen and (max-width: 1400px) {
  .next-best-action .ca-button-wrap {
    -ms-flex-preferred-size: 40% !important;
        flex-basis: 40% !important;
  }
}
@media screen and (max-width: 992px) {
  .next-best-action .segment-content-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.page-header > hgroup > .title {
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .page-header > hgroup > .title {
    margin-bottom: 10px;
  }
}
.page-header > hgroup > .subtitle {
  font-family: "BryantRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.2rem;
  letter-spacing: normal;
  line-height: 1.1;
  margin-bottom: 1.85rem;
  text-transform: none;
}
@media screen and (min-width: 992px) {
  .page-header > hgroup > .subtitle {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 992px) {
  .page-header.flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-header.flex .contact-wrap-group {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}

.contact-wrap-group {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.contact-wrap-group .contact-wrap .contact {
  padding-right: 4rem;
  position: relative;
}
@media screen and (max-width: 992px) {
  .contact-wrap-group .contact-wrap .contact {
    padding-right: 0.5rem;
  }
}
.contact-wrap-group .contact-wrap .contact:after {
  content: "or";
  color: #646464;
  font-size: 0.75rem;
  font-weight: bold;
  position: absolute;
  height: 10px;
  right: 2rem;
  top: 12px;
  width: 10px;
}
@media screen and (max-width: 992px) {
  .contact-wrap-group .contact-wrap .contact:after {
    content: "";
  }
}

.contact-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 1rem;
}
.contact-wrap .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.contact-wrap .contact .top-text {
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 0.25rem;
}
.contact-wrap .contact .number a {
  color: #be1a0e;
  font-weight: bold;
}
.ca-button-wrap .contact-wrap {
  max-height: 40px;
}
.contact-wrap .icon-phone.flip-horizontal {
  margin-right: 0.5rem;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  width: 20px;
}

.policy-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 992px) {
  .policy-header {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.policy-header > hgroup > .subtitle {
  margin-bottom: 0;
}
@media screen and (max-width: 992px) {
  .policy-header > hgroup > .subtitle {
    margin-bottom: 1.5rem;
  }
}

.offset-slider-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}

.slick-slide {
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.slick-active {
  opacity: 0.5;
}

.slick-current {
  opacity: 1;
}

@media screen and (max-width: 992px) {
  .slick-arrow, .slick-prev:before, .slick-next:before {
    display: none !important;
  }
}

.slider-wrap {
  margin-top: 6rem;
}
.slider-wrap .ca-button.mobile {
  margin-left: 0.5rem;
}
@media screen and (max-width: 768px) {
  .slider-wrap .ca-button.mobile {
    margin-left: 2rem;
  }
}
@media screen and (max-width: 576px) {
  .slider-wrap .ca-button.mobile {
    margin-left: 3rem;
  }
}

.slide-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(100% - 2rem);
}
@media screen and (max-width: 768px) {
  .slide-head {
    padding-left: 1rem;
  }
}
.slide-head .title {
  font-size: 2rem;
  margin-bottom: 1.5rem;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}
@media screen and (max-width: 1200px) {
  .slick-dotted.slick-slider {
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 768px) {
  .shops .slick-list .slick-slide:first-of-type {
    margin-right: 1.8rem;
    padding-left: 1rem !important;
  }
}

@media screen and (max-width: 1200px) {
  .deals-slide.slider.slick-slider {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .deals-slide.slider.slick-slider .slick-list {
    padding-left: 1rem !important;
  }
}
.deals-slide .slick-slide .image-card {
  background-size: cover;
  height: 334px;
  min-width: 534px;
  max-width: 534px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .deals-slide .slick-slide .image-card {
    min-width: 272px;
    max-width: 272px;
  }
}
.driving-tips .slick-slide .image-card {
  background-size: cover;
  height: 408px;
  min-width: 320px;
  max-width: 320px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .driving-tips .slick-slide .image-card {
    height: 335px;
    width: 272px;
    min-width: 272px;
    max-width: 272px;
  }
}

.membership-more .mem-wrap {
  background-size: cover;
  border-radius: 6px;
  height: 246px;
  margin-right: 24px;
  min-width: 474px;
  max-width: 474px;
  position: relative;
}
.membership-more .mem-wrap .member-slide-card .slide-content {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  padding: 2rem 1.5rem 1.5rem;
}
.membership-more .mem-wrap .member-slide-card .slide-content .head {
  font-family: "BryantWebMedium", sans-serif;
  font-size: 1.5rem;
  line-height: 1.2;
}
.membership-more .mem-wrap .member-slide-card .slide-content .subtext {
  font-size: 1rem;
  line-height: 1.2;
}
.membership-more .mem-wrap .member-slide-card .slide-content .ca-button {
  margin-top: auto;
}
.membership-more .mem-wrap img {
  border-radius: 0 6px 6px 0;
  height: 246px;
  width: 190px;
}
.membership-more .mem-wrap.lt-blue {
  background-color: #D9F0FA;
}
.membership-more .mem-wrap.lt-blue .slide-content {
  color: #222;
}
.membership-more .mem-wrap.gold {
  background-color: #FFA300;
}
.membership-more .mem-wrap.gold .slide-content {
  color: #222;
}
.membership-more .mem-wrap.dk-red {
  background-color: #98150B;
}
.membership-more .mem-wrap.dk-red .slide-content {
  color: #fff;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: 0 !important;
}

.slick-slide {
  margin: 0;
  margin-right: 1rem;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  /*opacity: .2;*/
}

.slick-prev, .slick-next {
  z-index: 99999;
}

.slick-next {
  right: 20px;
}

.slick-next:before {
  background: url("../img/svgs/right-arrow.svg") no-repeat center center;
  border-radius: 50%;
  color: #fff;
  padding: 30px;
}

.slick-prev:before {
  background: url("../img/svgs/left-arrow.svg") no-repeat center center;
  border-radius: 50%;
  color: #fff;
  padding: 30px;
}

@media screen and (max-width: 768px) {
  .regular.slick-slider .slick-list {
    padding-left: 1rem !important;
  }
}
.slick-disabled.slick-prev, .slick-disabled .slick-next {
  cursor: default;
}

.shops .slick-slide {
  margin: 0;
  margin-right: 0.9rem;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  width: 360px !important;
  /*opacity: .2;*/
}
@media screen and (max-width: 992px) {
  .shops .slick-slide {
    width: 300px !important;
  }
}
.slick-active {
  opacity: 1;
}

.slick-current {
  opacity: 1;
}

.clamped {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.slider .slide-track {
  -webkit-transform: translate3d(-180px, 0px, 0px) !important;
          transform: translate3d(-180px, 0px, 0px) !important;
}

.pane {
  position: fixed;
  top: 0;
  left: -30%;
  padding: 1rem 2rem;
  height: 100vh;
  width: 30%;
  background: white;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  z-index: 99999999;
}

.pane.open {
  left: 0;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-size: 20px;
  line-height: 1;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "";
}

[dir=rtl] .slick-prev:before {
  content: "";
}

/*.slick-next
{
  right: -25px;
}*/
[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
@media screen and (max-width: 1200px) {
  .slider-wrap .shops.slick-slider {
    margin-bottom: 2rem;
  }
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
}

.image-card {
  height: 100%;
  overflow: hidden;
  position: relative;
  white-space: normal;
  width: 100%;
}
.image-card .src-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.featured-Swiper-wrap .image-card .src-img {
  max-height: 360px;
}
@media screen and (max-width: 768px) {
  .featured-Swiper-wrap .image-card .src-img {
    max-height: 272px;
  }
}
.image-card.full {
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 386px;
  border-radius: 6px;
  z-index: 9999;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.featured-Swiper-wrap .image-card.full {
  height: 434px;
}
@media screen and (max-width: 768px) {
  .featured-Swiper-wrap .image-card.full {
    height: 348px;
  }
}
@media screen and (max-width: 1200px) {
  .image-card.full {
    height: 348px;
  }
}
.image-card.full .tag {
  color: #222;
  position: absolute;
  background-color: #fff;
  padding: 0.5rem 2rem;
  border-radius: 4px;
  top: 0.5rem;
  right: 0.5rem;
  font-family: "BryantWebMedium";
  font-size: 0.85rem;
}
.image-card.full .content {
  color: #fff;
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 6rem;
  font-size: 1.5rem;
  line-height: 1.2;
  margin-bottom: 0;
}
@media screen and (max-width: 1200px) {
  .image-card.full .content {
    font-size: 1.1rem;
    height: 5rem;
  }
}
.image-card.full.gradient.ca-overlay:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, transparent), color-stop(60%, rgb(47, 47, 47)));
  background-image: linear-gradient(to bottom, transparent 5%, rgb(47, 47, 47) 60%);
  opacity: 0.95;
  z-index: -1;
}
.image-card.full.image-card-wrap {
  padding: 0;
  position: relative;
}
@media screen and (min-width: 1400px) {
  .image-card.full.image-card-wrap {
    width: 100%;
  }
}
.image-card.full.image-card-wrap .content {
  position: relative;
  bottom: 0;
  padding: 0 1.5rem;
  z-index: 2;
  border-radius: 0 0 6px 6px;
}
.featured-Swiper-wrap .image-card.full.image-card-wrap .content {
  border: 1px solid #ddd;
  border-top: 0;
  height: 4.5rem;
}
.image-card.full.image-card-wrap .content.footer {
  color: #222;
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  height: 74px;
  background-color: #fff;
  position: absolute;
  width: 100%;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-radius: 0 0 6px 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 1.5rem;
}
@media screen and (max-width: 1200px) {
  .three .image-card.full.image-card-wrap {
    max-width: 315px;
    min-width: 315px;
  }
}
@media screen and (max-width: 992px) {
  .three .image-card.full.image-card-wrap {
    max-width: 272px;
    min-width: 272px;
  }
}
@media screen and (max-width: 1200px) {
  .four .image-card.full.image-card-wrap {
    max-width: 272px;
    min-width: 272px;
  }
}
.image-card.full.image-card-wrap.gradient.ca-overlay:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, transparent), color-stop(60%, rgb(47, 47, 47)));
  background-image: linear-gradient(to bottom, transparent 5%, rgb(47, 47, 47) 60%);
  opacity: 0.95;
  z-index: 1;
}

.shop-card > .footer {
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-transform: uppercase;
  border-top: 1px solid #e7e8e8;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.shop-card > .footer .left {
  color: #646464;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Tungsten A", "Tungsten B";
  letter-spacing: 1px;
}
.shop-card > .footer .left > .miles {
  display: inline-block;
  margin-right: 0.5rem;
  position: relative;
}
.shop-card > .footer .left > .miles:after {
  content: ".";
  position: absolute;
  bottom: 20%;
  right: -11px;
}
.shop-card > .footer .right {
  color: #646464;
  font-size: 0.9rem;
}
.shop-card > .footer .right .icon.icon-star {
  width: 1rem;
  margin-right: 0.35rem;
}
.shop-card > .footer .status.aaa-icon {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.shop-card > .footer .status.aaa-icon img {
  width: 32px;
}

.shop-card {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #ccc;
  border-radius: 6px;
  height: 202px;
  min-height: 220px;
  width: 360px;
  line-height: 1.5;
}
.shop-card .main {
  padding: 2rem 1.25rem 1rem;
  color: #222;
  min-height: 166px;
  text-align: left;
}
.shop-card .main .title {
  font-size: 1.125rem;
  line-height: 1;
  margin-bottom: 0.5rem;
}
.shop-card .main .address {
  font-size: 0.875rem;
  line-height: 1;
  margin-bottom: 0.5rem;
}
.scroll-area-wrap {
  scroll-behavior: smooth;
}
.scroll-area-wrap .scroll-area {
  position: relative;
  z-index: 0;
}
.scroll-area-wrap.wider .scroll-area {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.scroll-area-wrap.wider .scroll-area .row .col {
  padding-left: 16px;
  padding-right: 16px;
}

@media screen and (max-width: 768px) {
  .scroll-area-wrap .scroll-area {
    margin-right: -1rem !important;
    padding-left: 0;
    padding-right: 3rem;
  }
  .scroll-area-wrap .scroll-area.wide {
    padding-left: 1rem;
  }
  .scroll-area-wrap .scroll-area .segment.inverted.light.gray.split {
    margin-left: 0;
    margin-right: 0;
  }
  .scroll-area-wrap.ca-button-wrap {
    padding-right: 0;
    margin-right: -1.25rem;
  }
  .scroll-area-wrap.ca-button-wrap .scroll-area {
    padding-left: 0;
  }
}
@media screen and (max-width: 1400px) {
  .scroll-area-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -0.75rem;
    overflow: hidden;
    position: relative;
  }
}
@media screen and (max-width: 1400px) and (max-width: 992px) {
  .scroll-area-wrap.right-cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .scroll-area-wrap.right-cta .contact-wrap {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 1400px) {
  .scroll-area-wrap .col-6 {
    -ms-flex-preferred-size: unset;
        flex-basis: unset;
    max-width: none;
  }
  .scroll-area-wrap .scroll-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    position: relative;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    z-index: 5;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .scroll-area-wrap .scroll-area.wide {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: calc(100% + 1rem);
  }
}
@media screen and (max-width: 1400px) and (max-width: 992px) {
  .scroll-area-wrap .scroll-area.wide {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media screen and (max-width: 1400px) {
  .scroll-area-wrap .scroll-area::-webkit-scrollbar {
    display: none;
  }
  .scroll-area-wrap.wrap .scroll-area {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    white-space: normal;
  }
}
@media screen and (max-width: 1400px) and (max-width: 768px) {
  .scroll-area-wrap.wrap .scroll-area {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media screen and (max-width: 1400px) {
  .scroll-area-wrap.wrap .scroll-area .row {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .scroll-area-wrap.wrap .scroll-area .row .col {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 33.3333333%;
  }
}
@media screen and (max-width: 768px) {
  .scroll-area .row .col {
    padding-right: 0;
  }
}
@media screen and (max-width: 576px) {
  .scroll-area-wrap.wider {
    margin-right: -16px !important;
  }
  .scroll-area-wrap.wider.wrap .scroll-area .row .col {
    width: 33.3333333%;
    min-width: 190px;
  }
  .scroll-area-wrap.wider.wrap .scroll-area .row .col .segment {
    margin-bottom: 1rem;
  }
  .bg-img.scroll-area-wrap.wider {
    margin-right: -16px !important;
  }
  .bg-img.scroll-area-wrap.wider.wrap .scroll-area .row .col {
    width: 33.3333333%;
    min-width: 240px;
  }
}
.row.wide .scroll-area {
  white-space: normal;
  width: calc(100% + 3rem);
}
.row.wide [class^=col-] .col-image {
  background-size: cover;
  background-position: 50%;
  border-radius: 6px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 12rem;
  margin-bottom: 1rem;
  width: 101%;
}
@media screen and (min-width: 768px) {
  .row.wide [class^=col-] .col-image {
    min-height: 20rem;
  }
}
@media screen and (max-width: 1400px) {
  .row.wide [class^=col-] .col-image {
    margin-left: 1rem;
  }
}
@media screen and (max-width: 992px) {
  .row.wide [class^=col-] .col-image {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .row.wide [class^=col-] .col-image {
    width: auto;
  }
}

@media screen and (max-width: 992px) {
  .row.wide .scroll-area .col-6 {
    width: 40%;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 576px) {
  .row.wide .scroll-area .col-6 {
    width: 65%;
  }
  .row.wide .scroll-area [class^=col-] .col-image {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 6px;
    width: 100%;
    background-size: cover;
    background-position: 50%;
  }
}
@media screen and (min-width: 992px) {
  .row.wide [class^=col-] .col-image {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    border-radius: 6px;
    width: 100%;
    background-size: cover;
    background-position: 50%;
  }
}
.clamp-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5rem;
  overflow: hidden;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 0 0 6px 6px;
}
.tips-Swiper .clamp-wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 84px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.deals-Swiper .clamp-wrap {
  height: 95px;
  padding: 2rem 1.5rem;
  line-height: 1.4;
}
.clamp-wrap.alt {
  height: 5rem;
  padding: 1rem;
}
.clamp-wrap .clamp3 {
  /* border: 1px solid #ddd; */
  border-top: 0;
  /* padding: 2rem 1.5rem; */
  overflow: hidden;
  color: #222;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: auto;
}
.image-card .clamp-wrap .clamp3 {
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1.1;
}
.clamp-wrap .clamp2 {
  /* border: 1px solid #ddd; */
  border-top: 0;
  /* padding: 2rem 1.5rem; */
  overflow: hidden;
  color: #222;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: auto;
}
.image-card .clamp-wrap .clamp2 {
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1.1;
}
@media screen and (max-width: 992px) {
  .image-card .clamp-wrap .clamp2 {
    font-size: 1.1rem;
  }
}
.clamp-wrap .clamp1 {
  /* border: 1px solid #ddd; */
  border-top: 0;
  /* padding: 2rem 1.5rem; */
  background: #fff;
  overflow: hidden;
  color: #222;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  height: auto;
}
.image-card .clamp-wrap .clamp1 {
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
}
.deals-Swiper .image-card .clamp-wrap .clamp1 {
  font-size: 1.5rem;
  font-weight: bold;
}

.clamped {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media screen and (max-width: 1200px) {
  .deals-slide .slick-slide .clamp-wrap {
    padding: 1rem;
  }
  .deals-slide .slick-slide .clamp-wrap .clamp1 {
    font-size: 1.15rem;
    line-height: 1.2;
    -webkit-line-clamp: 2;
  }
}

.list {
  position: relative;
  z-index: 999;
}
.list.vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 1200px) {
  .list.vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0;
    margin-top: 3rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .list.vertical {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
  }
  .list.vertical .item.quarter {
    width: 46%;
  }
}
.list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.list .item.left {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  position: relative;
}
.list .item .panel-icon {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
  margin-right: 1.5rem;
  margin-top: -1rem;
}
.list .item .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  position: relative;
}
.list .item .content .list-tag {
  color: #be1a0e;
  font-family: "Tungsten A", "Tungsten B";
  font-size: 1rem;
  letter-spacing: 0.5px;
  position: relative;
  top: -0.5rem;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .list .item .content .list-tag {
    position: relative;
    top: -0.5rem;
  }
}
.list .item .content .list-title {
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.list .item .content .list-content {
  font-family: "BryantRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
}
.list .item.quarter {
  width: 25%;
}
@media screen and (max-width: 1200px) {
  .list .item.quarter {
    width: 100%;
  }
  .list .item.quarter .description {
    line-height: 2;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1200px) and (max-width: 768px) {
  .list .item.quarter img {
    width: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .list .item.quarter .content {
    line-height: 1.2;
    margin-bottom: 0;
  }
}
.list .item > .description.head {
  font-family: "Tungsten A", "Tungsten B";
  font-size: 1rem;
  font-weight: normal;
  left: 72px;
  letter-spacing: 1px;
  position: absolute;
  top: -15px;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .list .item > .description.head {
    left: 56px;
    top: -22px;
  }
}
.list .item > .content {
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: normal;
  line-height: 1.2;
}

.select-wrap {
  margin-bottom: 2.5rem;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.select-wrap .pill-container {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.select-wrap .pill-container.pill-container-large {
  gap: 1.5rem;
}
.select-wrap .pill-container input[type=checkbox] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.select-wrap .pill-container .option-a {
  border-radius: 50px;
}
.select-wrap .selector {
  border: 1px solid #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875rem;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  border-radius: 50px;
  padding: 0.5rem 1rem;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.select-wrap .selector:focus, .select-wrap .selector:focus-visible, .select-wrap .selector:focus-within, .select-wrap .selector:active {
  -webkit-box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5);
          box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5);
}
.select-wrap input[type=checkbox]:checked + label {
  background: #fff;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
  color: #222;
}
.select-wrap input[type=checkbox]:focus + label {
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
  color: #222;
}
.select-wrap [type=checkbox] + label:before:focus,
.select-wrap [type=checkbox] + label:before:focus-within,
.select-wrap [type=checkbox] + label:before:focus-visible,
.select-wrap [type=checkbox] + label:before:active {
  background: red;
  outline: #fff;
  -webkit-box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5);
          box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5);
}

[type=checkbox]:not(:checked),
[type=checkbox]:checked {
  position: absolute;
  left: 0;
  opacity: 0.01;
}

[type=checkbox]:not(:checked) + label,
[type=checkbox]:checked + label {
  position: relative;
  cursor: pointer;
  z-index: 999;
}

/* checkbox aspect */
[type=checkbox]:not(:checked) + label:before,
[type=checkbox]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  -webkit-transition: all 0.275s;
  transition: all 0.275s;
  z-index: 0;
}

/* checked mark aspect */
/* checked mark aspect changes */
[type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0) rotate(45deg);
  -ms-transform: scale(0) rotate(45deg);
      transform: scale(0) rotate(45deg);
}

[type=checkbox]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1) rotate(0);
  -ms-transform: scale(1) rotate(0);
      transform: scale(1) rotate(0);
}

/* Disabled checkbox */
[type=checkbox]:disabled:checked + label:after {
  color: #777;
}

[type=checkbox]:disabled + label {
  color: #aaa;
}

/* Accessibility */
.ins-process .pill-container .selector {
  border: 1px solid #222;
}
.ins-process .pill-container .pill-icon {
  margin-right: 0.5rem;
  width: 32px;
}

#policy-search {
  border: 1px solid #222;
  border-radius: 6px;
  height: 61px;
  padding-left: 1rem;
}
#policy-search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 1.175rem;
}
@media screen and (max-width: 992px) {
  #policy-search::-webkit-input-placeholder {
    font-size: 1rem;
  }
}
#policy-search::-moz-placeholder { /* Firefox 19+ */
  font-size: 1.175rem;
}
@media screen and (max-width: 992px) {
  #policy-search::-moz-placeholder {
    font-size: 1rem;
  }
}
#policy-search:-ms-input-placeholder { /* IE 10+ */
  font-size: 1.175rem;
}
@media screen and (max-width: 992px) {
  #policy-search:-ms-input-placeholder {
    font-size: 1rem;
  }
}
#policy-search:-moz-placeholder { /* Firefox 18- */
  font-size: 1.175rem;
}
@media screen and (max-width: 992px) {
  #policy-search:-moz-placeholder {
    font-size: 1rem;
  }
}

.modal-open {
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .module-1 > .container {
    width: calc(100% - 1rem);
  }
}
.module-2 > .container .segment.ca-overlay {
  background-size: cover;
  padding-right: 0;
}
@media screen and (max-width: 768px) {
  .module-2 > .container .segment.ca-overlay {
    background-size: contain;
    padding-top: 12rem;
  }
  .module-2 > .container .segment.ca-overlay:before {
    opacity: 1;
  }
}
@media screen and (max-width: 500px) {
  .module-2 > .container .segment.ca-overlay {
    background-size: contain;
    padding-top: 8.75rem;
  }
  .module-2 > .container .segment.ca-overlay:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(47, 47, 47, 0)), color-stop(13%, #303030));
    background: linear-gradient(180deg, rgba(47, 47, 47, 0) 0%, #303030 13%);
  }
}
@media screen and (max-width: 768px) {
  .module-2 > .container .list .item > .content {
    width: 80%;
  }
}
.module-2 .ca-button.link.pointer.white {
  background-size: 1.25rem;
}
@media screen and (max-width: 768px) {
  .module-2 .container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: none;
  }
  .module-2 .container .segment.full.background {
    border-radius: 0;
  }
  .module-2 .container .segment .slide-head {
    padding-left: 1.25rem;
  }
  .module-2 .container .segment .swiper-wrap {
    padding-left: 0.25rem;
  }
  .module-2 .container .segment .swiper-wrap .swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: end;
  }
  .module-2 .container .segment .swiper-wrap .swiper-css-mode > .swiper-wrapper > .swiper-slide:first-child {
    margin-left: 1rem;
  }
  .module-2 .container .segment .swiper-wrap .aar-Swiper {
    padding-left: 0;
  }
  .module-2 .container .segment .header {
    padding-right: 1rem;
  }
  .module-2 .container .segment .slide-head .title {
    font-weight: 1.5rem;
  }
  .module-2 .container .slider-wrap .ca-button.mobile {
    margin-left: 1.75rem;
  }
}

@media screen and (max-width: 768px) {
  .module-3 > .container .row {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}

.module-4 > .container .segment > .content {
  width: 100%;
}
.module-4 > .container .segment > .content h2 {
  text-align: left;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .module-4 > .container .segment > .content h2 {
    text-align: center;
  }
}
.module-4 .two-column-list .icon {
  height: 40px;
  width: 40px;
}
@media screen and (max-width: 768px) {
  .module-4 > .container .row {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .module-4 .flex.media-component ul li .icon {
    height: 30px;
    width: 30px;
  }
}

@media screen and (max-width: 767px) {
  .module-5 .swiper-css-mode > .swiper-wrapper {
    margin-left: 1rem;
  }
  .module-5 > .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .module-5 > .container > .row {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
  .module-5 > .container > .row > .col {
    padding-left: 0;
    padding-right: 0;
  }
  .module-5 > .container > .row .swiper-wrapper {
    padding-left: 0;
  }
  .module-5 > .container .row:nth-child(2) {
    margin-left: -1.75rem;
    margin-right: -1.75rem;
  }
}
.module-5 .deals-Swiper .swiper-wrapper .swiper-slide:last-child {
  width: 230px !important;
}
.module-5 .deals-Swiper .image-card .clamp-wrap {
  padding: 1.25rem 1.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .module-5 .deals-Swiper .image-card .clamp-wrap {
    height: 70px;
    padding: 1rem;
  }
}
.module-5 .deals-Swiper .image-card .clamp-wrap .clamp2 {
  font-size: 1.5rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .module-5 .deals-Swiper .image-card .clamp-wrap .clamp2 {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 768px) {
  .module-5 .deals-Swiper .image-card.full {
    height: 306px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 992px) {
  .module-5 .col-swiper {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .module-5 .container .row:nth-child(2) {
    margin-left: -1.75rem;
    margin-right: -1.75rem;
  }
  .module-5 .container .row:nth-child(2) .swiper-wrapper .swiper-slide:first-child {
    margin-left: 1rem;
    scroll-snap-align: center;
  }
}

@media screen and (max-width: 768px) {
  .module-6 > .container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .module-6 > .container > .row {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .module-6 > .container > .row > .col {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .module-6 > .container > .row .swiper-wrapper {
    padding-left: 0;
  }
  .module-6 > .container > .row .swiper-wrapper .swiper-slide {
    scroll-snap-align: center;
  }
  .module-6 > .container .row .col-swiper {
    padding-left: 0;
    padding-right: 0;
  }
  .module-6 .tips-Swiper {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .module-6 .tips-Swiper .swiper-slide:first-child {
    margin-left: 1rem;
  }
  .module-6 .tips-Swiper .swiper-slide:first-child {
    padding-left: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .module-6 .tips-Swiper .swiper-slide {
    margin-right: 1rem;
  }
}
.module-6 .swiper-slide .image-card {
  background-position: center;
}

.module-7 .scroll-area-wrap .col.scroll-area {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
@media screen and (max-width: 768px) {
  .module-7 .scroll-area-wrap .col.scroll-area {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .module-7 > .container {
    width: calc(100% - 0.25rem);
  }
}
.module-7 .image-card.full .clamp-wrap {
  position: absolute;
  width: 100%;
  background: transparent;
  bottom: -10px;
  border: none;
  height: 100px;
  z-index: 99999;
}
@media screen and (max-width: 992px) {
  .module-7 .image-card.full .clamp-wrap {
    height: 88px;
  }
}
.module-7 .image-card.full .clamp-wrap .clamp2 {
  line-height: 1.3;
}

.module-8 > .container {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.module-8 > .container .row.wide.scroll-area {
  height: 100%;
  padding-right: 1rem;
}
.module-8 > .container > .row.wide .col-lg-6 {
  max-height: 422px;
}
.module-8 > .container > .row > .col {
  padding-left: 0.75rem;
}
.module-8 > .container > .row > .col .scroll-area-wrap .scroll-area {
  height: 100%;
}
.module-8 > .container > .row > .col .scroll-area-wrap .scroll-area .split {
  max-height: initial;
  min-height: initial;
}
.module-8 > .container > .row > .col .scroll-area-wrap .scroll-area .split .icon-wrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.module-8 > .container .segment.split > .content {
  padding-top: 4rem;
}
@media screen and (max-width: 1400px) {
  .module-8 > .container .segment.split > .content {
    padding-top: 3rem;
  }
}
@media screen and (max-width: 1200px) {
  .module-8 > .container .segment.split > .content {
    padding-top: 2rem;
  }
}
.module-8 > .container .segment.split > .content .content-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-8 > .container .segment.split > .content .content-inner .icon-wrap {
  margin-bottom: 0.5rem;
  height: 3rem;
}
@media screen and (max-width: 768px) {
  .module-8 > .container > .row > .col {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .module-8 > .container .row.wide {
    margin-left: -1rem !important;
  }
  .module-8 > .container .row.wide .col-lg-6 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 767px) {
  .module-8 > .container .row.wide .col-lg-6 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .module-8 > .container .row .col-6 {
    padding-left: 0.25rem;
  }
  .module-8 > .container .scroll-area {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-left: 0.5rem;
  }
  .module-8 > .container .scroll-area .col-6 {
    margin-left: 0.25rem;
    padding-right: 0;
  }
}

.module-9 .ca-button.link.arrow.small {
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .module-9 > .container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .module-9 > .container .row:nth-child(2) > .col-md-6 {
    margin-bottom: 1rem;
  }
  .module-9 > .container .row .col-md-6 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}

.module-10 .scroll-area.col {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
@media screen and (max-width: 1400px) {
  .module-10 .scroll-area.col {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.module-10 .scroll-area .row .col-4 {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  max-width: unset;
}
@media screen and (max-width: 1400px) {
  .module-10 .scroll-area .row .col-4 {
    width: 240px;
  }
}
.module-10 .scroll-area .row .col-6 {
  -ms-flex-preferred-size: calc(50% - 0.01px - var(--gap-x, 0));
      flex-basis: calc(50% - 0.01px - var(--gap-x, 0));
  max-width: calc(50% - 0.01px - var(--gap-x, 0));
}
@media screen and (max-width: 768px) {
  .module-10 > .container .col h2.title {
    padding-left: 0.25rem;
  }
  .module-10 > .container .row.wider {
    margin-left: -1.25rem !important;
  }
  .module-10 > .container .row.wider .scroll-area {
    padding-left: 0.25rem;
  }
  .module-10 > .container .row.wider .scroll-area .row {
    padding-left: 0.25rem;
  }
}

@media screen and (max-width: 768px) {
  section .container .right-link.end {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  section .container .right-link.end .link {
    padding-left: 0;
  }
}
[data-theme] {
  background-color: var(--color-bg, hsl(0, 0%, 100%));
  color: var(--color-contrast-high, hsl(240, 4%, 20%));
}

:root {
  --space-unit: 1em;
}

:root, * {
  --space-xxxxs: calc(0.125 * var(--space-unit));
  --space-xxxs: calc(0.25 * var(--space-unit));
  --space-xxs: calc(0.375 * var(--space-unit));
  --space-xs: calc(0.5 * var(--space-unit));
  --space-sm: calc(0.75 * var(--space-unit));
  --space-md: calc(1.25 * var(--space-unit));
  --space-lg: calc(2 * var(--space-unit));
  --space-xl: calc(3.25 * var(--space-unit));
  --space-xxl: calc(5.25 * var(--space-unit));
  --space-xxxl: calc(8.5 * var(--space-unit));
  --space-xxxxl: calc(13.75 * var(--space-unit));
  --component-padding: var(--space-md);
}

.container {
  width: calc(100% - 2 * var(--component-padding));
  margin-left: auto;
  margin-right: auto;
}

.grid {
  --gap: 0px;
  --gap-x: var(--gap);
  --gap-y: var(--gap);
  --offset: var(--gap-x);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.grid > * {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  min-width: 0;
}

/* #region (fallback for older browsers) */
[class*=gap-xxxxs], [class*=gap-xxxs], [class*=gap-xxs], [class*=gap-xs], [class*=gap-sm], [class*=gap-md], [class*=gap-lg], [class*=gap-xl], [class*=gap-xxl], [class*=gap-xxxl], [class*=gap-xxxxl], [class*=grid-gap-], [class*=flex-gap-] {
  margin-bottom: -0.75em;
  margin-left: -0.75em;
}
[class*=gap-xxxxs] > *, [class*=gap-xxxs] > *, [class*=gap-xxs] > *, [class*=gap-xs] > *, [class*=gap-sm] > *, [class*=gap-md] > *, [class*=gap-lg] > *, [class*=gap-xl] > *, [class*=gap-xxl] > *, [class*=gap-xxxl] > *, [class*=gap-xxxxl] > *, [class*=grid-gap-] > *, [class*=flex-gap-] > * {
  margin-bottom: 0.75em;
  margin-left: 0.75em;
}

[class*=gap-x-xxxxs], [class*=gap-x-xxxs], [class*=gap-x-xxs], [class*=gap-x-xs], [class*=gap-x-sm], [class*=gap-x-md], [class*=gap-x-lg], [class*=gap-x-xl], [class*=gap-x-xxl], [class*=gap-x-xxxl], [class*=gap-x-xxxxl] {
  margin-left: -0.75em;
}
[class*=gap-x-xxxxs] > *, [class*=gap-x-xxxs] > *, [class*=gap-x-xxs] > *, [class*=gap-x-xs] > *, [class*=gap-x-sm] > *, [class*=gap-x-md] > *, [class*=gap-x-lg] > *, [class*=gap-x-xl] > *, [class*=gap-x-xxl] > *, [class*=gap-x-xxxl] > *, [class*=gap-x-xxxxl] > * {
  margin-left: 0.75em;
}

[class*=gap-y-xxxxs], [class*=gap-y-xxxs], [class*=gap-y-xxs], [class*=gap-y-xs], [class*=gap-y-sm], [class*=gap-y-md], [class*=gap-y-lg], [class*=gap-y-xl], [class*=gap-y-xxl], [class*=gap-y-xxxl], [class*=gap-y-xxxxl] {
  margin-bottom: -0.75em;
}
[class*=gap-y-xxxxs] > *, [class*=gap-y-xxxs] > *, [class*=gap-y-xxs] > *, [class*=gap-y-xs] > *, [class*=gap-y-sm] > *, [class*=gap-y-md] > *, [class*=gap-y-lg] > *, [class*=gap-y-xl] > *, [class*=gap-y-xxl] > *, [class*=gap-y-xxxl] > *, [class*=gap-y-xxxxl] > * {
  margin-bottom: 0.75em;
}

/* #endregion */
@supports (--css: variables) {
  .grid {
    margin-bottom: calc(-1 * var(--gap-y));
    margin-left: calc(-1 * var(--gap-x));
  }
  .grid > * {
    margin-bottom: var(--gap-y);
    margin-left: var(--offset);
  }
  .flex[class*=gap-], .inline-flex[class*=gap-] {
    margin-bottom: calc(-1 * var(--gap-y, 0));
    margin-left: calc(-1 * var(--gap-x, 0));
  }
  .flex[class*=gap-] > *, .inline-flex[class*=gap-] > * {
    margin-bottom: var(--gap-y, 0);
    margin-left: var(--gap-x, 0);
  }
  .gap-xxxxs, .grid-gap-xxxxs, .flex-gap-xxxxs {
    --gap-x: var(--space-xxxxs);
    --gap-y: var(--space-xxxxs);
  }
  .gap-xxxs, .grid-gap-xxxs, .flex-gap-xxxs {
    --gap-x: var(--space-xxxs);
    --gap-y: var(--space-xxxs);
  }
  .gap-xxs, .grid-gap-xxs, .flex-gap-xxs {
    --gap-x: var(--space-xxs);
    --gap-y: var(--space-xxs);
  }
  .gap-xs, .grid-gap-xs, .flex-gap-xs {
    --gap-x: var(--space-xs);
    --gap-y: var(--space-xs);
  }
  .gap-sm, .grid-gap-sm, .flex-gap-sm {
    --gap-x: var(--space-sm);
    --gap-y: var(--space-sm);
  }
  .gap-md, .grid-gap-md, .flex-gap-md {
    --gap-x: var(--space-md);
    --gap-y: var(--space-md);
  }
  .gap-lg, .grid-gap-lg, .flex-gap-lg {
    --gap-x: var(--space-lg);
    --gap-y: var(--space-lg);
  }
  .gap-xl, .grid-gap-xl, .flex-gap-xl {
    --gap-x: var(--space-xl);
    --gap-y: var(--space-xl);
  }
  .gap-xxl, .grid-gap-xxl, .flex-gap-xxl {
    --gap-x: var(--space-xxl);
    --gap-y: var(--space-xxl);
  }
  .gap-xxxl, .grid-gap-xxxl, .flex-gap-xxxl {
    --gap-x: var(--space-xxxl);
    --gap-y: var(--space-xxxl);
  }
  .gap-xxxxl, .grid-gap-xxxxl, .flex-gap-xxxxl {
    --gap-x: var(--space-xxxxl);
    --gap-y: var(--space-xxxxl);
  }
  .gap-0 {
    --gap-x: 0px;
    --gap-y: 0px;
  }
  .gap-x-xxxxs {
    --gap-x: var(--space-xxxxs);
  }
  .gap-x-xxxs {
    --gap-x: var(--space-xxxs);
  }
  .gap-x-xxs {
    --gap-x: var(--space-xxs);
  }
  .gap-x-xs {
    --gap-x: var(--space-xs);
  }
  .gap-x-sm {
    --gap-x: var(--space-sm);
  }
  .gap-x-md {
    --gap-x: var(--space-md);
  }
  .gap-x-lg {
    --gap-x: var(--space-lg);
  }
  .gap-x-xl {
    --gap-x: var(--space-xl);
  }
  .gap-x-xxl {
    --gap-x: var(--space-xxl);
  }
  .gap-x-xxxl {
    --gap-x: var(--space-xxxl);
  }
  .gap-x-xxxxl {
    --gap-x: var(--space-xxxxl);
  }
  .gap-x-0 {
    --gap-x: 0px;
  }
  .gap-y-xxxxs {
    --gap-y: var(--space-xxxxs);
  }
  .gap-y-xxxs {
    --gap-y: var(--space-xxxs);
  }
  .gap-y-xxs {
    --gap-y: var(--space-xxs);
  }
  .gap-y-xs {
    --gap-y: var(--space-xs);
  }
  .gap-y-sm {
    --gap-y: var(--space-sm);
  }
  .gap-y-md {
    --gap-y: var(--space-md);
  }
  .gap-y-lg {
    --gap-y: var(--space-lg);
  }
  .gap-y-xl {
    --gap-y: var(--space-xl);
  }
  .gap-y-xxl {
    --gap-y: var(--space-xxl);
  }
  .gap-y-xxxl {
    --gap-y: var(--space-xxxl);
  }
  .gap-y-xxxxl {
    --gap-y: var(--space-xxxxl);
  }
  .gap-y-0 {
    --gap-y: 0px;
  }
}
.col {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  max-width: 100%;
}

.col-1 {
  -ms-flex-preferred-size: calc( 8.33% - 0.01px - var(--gap-x, 0.75em));
      flex-basis: calc( 8.33% - 0.01px - var(--gap-x, 0.75em));
  max-width: calc( 8.33% - 0.01px - var(--gap-x, 0.75em));
}

.col-2 {
  -ms-flex-preferred-size: calc( 16.66% - 0.01px - var(--gap-x, 0.75em));
      flex-basis: calc( 16.66% - 0.01px - var(--gap-x, 0.75em));
  max-width: calc( 16.66% - 0.01px - var(--gap-x, 0.75em));
}

.col-3 {
  -ms-flex-preferred-size: calc( 25% - 0.01px - var(--gap-x, 0.75em));
      flex-basis: calc( 25% - 0.01px - var(--gap-x, 0.75em));
  max-width: calc( 25% - 0.01px - var(--gap-x, 0.75em));
}

.col-4 {
  -ms-flex-preferred-size: calc( 33.33% - 0.01px - var(--gap-x, 0.75em));
      flex-basis: calc( 33.33% - 0.01px - var(--gap-x, 0.75em));
  max-width: calc( 33.33% - 0.01px - var(--gap-x, 0.75em));
}

.col-5 {
  -ms-flex-preferred-size: calc( 41.66% - 0.01px - var(--gap-x, 0.75em));
      flex-basis: calc( 41.66% - 0.01px - var(--gap-x, 0.75em));
  max-width: calc( 41.66% - 0.01px - var(--gap-x, 0.75em));
}

.col-6 {
  -ms-flex-preferred-size: calc( 50% - 0.01px - var(--gap-x, 0.75em));
      flex-basis: calc( 50% - 0.01px - var(--gap-x, 0.75em));
  max-width: calc( 50% - 0.01px - var(--gap-x, 0.75em));
}

.col-7 {
  -ms-flex-preferred-size: calc( 58.33% - 0.01px - var(--gap-x, 0.75em));
      flex-basis: calc( 58.33% - 0.01px - var(--gap-x, 0.75em));
  max-width: calc( 58.33% - 0.01px - var(--gap-x, 0.75em));
}

.col-8 {
  -ms-flex-preferred-size: calc( 66.66% - 0.01px - var(--gap-x, 0.75em));
      flex-basis: calc( 66.66% - 0.01px - var(--gap-x, 0.75em));
  max-width: calc( 66.66% - 0.01px - var(--gap-x, 0.75em));
}

.col-9 {
  -ms-flex-preferred-size: calc( 75% - 0.01px - var(--gap-x, 0.75em));
      flex-basis: calc( 75% - 0.01px - var(--gap-x, 0.75em));
  max-width: calc( 75% - 0.01px - var(--gap-x, 0.75em));
}

.col-10 {
  -ms-flex-preferred-size: calc( 83.33% - 0.01px - var(--gap-x, 0.75em));
      flex-basis: calc( 83.33% - 0.01px - var(--gap-x, 0.75em));
  max-width: calc( 83.33% - 0.01px - var(--gap-x, 0.75em));
}

.col-11 {
  -ms-flex-preferred-size: calc( 91.66% - 0.01px - var(--gap-x, 0.75em));
      flex-basis: calc( 91.66% - 0.01px - var(--gap-x, 0.75em));
  max-width: calc( 91.66% - 0.01px - var(--gap-x, 0.75em));
}

.col-12 {
  -ms-flex-preferred-size: calc( 100% - 0.01px - var(--gap-x, 0.75em));
      flex-basis: calc( 100% - 0.01px - var(--gap-x, 0.75em));
  max-width: calc( 100% - 0.01px - var(--gap-x, 0.75em));
}

.col-content {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-preferred-size: initial;
      flex-basis: initial;
  max-width: initial;
}

.offset-1 {
  --offset: calc(8.33% + var(--gap-x, 0.75em));
}

.offset-2 {
  --offset: calc(16.66% + var(--gap-x, 0.75em));
}

.offset-3 {
  --offset: calc(25% + var(--gap-x, 0.75em));
}

.offset-4 {
  --offset: calc(33.33% + var(--gap-x, 0.75em));
}

.offset-5 {
  --offset: calc(41.66% + var(--gap-x, 0.75em));
}

.offset-6 {
  --offset: calc(50% + var(--gap-x, 0.75em));
}

.offset-7 {
  --offset: calc(58.33% + var(--gap-x, 0.75em));
}

.offset-8 {
  --offset: calc(66.66% + var(--gap-x, 0.75em));
}

.offset-9 {
  --offset: calc(75% + var(--gap-x, 0.75em));
}

.offset-10 {
  --offset: calc(83.33% + var(--gap-x, 0.75em));
}

.offset-11 {
  --offset: calc(91.66% + var(--gap-x, 0.75em));
}

@media (min-width: 32rem) {
  .col\@xs {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    max-width: 100%;
  }
  .col-1\@xs {
    -ms-flex-preferred-size: calc( 8.33% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 8.33% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 8.33% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-2\@xs {
    -ms-flex-preferred-size: calc( 16.66% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 16.66% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 16.66% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-3\@xs {
    -ms-flex-preferred-size: calc( 25% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 25% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 25% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-4\@xs {
    -ms-flex-preferred-size: calc( 33.33% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 33.33% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 33.33% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-5\@xs {
    -ms-flex-preferred-size: calc( 41.66% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 41.66% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 41.66% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-6\@xs {
    -ms-flex-preferred-size: calc( 50% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 50% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 50% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-7\@xs {
    -ms-flex-preferred-size: calc( 58.33% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 58.33% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 58.33% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-8\@xs {
    -ms-flex-preferred-size: calc( 66.66% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 66.66% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 66.66% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-9\@xs {
    -ms-flex-preferred-size: calc( 75% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 75% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 75% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-10\@xs {
    -ms-flex-preferred-size: calc( 83.33% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 83.33% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 83.33% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-11\@xs {
    -ms-flex-preferred-size: calc( 91.66% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 91.66% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 91.66% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-12\@xs {
    -ms-flex-preferred-size: calc( 100% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 100% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 100% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-content\@xs {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
    max-width: initial;
  }
  .offset-1\@xs {
    --offset: calc(8.33% + var(--gap-x, 0.75em));
  }
  .offset-2\@xs {
    --offset: calc(16.66% + var(--gap-x, 0.75em));
  }
  .offset-3\@xs {
    --offset: calc(25% + var(--gap-x, 0.75em));
  }
  .offset-4\@xs {
    --offset: calc(33.33% + var(--gap-x, 0.75em));
  }
  .offset-5\@xs {
    --offset: calc(41.66% + var(--gap-x, 0.75em));
  }
  .offset-6\@xs {
    --offset: calc(50% + var(--gap-x, 0.75em));
  }
  .offset-7\@xs {
    --offset: calc(58.33% + var(--gap-x, 0.75em));
  }
  .offset-8\@xs {
    --offset: calc(66.66% + var(--gap-x, 0.75em));
  }
  .offset-9\@xs {
    --offset: calc(75% + var(--gap-x, 0.75em));
  }
  .offset-10\@xs {
    --offset: calc(83.33% + var(--gap-x, 0.75em));
  }
  .offset-11\@xs {
    --offset: calc(91.66% + var(--gap-x, 0.75em));
  }
  .offset-0\@xs {
    --offset: var(--gap-x);
  }
  @supports (--css: variables) {
    .gap-xxxxs\@xs {
      --gap-x: var(--space-xxxxs);
      --gap-y: var(--space-xxxxs);
    }
    .gap-xxxs\@xs {
      --gap-x: var(--space-xxxs);
      --gap-y: var(--space-xxxs);
    }
    .gap-xxs\@xs {
      --gap-x: var(--space-xxs);
      --gap-y: var(--space-xxs);
    }
    .gap-xs\@xs {
      --gap-x: var(--space-xs);
      --gap-y: var(--space-xs);
    }
    .gap-sm\@xs {
      --gap-x: var(--space-sm);
      --gap-y: var(--space-sm);
    }
    .gap-md\@xs {
      --gap-x: var(--space-md);
      --gap-y: var(--space-md);
    }
    .gap-lg\@xs {
      --gap-x: var(--space-lg);
      --gap-y: var(--space-lg);
    }
    .gap-xl\@xs {
      --gap-x: var(--space-xl);
      --gap-y: var(--space-xl);
    }
    .gap-xxl\@xs {
      --gap-x: var(--space-xxl);
      --gap-y: var(--space-xxl);
    }
    .gap-xxxl\@xs {
      --gap-x: var(--space-xxxl);
      --gap-y: var(--space-xxxl);
    }
    .gap-xxxxl\@xs {
      --gap-x: var(--space-xxxxl);
      --gap-y: var(--space-xxxxl);
    }
    .gap-0\@xs {
      --gap-x: 0px;
      --gap-y: 0px;
    }
    .gap-x-xxxxs\@xs {
      --gap-x: var(--space-xxxxs);
    }
    .gap-x-xxxs\@xs {
      --gap-x: var(--space-xxxs);
    }
    .gap-x-xxs\@xs {
      --gap-x: var(--space-xxs);
    }
    .gap-x-xs\@xs {
      --gap-x: var(--space-xs);
    }
    .gap-x-sm\@xs {
      --gap-x: var(--space-sm);
    }
    .gap-x-md\@xs {
      --gap-x: var(--space-md);
    }
    .gap-x-lg\@xs {
      --gap-x: var(--space-lg);
    }
    .gap-x-xl\@xs {
      --gap-x: var(--space-xl);
    }
    .gap-x-xxl\@xs {
      --gap-x: var(--space-xxl);
    }
    .gap-x-xxxl\@xs {
      --gap-x: var(--space-xxxl);
    }
    .gap-x-xxxxl\@xs {
      --gap-x: var(--space-xxxxl);
    }
    .gap-x-0\@xs {
      --gap-x: 0px;
    }
    .gap-y-xxxxs\@xs {
      --gap-y: var(--space-xxxxs);
    }
    .gap-y-xxxs\@xs {
      --gap-y: var(--space-xxxs);
    }
    .gap-y-xxs\@xs {
      --gap-y: var(--space-xxs);
    }
    .gap-y-xs\@xs {
      --gap-y: var(--space-xs);
    }
    .gap-y-sm\@xs {
      --gap-y: var(--space-sm);
    }
    .gap-y-md\@xs {
      --gap-y: var(--space-md);
    }
    .gap-y-lg\@xs {
      --gap-y: var(--space-lg);
    }
    .gap-y-xl\@xs {
      --gap-y: var(--space-xl);
    }
    .gap-y-xxl\@xs {
      --gap-y: var(--space-xxl);
    }
    .gap-y-xxxl\@xs {
      --gap-y: var(--space-xxxl);
    }
    .gap-y-xxxxl\@xs {
      --gap-y: var(--space-xxxxl);
    }
    .gap-y-0\@xs {
      --gap-y: 0px;
    }
  }
}
@media (min-width: 48rem) {
  .col\@sm {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    max-width: 100%;
  }
  .col-1\@sm {
    -ms-flex-preferred-size: calc( 8.33% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 8.33% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 8.33% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-2\@sm {
    -ms-flex-preferred-size: calc( 16.66% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 16.66% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 16.66% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-3\@sm {
    -ms-flex-preferred-size: calc( 25% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 25% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 25% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-4\@sm {
    -ms-flex-preferred-size: calc( 33.33% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 33.33% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 33.33% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-5\@sm {
    -ms-flex-preferred-size: calc( 41.66% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 41.66% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 41.66% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-6\@sm {
    -ms-flex-preferred-size: calc( 50% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 50% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 50% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-7\@sm {
    -ms-flex-preferred-size: calc( 58.33% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 58.33% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 58.33% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-8\@sm {
    -ms-flex-preferred-size: calc( 66.66% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 66.66% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 66.66% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-9\@sm {
    -ms-flex-preferred-size: calc( 75% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 75% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 75% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-10\@sm {
    -ms-flex-preferred-size: calc( 83.33% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 83.33% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 83.33% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-11\@sm {
    -ms-flex-preferred-size: calc( 91.66% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 91.66% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 91.66% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-12\@sm {
    -ms-flex-preferred-size: calc( 100% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 100% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 100% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-content\@sm {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
    max-width: initial;
  }
  .offset-1\@sm {
    --offset: calc(8.33% + var(--gap-x, 0.75em));
  }
  .offset-2\@sm {
    --offset: calc(16.66% + var(--gap-x, 0.75em));
  }
  .offset-3\@sm {
    --offset: calc(25% + var(--gap-x, 0.75em));
  }
  .offset-4\@sm {
    --offset: calc(33.33% + var(--gap-x, 0.75em));
  }
  .offset-5\@sm {
    --offset: calc(41.66% + var(--gap-x, 0.75em));
  }
  .offset-6\@sm {
    --offset: calc(50% + var(--gap-x, 0.75em));
  }
  .offset-7\@sm {
    --offset: calc(58.33% + var(--gap-x, 0.75em));
  }
  .offset-8\@sm {
    --offset: calc(66.66% + var(--gap-x, 0.75em));
  }
  .offset-9\@sm {
    --offset: calc(75% + var(--gap-x, 0.75em));
  }
  .offset-10\@sm {
    --offset: calc(83.33% + var(--gap-x, 0.75em));
  }
  .offset-11\@sm {
    --offset: calc(91.66% + var(--gap-x, 0.75em));
  }
  .offset-0\@sm {
    --offset: var(--gap-x);
  }
  @supports (--css: variables) {
    .gap-xxxxs\@sm {
      --gap-x: var(--space-xxxxs);
      --gap-y: var(--space-xxxxs);
    }
    .gap-xxxs\@sm {
      --gap-x: var(--space-xxxs);
      --gap-y: var(--space-xxxs);
    }
    .gap-xxs\@sm {
      --gap-x: var(--space-xxs);
      --gap-y: var(--space-xxs);
    }
    .gap-xs\@sm {
      --gap-x: var(--space-xs);
      --gap-y: var(--space-xs);
    }
    .gap-sm\@sm {
      --gap-x: var(--space-sm);
      --gap-y: var(--space-sm);
    }
    .gap-md\@sm {
      --gap-x: var(--space-md);
      --gap-y: var(--space-md);
    }
    .gap-lg\@sm {
      --gap-x: var(--space-lg);
      --gap-y: var(--space-lg);
    }
    .gap-xl\@sm {
      --gap-x: var(--space-xl);
      --gap-y: var(--space-xl);
    }
    .gap-xxl\@sm {
      --gap-x: var(--space-xxl);
      --gap-y: var(--space-xxl);
    }
    .gap-xxxl\@sm {
      --gap-x: var(--space-xxxl);
      --gap-y: var(--space-xxxl);
    }
    .gap-xxxxl\@sm {
      --gap-x: var(--space-xxxxl);
      --gap-y: var(--space-xxxxl);
    }
    .gap-0\@sm {
      --gap-x: 0px;
      --gap-y: 0px;
    }
    .gap-x-xxxxs\@sm {
      --gap-x: var(--space-xxxxs);
    }
    .gap-x-xxxs\@sm {
      --gap-x: var(--space-xxxs);
    }
    .gap-x-xxs\@sm {
      --gap-x: var(--space-xxs);
    }
    .gap-x-xs\@sm {
      --gap-x: var(--space-xs);
    }
    .gap-x-sm\@sm {
      --gap-x: var(--space-sm);
    }
    .gap-x-md\@sm {
      --gap-x: var(--space-md);
    }
    .gap-x-lg\@sm {
      --gap-x: var(--space-lg);
    }
    .gap-x-xl\@sm {
      --gap-x: var(--space-xl);
    }
    .gap-x-xxl\@sm {
      --gap-x: var(--space-xxl);
    }
    .gap-x-xxxl\@sm {
      --gap-x: var(--space-xxxl);
    }
    .gap-x-xxxxl\@sm {
      --gap-x: var(--space-xxxxl);
    }
    .gap-x-0\@sm {
      --gap-x: 0px;
    }
    .gap-y-xxxxs\@sm {
      --gap-y: var(--space-xxxxs);
    }
    .gap-y-xxxs\@sm {
      --gap-y: var(--space-xxxs);
    }
    .gap-y-xxs\@sm {
      --gap-y: var(--space-xxs);
    }
    .gap-y-xs\@sm {
      --gap-y: var(--space-xs);
    }
    .gap-y-sm\@sm {
      --gap-y: var(--space-sm);
    }
    .gap-y-md\@sm {
      --gap-y: var(--space-md);
    }
    .gap-y-lg\@sm {
      --gap-y: var(--space-lg);
    }
    .gap-y-xl\@sm {
      --gap-y: var(--space-xl);
    }
    .gap-y-xxl\@sm {
      --gap-y: var(--space-xxl);
    }
    .gap-y-xxxl\@sm {
      --gap-y: var(--space-xxxl);
    }
    .gap-y-xxxxl\@sm {
      --gap-y: var(--space-xxxxl);
    }
    .gap-y-0\@sm {
      --gap-y: 0px;
    }
  }
}
@media (min-width: 64rem) {
  .col\@md {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    max-width: 100%;
  }
  .col-1\@md {
    -ms-flex-preferred-size: calc( 8.33% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 8.33% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 8.33% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-2\@md {
    -ms-flex-preferred-size: calc( 16.66% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 16.66% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 16.66% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-3\@md {
    -ms-flex-preferred-size: calc( 25% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 25% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 25% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-4\@md {
    -ms-flex-preferred-size: calc( 33.33% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 33.33% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 33.33% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-5\@md {
    -ms-flex-preferred-size: calc( 41.66% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 41.66% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 41.66% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-6\@md {
    -ms-flex-preferred-size: calc( 50% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 50% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 50% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-7\@md {
    -ms-flex-preferred-size: calc( 58.33% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 58.33% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 58.33% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-8\@md {
    -ms-flex-preferred-size: calc( 66.66% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 66.66% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 66.66% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-9\@md {
    -ms-flex-preferred-size: calc( 75% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 75% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 75% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-10\@md {
    -ms-flex-preferred-size: calc( 83.33% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 83.33% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 83.33% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-11\@md {
    -ms-flex-preferred-size: calc( 91.66% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 91.66% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 91.66% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-12\@md {
    -ms-flex-preferred-size: calc( 100% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 100% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 100% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-content\@md {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
    max-width: initial;
  }
  .offset-1\@md {
    --offset: calc(8.33% + var(--gap-x, 0.75em));
  }
  .offset-2\@md {
    --offset: calc(16.66% + var(--gap-x, 0.75em));
  }
  .offset-3\@md {
    --offset: calc(25% + var(--gap-x, 0.75em));
  }
  .offset-4\@md {
    --offset: calc(33.33% + var(--gap-x, 0.75em));
  }
  .offset-5\@md {
    --offset: calc(41.66% + var(--gap-x, 0.75em));
  }
  .offset-6\@md {
    --offset: calc(50% + var(--gap-x, 0.75em));
  }
  .offset-7\@md {
    --offset: calc(58.33% + var(--gap-x, 0.75em));
  }
  .offset-8\@md {
    --offset: calc(66.66% + var(--gap-x, 0.75em));
  }
  .offset-9\@md {
    --offset: calc(75% + var(--gap-x, 0.75em));
  }
  .offset-10\@md {
    --offset: calc(83.33% + var(--gap-x, 0.75em));
  }
  .offset-11\@md {
    --offset: calc(91.66% + var(--gap-x, 0.75em));
  }
  .offset-0\@md {
    --offset: var(--gap-x);
  }
  @supports (--css: variables) {
    .gap-xxxxs\@md {
      --gap-x: var(--space-xxxxs);
      --gap-y: var(--space-xxxxs);
    }
    .gap-xxxs\@md {
      --gap-x: var(--space-xxxs);
      --gap-y: var(--space-xxxs);
    }
    .gap-xxs\@md {
      --gap-x: var(--space-xxs);
      --gap-y: var(--space-xxs);
    }
    .gap-xs\@md {
      --gap-x: var(--space-xs);
      --gap-y: var(--space-xs);
    }
    .gap-sm\@md {
      --gap-x: var(--space-sm);
      --gap-y: var(--space-sm);
    }
    .gap-md\@md {
      --gap-x: var(--space-md);
      --gap-y: var(--space-md);
    }
    .gap-lg\@md {
      --gap-x: var(--space-lg);
      --gap-y: var(--space-lg);
    }
    .gap-xl\@md {
      --gap-x: var(--space-xl);
      --gap-y: var(--space-xl);
    }
    .gap-xxl\@md {
      --gap-x: var(--space-xxl);
      --gap-y: var(--space-xxl);
    }
    .gap-xxxl\@md {
      --gap-x: var(--space-xxxl);
      --gap-y: var(--space-xxxl);
    }
    .gap-xxxxl\@md {
      --gap-x: var(--space-xxxxl);
      --gap-y: var(--space-xxxxl);
    }
    .gap-0\@md {
      --gap-x: 0px;
      --gap-y: 0px;
    }
    .gap-x-xxxxs\@md {
      --gap-x: var(--space-xxxxs);
    }
    .gap-x-xxxs\@md {
      --gap-x: var(--space-xxxs);
    }
    .gap-x-xxs\@md {
      --gap-x: var(--space-xxs);
    }
    .gap-x-xs\@md {
      --gap-x: var(--space-xs);
    }
    .gap-x-sm\@md {
      --gap-x: var(--space-sm);
    }
    .gap-x-md\@md {
      --gap-x: var(--space-md);
    }
    .gap-x-lg\@md {
      --gap-x: var(--space-lg);
    }
    .gap-x-xl\@md {
      --gap-x: var(--space-xl);
    }
    .gap-x-xxl\@md {
      --gap-x: var(--space-xxl);
    }
    .gap-x-xxxl\@md {
      --gap-x: var(--space-xxxl);
    }
    .gap-x-xxxxl\@md {
      --gap-x: var(--space-xxxxl);
    }
    .gap-x-0\@md {
      --gap-x: 0px;
    }
    .gap-y-xxxxs\@md {
      --gap-y: var(--space-xxxxs);
    }
    .gap-y-xxxs\@md {
      --gap-y: var(--space-xxxs);
    }
    .gap-y-xxs\@md {
      --gap-y: var(--space-xxs);
    }
    .gap-y-xs\@md {
      --gap-y: var(--space-xs);
    }
    .gap-y-sm\@md {
      --gap-y: var(--space-sm);
    }
    .gap-y-md\@md {
      --gap-y: var(--space-md);
    }
    .gap-y-lg\@md {
      --gap-y: var(--space-lg);
    }
    .gap-y-xl\@md {
      --gap-y: var(--space-xl);
    }
    .gap-y-xxl\@md {
      --gap-y: var(--space-xxl);
    }
    .gap-y-xxxl\@md {
      --gap-y: var(--space-xxxl);
    }
    .gap-y-xxxxl\@md {
      --gap-y: var(--space-xxxxl);
    }
    .gap-y-0\@md {
      --gap-y: 0px;
    }
  }
}
@media (min-width: 80rem) {
  .col\@lg {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    max-width: 100%;
  }
  .col-1\@lg {
    -ms-flex-preferred-size: calc( 8.33% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 8.33% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 8.33% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-2\@lg {
    -ms-flex-preferred-size: calc( 16.66% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 16.66% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 16.66% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-3\@lg {
    -ms-flex-preferred-size: calc( 25% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 25% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 25% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-4\@lg {
    -ms-flex-preferred-size: calc( 33.33% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 33.33% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 33.33% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-5\@lg {
    -ms-flex-preferred-size: calc( 41.66% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 41.66% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 41.66% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-6\@lg {
    -ms-flex-preferred-size: calc( 50% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 50% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 50% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-7\@lg {
    -ms-flex-preferred-size: calc( 58.33% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 58.33% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 58.33% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-8\@lg {
    -ms-flex-preferred-size: calc( 66.66% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 66.66% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 66.66% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-9\@lg {
    -ms-flex-preferred-size: calc( 75% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 75% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 75% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-10\@lg {
    -ms-flex-preferred-size: calc( 83.33% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 83.33% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 83.33% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-11\@lg {
    -ms-flex-preferred-size: calc( 91.66% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 91.66% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 91.66% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-12\@lg {
    -ms-flex-preferred-size: calc( 100% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 100% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 100% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-content\@lg {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
    max-width: initial;
  }
  .offset-1\@lg {
    --offset: calc(8.33% + var(--gap-x, 0.75em));
  }
  .offset-2\@lg {
    --offset: calc(16.66% + var(--gap-x, 0.75em));
  }
  .offset-3\@lg {
    --offset: calc(25% + var(--gap-x, 0.75em));
  }
  .offset-4\@lg {
    --offset: calc(33.33% + var(--gap-x, 0.75em));
  }
  .offset-5\@lg {
    --offset: calc(41.66% + var(--gap-x, 0.75em));
  }
  .offset-6\@lg {
    --offset: calc(50% + var(--gap-x, 0.75em));
  }
  .offset-7\@lg {
    --offset: calc(58.33% + var(--gap-x, 0.75em));
  }
  .offset-8\@lg {
    --offset: calc(66.66% + var(--gap-x, 0.75em));
  }
  .offset-9\@lg {
    --offset: calc(75% + var(--gap-x, 0.75em));
  }
  .offset-10\@lg {
    --offset: calc(83.33% + var(--gap-x, 0.75em));
  }
  .offset-11\@lg {
    --offset: calc(91.66% + var(--gap-x, 0.75em));
  }
  .offset-0\@lg {
    --offset: var(--gap-x);
  }
  @supports (--css: variables) {
    .gap-xxxxs\@lg {
      --gap-x: var(--space-xxxxs);
      --gap-y: var(--space-xxxxs);
    }
    .gap-xxxs\@lg {
      --gap-x: var(--space-xxxs);
      --gap-y: var(--space-xxxs);
    }
    .gap-xxs\@lg {
      --gap-x: var(--space-xxs);
      --gap-y: var(--space-xxs);
    }
    .gap-xs\@lg {
      --gap-x: var(--space-xs);
      --gap-y: var(--space-xs);
    }
    .gap-sm\@lg {
      --gap-x: var(--space-sm);
      --gap-y: var(--space-sm);
    }
    .gap-md\@lg {
      --gap-x: var(--space-md);
      --gap-y: var(--space-md);
    }
    .gap-lg\@lg {
      --gap-x: var(--space-lg);
      --gap-y: var(--space-lg);
    }
    .gap-xl\@lg {
      --gap-x: var(--space-xl);
      --gap-y: var(--space-xl);
    }
    .gap-xxl\@lg {
      --gap-x: var(--space-xxl);
      --gap-y: var(--space-xxl);
    }
    .gap-xxxl\@lg {
      --gap-x: var(--space-xxxl);
      --gap-y: var(--space-xxxl);
    }
    .gap-xxxxl\@lg {
      --gap-x: var(--space-xxxxl);
      --gap-y: var(--space-xxxxl);
    }
    .gap-0\@lg {
      --gap-x: 0px;
      --gap-y: 0px;
    }
    .gap-x-xxxxs\@lg {
      --gap-x: var(--space-xxxxs);
    }
    .gap-x-xxxs\@lg {
      --gap-x: var(--space-xxxs);
    }
    .gap-x-xxs\@lg {
      --gap-x: var(--space-xxs);
    }
    .gap-x-xs\@lg {
      --gap-x: var(--space-xs);
    }
    .gap-x-sm\@lg {
      --gap-x: var(--space-sm);
    }
    .gap-x-md\@lg {
      --gap-x: var(--space-md);
    }
    .gap-x-lg\@lg {
      --gap-x: var(--space-lg);
    }
    .gap-x-xl\@lg {
      --gap-x: var(--space-xl);
    }
    .gap-x-xxl\@lg {
      --gap-x: var(--space-xxl);
    }
    .gap-x-xxxl\@lg {
      --gap-x: var(--space-xxxl);
    }
    .gap-x-xxxxl\@lg {
      --gap-x: var(--space-xxxxl);
    }
    .gap-x-0\@lg {
      --gap-x: 0px;
    }
    .gap-y-xxxxs\@lg {
      --gap-y: var(--space-xxxxs);
    }
    .gap-y-xxxs\@lg {
      --gap-y: var(--space-xxxs);
    }
    .gap-y-xxs\@lg {
      --gap-y: var(--space-xxs);
    }
    .gap-y-xs\@lg {
      --gap-y: var(--space-xs);
    }
    .gap-y-sm\@lg {
      --gap-y: var(--space-sm);
    }
    .gap-y-md\@lg {
      --gap-y: var(--space-md);
    }
    .gap-y-lg\@lg {
      --gap-y: var(--space-lg);
    }
    .gap-y-xl\@lg {
      --gap-y: var(--space-xl);
    }
    .gap-y-xxl\@lg {
      --gap-y: var(--space-xxl);
    }
    .gap-y-xxxl\@lg {
      --gap-y: var(--space-xxxl);
    }
    .gap-y-xxxxl\@lg {
      --gap-y: var(--space-xxxxl);
    }
    .gap-y-0\@lg {
      --gap-y: 0px;
    }
  }
}
@media (min-width: 90rem) {
  .col\@xl {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    max-width: 100%;
  }
  .col-1\@xl {
    -ms-flex-preferred-size: calc( 8.33% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 8.33% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 8.33% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-2\@xl {
    -ms-flex-preferred-size: calc( 16.66% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 16.66% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 16.66% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-3\@xl {
    -ms-flex-preferred-size: calc( 25% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 25% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 25% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-4\@xl {
    -ms-flex-preferred-size: calc( 33.33% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 33.33% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 33.33% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-5\@xl {
    -ms-flex-preferred-size: calc( 41.66% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 41.66% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 41.66% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-6\@xl {
    -ms-flex-preferred-size: calc( 50% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 50% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 50% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-7\@xl {
    -ms-flex-preferred-size: calc( 58.33% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 58.33% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 58.33% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-8\@xl {
    -ms-flex-preferred-size: calc( 66.66% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 66.66% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 66.66% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-9\@xl {
    -ms-flex-preferred-size: calc( 75% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 75% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 75% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-10\@xl {
    -ms-flex-preferred-size: calc( 83.33% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 83.33% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 83.33% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-11\@xl {
    -ms-flex-preferred-size: calc( 91.66% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 91.66% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 91.66% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-12\@xl {
    -ms-flex-preferred-size: calc( 100% - 0.01px - var(--gap-x, 0.75em));
        flex-basis: calc( 100% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 100% - 0.01px - var(--gap-x, 0.75em));
  }
  .col-content\@xl {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
    max-width: initial;
  }
  .offset-1\@xl {
    --offset: calc(8.33% + var(--gap-x, 0.75em));
  }
  .offset-2\@xl {
    --offset: calc(16.66% + var(--gap-x, 0.75em));
  }
  .offset-3\@xl {
    --offset: calc(25% + var(--gap-x, 0.75em));
  }
  .offset-4\@xl {
    --offset: calc(33.33% + var(--gap-x, 0.75em));
  }
  .offset-5\@xl {
    --offset: calc(41.66% + var(--gap-x, 0.75em));
  }
  .offset-6\@xl {
    --offset: calc(50% + var(--gap-x, 0.75em));
  }
  .offset-7\@xl {
    --offset: calc(58.33% + var(--gap-x, 0.75em));
  }
  .offset-8\@xl {
    --offset: calc(66.66% + var(--gap-x, 0.75em));
  }
  .offset-9\@xl {
    --offset: calc(75% + var(--gap-x, 0.75em));
  }
  .offset-10\@xl {
    --offset: calc(83.33% + var(--gap-x, 0.75em));
  }
  .offset-11\@xl {
    --offset: calc(91.66% + var(--gap-x, 0.75em));
  }
  .offset-0\@xl {
    --offset: var(--gap-x);
  }
  @supports (--css: variables) {
    .gap-xxxxs\@xl {
      --gap-x: var(--space-xxxxs);
      --gap-y: var(--space-xxxxs);
    }
    .gap-xxxs\@xl {
      --gap-x: var(--space-xxxs);
      --gap-y: var(--space-xxxs);
    }
    .gap-xxs\@xl {
      --gap-x: var(--space-xxs);
      --gap-y: var(--space-xxs);
    }
    .gap-xs\@xl {
      --gap-x: var(--space-xs);
      --gap-y: var(--space-xs);
    }
    .gap-sm\@xl {
      --gap-x: var(--space-sm);
      --gap-y: var(--space-sm);
    }
    .gap-md\@xl {
      --gap-x: var(--space-md);
      --gap-y: var(--space-md);
    }
    .gap-lg\@xl {
      --gap-x: var(--space-lg);
      --gap-y: var(--space-lg);
    }
    .gap-xl\@xl {
      --gap-x: var(--space-xl);
      --gap-y: var(--space-xl);
    }
    .gap-xxl\@xl {
      --gap-x: var(--space-xxl);
      --gap-y: var(--space-xxl);
    }
    .gap-xxxl\@xl {
      --gap-x: var(--space-xxxl);
      --gap-y: var(--space-xxxl);
    }
    .gap-xxxxl\@xl {
      --gap-x: var(--space-xxxxl);
      --gap-y: var(--space-xxxxl);
    }
    .gap-0\@xl {
      --gap-x: 0px;
      --gap-y: 0px;
    }
    .gap-x-xxxxs\@xl {
      --gap-x: var(--space-xxxxs);
    }
    .gap-x-xxxs\@xl {
      --gap-x: var(--space-xxxs);
    }
    .gap-x-xxs\@xl {
      --gap-x: var(--space-xxs);
    }
    .gap-x-xs\@xl {
      --gap-x: var(--space-xs);
    }
    .gap-x-sm\@xl {
      --gap-x: var(--space-sm);
    }
    .gap-x-md\@xl {
      --gap-x: var(--space-md);
    }
    .gap-x-lg\@xl {
      --gap-x: var(--space-lg);
    }
    .gap-x-xl\@xl {
      --gap-x: var(--space-xl);
    }
    .gap-x-xxl\@xl {
      --gap-x: var(--space-xxl);
    }
    .gap-x-xxxl\@xl {
      --gap-x: var(--space-xxxl);
    }
    .gap-x-xxxxl\@xl {
      --gap-x: var(--space-xxxxl);
    }
    .gap-x-0\@xl {
      --gap-x: 0px;
    }
    .gap-y-xxxxs\@xl {
      --gap-y: var(--space-xxxxs);
    }
    .gap-y-xxxs\@xl {
      --gap-y: var(--space-xxxs);
    }
    .gap-y-xxs\@xl {
      --gap-y: var(--space-xxs);
    }
    .gap-y-xs\@xl {
      --gap-y: var(--space-xs);
    }
    .gap-y-sm\@xl {
      --gap-y: var(--space-sm);
    }
    .gap-y-md\@xl {
      --gap-y: var(--space-md);
    }
    .gap-y-lg\@xl {
      --gap-y: var(--space-lg);
    }
    .gap-y-xl\@xl {
      --gap-y: var(--space-xl);
    }
    .gap-y-xxl\@xl {
      --gap-y: var(--space-xxl);
    }
    .gap-y-xxxl\@xl {
      --gap-y: var(--space-xxxl);
    }
    .gap-y-xxxxl\@xl {
      --gap-y: var(--space-xxxxl);
    }
    .gap-y-0\@xl {
      --gap-y: 0px;
    }
  }
}
:root {
  --radius-sm: calc(var(--radius, 0.25em)/2);
  --radius-md: var(--radius, 0.25em);
  --radius-lg: calc(var(--radius, 0.25em)*2);
  --shadow-xs: 0 0.1px 0.3px rgba(0, 0, 0, 0.06),
                0 1px 2px rgba(0, 0, 0, 0.12);
  --shadow-sm: 0 0.3px 0.4px rgba(0, 0, 0, 0.025),
                0 0.9px 1.5px rgba(0, 0, 0, 0.05),
                0 3.5px 6px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 0.9px 1.5px rgba(0, 0, 0, 0.03),
                0 3.1px 5.5px rgba(0, 0, 0, 0.08),
                0 14px 25px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014),
                0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038),
                0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085),
                0 30px 42px -1px rgba(0, 0, 0, 0.15);
  --shadow-xl: 0 1.5px 2.1px -6px rgba(0, 0, 0, 0.012),
                0 3.6px 5.2px -6px rgba(0, 0, 0, 0.035),
                0 7.3px 10.6px -6px rgba(0, 0, 0, 0.07),
                0 16.2px 21.9px -6px rgba(0, 0, 0, 0.117),
                0 46px 60px -6px rgba(0, 0, 0, 0.2);
  --bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
}

.form-control {
  font-size: var(--form-control-font-size, 1em);
  padding-top: var(--form-control-padding-y, 0.5em);
  padding-bottom: var(--form-control-padding-y, 0.5em);
  padding-left: var(--form-control-padding-x, 0.75em);
  padding-right: var(--form-control-padding-x, 0.75em);
  border-radius: var(--form-control-radius, 0.25em);
}

.form-legend {
  color: var(--color-contrast-higher, hsl(240, 8%, 12%));
  line-height: var(--heading-line-height, 1.2);
  font-size: var(--text-md, 1.2em);
  margin-bottom: var(--space-xxs);
}

.form-label {
  display: inline-block;
}

.form__msg-error, .form-error-msg {
  color: var(--color-error, hsl(349, 75%, 51%));
  font-size: var(--text-sm, 0.833em);
  margin-top: var(--space-xxs);
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
}

.form__msg-error--is-visible, .form-error-msg--is-visible {
  position: relative;
  clip: auto;
}

.radio-list > *, .checkbox-list > * {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.radio-list label, .checkbox-list label {
  line-height: var(--body-line-height);
}
.radio-list input, .checkbox-list input {
  margin-right: var(--space-xxxs);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

:root {
  --zindex-header: 3;
  --zindex-popover: 5;
  --zindex-fixed-element: 10;
  --zindex-overlay: 15;
}

:root {
  --display: block;
}

.is-visible {
  display: var(--display) !important;
}

.is-hidden {
  display: none !important;
}

html:not(.js) .no-js\:is-hidden {
  display: none !important;
}

@media print {
  .print\:is-hidden {
    display: none !important;
  }
}
.sr-only, .sr-only-focusable:not(:focus):not(:focus-within) {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  white-space: nowrap;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.flex-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.flex-grow-0 {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.flex-shrink {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.flex-shrink-0 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.flex-basis-0 {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.items-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

[class^=aspect-ratio], [class*=" aspect-ratio"] {
  --aspect-ratio: calc(16/9);
  position: relative;
  height: 0;
  padding-bottom: calc(100% / (var(--aspect-ratio)));
}
[class^=aspect-ratio] > *, [class*=" aspect-ratio"] > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
[class^=aspect-ratio] > *:not(iframe), [class*=" aspect-ratio"] > *:not(iframe) {
  -o-object-fit: cover;
     object-fit: cover;
}

.aspect-ratio-16\:9 {
  --aspect-ratio: calc(16/9);
}

.aspect-ratio-3\:2 {
  --aspect-ratio: calc(3/2);
}

.aspect-ratio-4\:3 {
  --aspect-ratio: calc(4/3);
}

.aspect-ratio-5\:4 {
  --aspect-ratio: calc(5/4);
}

.aspect-ratio-1\:1 {
  --aspect-ratio: calc(1/1);
}

.aspect-ratio-4\:5 {
  --aspect-ratio: calc(4/5);
}

.aspect-ratio-3\:4 {
  --aspect-ratio: calc(3/4);
}

.aspect-ratio-2\:3 {
  --aspect-ratio: calc(2/3);
}

.aspect-ratio-9\:16 {
  --aspect-ratio: calc(9/16);
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.contents {
  display: contents;
}

.hide {
  display: none;
}

.space-unit-rem {
  --space-unit: 1rem;
}

.space-unit-em {
  --space-unit: 1em;
}

.space-unit-px {
  --space-unit: 16px;
}

.margin-xxxxs {
  margin: var(--space-xxxxs);
}

.margin-xxxs {
  margin: var(--space-xxxs);
}

.margin-xxs {
  margin: var(--space-xxs);
}

.margin-xs {
  margin: var(--space-xs);
}

.margin-sm {
  margin: var(--space-sm);
}

.margin-md {
  margin: var(--space-md);
}

.margin-lg {
  margin: var(--space-lg);
}

.margin-xl {
  margin: var(--space-xl);
}

.margin-xxl {
  margin: var(--space-xxl);
}

.margin-xxxl {
  margin: var(--space-xxxl);
}

.margin-xxxxl {
  margin: var(--space-xxxxl);
}

.margin-auto {
  margin: auto;
}

.margin-0 {
  margin: 0;
}

.margin-top-xxxxs {
  margin-top: var(--space-xxxxs);
}

.margin-top-xxxs {
  margin-top: var(--space-xxxs);
}

.margin-top-xxs {
  margin-top: var(--space-xxs);
}

.margin-top-xs {
  margin-top: var(--space-xs);
}

.margin-top-sm {
  margin-top: var(--space-sm);
}

.margin-top-md {
  margin-top: var(--space-md);
}

.margin-top-lg {
  margin-top: var(--space-lg);
}

.margin-top-xl {
  margin-top: var(--space-xl);
}

.margin-top-xxl {
  margin-top: var(--space-xxl);
}

.margin-top-xxxl {
  margin-top: var(--space-xxxl);
}

.margin-top-xxxxl {
  margin-top: var(--space-xxxxl);
}

.margin-top-auto {
  margin-top: auto;
}

.margin-top-0 {
  margin-top: 0;
}

.margin-bottom-xxxxs {
  margin-bottom: var(--space-xxxxs);
}

.margin-bottom-xxxs {
  margin-bottom: var(--space-xxxs);
}

.margin-bottom-xxs {
  margin-bottom: var(--space-xxs);
}

.margin-bottom-xs {
  margin-bottom: var(--space-xs);
}

.margin-bottom-sm {
  margin-bottom: var(--space-sm);
}

.margin-bottom-md {
  margin-bottom: var(--space-md);
}

.margin-bottom-lg {
  margin-bottom: var(--space-lg);
}

.margin-bottom-xl {
  margin-bottom: var(--space-xl);
}

.margin-bottom-xxl {
  margin-bottom: var(--space-xxl);
}

.margin-bottom-xxxl {
  margin-bottom: var(--space-xxxl);
}

.margin-bottom-xxxxl {
  margin-bottom: var(--space-xxxxl);
}

.margin-bottom-auto {
  margin-bottom: auto;
}

.margin-bottom-0 {
  margin-bottom: 0;
}

.margin-right-xxxxs {
  margin-right: var(--space-xxxxs);
}

.margin-right-xxxs {
  margin-right: var(--space-xxxs);
}

.margin-right-xxs {
  margin-right: var(--space-xxs);
}

.margin-right-xs {
  margin-right: var(--space-xs);
}

.margin-right-sm {
  margin-right: var(--space-sm);
}

.margin-right-md {
  margin-right: var(--space-md);
}

.margin-right-lg {
  margin-right: var(--space-lg);
}

.margin-right-xl {
  margin-right: var(--space-xl);
}

.margin-right-xxl {
  margin-right: var(--space-xxl);
}

.margin-right-xxxl {
  margin-right: var(--space-xxxl);
}

.margin-right-xxxxl {
  margin-right: var(--space-xxxxl);
}

.margin-right-auto {
  margin-right: auto;
}

.margin-right-0 {
  margin-right: 0;
}

.margin-left-xxxxs {
  margin-left: var(--space-xxxxs);
}

.margin-left-xxxs {
  margin-left: var(--space-xxxs);
}

.margin-left-xxs {
  margin-left: var(--space-xxs);
}

.margin-left-xs {
  margin-left: var(--space-xs);
}

.margin-left-sm {
  margin-left: var(--space-sm);
}

.margin-left-md {
  margin-left: var(--space-md);
}

.margin-left-lg {
  margin-left: var(--space-lg);
}

.margin-left-xl {
  margin-left: var(--space-xl);
}

.margin-left-xxl {
  margin-left: var(--space-xxl);
}

.margin-left-xxxl {
  margin-left: var(--space-xxxl);
}

.margin-left-xxxxl {
  margin-left: var(--space-xxxxl);
}

.margin-left-auto {
  margin-left: auto;
}

.margin-left-0 {
  margin-left: 0;
}

.margin-x-xxxxs {
  margin-left: var(--space-xxxxs);
  margin-right: var(--space-xxxxs);
}

.margin-x-xxxs {
  margin-left: var(--space-xxxs);
  margin-right: var(--space-xxxs);
}

.margin-x-xxs {
  margin-left: var(--space-xxs);
  margin-right: var(--space-xxs);
}

.margin-x-xs {
  margin-left: var(--space-xs);
  margin-right: var(--space-xs);
}

.margin-x-sm {
  margin-left: var(--space-sm);
  margin-right: var(--space-sm);
}

.margin-x-md {
  margin-left: var(--space-md);
  margin-right: var(--space-md);
}

.margin-x-lg {
  margin-left: var(--space-lg);
  margin-right: var(--space-lg);
}

.margin-x-xl {
  margin-left: var(--space-xl);
  margin-right: var(--space-xl);
}

.margin-x-xxl {
  margin-left: var(--space-xxl);
  margin-right: var(--space-xxl);
}

.margin-x-xxxl {
  margin-left: var(--space-xxxl);
  margin-right: var(--space-xxxl);
}

.margin-x-xxxxl {
  margin-left: var(--space-xxxxl);
  margin-right: var(--space-xxxxl);
}

.margin-x-auto {
  margin-left: auto;
  margin-right: auto;
}

.margin-x-0 {
  margin-left: 0;
  margin-right: 0;
}

.margin-y-xxxxs {
  margin-top: var(--space-xxxxs);
  margin-bottom: var(--space-xxxxs);
}

.margin-y-xxxs {
  margin-top: var(--space-xxxs);
  margin-bottom: var(--space-xxxs);
}

.margin-y-xxs {
  margin-top: var(--space-xxs);
  margin-bottom: var(--space-xxs);
}

.margin-y-xs {
  margin-top: var(--space-xs);
  margin-bottom: var(--space-xs);
}

.margin-y-sm {
  margin-top: var(--space-sm);
  margin-bottom: var(--space-sm);
}

.margin-y-md {
  margin-top: var(--space-md);
  margin-bottom: var(--space-md);
}

.margin-y-lg {
  margin-top: var(--space-lg);
  margin-bottom: var(--space-lg);
}

.margin-y-xl {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-xl);
}

.margin-y-xxl {
  margin-top: var(--space-xxl);
  margin-bottom: var(--space-xxl);
}

.margin-y-xxxl {
  margin-top: var(--space-xxxl);
  margin-bottom: var(--space-xxxl);
}

.margin-y-xxxxl {
  margin-top: var(--space-xxxxl);
  margin-bottom: var(--space-xxxxl);
}

.margin-y-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.margin-y-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.padding-xxxxs {
  padding: var(--space-xxxxs);
}

.padding-xxxs {
  padding: var(--space-xxxs);
}

.padding-xxs {
  padding: var(--space-xxs);
}

.padding-xs {
  padding: var(--space-xs);
}

.padding-sm {
  padding: var(--space-sm);
}

.padding-md {
  padding: var(--space-md);
}

.padding-lg {
  padding: var(--space-lg);
}

.padding-xl {
  padding: var(--space-xl);
}

.padding-xxl {
  padding: var(--space-xxl);
}

.padding-xxxl {
  padding: var(--space-xxxl);
}

.padding-xxxxl {
  padding: var(--space-xxxxl);
}

.padding-0 {
  padding: 0;
}

.padding-component {
  padding: var(--component-padding);
}

.padding-top-xxxxs {
  padding-top: var(--space-xxxxs);
}

.padding-top-xxxs {
  padding-top: var(--space-xxxs);
}

.padding-top-xxs {
  padding-top: var(--space-xxs);
}

.padding-top-xs {
  padding-top: var(--space-xs);
}

.padding-top-sm {
  padding-top: var(--space-sm);
}

.padding-top-md {
  padding-top: var(--space-md);
}

.padding-top-lg {
  padding-top: var(--space-lg);
}

.padding-top-xl {
  padding-top: var(--space-xl);
}

.padding-top-xxl {
  padding-top: var(--space-xxl);
}

.padding-top-xxxl {
  padding-top: var(--space-xxxl);
}

.padding-top-xxxxl {
  padding-top: var(--space-xxxxl);
}

.padding-top-0 {
  padding-top: 0;
}

.padding-top-component {
  padding-top: var(--component-padding);
}

.padding-bottom-xxxxs {
  padding-bottom: var(--space-xxxxs);
}

.padding-bottom-xxxs {
  padding-bottom: var(--space-xxxs);
}

.padding-bottom-xxs {
  padding-bottom: var(--space-xxs);
}

.padding-bottom-xs {
  padding-bottom: var(--space-xs);
}

.padding-bottom-sm {
  padding-bottom: var(--space-sm);
}

.padding-bottom-md {
  padding-bottom: var(--space-md);
}

.padding-bottom-lg {
  padding-bottom: var(--space-lg);
}

.padding-bottom-xl {
  padding-bottom: var(--space-xl);
}

.padding-bottom-xxl {
  padding-bottom: var(--space-xxl);
}

.padding-bottom-xxxl {
  padding-bottom: var(--space-xxxl);
}

.padding-bottom-xxxxl {
  padding-bottom: var(--space-xxxxl);
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-bottom-component {
  padding-bottom: var(--component-padding);
}

.padding-right-xxxxs {
  padding-right: var(--space-xxxxs);
}

.padding-right-xxxs {
  padding-right: var(--space-xxxs);
}

.padding-right-xxs {
  padding-right: var(--space-xxs);
}

.padding-right-xs {
  padding-right: var(--space-xs);
}

.padding-right-sm {
  padding-right: var(--space-sm);
}

.padding-right-md {
  padding-right: var(--space-md);
}

.padding-right-lg {
  padding-right: var(--space-lg);
}

.padding-right-xl {
  padding-right: var(--space-xl);
}

.padding-right-xxl {
  padding-right: var(--space-xxl);
}

.padding-right-xxxl {
  padding-right: var(--space-xxxl);
}

.padding-right-xxxxl {
  padding-right: var(--space-xxxxl);
}

.padding-right-0 {
  padding-right: 0;
}

.padding-right-component {
  padding-right: var(--component-padding);
}

.padding-left-xxxxs {
  padding-left: var(--space-xxxxs);
}

.padding-left-xxxs {
  padding-left: var(--space-xxxs);
}

.padding-left-xxs {
  padding-left: var(--space-xxs);
}

.padding-left-xs {
  padding-left: var(--space-xs);
}

.padding-left-sm {
  padding-left: var(--space-sm);
}

.padding-left-md {
  padding-left: var(--space-md);
}

.padding-left-lg {
  padding-left: var(--space-lg);
}

.padding-left-xl {
  padding-left: var(--space-xl);
}

.padding-left-xxl {
  padding-left: var(--space-xxl);
}

.padding-left-xxxl {
  padding-left: var(--space-xxxl);
}

.padding-left-xxxxl {
  padding-left: var(--space-xxxxl);
}

.padding-left-0 {
  padding-left: 0;
}

.padding-left-component {
  padding-left: var(--component-padding);
}

.padding-x-xxxxs {
  padding-left: var(--space-xxxxs);
  padding-right: var(--space-xxxxs);
}

.padding-x-xxxs {
  padding-left: var(--space-xxxs);
  padding-right: var(--space-xxxs);
}

.padding-x-xxs {
  padding-left: var(--space-xxs);
  padding-right: var(--space-xxs);
}

.padding-x-xs {
  padding-left: var(--space-xs);
  padding-right: var(--space-xs);
}

.padding-x-sm {
  padding-left: var(--space-sm);
  padding-right: var(--space-sm);
}

.padding-x-md {
  padding-left: var(--space-md);
  padding-right: var(--space-md);
}

.padding-x-lg {
  padding-left: var(--space-lg);
  padding-right: var(--space-lg);
}

.padding-x-xl {
  padding-left: var(--space-xl);
  padding-right: var(--space-xl);
}

.padding-x-xxl {
  padding-left: var(--space-xxl);
  padding-right: var(--space-xxl);
}

.padding-x-xxxl {
  padding-left: var(--space-xxxl);
  padding-right: var(--space-xxxl);
}

.padding-x-xxxxl {
  padding-left: var(--space-xxxxl);
  padding-right: var(--space-xxxxl);
}

.padding-x-0 {
  padding-left: 0;
  padding-right: 0;
}

.padding-x-component {
  padding-left: var(--component-padding);
  padding-right: var(--component-padding);
}

.padding-y-xxxxs {
  padding-top: var(--space-xxxxs);
  padding-bottom: var(--space-xxxxs);
}

.padding-y-xxxs {
  padding-top: var(--space-xxxs);
  padding-bottom: var(--space-xxxs);
}

.padding-y-xxs {
  padding-top: var(--space-xxs);
  padding-bottom: var(--space-xxs);
}

.padding-y-xs {
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
}

.padding-y-sm {
  padding-top: var(--space-sm);
  padding-bottom: var(--space-sm);
}

.padding-y-md {
  padding-top: var(--space-md);
  padding-bottom: var(--space-md);
}

.padding-y-lg {
  padding-top: var(--space-lg);
  padding-bottom: var(--space-lg);
}

.padding-y-xl {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
}

.padding-y-xxl {
  padding-top: var(--space-xxl);
  padding-bottom: var(--space-xxl);
}

.padding-y-xxxl {
  padding-top: var(--space-xxxl);
  padding-bottom: var(--space-xxxl);
}

.padding-y-xxxxl {
  padding-top: var(--space-xxxxl);
  padding-bottom: var(--space-xxxxl);
}

.padding-y-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.padding-y-component {
  padding-top: var(--component-padding);
  padding-bottom: var(--component-padding);
}

.align-baseline {
  vertical-align: baseline;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}

.truncate, .text-truncate {
  overflow: hidden;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.text-replace {
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
}

.break-word {
  overflow-wrap: break-word;
  min-width: 0;
}

.text-xs {
  font-size: var(--text-xs, 0.694em);
}

.text-sm {
  font-size: var(--text-sm, 0.833em);
}

.text-base {
  font-size: var(--text-unit, 1em);
}

.text-md {
  font-size: var(--text-md, 1.2em);
}

.text-lg {
  font-size: var(--text-lg, 1.44em);
}

.text-xl {
  font-size: var(--text-xl, 1.728em);
}

.text-xxl {
  font-size: var(--text-xxl, 2.074em);
}

.text-xxxl {
  font-size: var(--text-xxxl, 2.488em);
}

.text-xxxxl {
  font-size: var(--text-xxxxl, 2.985em);
}

.text-unit-rem, .text-unit-em, .text-unit-px {
  font-size: var(--text-unit);
}

.text-unit-rem {
  --text-unit: 1rem;
}

.text-unit-em {
  --text-unit: 1em;
}

.text-unit-px {
  --text-unit: 16px;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.letter-spacing-xs {
  letter-spacing: -0.1em;
}

.letter-spacing-sm {
  letter-spacing: -0.05em;
}

.letter-spacing-md {
  letter-spacing: 0.05em;
}

.letter-spacing-lg {
  letter-spacing: 0.1em;
}

.letter-spacing-xl {
  letter-spacing: 0.2em;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold, .text-bold {
  font-weight: 700;
}

.font-italic {
  font-style: italic;
}

.font-smooth {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.font-primary {
  font-family: var(--font-primary);
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-line-through {
  text-decoration: line-through;
}

.text-underline {
  text-decoration: underline;
}

.text-decoration-none {
  text-decoration: none;
}

.text-shadow-xs {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.text-shadow-sm {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.text-shadow-md {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
}

.text-shadow-lg {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.15), 0 4px 16px rgba(0, 0, 0, 0.2);
}

.text-shadow-xl {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.15), 0 4px 16px rgba(0, 0, 0, 0.2), 0 6px 24px rgba(0, 0, 0, 0.25);
}

.text-shadow-none {
  text-shadow: none;
}

.v-space-xxs {
  --text-vspace-multiplier: 0.25 !important;
}

.v-space-xs {
  --text-vspace-multiplier: 0.5 !important;
}

.v-space-sm {
  --text-vspace-multiplier: 0.75 !important;
}

.v-space-md {
  --text-vspace-multiplier: 1.25 !important;
}

.v-space-lg {
  --text-vspace-multiplier: 1.5 !important;
}

.v-space-xl {
  --text-vspace-multiplier: 1.75 !important;
}

.v-space-xxl {
  --text-vspace-multiplier: 2 !important;
}

.line-height-xs {
  --heading-line-height: 1;
  --body-line-height: 1.1;
}
.line-height-xs:not(.text-component) {
  line-height: 1.1;
}

.line-height-sm {
  --heading-line-height: 1.1;
  --body-line-height: 1.2;
}
.line-height-sm:not(.text-component) {
  line-height: 1.2;
}

.line-height-md {
  --heading-line-height: 1.15;
  --body-line-height: 1.4;
}
.line-height-md:not(.text-component) {
  line-height: 1.4;
}

.line-height-lg {
  --heading-line-height: 1.22;
  --body-line-height: 1.58;
}
.line-height-lg:not(.text-component) {
  line-height: 1.58;
}

.line-height-xl {
  --heading-line-height: 1.3;
  --body-line-height: 1.72;
}
.line-height-xl:not(.text-component) {
  line-height: 1.72;
}

.line-height-body {
  line-height: var(--body-line-height);
}

.line-height-heading {
  line-height: var(--heading-line-height);
}

.line-height-normal {
  line-height: normal !important;
}

.line-height-1 {
  line-height: 1 !important;
}

.ws-nowrap, .text-nowrap {
  white-space: nowrap;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default;
}

.pointer-events-auto {
  pointer-events: auto;
}

.pointer-events-none {
  pointer-events: none;
}

.user-select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.user-select-all {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}

[class^=color-], [class*=" color-"] {
  --color-o: 1;
}

.color-inherit {
  color: inherit;
}

.color-bg {
  color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--color-o, 1));
}

.color-contrast-lower {
  color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--color-o, 1));
}

.color-contrast-low {
  color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--color-o, 1));
}

.color-contrast-medium {
  color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--color-o, 1));
}

.color-contrast-high {
  color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--color-o, 1));
}

.color-contrast-higher {
  color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--color-o, 1));
}

.color-primary-darker {
  color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--color-o, 1));
}

.color-primary-dark {
  color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--color-o, 1));
}

.color-primary {
  color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--color-o, 1));
}

.color-primary-light {
  color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--color-o, 1));
}

.color-primary-lighter {
  color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--color-o, 1));
}

.color-accent-darker {
  color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--color-o, 1));
}

.color-accent-dark {
  color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--color-o, 1));
}

.color-accent {
  color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--color-o, 1));
}

.color-accent-light {
  color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--color-o, 1));
}

.color-accent-lighter {
  color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--color-o, 1));
}

.color-success-darker {
  color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--color-o, 1));
}

.color-success-dark {
  color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--color-o, 1));
}

.color-success {
  color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--color-o, 1));
}

.color-success-light {
  color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--color-o, 1));
}

.color-success-lighter {
  color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--color-o, 1));
}

.color-warning-darker {
  color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--color-o, 1));
}

.color-warning-dark {
  color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--color-o, 1));
}

.color-warning {
  color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--color-o, 1));
}

.color-warning-light {
  color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--color-o, 1));
}

.color-warning-lighter {
  color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--color-o, 1));
}

.color-error-darker {
  color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--color-o, 1));
}

.color-error-dark {
  color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--color-o, 1));
}

.color-error {
  color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--color-o, 1));
}

.color-error-light {
  color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--color-o, 1));
}

.color-error-lighter {
  color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--color-o, 1));
}

.color-white {
  color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--color-o, 1));
}

.color-black {
  color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--color-o, 1));
}

@supports (--css: variables) {
  .color-opacity-0 {
    --color-o: 0;
  }
  .color-opacity-10\% {
    --color-o: 0.1;
  }
  .color-opacity-20\% {
    --color-o: 0.2;
  }
  .color-opacity-30\% {
    --color-o: 0.3;
  }
  .color-opacity-40\% {
    --color-o: 0.4;
  }
  .color-opacity-50\% {
    --color-o: 0.5;
  }
  .color-opacity-60\% {
    --color-o: 0.6;
  }
  .color-opacity-70\% {
    --color-o: 0.7;
  }
  .color-opacity-80\% {
    --color-o: 0.8;
  }
  .color-opacity-90\% {
    --color-o: 0.9;
  }
}
@supports (--css: variables) {
  [class^=color-gradient], [class*=" color-gradient"] {
    color: transparent !important;
    -webkit-background-clip: text;
            background-clip: text;
  }
}
.width-xxxxs {
  width: var(--size-xxxxs, 0.25rem);
}

.width-xxxs {
  width: var(--size-xxxs, 0.5rem);
}

.width-xxs {
  width: var(--size-xxs, 0.75rem);
}

.width-xs {
  width: var(--size-xs, 1rem);
}

.width-sm {
  width: var(--size-sm, 1.5rem);
}

.width-md {
  width: var(--size-md, 2rem);
}

.width-lg {
  width: var(--size-lg, 3rem);
}

.width-xl {
  width: var(--size-xl, 4rem);
}

.width-xxl {
  width: var(--size-xxl, 6rem);
}

.width-xxxl {
  width: var(--size-xxxl, 8rem);
}

.width-xxxxl {
  width: var(--size-xxxxl, 16rem);
}

.width-0 {
  width: 0;
}

.width-10\% {
  width: 10%;
}

.width-20\% {
  width: 20%;
}

.width-25\% {
  width: 25%;
}

.width-30\% {
  width: 30%;
}

.width-33\% {
  width: 33.3333333333%;
}

.width-40\% {
  width: 40%;
}

.width-50\% {
  width: 50%;
}

.width-60\% {
  width: 60%;
}

.width-66\% {
  width: 66.6666666667%;
}

.width-70\% {
  width: 70%;
}

.width-75\% {
  width: 75%;
}

.width-80\% {
  width: 80%;
}

.width-90\% {
  width: 90%;
}

.width-100\% {
  width: 100%;
}

.width-100vw {
  width: 100vw;
}

.width-auto {
  width: auto;
}

.height-xxxxs {
  height: var(--size-xxxxs, 0.25rem);
}

.height-xxxs {
  height: var(--size-xxxs, 0.5rem);
}

.height-xxs {
  height: var(--size-xxs, 0.75rem);
}

.height-xs {
  height: var(--size-xs, 1rem);
}

.height-sm {
  height: var(--size-sm, 1.5rem);
}

.height-md {
  height: var(--size-md, 2rem);
}

.height-lg {
  height: var(--size-lg, 3rem);
}

.height-xl {
  height: var(--size-xl, 4rem);
}

.height-xxl {
  height: var(--size-xxl, 6rem);
}

.height-xxxl {
  height: var(--size-xxxl, 8rem);
}

.height-xxxxl {
  height: var(--size-xxxxl, 16rem);
}

.height-0 {
  height: 0;
}

.height-10\% {
  height: 10%;
}

.height-20\% {
  height: 20%;
}

.height-25\% {
  height: 25%;
}

.height-30\% {
  height: 30%;
}

.height-33\% {
  height: 33.3333333333%;
}

.height-40\% {
  height: 40%;
}

.height-50\% {
  height: 50%;
}

.height-60\% {
  height: 60%;
}

.height-66\% {
  height: 66.6666666667%;
}

.height-70\% {
  height: 70%;
}

.height-75\% {
  height: 75%;
}

.height-80\% {
  height: 80%;
}

.height-90\% {
  height: 90%;
}

.height-100\% {
  height: 100%;
}

.height-100vh {
  height: 100vh;
}

.height-auto {
  height: auto;
}

.min-width-0 {
  min-width: 0;
}

.min-width-25\% {
  min-width: 25%;
}

.min-width-33\% {
  min-width: 33.3333333333%;
}

.min-width-50\% {
  min-width: 50%;
}

.min-width-66\% {
  min-width: 66.6666666667%;
}

.min-width-75\% {
  min-width: 75%;
}

.min-width-100\% {
  min-width: 100%;
}

.min-width-100vw {
  min-width: 100vw;
}

.min-height-100\% {
  min-height: 100%;
}

.min-height-100vh {
  min-height: 100vh;
}

:root {
  --max-width-xxxxs: 20rem;
  --max-width-xxxs: 26rem;
  --max-width-xxs: 32rem;
  --max-width-xs: 38rem;
  --max-width-sm: 48rem;
  --max-width-md: 64rem;
  --max-width-lg: 80rem;
  --max-width-xl: 90rem;
  --max-width-xxl: 100rem;
  --max-width-xxxl: 120rem;
  --max-width-xxxxl: 150rem;
}

.max-width-xxxxs {
  max-width: var(--max-width-xxxxs);
}

.max-width-xxxs {
  max-width: var(--max-width-xxxs);
}

.max-width-xxs {
  max-width: var(--max-width-xxs);
}

.max-width-xs {
  max-width: var(--max-width-xs);
}

.max-width-sm {
  max-width: var(--max-width-sm);
}

.max-width-md {
  max-width: var(--max-width-md);
}

.max-width-lg {
  max-width: var(--max-width-lg);
}

.max-width-xl {
  max-width: var(--max-width-xl);
}

.max-width-xxl {
  max-width: var(--max-width-xxl);
}

.max-width-xxxl {
  max-width: var(--max-width-xxxl);
}

.max-width-xxxxl {
  max-width: var(--max-width-xxxxl);
}

.max-width-100\% {
  max-width: 100%;
}

[class^=max-width-adaptive], [class*=" max-width-adaptive"] {
  max-width: 32rem;
}

@media (min-width: 48rem) {
  .max-width-adaptive-sm, .max-width-adaptive-md, .max-width-adaptive-lg, .max-width-adaptive-xl, .max-width-adaptive {
    max-width: 48rem;
  }
}
@media (min-width: 64rem) {
  .max-width-adaptive-md, .max-width-adaptive-lg, .max-width-adaptive-xl, .max-width-adaptive {
    max-width: 64rem;
  }
}
@media (min-width: 80rem) {
  .max-width-adaptive-lg, .max-width-adaptive-xl, .max-width-adaptive {
    max-width: 80rem;
  }
}
@media (min-width: 90rem) {
  .max-width-adaptive-xl {
    max-width: 90rem;
  }
}
.max-height-100\% {
  max-height: 100%;
}

.max-height-100vh {
  max-height: 100vh;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.position-fixed {
  position: fixed;
}

.position-sticky {
  position: sticky;
}

.inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.top-0 {
  top: 0;
}

.top-50\% {
  top: 50%;
}

.top-xxxxs {
  top: var(--space-xxxxs);
}

.top-xxxs {
  top: var(--space-xxxs);
}

.top-xxs {
  top: var(--space-xxs);
}

.top-xs {
  top: var(--space-xs);
}

.top-sm {
  top: var(--space-sm);
}

.top-md {
  top: var(--space-md);
}

.top-lg {
  top: var(--space-lg);
}

.top-xl {
  top: var(--space-xl);
}

.top-xxl {
  top: var(--space-xxl);
}

.top-xxxl {
  top: var(--space-xxxl);
}

.top-xxxxl {
  top: var(--space-xxxxl);
}

.bottom-0 {
  bottom: 0;
}

.bottom-50\% {
  bottom: 50%;
}

.bottom-xxxxs {
  bottom: var(--space-xxxxs);
}

.bottom-xxxs {
  bottom: var(--space-xxxs);
}

.bottom-xxs {
  bottom: var(--space-xxs);
}

.bottom-xs {
  bottom: var(--space-xs);
}

.bottom-sm {
  bottom: var(--space-sm);
}

.bottom-md {
  bottom: var(--space-md);
}

.bottom-lg {
  bottom: var(--space-lg);
}

.bottom-xl {
  bottom: var(--space-xl);
}

.bottom-xxl {
  bottom: var(--space-xxl);
}

.bottom-xxxl {
  bottom: var(--space-xxxl);
}

.bottom-xxxxl {
  bottom: var(--space-xxxxl);
}

.right-0 {
  right: 0;
}

.right-50\% {
  right: 50%;
}

.right-xxxxs {
  right: var(--space-xxxxs);
}

.right-xxxs {
  right: var(--space-xxxs);
}

.right-xxs {
  right: var(--space-xxs);
}

.right-xs {
  right: var(--space-xs);
}

.right-sm {
  right: var(--space-sm);
}

.right-md {
  right: var(--space-md);
}

.right-lg {
  right: var(--space-lg);
}

.right-xl {
  right: var(--space-xl);
}

.right-xxl {
  right: var(--space-xxl);
}

.right-xxxl {
  right: var(--space-xxxl);
}

.right-xxxxl {
  right: var(--space-xxxxl);
}

.left-0 {
  left: 0;
}

.left-50\% {
  left: 50%;
}

.left-xxxxs {
  left: var(--space-xxxxs);
}

.left-xxxs {
  left: var(--space-xxxs);
}

.left-xxs {
  left: var(--space-xxs);
}

.left-xs {
  left: var(--space-xs);
}

.left-sm {
  left: var(--space-sm);
}

.left-md {
  left: var(--space-md);
}

.left-lg {
  left: var(--space-lg);
}

.left-xl {
  left: var(--space-xl);
}

.left-xxl {
  left: var(--space-xxl);
}

.left-xxxl {
  left: var(--space-xxxl);
}

.left-xxxxl {
  left: var(--space-xxxxl);
}

.z-index-header {
  z-index: var(--zindex-header);
}

.z-index-popover {
  z-index: var(--zindex-popover);
}

.z-index-fixed-element {
  z-index: var(--zindex-fixed-element);
}

.z-index-overlay {
  z-index: var(--zindex-overlay);
}

.zindex-1, .z-index-1 {
  z-index: 1;
}

.zindex-2, .z-index-2 {
  z-index: 2;
}

.zindex-3, .z-index-3 {
  z-index: 3;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-auto {
  overflow: auto;
}

.momentum-scrolling {
  -webkit-overflow-scrolling: touch;
}

.overscroll-contain {
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

.scroll-smooth {
  scroll-behavior: smooth;
}

.scroll-padding-xxxxs {
  scroll-padding: var(--space-xxxxs);
}

.scroll-padding-xxxs {
  scroll-padding: var(--space-xxxs);
}

.scroll-padding-xxs {
  scroll-padding: var(--space-xxs);
}

.scroll-padding-xs {
  scroll-padding: var(--space-xs);
}

.scroll-padding-sm {
  scroll-padding: var(--space-sm);
}

.scroll-padding-md {
  scroll-padding: var(--space-md);
}

.scroll-padding-lg {
  scroll-padding: var(--space-lg);
}

.scroll-padding-xl {
  scroll-padding: var(--space-xl);
}

.scroll-padding-xxl {
  scroll-padding: var(--space-xxl);
}

.scroll-padding-xxxl {
  scroll-padding: var(--space-xxxl);
}

.scroll-padding-xxxxl {
  scroll-padding: var(--space-xxxxl);
}

.opacity-0 {
  opacity: 0;
}

.opacity-10\% {
  opacity: 0.1;
}

.opacity-20\% {
  opacity: 0.2;
}

.opacity-30\% {
  opacity: 0.3;
}

.opacity-40\% {
  opacity: 0.4;
}

.opacity-50\% {
  opacity: 0.5;
}

.opacity-60\% {
  opacity: 0.6;
}

.opacity-70\% {
  opacity: 0.7;
}

.opacity-80\% {
  opacity: 0.8;
}

.opacity-90\% {
  opacity: 0.9;
}

.media-wrapper {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.media-wrapper > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.media-wrapper > *:not(iframe) {
  -o-object-fit: cover;
     object-fit: cover;
}

.media-wrapper--4\:3 {
  padding-bottom: calc((3 / 4) * 100%);
}

.media-wrapper--1\:1 {
  padding-bottom: calc((1 / 1) * 100%);
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

[class^=border-], [class*=" border-"] {
  --border-o: 1;
}

.border {
  border: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1));
}

.border-top {
  border-top: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1));
}

.border-bottom {
  border-bottom: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1));
}

.border-left {
  border-left: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1));
}

.border-right {
  border-right: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1));
}

.border-2 {
  border-width: 2px;
}

.border-3 {
  border-width: 3px;
}

.border-4 {
  border-width: 4px;
}

.border-bg {
  border-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--border-o, 1));
}

.border-contrast-lower {
  border-color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1));
}

.border-contrast-low {
  border-color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1));
}

.border-contrast-medium {
  border-color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--border-o, 1));
}

.border-contrast-high {
  border-color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--border-o, 1));
}

.border-contrast-higher {
  border-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--border-o, 1));
}

.border-primary-darker {
  border-color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--border-o, 1));
}

.border-primary-dark {
  border-color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--border-o, 1));
}

.border-primary {
  border-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--border-o, 1));
}

.border-primary-light {
  border-color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--border-o, 1));
}

.border-primary-lighter {
  border-color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--border-o, 1));
}

.border-accent-darker {
  border-color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--border-o, 1));
}

.border-accent-dark {
  border-color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--border-o, 1));
}

.border-accent {
  border-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--border-o, 1));
}

.border-accent-light {
  border-color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--border-o, 1));
}

.border-accent-lighter {
  border-color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--border-o, 1));
}

.border-success-darker {
  border-color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--border-o, 1));
}

.border-success-dark {
  border-color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--border-o, 1));
}

.border-success {
  border-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--border-o, 1));
}

.border-success-light {
  border-color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--border-o, 1));
}

.border-success-lighter {
  border-color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--border-o, 1));
}

.border-warning-darker {
  border-color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--border-o, 1));
}

.border-warning-dark {
  border-color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--border-o, 1));
}

.border-warning {
  border-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--border-o, 1));
}

.border-warning-light {
  border-color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--border-o, 1));
}

.border-warning-lighter {
  border-color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--border-o, 1));
}

.border-error-darker {
  border-color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--border-o, 1));
}

.border-error-dark {
  border-color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--border-o, 1));
}

.border-error {
  border-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--border-o, 1));
}

.border-error-light {
  border-color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--border-o, 1));
}

.border-error-lighter {
  border-color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--border-o, 1));
}

.border-white {
  border-color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--border-o, 1));
}

.border-black {
  border-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--border-o, 1));
}

@supports (--css: variables) {
  .border-opacity-0 {
    --border-o: 0;
  }
  .border-opacity-10\% {
    --border-o: 0.1;
  }
  .border-opacity-20\% {
    --border-o: 0.2;
  }
  .border-opacity-30\% {
    --border-o: 0.3;
  }
  .border-opacity-40\% {
    --border-o: 0.4;
  }
  .border-opacity-50\% {
    --border-o: 0.5;
  }
  .border-opacity-60\% {
    --border-o: 0.6;
  }
  .border-opacity-70\% {
    --border-o: 0.7;
  }
  .border-opacity-80\% {
    --border-o: 0.8;
  }
  .border-opacity-90\% {
    --border-o: 0.9;
  }
}
.radius-sm {
  border-radius: var(--radius-sm);
}

.radius-md {
  border-radius: var(--radius-md);
}

.radius-lg {
  border-radius: var(--radius-lg);
}

.radius-50\% {
  border-radius: 50%;
}

.radius-full {
  border-radius: 50em;
}

.radius-0 {
  border-radius: 0;
}

.radius-top-left-0 {
  border-top-left-radius: 0;
}

.radius-top-right-0 {
  border-top-right-radius: 0;
}

.radius-bottom-right-0 {
  border-bottom-right-radius: 0;
}

.radius-bottom-left-0 {
  border-bottom-left-radius: 0;
}

.shadow-xs {
  -webkit-box-shadow: var(--shadow-xs);
          box-shadow: var(--shadow-xs);
}

.shadow-sm {
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
}

.shadow-md {
  -webkit-box-shadow: var(--shadow-md);
          box-shadow: var(--shadow-md);
}

.shadow-lg {
  -webkit-box-shadow: var(--shadow-lg);
          box-shadow: var(--shadow-lg);
}

.shadow-xl {
  -webkit-box-shadow: var(--shadow-xl);
          box-shadow: var(--shadow-xl);
}

.shadow-none {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.bg, [class^=bg-], [class*=" bg-"] {
  --bg-o: 1;
}

.bg-transparent {
  background-color: transparent;
}

.bg-inherit {
  background-color: inherit;
}

.bg {
  background-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--bg-o));
}

.bg-contrast-lower {
  background-color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--bg-o, 1));
}

.bg-contrast-low {
  background-color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--bg-o, 1));
}

.bg-contrast-medium {
  background-color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--bg-o, 1));
}

.bg-contrast-high {
  background-color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--bg-o, 1));
}

.bg-contrast-higher {
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--bg-o, 1));
}

.bg-primary-darker {
  background-color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--bg-o, 1));
}

.bg-primary-dark {
  background-color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--bg-o, 1));
}

.bg-primary {
  background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--bg-o, 1));
}

.bg-primary-light {
  background-color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--bg-o, 1));
}

.bg-primary-lighter {
  background-color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--bg-o, 1));
}

.bg-accent-darker {
  background-color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--bg-o, 1));
}

.bg-accent-dark {
  background-color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--bg-o, 1));
}

.bg-accent {
  background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--bg-o, 1));
}

.bg-accent-light {
  background-color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--bg-o, 1));
}

.bg-accent-lighter {
  background-color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--bg-o, 1));
}

.bg-success-darker {
  background-color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--bg-o, 1));
}

.bg-success-dark {
  background-color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--bg-o, 1));
}

.bg-success {
  background-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--bg-o, 1));
}

.bg-success-light {
  background-color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--bg-o, 1));
}

.bg-success-lighter {
  background-color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--bg-o, 1));
}

.bg-warning-darker {
  background-color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--bg-o, 1));
}

.bg-warning-dark {
  background-color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--bg-o, 1));
}

.bg-warning {
  background-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--bg-o, 1));
}

.bg-warning-light {
  background-color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--bg-o, 1));
}

.bg-warning-lighter {
  background-color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--bg-o, 1));
}

.bg-error-darker {
  background-color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--bg-o, 1));
}

.bg-error-dark {
  background-color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--bg-o, 1));
}

.bg-error {
  background-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--bg-o, 1));
}

.bg-error-light {
  background-color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--bg-o, 1));
}

.bg-error-lighter {
  background-color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--bg-o, 1));
}

.bg-white {
  background-color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--bg-o, 1));
}

.bg-black {
  background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--bg-o, 1));
}

@supports (--css: variables) {
  .bg-opacity-0 {
    --bg-o: 0;
  }
  .bg-opacity-10\% {
    --bg-o: 0.1;
  }
  .bg-opacity-20\% {
    --bg-o: 0.2;
  }
  .bg-opacity-30\% {
    --bg-o: 0.3;
  }
  .bg-opacity-40\% {
    --bg-o: 0.4;
  }
  .bg-opacity-50\% {
    --bg-o: 0.5;
  }
  .bg-opacity-60\% {
    --bg-o: 0.6;
  }
  .bg-opacity-70\% {
    --bg-o: 0.7;
  }
  .bg-opacity-80\% {
    --bg-o: 0.8;
  }
  .bg-opacity-90\% {
    --bg-o: 0.9;
  }
}
.bg-cover {
  background-size: cover;
}

.bg-center {
  background-position: center;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.backdrop-blur-10 {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.backdrop-blur-20 {
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}

.isolate {
  isolation: isolate;
}

.blend-multiply {
  mix-blend-mode: multiply;
}

.blend-overlay {
  mix-blend-mode: overlay;
}

.blend-difference {
  mix-blend-mode: difference;
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.perspective-xs {
  -webkit-perspective: 250px;
          perspective: 250px;
}

.perspective-sm {
  -webkit-perspective: 500px;
          perspective: 500px;
}

.perspective-md {
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.perspective-lg {
  -webkit-perspective: 1500px;
          perspective: 1500px;
}

.perspective-xl {
  -webkit-perspective: 3000px;
          perspective: 3000px;
}

@supports (--css: variables) {
  [class^=flip], [class*=" flip"],
[class^=-rotate], [class*=" -rotate"],
[class^=rotate], [class*=" rotate"],
[class^=-translate], [class*=" -translate"],
[class^=translate], [class*=" translate"],
[class^=-scale], [class*=" -scale"],
[class^=scale], [class*=" scale"],
[class^=-skew], [class*=" -skew"] [class^=skew],
[class*=" skew"] {
    --translate: 0;
    --rotate: 0;
    --skew: 0;
    --scale: 1;
    -webkit-transform: translate3d(var(--translate-x, var(--translate)), var(--translate-y, var(--translate)), var(--translate-z, 0)) rotateX(var(--rotate-x, 0)) rotateY(var(--rotate-y, 0)) rotateZ(var(--rotate-z, var(--rotate))) skewX(var(--skew-x, var(--skew))) skewY(var(--skew-y, 0)) scaleX(var(--scale-x, var(--scale))) scaleY(var(--scale-y, var(--scale)));
            transform: translate3d(var(--translate-x, var(--translate)), var(--translate-y, var(--translate)), var(--translate-z, 0)) rotateX(var(--rotate-x, 0)) rotateY(var(--rotate-y, 0)) rotateZ(var(--rotate-z, var(--rotate))) skewX(var(--skew-x, var(--skew))) skewY(var(--skew-y, 0)) scaleX(var(--scale-x, var(--scale))) scaleY(var(--scale-y, var(--scale)));
  }
  .flip {
    --scale: -1;
  }
  .flip-x {
    --scale-x: -1;
  }
  .flip-y {
    --scale-y: -1;
  }
  .rotate-90 {
    --rotate: 90deg;
  }
  .rotate-180 {
    --rotate: 180deg;
  }
  .rotate-270 {
    --rotate: 270deg;
  }
  .-translate-50\% {
    --translate: -50%;
  }
  .-translate-x-50\% {
    --translate-x: -50%;
  }
  .-translate-y-50\% {
    --translate-y: -50%;
  }
  .translate-50\% {
    --translate: 50%;
  }
  .translate-x-50\% {
    --translate-x: 50%;
  }
  .translate-y-50\% {
    --translate-y: 50%;
  }
}
.origin-center {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}

.origin-top {
  -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
          transform-origin: center top;
}

.origin-right {
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
}

.origin-bottom {
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
}

.origin-left {
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
}

.origin-top-left {
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}

.origin-top-right {
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top;
}

.origin-bottom-left {
  -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
          transform-origin: left bottom;
}

.origin-bottom-right {
  -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
          transform-origin: right bottom;
}

.fill-current {
  fill: currentColor;
}

.stroke-current {
  stroke: currentColor;
}

.stroke-1 {
  stroke-width: 1px;
}

.stroke-2 {
  stroke-width: 2px;
}

.stroke-3 {
  stroke-width: 3px;
}

.stroke-4 {
  stroke-width: 4px;
}

.visible {
  visibility: visible;
}

.hidden, .invisible {
  visibility: hidden;
}

@media (min-width: 32rem) {
  .flex\@xs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .inline-flex\@xs {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .flex-wrap\@xs {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flex-nowrap\@xs {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .flex-column\@xs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .flex-column-reverse\@xs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .flex-row\@xs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .flex-row-reverse\@xs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .flex-center\@xs {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .flex-grow\@xs {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .flex-grow-0\@xs {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .flex-shrink\@xs {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .flex-shrink-0\@xs {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .flex-basis-0\@xs {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
  }
  .justify-start\@xs {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .justify-end\@xs {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .justify-center\@xs {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .justify-between\@xs {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .items-center\@xs {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .items-start\@xs {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .items-end\@xs {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .items-baseline\@xs {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .order-1\@xs {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-2\@xs {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-3\@xs {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .block\@xs {
    display: block;
  }
  .inline-block\@xs {
    display: inline-block;
  }
  .inline\@xs {
    display: inline;
  }
  .contents\@xs {
    display: contents;
  }
  .hide\@xs {
    display: none !important;
  }
  @supports (--css: variables) {
    .margin-xxxxs\@xs {
      margin: var(--space-xxxxs);
    }
    .margin-xxxs\@xs {
      margin: var(--space-xxxs);
    }
    .margin-xxs\@xs {
      margin: var(--space-xxs);
    }
    .margin-xs\@xs {
      margin: var(--space-xs);
    }
    .margin-sm\@xs {
      margin: var(--space-sm);
    }
    .margin-md\@xs {
      margin: var(--space-md);
    }
    .margin-lg\@xs {
      margin: var(--space-lg);
    }
    .margin-xl\@xs {
      margin: var(--space-xl);
    }
    .margin-xxl\@xs {
      margin: var(--space-xxl);
    }
    .margin-xxxl\@xs {
      margin: var(--space-xxxl);
    }
    .margin-xxxxl\@xs {
      margin: var(--space-xxxxl);
    }
    .margin-auto\@xs {
      margin: auto;
    }
    .margin-0\@xs {
      margin: 0;
    }
    .margin-top-xxxxs\@xs {
      margin-top: var(--space-xxxxs);
    }
    .margin-top-xxxs\@xs {
      margin-top: var(--space-xxxs);
    }
    .margin-top-xxs\@xs {
      margin-top: var(--space-xxs);
    }
    .margin-top-xs\@xs {
      margin-top: var(--space-xs);
    }
    .margin-top-sm\@xs {
      margin-top: var(--space-sm);
    }
    .margin-top-md\@xs {
      margin-top: var(--space-md);
    }
    .margin-top-lg\@xs {
      margin-top: var(--space-lg);
    }
    .margin-top-xl\@xs {
      margin-top: var(--space-xl);
    }
    .margin-top-xxl\@xs {
      margin-top: var(--space-xxl);
    }
    .margin-top-xxxl\@xs {
      margin-top: var(--space-xxxl);
    }
    .margin-top-xxxxl\@xs {
      margin-top: var(--space-xxxxl);
    }
    .margin-top-auto\@xs {
      margin-top: auto;
    }
    .margin-top-0\@xs {
      margin-top: 0;
    }
    .margin-bottom-xxxxs\@xs {
      margin-bottom: var(--space-xxxxs);
    }
    .margin-bottom-xxxs\@xs {
      margin-bottom: var(--space-xxxs);
    }
    .margin-bottom-xxs\@xs {
      margin-bottom: var(--space-xxs);
    }
    .margin-bottom-xs\@xs {
      margin-bottom: var(--space-xs);
    }
    .margin-bottom-sm\@xs {
      margin-bottom: var(--space-sm);
    }
    .margin-bottom-md\@xs {
      margin-bottom: var(--space-md);
    }
    .margin-bottom-lg\@xs {
      margin-bottom: var(--space-lg);
    }
    .margin-bottom-xl\@xs {
      margin-bottom: var(--space-xl);
    }
    .margin-bottom-xxl\@xs {
      margin-bottom: var(--space-xxl);
    }
    .margin-bottom-xxxl\@xs {
      margin-bottom: var(--space-xxxl);
    }
    .margin-bottom-xxxxl\@xs {
      margin-bottom: var(--space-xxxxl);
    }
    .margin-bottom-auto\@xs {
      margin-bottom: auto;
    }
    .margin-bottom-0\@xs {
      margin-bottom: 0;
    }
    .margin-right-xxxxs\@xs {
      margin-right: var(--space-xxxxs);
    }
    .margin-right-xxxs\@xs {
      margin-right: var(--space-xxxs);
    }
    .margin-right-xxs\@xs {
      margin-right: var(--space-xxs);
    }
    .margin-right-xs\@xs {
      margin-right: var(--space-xs);
    }
    .margin-right-sm\@xs {
      margin-right: var(--space-sm);
    }
    .margin-right-md\@xs {
      margin-right: var(--space-md);
    }
    .margin-right-lg\@xs {
      margin-right: var(--space-lg);
    }
    .margin-right-xl\@xs {
      margin-right: var(--space-xl);
    }
    .margin-right-xxl\@xs {
      margin-right: var(--space-xxl);
    }
    .margin-right-xxxl\@xs {
      margin-right: var(--space-xxxl);
    }
    .margin-right-xxxxl\@xs {
      margin-right: var(--space-xxxxl);
    }
    .margin-right-auto\@xs {
      margin-right: auto;
    }
    .margin-right-0\@xs {
      margin-right: 0;
    }
    .margin-left-xxxxs\@xs {
      margin-left: var(--space-xxxxs);
    }
    .margin-left-xxxs\@xs {
      margin-left: var(--space-xxxs);
    }
    .margin-left-xxs\@xs {
      margin-left: var(--space-xxs);
    }
    .margin-left-xs\@xs {
      margin-left: var(--space-xs);
    }
    .margin-left-sm\@xs {
      margin-left: var(--space-sm);
    }
    .margin-left-md\@xs {
      margin-left: var(--space-md);
    }
    .margin-left-lg\@xs {
      margin-left: var(--space-lg);
    }
    .margin-left-xl\@xs {
      margin-left: var(--space-xl);
    }
    .margin-left-xxl\@xs {
      margin-left: var(--space-xxl);
    }
    .margin-left-xxxl\@xs {
      margin-left: var(--space-xxxl);
    }
    .margin-left-xxxxl\@xs {
      margin-left: var(--space-xxxxl);
    }
    .margin-left-auto\@xs {
      margin-left: auto;
    }
    .margin-left-0\@xs {
      margin-left: 0;
    }
    .margin-x-xxxxs\@xs {
      margin-left: var(--space-xxxxs);
      margin-right: var(--space-xxxxs);
    }
    .margin-x-xxxs\@xs {
      margin-left: var(--space-xxxs);
      margin-right: var(--space-xxxs);
    }
    .margin-x-xxs\@xs {
      margin-left: var(--space-xxs);
      margin-right: var(--space-xxs);
    }
    .margin-x-xs\@xs {
      margin-left: var(--space-xs);
      margin-right: var(--space-xs);
    }
    .margin-x-sm\@xs {
      margin-left: var(--space-sm);
      margin-right: var(--space-sm);
    }
    .margin-x-md\@xs {
      margin-left: var(--space-md);
      margin-right: var(--space-md);
    }
    .margin-x-lg\@xs {
      margin-left: var(--space-lg);
      margin-right: var(--space-lg);
    }
    .margin-x-xl\@xs {
      margin-left: var(--space-xl);
      margin-right: var(--space-xl);
    }
    .margin-x-xxl\@xs {
      margin-left: var(--space-xxl);
      margin-right: var(--space-xxl);
    }
    .margin-x-xxxl\@xs {
      margin-left: var(--space-xxxl);
      margin-right: var(--space-xxxl);
    }
    .margin-x-xxxxl\@xs {
      margin-left: var(--space-xxxxl);
      margin-right: var(--space-xxxxl);
    }
    .margin-x-auto\@xs {
      margin-left: auto;
      margin-right: auto;
    }
    .margin-x-0\@xs {
      margin-left: 0;
      margin-right: 0;
    }
    .margin-y-xxxxs\@xs {
      margin-top: var(--space-xxxxs);
      margin-bottom: var(--space-xxxxs);
    }
    .margin-y-xxxs\@xs {
      margin-top: var(--space-xxxs);
      margin-bottom: var(--space-xxxs);
    }
    .margin-y-xxs\@xs {
      margin-top: var(--space-xxs);
      margin-bottom: var(--space-xxs);
    }
    .margin-y-xs\@xs {
      margin-top: var(--space-xs);
      margin-bottom: var(--space-xs);
    }
    .margin-y-sm\@xs {
      margin-top: var(--space-sm);
      margin-bottom: var(--space-sm);
    }
    .margin-y-md\@xs {
      margin-top: var(--space-md);
      margin-bottom: var(--space-md);
    }
    .margin-y-lg\@xs {
      margin-top: var(--space-lg);
      margin-bottom: var(--space-lg);
    }
    .margin-y-xl\@xs {
      margin-top: var(--space-xl);
      margin-bottom: var(--space-xl);
    }
    .margin-y-xxl\@xs {
      margin-top: var(--space-xxl);
      margin-bottom: var(--space-xxl);
    }
    .margin-y-xxxl\@xs {
      margin-top: var(--space-xxxl);
      margin-bottom: var(--space-xxxl);
    }
    .margin-y-xxxxl\@xs {
      margin-top: var(--space-xxxxl);
      margin-bottom: var(--space-xxxxl);
    }
    .margin-y-auto\@xs {
      margin-top: auto;
      margin-bottom: auto;
    }
    .margin-y-0\@xs {
      margin-top: 0;
      margin-bottom: 0;
    }
  }
  @supports (--css: variables) {
    .padding-xxxxs\@xs {
      padding: var(--space-xxxxs);
    }
    .padding-xxxs\@xs {
      padding: var(--space-xxxs);
    }
    .padding-xxs\@xs {
      padding: var(--space-xxs);
    }
    .padding-xs\@xs {
      padding: var(--space-xs);
    }
    .padding-sm\@xs {
      padding: var(--space-sm);
    }
    .padding-md\@xs {
      padding: var(--space-md);
    }
    .padding-lg\@xs {
      padding: var(--space-lg);
    }
    .padding-xl\@xs {
      padding: var(--space-xl);
    }
    .padding-xxl\@xs {
      padding: var(--space-xxl);
    }
    .padding-xxxl\@xs {
      padding: var(--space-xxxl);
    }
    .padding-xxxxl\@xs {
      padding: var(--space-xxxxl);
    }
    .padding-0\@xs {
      padding: 0;
    }
    .padding-component\@xs {
      padding: var(--component-padding);
    }
    .padding-top-xxxxs\@xs {
      padding-top: var(--space-xxxxs);
    }
    .padding-top-xxxs\@xs {
      padding-top: var(--space-xxxs);
    }
    .padding-top-xxs\@xs {
      padding-top: var(--space-xxs);
    }
    .padding-top-xs\@xs {
      padding-top: var(--space-xs);
    }
    .padding-top-sm\@xs {
      padding-top: var(--space-sm);
    }
    .padding-top-md\@xs {
      padding-top: var(--space-md);
    }
    .padding-top-lg\@xs {
      padding-top: var(--space-lg);
    }
    .padding-top-xl\@xs {
      padding-top: var(--space-xl);
    }
    .padding-top-xxl\@xs {
      padding-top: var(--space-xxl);
    }
    .padding-top-xxxl\@xs {
      padding-top: var(--space-xxxl);
    }
    .padding-top-xxxxl\@xs {
      padding-top: var(--space-xxxxl);
    }
    .padding-top-0\@xs {
      padding-top: 0;
    }
    .padding-top-component\@xs {
      padding-top: var(--component-padding);
    }
    .padding-bottom-xxxxs\@xs {
      padding-bottom: var(--space-xxxxs);
    }
    .padding-bottom-xxxs\@xs {
      padding-bottom: var(--space-xxxs);
    }
    .padding-bottom-xxs\@xs {
      padding-bottom: var(--space-xxs);
    }
    .padding-bottom-xs\@xs {
      padding-bottom: var(--space-xs);
    }
    .padding-bottom-sm\@xs {
      padding-bottom: var(--space-sm);
    }
    .padding-bottom-md\@xs {
      padding-bottom: var(--space-md);
    }
    .padding-bottom-lg\@xs {
      padding-bottom: var(--space-lg);
    }
    .padding-bottom-xl\@xs {
      padding-bottom: var(--space-xl);
    }
    .padding-bottom-xxl\@xs {
      padding-bottom: var(--space-xxl);
    }
    .padding-bottom-xxxl\@xs {
      padding-bottom: var(--space-xxxl);
    }
    .padding-bottom-xxxxl\@xs {
      padding-bottom: var(--space-xxxxl);
    }
    .padding-bottom-0\@xs {
      padding-bottom: 0;
    }
    .padding-bottom-component\@xs {
      padding-bottom: var(--component-padding);
    }
    .padding-right-xxxxs\@xs {
      padding-right: var(--space-xxxxs);
    }
    .padding-right-xxxs\@xs {
      padding-right: var(--space-xxxs);
    }
    .padding-right-xxs\@xs {
      padding-right: var(--space-xxs);
    }
    .padding-right-xs\@xs {
      padding-right: var(--space-xs);
    }
    .padding-right-sm\@xs {
      padding-right: var(--space-sm);
    }
    .padding-right-md\@xs {
      padding-right: var(--space-md);
    }
    .padding-right-lg\@xs {
      padding-right: var(--space-lg);
    }
    .padding-right-xl\@xs {
      padding-right: var(--space-xl);
    }
    .padding-right-xxl\@xs {
      padding-right: var(--space-xxl);
    }
    .padding-right-xxxl\@xs {
      padding-right: var(--space-xxxl);
    }
    .padding-right-xxxxl\@xs {
      padding-right: var(--space-xxxxl);
    }
    .padding-right-0\@xs {
      padding-right: 0;
    }
    .padding-right-component\@xs {
      padding-right: var(--component-padding);
    }
    .padding-left-xxxxs\@xs {
      padding-left: var(--space-xxxxs);
    }
    .padding-left-xxxs\@xs {
      padding-left: var(--space-xxxs);
    }
    .padding-left-xxs\@xs {
      padding-left: var(--space-xxs);
    }
    .padding-left-xs\@xs {
      padding-left: var(--space-xs);
    }
    .padding-left-sm\@xs {
      padding-left: var(--space-sm);
    }
    .padding-left-md\@xs {
      padding-left: var(--space-md);
    }
    .padding-left-lg\@xs {
      padding-left: var(--space-lg);
    }
    .padding-left-xl\@xs {
      padding-left: var(--space-xl);
    }
    .padding-left-xxl\@xs {
      padding-left: var(--space-xxl);
    }
    .padding-left-xxxl\@xs {
      padding-left: var(--space-xxxl);
    }
    .padding-left-xxxxl\@xs {
      padding-left: var(--space-xxxxl);
    }
    .padding-left-0\@xs {
      padding-left: 0;
    }
    .padding-left-component\@xs {
      padding-left: var(--component-padding);
    }
    .padding-x-xxxxs\@xs {
      padding-left: var(--space-xxxxs);
      padding-right: var(--space-xxxxs);
    }
    .padding-x-xxxs\@xs {
      padding-left: var(--space-xxxs);
      padding-right: var(--space-xxxs);
    }
    .padding-x-xxs\@xs {
      padding-left: var(--space-xxs);
      padding-right: var(--space-xxs);
    }
    .padding-x-xs\@xs {
      padding-left: var(--space-xs);
      padding-right: var(--space-xs);
    }
    .padding-x-sm\@xs {
      padding-left: var(--space-sm);
      padding-right: var(--space-sm);
    }
    .padding-x-md\@xs {
      padding-left: var(--space-md);
      padding-right: var(--space-md);
    }
    .padding-x-lg\@xs {
      padding-left: var(--space-lg);
      padding-right: var(--space-lg);
    }
    .padding-x-xl\@xs {
      padding-left: var(--space-xl);
      padding-right: var(--space-xl);
    }
    .padding-x-xxl\@xs {
      padding-left: var(--space-xxl);
      padding-right: var(--space-xxl);
    }
    .padding-x-xxxl\@xs {
      padding-left: var(--space-xxxl);
      padding-right: var(--space-xxxl);
    }
    .padding-x-xxxxl\@xs {
      padding-left: var(--space-xxxxl);
      padding-right: var(--space-xxxxl);
    }
    .padding-x-0\@xs {
      padding-left: 0;
      padding-right: 0;
    }
    .padding-x-component\@xs {
      padding-left: var(--component-padding);
      padding-right: var(--component-padding);
    }
    .padding-y-xxxxs\@xs {
      padding-top: var(--space-xxxxs);
      padding-bottom: var(--space-xxxxs);
    }
    .padding-y-xxxs\@xs {
      padding-top: var(--space-xxxs);
      padding-bottom: var(--space-xxxs);
    }
    .padding-y-xxs\@xs {
      padding-top: var(--space-xxs);
      padding-bottom: var(--space-xxs);
    }
    .padding-y-xs\@xs {
      padding-top: var(--space-xs);
      padding-bottom: var(--space-xs);
    }
    .padding-y-sm\@xs {
      padding-top: var(--space-sm);
      padding-bottom: var(--space-sm);
    }
    .padding-y-md\@xs {
      padding-top: var(--space-md);
      padding-bottom: var(--space-md);
    }
    .padding-y-lg\@xs {
      padding-top: var(--space-lg);
      padding-bottom: var(--space-lg);
    }
    .padding-y-xl\@xs {
      padding-top: var(--space-xl);
      padding-bottom: var(--space-xl);
    }
    .padding-y-xxl\@xs {
      padding-top: var(--space-xxl);
      padding-bottom: var(--space-xxl);
    }
    .padding-y-xxxl\@xs {
      padding-top: var(--space-xxxl);
      padding-bottom: var(--space-xxxl);
    }
    .padding-y-xxxxl\@xs {
      padding-top: var(--space-xxxxl);
      padding-bottom: var(--space-xxxxl);
    }
    .padding-y-0\@xs {
      padding-top: 0;
      padding-bottom: 0;
    }
    .padding-y-component\@xs {
      padding-top: var(--component-padding);
      padding-bottom: var(--component-padding);
    }
  }
  .text-center\@xs {
    text-align: center;
  }
  .text-left\@xs {
    text-align: left;
  }
  .text-right\@xs {
    text-align: right;
  }
  .text-justify\@xs {
    text-align: justify;
  }
  @supports (--css: variables) {
    .text-xs\@xs {
      font-size: var(--text-xs, 0.694em);
    }
    .text-sm\@xs {
      font-size: var(--text-sm, 0.833em);
    }
    .text-base\@xs {
      font-size: var(--text-unit, 1em);
    }
    .text-md\@xs {
      font-size: var(--text-md, 1.2em);
    }
    .text-lg\@xs {
      font-size: var(--text-lg, 1.44em);
    }
    .text-xl\@xs {
      font-size: var(--text-xl, 1.728em);
    }
    .text-xxl\@xs {
      font-size: var(--text-xxl, 2.074em);
    }
    .text-xxxl\@xs {
      font-size: var(--text-xxxl, 2.488em);
    }
    .text-xxxxl\@xs {
      font-size: var(--text-xxxxl, 2.985em);
    }
  }
  @supports (--css: variables) {
    .width-xxxxs\@xs {
      width: var(--size-xxxxs, 0.25rem);
    }
    .width-xxxs\@xs {
      width: var(--size-xxxs, 0.5rem);
    }
    .width-xxs\@xs {
      width: var(--size-xxs, 0.75rem);
    }
    .width-xs\@xs {
      width: var(--size-xs, 1rem);
    }
    .width-sm\@xs {
      width: var(--size-sm, 1.5rem);
    }
    .width-md\@xs {
      width: var(--size-md, 2rem);
    }
    .width-lg\@xs {
      width: var(--size-lg, 3rem);
    }
    .width-xl\@xs {
      width: var(--size-xl, 4rem);
    }
    .width-xxl\@xs {
      width: var(--size-xxl, 6rem);
    }
    .width-xxxl\@xs {
      width: var(--size-xxxl, 8rem);
    }
    .width-xxxxl\@xs {
      width: var(--size-xxxxl, 16rem);
    }
  }
  .width-0\@xs {
    width: 0;
  }
  .width-10\%\@xs {
    width: 10%;
  }
  .width-20\%\@xs {
    width: 20%;
  }
  .width-25\%\@xs {
    width: 25%;
  }
  .width-30\%\@xs {
    width: 30%;
  }
  .width-33\%\@xs {
    width: 33.3333333333%;
  }
  .width-40\%\@xs {
    width: 40%;
  }
  .width-50\%\@xs {
    width: 50%;
  }
  .width-60\%\@xs {
    width: 60%;
  }
  .width-66\%\@xs {
    width: 66.6666666667%;
  }
  .width-70\%\@xs {
    width: 70%;
  }
  .width-75\%\@xs {
    width: 75%;
  }
  .width-80\%\@xs {
    width: 80%;
  }
  .width-90\%\@xs {
    width: 90%;
  }
  .width-100\%\@xs {
    width: 100%;
  }
  .width-100vw\@xs {
    width: 100vw;
  }
  .width-auto\@xs {
    width: auto;
  }
  @supports (--css: variables) {
    .height-xxxxs\@xs {
      height: var(--size-xxxxs, 0.25rem);
    }
    .height-xxxs\@xs {
      height: var(--size-xxxs, 0.5rem);
    }
    .height-xxs\@xs {
      height: var(--size-xxs, 0.75rem);
    }
    .height-xs\@xs {
      height: var(--size-xs, 1rem);
    }
    .height-sm\@xs {
      height: var(--size-sm, 1.5rem);
    }
    .height-md\@xs {
      height: var(--size-md, 2rem);
    }
    .height-lg\@xs {
      height: var(--size-lg, 3rem);
    }
    .height-xl\@xs {
      height: var(--size-xl, 4rem);
    }
    .height-xxl\@xs {
      height: var(--size-xxl, 6rem);
    }
    .height-xxxl\@xs {
      height: var(--size-xxxl, 8rem);
    }
    .height-xxxxl\@xs {
      height: var(--size-xxxxl, 16rem);
    }
  }
  .height-0\@xs {
    height: 0;
  }
  .height-10\%\@xs {
    height: 10%;
  }
  .height-20\%\@xs {
    height: 20%;
  }
  .height-25\%\@xs {
    height: 25%;
  }
  .height-30\%\@xs {
    height: 30%;
  }
  .height-33\%\@xs {
    height: 33.3333333333%;
  }
  .height-40\%\@xs {
    height: 40%;
  }
  .height-50\%\@xs {
    height: 50%;
  }
  .height-60\%\@xs {
    height: 60%;
  }
  .height-66\%\@xs {
    height: 66.6666666667%;
  }
  .height-70\%\@xs {
    height: 70%;
  }
  .height-75\%\@xs {
    height: 75%;
  }
  .height-80\%\@xs {
    height: 80%;
  }
  .height-90\%\@xs {
    height: 90%;
  }
  .height-100\%\@xs {
    height: 100%;
  }
  .height-100vh\@xs {
    height: 100vh;
  }
  .height-auto\@xs {
    height: auto;
  }
  .position-relative\@xs {
    position: relative;
  }
  .position-absolute\@xs {
    position: absolute;
  }
  .position-fixed\@xs {
    position: fixed;
  }
  .position-sticky\@xs {
    position: sticky;
  }
  .position-static\@xs {
    position: static;
  }
  .inset-0\@xs {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .top-0\@xs {
    top: 0;
  }
  .top-50\%\@xs {
    top: 50%;
  }
  .bottom-0\@xs {
    bottom: 0;
  }
  .bottom-50\%\@xs {
    bottom: 50%;
  }
  .right-0\@xs {
    right: 0;
  }
  .right-50\%\@xs {
    right: 50%;
  }
  .left-0\@xs {
    left: 0;
  }
  .left-50\%\@xs {
    left: 50%;
  }
  @supports (--css: variables) {
    .top-xxxxs\@xs {
      top: var(--space-xxxxs);
    }
    .top-xxxs\@xs {
      top: var(--space-xxxs);
    }
    .top-xxs\@xs {
      top: var(--space-xxs);
    }
    .top-xs\@xs {
      top: var(--space-xs);
    }
    .top-sm\@xs {
      top: var(--space-sm);
    }
    .top-md\@xs {
      top: var(--space-md);
    }
    .top-lg\@xs {
      top: var(--space-lg);
    }
    .top-xl\@xs {
      top: var(--space-xl);
    }
    .top-xxl\@xs {
      top: var(--space-xxl);
    }
    .top-xxxl\@xs {
      top: var(--space-xxxl);
    }
    .top-xxxxl\@xs {
      top: var(--space-xxxxl);
    }
    .bottom-xxxxs\@xs {
      bottom: var(--space-xxxxs);
    }
    .bottom-xxxs\@xs {
      bottom: var(--space-xxxs);
    }
    .bottom-xxs\@xs {
      bottom: var(--space-xxs);
    }
    .bottom-xs\@xs {
      bottom: var(--space-xs);
    }
    .bottom-sm\@xs {
      bottom: var(--space-sm);
    }
    .bottom-md\@xs {
      bottom: var(--space-md);
    }
    .bottom-lg\@xs {
      bottom: var(--space-lg);
    }
    .bottom-xl\@xs {
      bottom: var(--space-xl);
    }
    .bottom-xxl\@xs {
      bottom: var(--space-xxl);
    }
    .bottom-xxxl\@xs {
      bottom: var(--space-xxxl);
    }
    .bottom-xxxxl\@xs {
      bottom: var(--space-xxxxl);
    }
    .right-xxxxs\@xs {
      right: var(--space-xxxxs);
    }
    .right-xxxs\@xs {
      right: var(--space-xxxs);
    }
    .right-xxs\@xs {
      right: var(--space-xxs);
    }
    .right-xs\@xs {
      right: var(--space-xs);
    }
    .right-sm\@xs {
      right: var(--space-sm);
    }
    .right-md\@xs {
      right: var(--space-md);
    }
    .right-lg\@xs {
      right: var(--space-lg);
    }
    .right-xl\@xs {
      right: var(--space-xl);
    }
    .right-xxl\@xs {
      right: var(--space-xxl);
    }
    .right-xxxl\@xs {
      right: var(--space-xxxl);
    }
    .right-xxxxl\@xs {
      right: var(--space-xxxxl);
    }
    .left-xxxxs\@xs {
      left: var(--space-xxxxs);
    }
    .left-xxxs\@xs {
      left: var(--space-xxxs);
    }
    .left-xxs\@xs {
      left: var(--space-xxs);
    }
    .left-xs\@xs {
      left: var(--space-xs);
    }
    .left-sm\@xs {
      left: var(--space-sm);
    }
    .left-md\@xs {
      left: var(--space-md);
    }
    .left-lg\@xs {
      left: var(--space-lg);
    }
    .left-xl\@xs {
      left: var(--space-xl);
    }
    .left-xxl\@xs {
      left: var(--space-xxl);
    }
    .left-xxxl\@xs {
      left: var(--space-xxxl);
    }
    .left-xxxxl\@xs {
      left: var(--space-xxxxl);
    }
  }
  .overflow-hidden\@xs {
    overflow: hidden;
  }
  .overflow-auto\@xs {
    overflow: auto;
  }
  .momentum-scrolling\@xs {
    -webkit-overflow-scrolling: touch;
  }
  .overscroll-contain\@xs {
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }
  .visible\@xs {
    visibility: visible;
  }
  .invisible\@xs {
    visibility: hidden;
  }
}
@media not all and (min-width: 32rem) {
  .has-margin\@xs {
    margin: 0 !important;
  }
  .has-padding\@xs {
    padding: 0 !important;
  }
  .display\@xs {
    display: none !important;
  }
}
@media (min-width: 48rem) {
  .flex\@sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .inline-flex\@sm {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .flex-wrap\@sm {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flex-nowrap\@sm {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .flex-column\@sm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .flex-column-reverse\@sm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .flex-row\@sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .flex-row-reverse\@sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .flex-center\@sm {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .flex-grow\@sm {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .flex-grow-0\@sm {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .flex-shrink\@sm {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .flex-shrink-0\@sm {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .flex-basis-0\@sm {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
  }
  .justify-start\@sm {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .justify-end\@sm {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .justify-center\@sm {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .justify-between\@sm {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .items-center\@sm {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .items-start\@sm {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .items-end\@sm {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .items-baseline\@sm {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .order-1\@sm {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-2\@sm {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-3\@sm {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .block\@sm {
    display: block;
  }
  .inline-block\@sm {
    display: inline-block;
  }
  .inline\@sm {
    display: inline;
  }
  .contents\@sm {
    display: contents;
  }
  .hide\@sm {
    display: none !important;
  }
  @supports (--css: variables) {
    .margin-xxxxs\@sm {
      margin: var(--space-xxxxs);
    }
    .margin-xxxs\@sm {
      margin: var(--space-xxxs);
    }
    .margin-xxs\@sm {
      margin: var(--space-xxs);
    }
    .margin-xs\@sm {
      margin: var(--space-xs);
    }
    .margin-sm\@sm {
      margin: var(--space-sm);
    }
    .margin-md\@sm {
      margin: var(--space-md);
    }
    .margin-lg\@sm {
      margin: var(--space-lg);
    }
    .margin-xl\@sm {
      margin: var(--space-xl);
    }
    .margin-xxl\@sm {
      margin: var(--space-xxl);
    }
    .margin-xxxl\@sm {
      margin: var(--space-xxxl);
    }
    .margin-xxxxl\@sm {
      margin: var(--space-xxxxl);
    }
    .margin-auto\@sm {
      margin: auto;
    }
    .margin-0\@sm {
      margin: 0;
    }
    .margin-top-xxxxs\@sm {
      margin-top: var(--space-xxxxs);
    }
    .margin-top-xxxs\@sm {
      margin-top: var(--space-xxxs);
    }
    .margin-top-xxs\@sm {
      margin-top: var(--space-xxs);
    }
    .margin-top-xs\@sm {
      margin-top: var(--space-xs);
    }
    .margin-top-sm\@sm {
      margin-top: var(--space-sm);
    }
    .margin-top-md\@sm {
      margin-top: var(--space-md);
    }
    .margin-top-lg\@sm {
      margin-top: var(--space-lg);
    }
    .margin-top-xl\@sm {
      margin-top: var(--space-xl);
    }
    .margin-top-xxl\@sm {
      margin-top: var(--space-xxl);
    }
    .margin-top-xxxl\@sm {
      margin-top: var(--space-xxxl);
    }
    .margin-top-xxxxl\@sm {
      margin-top: var(--space-xxxxl);
    }
    .margin-top-auto\@sm {
      margin-top: auto;
    }
    .margin-top-0\@sm {
      margin-top: 0;
    }
    .margin-bottom-xxxxs\@sm {
      margin-bottom: var(--space-xxxxs);
    }
    .margin-bottom-xxxs\@sm {
      margin-bottom: var(--space-xxxs);
    }
    .margin-bottom-xxs\@sm {
      margin-bottom: var(--space-xxs);
    }
    .margin-bottom-xs\@sm {
      margin-bottom: var(--space-xs);
    }
    .margin-bottom-sm\@sm {
      margin-bottom: var(--space-sm);
    }
    .margin-bottom-md\@sm {
      margin-bottom: var(--space-md);
    }
    .margin-bottom-lg\@sm {
      margin-bottom: var(--space-lg);
    }
    .margin-bottom-xl\@sm {
      margin-bottom: var(--space-xl);
    }
    .margin-bottom-xxl\@sm {
      margin-bottom: var(--space-xxl);
    }
    .margin-bottom-xxxl\@sm {
      margin-bottom: var(--space-xxxl);
    }
    .margin-bottom-xxxxl\@sm {
      margin-bottom: var(--space-xxxxl);
    }
    .margin-bottom-auto\@sm {
      margin-bottom: auto;
    }
    .margin-bottom-0\@sm {
      margin-bottom: 0;
    }
    .margin-right-xxxxs\@sm {
      margin-right: var(--space-xxxxs);
    }
    .margin-right-xxxs\@sm {
      margin-right: var(--space-xxxs);
    }
    .margin-right-xxs\@sm {
      margin-right: var(--space-xxs);
    }
    .margin-right-xs\@sm {
      margin-right: var(--space-xs);
    }
    .margin-right-sm\@sm {
      margin-right: var(--space-sm);
    }
    .margin-right-md\@sm {
      margin-right: var(--space-md);
    }
    .margin-right-lg\@sm {
      margin-right: var(--space-lg);
    }
    .margin-right-xl\@sm {
      margin-right: var(--space-xl);
    }
    .margin-right-xxl\@sm {
      margin-right: var(--space-xxl);
    }
    .margin-right-xxxl\@sm {
      margin-right: var(--space-xxxl);
    }
    .margin-right-xxxxl\@sm {
      margin-right: var(--space-xxxxl);
    }
    .margin-right-auto\@sm {
      margin-right: auto;
    }
    .margin-right-0\@sm {
      margin-right: 0;
    }
    .margin-left-xxxxs\@sm {
      margin-left: var(--space-xxxxs);
    }
    .margin-left-xxxs\@sm {
      margin-left: var(--space-xxxs);
    }
    .margin-left-xxs\@sm {
      margin-left: var(--space-xxs);
    }
    .margin-left-xs\@sm {
      margin-left: var(--space-xs);
    }
    .margin-left-sm\@sm {
      margin-left: var(--space-sm);
    }
    .margin-left-md\@sm {
      margin-left: var(--space-md);
    }
    .margin-left-lg\@sm {
      margin-left: var(--space-lg);
    }
    .margin-left-xl\@sm {
      margin-left: var(--space-xl);
    }
    .margin-left-xxl\@sm {
      margin-left: var(--space-xxl);
    }
    .margin-left-xxxl\@sm {
      margin-left: var(--space-xxxl);
    }
    .margin-left-xxxxl\@sm {
      margin-left: var(--space-xxxxl);
    }
    .margin-left-auto\@sm {
      margin-left: auto;
    }
    .margin-left-0\@sm {
      margin-left: 0;
    }
    .margin-x-xxxxs\@sm {
      margin-left: var(--space-xxxxs);
      margin-right: var(--space-xxxxs);
    }
    .margin-x-xxxs\@sm {
      margin-left: var(--space-xxxs);
      margin-right: var(--space-xxxs);
    }
    .margin-x-xxs\@sm {
      margin-left: var(--space-xxs);
      margin-right: var(--space-xxs);
    }
    .margin-x-xs\@sm {
      margin-left: var(--space-xs);
      margin-right: var(--space-xs);
    }
    .margin-x-sm\@sm {
      margin-left: var(--space-sm);
      margin-right: var(--space-sm);
    }
    .margin-x-md\@sm {
      margin-left: var(--space-md);
      margin-right: var(--space-md);
    }
    .margin-x-lg\@sm {
      margin-left: var(--space-lg);
      margin-right: var(--space-lg);
    }
    .margin-x-xl\@sm {
      margin-left: var(--space-xl);
      margin-right: var(--space-xl);
    }
    .margin-x-xxl\@sm {
      margin-left: var(--space-xxl);
      margin-right: var(--space-xxl);
    }
    .margin-x-xxxl\@sm {
      margin-left: var(--space-xxxl);
      margin-right: var(--space-xxxl);
    }
    .margin-x-xxxxl\@sm {
      margin-left: var(--space-xxxxl);
      margin-right: var(--space-xxxxl);
    }
    .margin-x-auto\@sm {
      margin-left: auto;
      margin-right: auto;
    }
    .margin-x-0\@sm {
      margin-left: 0;
      margin-right: 0;
    }
    .margin-y-xxxxs\@sm {
      margin-top: var(--space-xxxxs);
      margin-bottom: var(--space-xxxxs);
    }
    .margin-y-xxxs\@sm {
      margin-top: var(--space-xxxs);
      margin-bottom: var(--space-xxxs);
    }
    .margin-y-xxs\@sm {
      margin-top: var(--space-xxs);
      margin-bottom: var(--space-xxs);
    }
    .margin-y-xs\@sm {
      margin-top: var(--space-xs);
      margin-bottom: var(--space-xs);
    }
    .margin-y-sm\@sm {
      margin-top: var(--space-sm);
      margin-bottom: var(--space-sm);
    }
    .margin-y-md\@sm {
      margin-top: var(--space-md);
      margin-bottom: var(--space-md);
    }
    .margin-y-lg\@sm {
      margin-top: var(--space-lg);
      margin-bottom: var(--space-lg);
    }
    .margin-y-xl\@sm {
      margin-top: var(--space-xl);
      margin-bottom: var(--space-xl);
    }
    .margin-y-xxl\@sm {
      margin-top: var(--space-xxl);
      margin-bottom: var(--space-xxl);
    }
    .margin-y-xxxl\@sm {
      margin-top: var(--space-xxxl);
      margin-bottom: var(--space-xxxl);
    }
    .margin-y-xxxxl\@sm {
      margin-top: var(--space-xxxxl);
      margin-bottom: var(--space-xxxxl);
    }
    .margin-y-auto\@sm {
      margin-top: auto;
      margin-bottom: auto;
    }
    .margin-y-0\@sm {
      margin-top: 0;
      margin-bottom: 0;
    }
  }
  @supports (--css: variables) {
    .padding-xxxxs\@sm {
      padding: var(--space-xxxxs);
    }
    .padding-xxxs\@sm {
      padding: var(--space-xxxs);
    }
    .padding-xxs\@sm {
      padding: var(--space-xxs);
    }
    .padding-xs\@sm {
      padding: var(--space-xs);
    }
    .padding-sm\@sm {
      padding: var(--space-sm);
    }
    .padding-md\@sm {
      padding: var(--space-md);
    }
    .padding-lg\@sm {
      padding: var(--space-lg);
    }
    .padding-xl\@sm {
      padding: var(--space-xl);
    }
    .padding-xxl\@sm {
      padding: var(--space-xxl);
    }
    .padding-xxxl\@sm {
      padding: var(--space-xxxl);
    }
    .padding-xxxxl\@sm {
      padding: var(--space-xxxxl);
    }
    .padding-0\@sm {
      padding: 0;
    }
    .padding-component\@sm {
      padding: var(--component-padding);
    }
    .padding-top-xxxxs\@sm {
      padding-top: var(--space-xxxxs);
    }
    .padding-top-xxxs\@sm {
      padding-top: var(--space-xxxs);
    }
    .padding-top-xxs\@sm {
      padding-top: var(--space-xxs);
    }
    .padding-top-xs\@sm {
      padding-top: var(--space-xs);
    }
    .padding-top-sm\@sm {
      padding-top: var(--space-sm);
    }
    .padding-top-md\@sm {
      padding-top: var(--space-md);
    }
    .padding-top-lg\@sm {
      padding-top: var(--space-lg);
    }
    .padding-top-xl\@sm {
      padding-top: var(--space-xl);
    }
    .padding-top-xxl\@sm {
      padding-top: var(--space-xxl);
    }
    .padding-top-xxxl\@sm {
      padding-top: var(--space-xxxl);
    }
    .padding-top-xxxxl\@sm {
      padding-top: var(--space-xxxxl);
    }
    .padding-top-0\@sm {
      padding-top: 0;
    }
    .padding-top-component\@sm {
      padding-top: var(--component-padding);
    }
    .padding-bottom-xxxxs\@sm {
      padding-bottom: var(--space-xxxxs);
    }
    .padding-bottom-xxxs\@sm {
      padding-bottom: var(--space-xxxs);
    }
    .padding-bottom-xxs\@sm {
      padding-bottom: var(--space-xxs);
    }
    .padding-bottom-xs\@sm {
      padding-bottom: var(--space-xs);
    }
    .padding-bottom-sm\@sm {
      padding-bottom: var(--space-sm);
    }
    .padding-bottom-md\@sm {
      padding-bottom: var(--space-md);
    }
    .padding-bottom-lg\@sm {
      padding-bottom: var(--space-lg);
    }
    .padding-bottom-xl\@sm {
      padding-bottom: var(--space-xl);
    }
    .padding-bottom-xxl\@sm {
      padding-bottom: var(--space-xxl);
    }
    .padding-bottom-xxxl\@sm {
      padding-bottom: var(--space-xxxl);
    }
    .padding-bottom-xxxxl\@sm {
      padding-bottom: var(--space-xxxxl);
    }
    .padding-bottom-0\@sm {
      padding-bottom: 0;
    }
    .padding-bottom-component\@sm {
      padding-bottom: var(--component-padding);
    }
    .padding-right-xxxxs\@sm {
      padding-right: var(--space-xxxxs);
    }
    .padding-right-xxxs\@sm {
      padding-right: var(--space-xxxs);
    }
    .padding-right-xxs\@sm {
      padding-right: var(--space-xxs);
    }
    .padding-right-xs\@sm {
      padding-right: var(--space-xs);
    }
    .padding-right-sm\@sm {
      padding-right: var(--space-sm);
    }
    .padding-right-md\@sm {
      padding-right: var(--space-md);
    }
    .padding-right-lg\@sm {
      padding-right: var(--space-lg);
    }
    .padding-right-xl\@sm {
      padding-right: var(--space-xl);
    }
    .padding-right-xxl\@sm {
      padding-right: var(--space-xxl);
    }
    .padding-right-xxxl\@sm {
      padding-right: var(--space-xxxl);
    }
    .padding-right-xxxxl\@sm {
      padding-right: var(--space-xxxxl);
    }
    .padding-right-0\@sm {
      padding-right: 0;
    }
    .padding-right-component\@sm {
      padding-right: var(--component-padding);
    }
    .padding-left-xxxxs\@sm {
      padding-left: var(--space-xxxxs);
    }
    .padding-left-xxxs\@sm {
      padding-left: var(--space-xxxs);
    }
    .padding-left-xxs\@sm {
      padding-left: var(--space-xxs);
    }
    .padding-left-xs\@sm {
      padding-left: var(--space-xs);
    }
    .padding-left-sm\@sm {
      padding-left: var(--space-sm);
    }
    .padding-left-md\@sm {
      padding-left: var(--space-md);
    }
    .padding-left-lg\@sm {
      padding-left: var(--space-lg);
    }
    .padding-left-xl\@sm {
      padding-left: var(--space-xl);
    }
    .padding-left-xxl\@sm {
      padding-left: var(--space-xxl);
    }
    .padding-left-xxxl\@sm {
      padding-left: var(--space-xxxl);
    }
    .padding-left-xxxxl\@sm {
      padding-left: var(--space-xxxxl);
    }
    .padding-left-0\@sm {
      padding-left: 0;
    }
    .padding-left-component\@sm {
      padding-left: var(--component-padding);
    }
    .padding-x-xxxxs\@sm {
      padding-left: var(--space-xxxxs);
      padding-right: var(--space-xxxxs);
    }
    .padding-x-xxxs\@sm {
      padding-left: var(--space-xxxs);
      padding-right: var(--space-xxxs);
    }
    .padding-x-xxs\@sm {
      padding-left: var(--space-xxs);
      padding-right: var(--space-xxs);
    }
    .padding-x-xs\@sm {
      padding-left: var(--space-xs);
      padding-right: var(--space-xs);
    }
    .padding-x-sm\@sm {
      padding-left: var(--space-sm);
      padding-right: var(--space-sm);
    }
    .padding-x-md\@sm {
      padding-left: var(--space-md);
      padding-right: var(--space-md);
    }
    .padding-x-lg\@sm {
      padding-left: var(--space-lg);
      padding-right: var(--space-lg);
    }
    .padding-x-xl\@sm {
      padding-left: var(--space-xl);
      padding-right: var(--space-xl);
    }
    .padding-x-xxl\@sm {
      padding-left: var(--space-xxl);
      padding-right: var(--space-xxl);
    }
    .padding-x-xxxl\@sm {
      padding-left: var(--space-xxxl);
      padding-right: var(--space-xxxl);
    }
    .padding-x-xxxxl\@sm {
      padding-left: var(--space-xxxxl);
      padding-right: var(--space-xxxxl);
    }
    .padding-x-0\@sm {
      padding-left: 0;
      padding-right: 0;
    }
    .padding-x-component\@sm {
      padding-left: var(--component-padding);
      padding-right: var(--component-padding);
    }
    .padding-y-xxxxs\@sm {
      padding-top: var(--space-xxxxs);
      padding-bottom: var(--space-xxxxs);
    }
    .padding-y-xxxs\@sm {
      padding-top: var(--space-xxxs);
      padding-bottom: var(--space-xxxs);
    }
    .padding-y-xxs\@sm {
      padding-top: var(--space-xxs);
      padding-bottom: var(--space-xxs);
    }
    .padding-y-xs\@sm {
      padding-top: var(--space-xs);
      padding-bottom: var(--space-xs);
    }
    .padding-y-sm\@sm {
      padding-top: var(--space-sm);
      padding-bottom: var(--space-sm);
    }
    .padding-y-md\@sm {
      padding-top: var(--space-md);
      padding-bottom: var(--space-md);
    }
    .padding-y-lg\@sm {
      padding-top: var(--space-lg);
      padding-bottom: var(--space-lg);
    }
    .padding-y-xl\@sm {
      padding-top: var(--space-xl);
      padding-bottom: var(--space-xl);
    }
    .padding-y-xxl\@sm {
      padding-top: var(--space-xxl);
      padding-bottom: var(--space-xxl);
    }
    .padding-y-xxxl\@sm {
      padding-top: var(--space-xxxl);
      padding-bottom: var(--space-xxxl);
    }
    .padding-y-xxxxl\@sm {
      padding-top: var(--space-xxxxl);
      padding-bottom: var(--space-xxxxl);
    }
    .padding-y-0\@sm {
      padding-top: 0;
      padding-bottom: 0;
    }
    .padding-y-component\@sm {
      padding-top: var(--component-padding);
      padding-bottom: var(--component-padding);
    }
  }
  .text-center\@sm {
    text-align: center;
  }
  .text-left\@sm {
    text-align: left;
  }
  .text-right\@sm {
    text-align: right;
  }
  .text-justify\@sm {
    text-align: justify;
  }
  @supports (--css: variables) {
    .text-xs\@sm {
      font-size: var(--text-xs, 0.694em);
    }
    .text-sm\@sm {
      font-size: var(--text-sm, 0.833em);
    }
    .text-base\@sm {
      font-size: var(--text-unit, 1em);
    }
    .text-md\@sm {
      font-size: var(--text-md, 1.2em);
    }
    .text-lg\@sm {
      font-size: var(--text-lg, 1.44em);
    }
    .text-xl\@sm {
      font-size: var(--text-xl, 1.728em);
    }
    .text-xxl\@sm {
      font-size: var(--text-xxl, 2.074em);
    }
    .text-xxxl\@sm {
      font-size: var(--text-xxxl, 2.488em);
    }
    .text-xxxxl\@sm {
      font-size: var(--text-xxxxl, 2.985em);
    }
  }
  @supports (--css: variables) {
    .width-xxxxs\@sm {
      width: var(--size-xxxxs, 0.25rem);
    }
    .width-xxxs\@sm {
      width: var(--size-xxxs, 0.5rem);
    }
    .width-xxs\@sm {
      width: var(--size-xxs, 0.75rem);
    }
    .width-xs\@sm {
      width: var(--size-xs, 1rem);
    }
    .width-sm\@sm {
      width: var(--size-sm, 1.5rem);
    }
    .width-md\@sm {
      width: var(--size-md, 2rem);
    }
    .width-lg\@sm {
      width: var(--size-lg, 3rem);
    }
    .width-xl\@sm {
      width: var(--size-xl, 4rem);
    }
    .width-xxl\@sm {
      width: var(--size-xxl, 6rem);
    }
    .width-xxxl\@sm {
      width: var(--size-xxxl, 8rem);
    }
    .width-xxxxl\@sm {
      width: var(--size-xxxxl, 16rem);
    }
  }
  .width-0\@sm {
    width: 0;
  }
  .width-10\%\@sm {
    width: 10%;
  }
  .width-20\%\@sm {
    width: 20%;
  }
  .width-25\%\@sm {
    width: 25%;
  }
  .width-30\%\@sm {
    width: 30%;
  }
  .width-33\%\@sm {
    width: 33.3333333333%;
  }
  .width-40\%\@sm {
    width: 40%;
  }
  .width-50\%\@sm {
    width: 50%;
  }
  .width-60\%\@sm {
    width: 60%;
  }
  .width-66\%\@sm {
    width: 66.6666666667%;
  }
  .width-70\%\@sm {
    width: 70%;
  }
  .width-75\%\@sm {
    width: 75%;
  }
  .width-80\%\@sm {
    width: 80%;
  }
  .width-90\%\@sm {
    width: 90%;
  }
  .width-100\%\@sm {
    width: 100%;
  }
  .width-100vw\@sm {
    width: 100vw;
  }
  .width-auto\@sm {
    width: auto;
  }
  @supports (--css: variables) {
    .height-xxxxs\@sm {
      height: var(--size-xxxxs, 0.25rem);
    }
    .height-xxxs\@sm {
      height: var(--size-xxxs, 0.5rem);
    }
    .height-xxs\@sm {
      height: var(--size-xxs, 0.75rem);
    }
    .height-xs\@sm {
      height: var(--size-xs, 1rem);
    }
    .height-sm\@sm {
      height: var(--size-sm, 1.5rem);
    }
    .height-md\@sm {
      height: var(--size-md, 2rem);
    }
    .height-lg\@sm {
      height: var(--size-lg, 3rem);
    }
    .height-xl\@sm {
      height: var(--size-xl, 4rem);
    }
    .height-xxl\@sm {
      height: var(--size-xxl, 6rem);
    }
    .height-xxxl\@sm {
      height: var(--size-xxxl, 8rem);
    }
    .height-xxxxl\@sm {
      height: var(--size-xxxxl, 16rem);
    }
  }
  .height-0\@sm {
    height: 0;
  }
  .height-10\%\@sm {
    height: 10%;
  }
  .height-20\%\@sm {
    height: 20%;
  }
  .height-25\%\@sm {
    height: 25%;
  }
  .height-30\%\@sm {
    height: 30%;
  }
  .height-33\%\@sm {
    height: 33.3333333333%;
  }
  .height-40\%\@sm {
    height: 40%;
  }
  .height-50\%\@sm {
    height: 50%;
  }
  .height-60\%\@sm {
    height: 60%;
  }
  .height-66\%\@sm {
    height: 66.6666666667%;
  }
  .height-70\%\@sm {
    height: 70%;
  }
  .height-75\%\@sm {
    height: 75%;
  }
  .height-80\%\@sm {
    height: 80%;
  }
  .height-90\%\@sm {
    height: 90%;
  }
  .height-100\%\@sm {
    height: 100%;
  }
  .height-100vh\@sm {
    height: 100vh;
  }
  .height-auto\@sm {
    height: auto;
  }
  .position-relative\@sm {
    position: relative;
  }
  .position-absolute\@sm {
    position: absolute;
  }
  .position-fixed\@sm {
    position: fixed;
  }
  .position-sticky\@sm {
    position: sticky;
  }
  .position-static\@sm {
    position: static;
  }
  .inset-0\@sm {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .top-0\@sm {
    top: 0;
  }
  .top-50\%\@sm {
    top: 50%;
  }
  .bottom-0\@sm {
    bottom: 0;
  }
  .bottom-50\%\@sm {
    bottom: 50%;
  }
  .right-0\@sm {
    right: 0;
  }
  .right-50\%\@sm {
    right: 50%;
  }
  .left-0\@sm {
    left: 0;
  }
  .left-50\%\@sm {
    left: 50%;
  }
  @supports (--css: variables) {
    .top-xxxxs\@sm {
      top: var(--space-xxxxs);
    }
    .top-xxxs\@sm {
      top: var(--space-xxxs);
    }
    .top-xxs\@sm {
      top: var(--space-xxs);
    }
    .top-xs\@sm {
      top: var(--space-xs);
    }
    .top-sm\@sm {
      top: var(--space-sm);
    }
    .top-md\@sm {
      top: var(--space-md);
    }
    .top-lg\@sm {
      top: var(--space-lg);
    }
    .top-xl\@sm {
      top: var(--space-xl);
    }
    .top-xxl\@sm {
      top: var(--space-xxl);
    }
    .top-xxxl\@sm {
      top: var(--space-xxxl);
    }
    .top-xxxxl\@sm {
      top: var(--space-xxxxl);
    }
    .bottom-xxxxs\@sm {
      bottom: var(--space-xxxxs);
    }
    .bottom-xxxs\@sm {
      bottom: var(--space-xxxs);
    }
    .bottom-xxs\@sm {
      bottom: var(--space-xxs);
    }
    .bottom-xs\@sm {
      bottom: var(--space-xs);
    }
    .bottom-sm\@sm {
      bottom: var(--space-sm);
    }
    .bottom-md\@sm {
      bottom: var(--space-md);
    }
    .bottom-lg\@sm {
      bottom: var(--space-lg);
    }
    .bottom-xl\@sm {
      bottom: var(--space-xl);
    }
    .bottom-xxl\@sm {
      bottom: var(--space-xxl);
    }
    .bottom-xxxl\@sm {
      bottom: var(--space-xxxl);
    }
    .bottom-xxxxl\@sm {
      bottom: var(--space-xxxxl);
    }
    .right-xxxxs\@sm {
      right: var(--space-xxxxs);
    }
    .right-xxxs\@sm {
      right: var(--space-xxxs);
    }
    .right-xxs\@sm {
      right: var(--space-xxs);
    }
    .right-xs\@sm {
      right: var(--space-xs);
    }
    .right-sm\@sm {
      right: var(--space-sm);
    }
    .right-md\@sm {
      right: var(--space-md);
    }
    .right-lg\@sm {
      right: var(--space-lg);
    }
    .right-xl\@sm {
      right: var(--space-xl);
    }
    .right-xxl\@sm {
      right: var(--space-xxl);
    }
    .right-xxxl\@sm {
      right: var(--space-xxxl);
    }
    .right-xxxxl\@sm {
      right: var(--space-xxxxl);
    }
    .left-xxxxs\@sm {
      left: var(--space-xxxxs);
    }
    .left-xxxs\@sm {
      left: var(--space-xxxs);
    }
    .left-xxs\@sm {
      left: var(--space-xxs);
    }
    .left-xs\@sm {
      left: var(--space-xs);
    }
    .left-sm\@sm {
      left: var(--space-sm);
    }
    .left-md\@sm {
      left: var(--space-md);
    }
    .left-lg\@sm {
      left: var(--space-lg);
    }
    .left-xl\@sm {
      left: var(--space-xl);
    }
    .left-xxl\@sm {
      left: var(--space-xxl);
    }
    .left-xxxl\@sm {
      left: var(--space-xxxl);
    }
    .left-xxxxl\@sm {
      left: var(--space-xxxxl);
    }
  }
  .overflow-hidden\@sm {
    overflow: hidden;
  }
  .overflow-auto\@sm {
    overflow: auto;
  }
  .momentum-scrolling\@sm {
    -webkit-overflow-scrolling: touch;
  }
  .overscroll-contain\@sm {
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }
  .visible\@sm {
    visibility: visible;
  }
  .invisible\@sm {
    visibility: hidden;
  }
}
@media not all and (min-width: 48rem) {
  .has-margin\@sm {
    margin: 0 !important;
  }
  .has-padding\@sm {
    padding: 0 !important;
  }
  .display\@sm {
    display: none !important;
  }
}
@media (min-width: 64rem) {
  .flex\@md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .inline-flex\@md {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .flex-wrap\@md {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flex-nowrap\@md {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .flex-column\@md {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .flex-column-reverse\@md {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .flex-row\@md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .flex-row-reverse\@md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .flex-center\@md {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .flex-grow\@md {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .flex-grow-0\@md {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .flex-shrink\@md {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .flex-shrink-0\@md {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .flex-basis-0\@md {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
  }
  .justify-start\@md {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .justify-end\@md {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .justify-center\@md {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .justify-between\@md {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .items-center\@md {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .items-start\@md {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .items-end\@md {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .items-baseline\@md {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .order-1\@md {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-2\@md {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-3\@md {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .block\@md {
    display: block;
  }
  .inline-block\@md {
    display: inline-block;
  }
  .inline\@md {
    display: inline;
  }
  .contents\@md {
    display: contents;
  }
  .hide\@md {
    display: none !important;
  }
  @supports (--css: variables) {
    .margin-xxxxs\@md {
      margin: var(--space-xxxxs);
    }
    .margin-xxxs\@md {
      margin: var(--space-xxxs);
    }
    .margin-xxs\@md {
      margin: var(--space-xxs);
    }
    .margin-xs\@md {
      margin: var(--space-xs);
    }
    .margin-sm\@md {
      margin: var(--space-sm);
    }
    .margin-md\@md {
      margin: var(--space-md);
    }
    .margin-lg\@md {
      margin: var(--space-lg);
    }
    .margin-xl\@md {
      margin: var(--space-xl);
    }
    .margin-xxl\@md {
      margin: var(--space-xxl);
    }
    .margin-xxxl\@md {
      margin: var(--space-xxxl);
    }
    .margin-xxxxl\@md {
      margin: var(--space-xxxxl);
    }
    .margin-auto\@md {
      margin: auto;
    }
    .margin-0\@md {
      margin: 0;
    }
    .margin-top-xxxxs\@md {
      margin-top: var(--space-xxxxs);
    }
    .margin-top-xxxs\@md {
      margin-top: var(--space-xxxs);
    }
    .margin-top-xxs\@md {
      margin-top: var(--space-xxs);
    }
    .margin-top-xs\@md {
      margin-top: var(--space-xs);
    }
    .margin-top-sm\@md {
      margin-top: var(--space-sm);
    }
    .margin-top-md\@md {
      margin-top: var(--space-md);
    }
    .margin-top-lg\@md {
      margin-top: var(--space-lg);
    }
    .margin-top-xl\@md {
      margin-top: var(--space-xl);
    }
    .margin-top-xxl\@md {
      margin-top: var(--space-xxl);
    }
    .margin-top-xxxl\@md {
      margin-top: var(--space-xxxl);
    }
    .margin-top-xxxxl\@md {
      margin-top: var(--space-xxxxl);
    }
    .margin-top-auto\@md {
      margin-top: auto;
    }
    .margin-top-0\@md {
      margin-top: 0;
    }
    .margin-bottom-xxxxs\@md {
      margin-bottom: var(--space-xxxxs);
    }
    .margin-bottom-xxxs\@md {
      margin-bottom: var(--space-xxxs);
    }
    .margin-bottom-xxs\@md {
      margin-bottom: var(--space-xxs);
    }
    .margin-bottom-xs\@md {
      margin-bottom: var(--space-xs);
    }
    .margin-bottom-sm\@md {
      margin-bottom: var(--space-sm);
    }
    .margin-bottom-md\@md {
      margin-bottom: var(--space-md);
    }
    .margin-bottom-lg\@md {
      margin-bottom: var(--space-lg);
    }
    .margin-bottom-xl\@md {
      margin-bottom: var(--space-xl);
    }
    .margin-bottom-xxl\@md {
      margin-bottom: var(--space-xxl);
    }
    .margin-bottom-xxxl\@md {
      margin-bottom: var(--space-xxxl);
    }
    .margin-bottom-xxxxl\@md {
      margin-bottom: var(--space-xxxxl);
    }
    .margin-bottom-auto\@md {
      margin-bottom: auto;
    }
    .margin-bottom-0\@md {
      margin-bottom: 0;
    }
    .margin-right-xxxxs\@md {
      margin-right: var(--space-xxxxs);
    }
    .margin-right-xxxs\@md {
      margin-right: var(--space-xxxs);
    }
    .margin-right-xxs\@md {
      margin-right: var(--space-xxs);
    }
    .margin-right-xs\@md {
      margin-right: var(--space-xs);
    }
    .margin-right-sm\@md {
      margin-right: var(--space-sm);
    }
    .margin-right-md\@md {
      margin-right: var(--space-md);
    }
    .margin-right-lg\@md {
      margin-right: var(--space-lg);
    }
    .margin-right-xl\@md {
      margin-right: var(--space-xl);
    }
    .margin-right-xxl\@md {
      margin-right: var(--space-xxl);
    }
    .margin-right-xxxl\@md {
      margin-right: var(--space-xxxl);
    }
    .margin-right-xxxxl\@md {
      margin-right: var(--space-xxxxl);
    }
    .margin-right-auto\@md {
      margin-right: auto;
    }
    .margin-right-0\@md {
      margin-right: 0;
    }
    .margin-left-xxxxs\@md {
      margin-left: var(--space-xxxxs);
    }
    .margin-left-xxxs\@md {
      margin-left: var(--space-xxxs);
    }
    .margin-left-xxs\@md {
      margin-left: var(--space-xxs);
    }
    .margin-left-xs\@md {
      margin-left: var(--space-xs);
    }
    .margin-left-sm\@md {
      margin-left: var(--space-sm);
    }
    .margin-left-md\@md {
      margin-left: var(--space-md);
    }
    .margin-left-lg\@md {
      margin-left: var(--space-lg);
    }
    .margin-left-xl\@md {
      margin-left: var(--space-xl);
    }
    .margin-left-xxl\@md {
      margin-left: var(--space-xxl);
    }
    .margin-left-xxxl\@md {
      margin-left: var(--space-xxxl);
    }
    .margin-left-xxxxl\@md {
      margin-left: var(--space-xxxxl);
    }
    .margin-left-auto\@md {
      margin-left: auto;
    }
    .margin-left-0\@md {
      margin-left: 0;
    }
    .margin-x-xxxxs\@md {
      margin-left: var(--space-xxxxs);
      margin-right: var(--space-xxxxs);
    }
    .margin-x-xxxs\@md {
      margin-left: var(--space-xxxs);
      margin-right: var(--space-xxxs);
    }
    .margin-x-xxs\@md {
      margin-left: var(--space-xxs);
      margin-right: var(--space-xxs);
    }
    .margin-x-xs\@md {
      margin-left: var(--space-xs);
      margin-right: var(--space-xs);
    }
    .margin-x-sm\@md {
      margin-left: var(--space-sm);
      margin-right: var(--space-sm);
    }
    .margin-x-md\@md {
      margin-left: var(--space-md);
      margin-right: var(--space-md);
    }
    .margin-x-lg\@md {
      margin-left: var(--space-lg);
      margin-right: var(--space-lg);
    }
    .margin-x-xl\@md {
      margin-left: var(--space-xl);
      margin-right: var(--space-xl);
    }
    .margin-x-xxl\@md {
      margin-left: var(--space-xxl);
      margin-right: var(--space-xxl);
    }
    .margin-x-xxxl\@md {
      margin-left: var(--space-xxxl);
      margin-right: var(--space-xxxl);
    }
    .margin-x-xxxxl\@md {
      margin-left: var(--space-xxxxl);
      margin-right: var(--space-xxxxl);
    }
    .margin-x-auto\@md {
      margin-left: auto;
      margin-right: auto;
    }
    .margin-x-0\@md {
      margin-left: 0;
      margin-right: 0;
    }
    .margin-y-xxxxs\@md {
      margin-top: var(--space-xxxxs);
      margin-bottom: var(--space-xxxxs);
    }
    .margin-y-xxxs\@md {
      margin-top: var(--space-xxxs);
      margin-bottom: var(--space-xxxs);
    }
    .margin-y-xxs\@md {
      margin-top: var(--space-xxs);
      margin-bottom: var(--space-xxs);
    }
    .margin-y-xs\@md {
      margin-top: var(--space-xs);
      margin-bottom: var(--space-xs);
    }
    .margin-y-sm\@md {
      margin-top: var(--space-sm);
      margin-bottom: var(--space-sm);
    }
    .margin-y-md\@md {
      margin-top: var(--space-md);
      margin-bottom: var(--space-md);
    }
    .margin-y-lg\@md {
      margin-top: var(--space-lg);
      margin-bottom: var(--space-lg);
    }
    .margin-y-xl\@md {
      margin-top: var(--space-xl);
      margin-bottom: var(--space-xl);
    }
    .margin-y-xxl\@md {
      margin-top: var(--space-xxl);
      margin-bottom: var(--space-xxl);
    }
    .margin-y-xxxl\@md {
      margin-top: var(--space-xxxl);
      margin-bottom: var(--space-xxxl);
    }
    .margin-y-xxxxl\@md {
      margin-top: var(--space-xxxxl);
      margin-bottom: var(--space-xxxxl);
    }
    .margin-y-auto\@md {
      margin-top: auto;
      margin-bottom: auto;
    }
    .margin-y-0\@md {
      margin-top: 0;
      margin-bottom: 0;
    }
  }
  @supports (--css: variables) {
    .padding-xxxxs\@md {
      padding: var(--space-xxxxs);
    }
    .padding-xxxs\@md {
      padding: var(--space-xxxs);
    }
    .padding-xxs\@md {
      padding: var(--space-xxs);
    }
    .padding-xs\@md {
      padding: var(--space-xs);
    }
    .padding-sm\@md {
      padding: var(--space-sm);
    }
    .padding-md\@md {
      padding: var(--space-md);
    }
    .padding-lg\@md {
      padding: var(--space-lg);
    }
    .padding-xl\@md {
      padding: var(--space-xl);
    }
    .padding-xxl\@md {
      padding: var(--space-xxl);
    }
    .padding-xxxl\@md {
      padding: var(--space-xxxl);
    }
    .padding-xxxxl\@md {
      padding: var(--space-xxxxl);
    }
    .padding-0\@md {
      padding: 0;
    }
    .padding-component\@md {
      padding: var(--component-padding);
    }
    .padding-top-xxxxs\@md {
      padding-top: var(--space-xxxxs);
    }
    .padding-top-xxxs\@md {
      padding-top: var(--space-xxxs);
    }
    .padding-top-xxs\@md {
      padding-top: var(--space-xxs);
    }
    .padding-top-xs\@md {
      padding-top: var(--space-xs);
    }
    .padding-top-sm\@md {
      padding-top: var(--space-sm);
    }
    .padding-top-md\@md {
      padding-top: var(--space-md);
    }
    .padding-top-lg\@md {
      padding-top: var(--space-lg);
    }
    .padding-top-xl\@md {
      padding-top: var(--space-xl);
    }
    .padding-top-xxl\@md {
      padding-top: var(--space-xxl);
    }
    .padding-top-xxxl\@md {
      padding-top: var(--space-xxxl);
    }
    .padding-top-xxxxl\@md {
      padding-top: var(--space-xxxxl);
    }
    .padding-top-0\@md {
      padding-top: 0;
    }
    .padding-top-component\@md {
      padding-top: var(--component-padding);
    }
    .padding-bottom-xxxxs\@md {
      padding-bottom: var(--space-xxxxs);
    }
    .padding-bottom-xxxs\@md {
      padding-bottom: var(--space-xxxs);
    }
    .padding-bottom-xxs\@md {
      padding-bottom: var(--space-xxs);
    }
    .padding-bottom-xs\@md {
      padding-bottom: var(--space-xs);
    }
    .padding-bottom-sm\@md {
      padding-bottom: var(--space-sm);
    }
    .padding-bottom-md\@md {
      padding-bottom: var(--space-md);
    }
    .padding-bottom-lg\@md {
      padding-bottom: var(--space-lg);
    }
    .padding-bottom-xl\@md {
      padding-bottom: var(--space-xl);
    }
    .padding-bottom-xxl\@md {
      padding-bottom: var(--space-xxl);
    }
    .padding-bottom-xxxl\@md {
      padding-bottom: var(--space-xxxl);
    }
    .padding-bottom-xxxxl\@md {
      padding-bottom: var(--space-xxxxl);
    }
    .padding-bottom-0\@md {
      padding-bottom: 0;
    }
    .padding-bottom-component\@md {
      padding-bottom: var(--component-padding);
    }
    .padding-right-xxxxs\@md {
      padding-right: var(--space-xxxxs);
    }
    .padding-right-xxxs\@md {
      padding-right: var(--space-xxxs);
    }
    .padding-right-xxs\@md {
      padding-right: var(--space-xxs);
    }
    .padding-right-xs\@md {
      padding-right: var(--space-xs);
    }
    .padding-right-sm\@md {
      padding-right: var(--space-sm);
    }
    .padding-right-md\@md {
      padding-right: var(--space-md);
    }
    .padding-right-lg\@md {
      padding-right: var(--space-lg);
    }
    .padding-right-xl\@md {
      padding-right: var(--space-xl);
    }
    .padding-right-xxl\@md {
      padding-right: var(--space-xxl);
    }
    .padding-right-xxxl\@md {
      padding-right: var(--space-xxxl);
    }
    .padding-right-xxxxl\@md {
      padding-right: var(--space-xxxxl);
    }
    .padding-right-0\@md {
      padding-right: 0;
    }
    .padding-right-component\@md {
      padding-right: var(--component-padding);
    }
    .padding-left-xxxxs\@md {
      padding-left: var(--space-xxxxs);
    }
    .padding-left-xxxs\@md {
      padding-left: var(--space-xxxs);
    }
    .padding-left-xxs\@md {
      padding-left: var(--space-xxs);
    }
    .padding-left-xs\@md {
      padding-left: var(--space-xs);
    }
    .padding-left-sm\@md {
      padding-left: var(--space-sm);
    }
    .padding-left-md\@md {
      padding-left: var(--space-md);
    }
    .padding-left-lg\@md {
      padding-left: var(--space-lg);
    }
    .padding-left-xl\@md {
      padding-left: var(--space-xl);
    }
    .padding-left-xxl\@md {
      padding-left: var(--space-xxl);
    }
    .padding-left-xxxl\@md {
      padding-left: var(--space-xxxl);
    }
    .padding-left-xxxxl\@md {
      padding-left: var(--space-xxxxl);
    }
    .padding-left-0\@md {
      padding-left: 0;
    }
    .padding-left-component\@md {
      padding-left: var(--component-padding);
    }
    .padding-x-xxxxs\@md {
      padding-left: var(--space-xxxxs);
      padding-right: var(--space-xxxxs);
    }
    .padding-x-xxxs\@md {
      padding-left: var(--space-xxxs);
      padding-right: var(--space-xxxs);
    }
    .padding-x-xxs\@md {
      padding-left: var(--space-xxs);
      padding-right: var(--space-xxs);
    }
    .padding-x-xs\@md {
      padding-left: var(--space-xs);
      padding-right: var(--space-xs);
    }
    .padding-x-sm\@md {
      padding-left: var(--space-sm);
      padding-right: var(--space-sm);
    }
    .padding-x-md\@md {
      padding-left: var(--space-md);
      padding-right: var(--space-md);
    }
    .padding-x-lg\@md {
      padding-left: var(--space-lg);
      padding-right: var(--space-lg);
    }
    .padding-x-xl\@md {
      padding-left: var(--space-xl);
      padding-right: var(--space-xl);
    }
    .padding-x-xxl\@md {
      padding-left: var(--space-xxl);
      padding-right: var(--space-xxl);
    }
    .padding-x-xxxl\@md {
      padding-left: var(--space-xxxl);
      padding-right: var(--space-xxxl);
    }
    .padding-x-xxxxl\@md {
      padding-left: var(--space-xxxxl);
      padding-right: var(--space-xxxxl);
    }
    .padding-x-0\@md {
      padding-left: 0;
      padding-right: 0;
    }
    .padding-x-component\@md {
      padding-left: var(--component-padding);
      padding-right: var(--component-padding);
    }
    .padding-y-xxxxs\@md {
      padding-top: var(--space-xxxxs);
      padding-bottom: var(--space-xxxxs);
    }
    .padding-y-xxxs\@md {
      padding-top: var(--space-xxxs);
      padding-bottom: var(--space-xxxs);
    }
    .padding-y-xxs\@md {
      padding-top: var(--space-xxs);
      padding-bottom: var(--space-xxs);
    }
    .padding-y-xs\@md {
      padding-top: var(--space-xs);
      padding-bottom: var(--space-xs);
    }
    .padding-y-sm\@md {
      padding-top: var(--space-sm);
      padding-bottom: var(--space-sm);
    }
    .padding-y-md\@md {
      padding-top: var(--space-md);
      padding-bottom: var(--space-md);
    }
    .padding-y-lg\@md {
      padding-top: var(--space-lg);
      padding-bottom: var(--space-lg);
    }
    .padding-y-xl\@md {
      padding-top: var(--space-xl);
      padding-bottom: var(--space-xl);
    }
    .padding-y-xxl\@md {
      padding-top: var(--space-xxl);
      padding-bottom: var(--space-xxl);
    }
    .padding-y-xxxl\@md {
      padding-top: var(--space-xxxl);
      padding-bottom: var(--space-xxxl);
    }
    .padding-y-xxxxl\@md {
      padding-top: var(--space-xxxxl);
      padding-bottom: var(--space-xxxxl);
    }
    .padding-y-0\@md {
      padding-top: 0;
      padding-bottom: 0;
    }
    .padding-y-component\@md {
      padding-top: var(--component-padding);
      padding-bottom: var(--component-padding);
    }
  }
  .text-center\@md {
    text-align: center;
  }
  .text-left\@md {
    text-align: left;
  }
  .text-right\@md {
    text-align: right;
  }
  .text-justify\@md {
    text-align: justify;
  }
  @supports (--css: variables) {
    .text-xs\@md {
      font-size: var(--text-xs, 0.694em);
    }
    .text-sm\@md {
      font-size: var(--text-sm, 0.833em);
    }
    .text-base\@md {
      font-size: var(--text-unit, 1em);
    }
    .text-md\@md {
      font-size: var(--text-md, 1.2em);
    }
    .text-lg\@md {
      font-size: var(--text-lg, 1.44em);
    }
    .text-xl\@md {
      font-size: var(--text-xl, 1.728em);
    }
    .text-xxl\@md {
      font-size: var(--text-xxl, 2.074em);
    }
    .text-xxxl\@md {
      font-size: var(--text-xxxl, 2.488em);
    }
    .text-xxxxl\@md {
      font-size: var(--text-xxxxl, 2.985em);
    }
  }
  @supports (--css: variables) {
    .width-xxxxs\@md {
      width: var(--size-xxxxs, 0.25rem);
    }
    .width-xxxs\@md {
      width: var(--size-xxxs, 0.5rem);
    }
    .width-xxs\@md {
      width: var(--size-xxs, 0.75rem);
    }
    .width-xs\@md {
      width: var(--size-xs, 1rem);
    }
    .width-sm\@md {
      width: var(--size-sm, 1.5rem);
    }
    .width-md\@md {
      width: var(--size-md, 2rem);
    }
    .width-lg\@md {
      width: var(--size-lg, 3rem);
    }
    .width-xl\@md {
      width: var(--size-xl, 4rem);
    }
    .width-xxl\@md {
      width: var(--size-xxl, 6rem);
    }
    .width-xxxl\@md {
      width: var(--size-xxxl, 8rem);
    }
    .width-xxxxl\@md {
      width: var(--size-xxxxl, 16rem);
    }
  }
  .width-0\@md {
    width: 0;
  }
  .width-10\%\@md {
    width: 10%;
  }
  .width-20\%\@md {
    width: 20%;
  }
  .width-25\%\@md {
    width: 25%;
  }
  .width-30\%\@md {
    width: 30%;
  }
  .width-33\%\@md {
    width: 33.3333333333%;
  }
  .width-40\%\@md {
    width: 40%;
  }
  .width-50\%\@md {
    width: 50%;
  }
  .width-60\%\@md {
    width: 60%;
  }
  .width-66\%\@md {
    width: 66.6666666667%;
  }
  .width-70\%\@md {
    width: 70%;
  }
  .width-75\%\@md {
    width: 75%;
  }
  .width-80\%\@md {
    width: 80%;
  }
  .width-90\%\@md {
    width: 90%;
  }
  .width-100\%\@md {
    width: 100%;
  }
  .width-100vw\@md {
    width: 100vw;
  }
  .width-auto\@md {
    width: auto;
  }
  @supports (--css: variables) {
    .height-xxxxs\@md {
      height: var(--size-xxxxs, 0.25rem);
    }
    .height-xxxs\@md {
      height: var(--size-xxxs, 0.5rem);
    }
    .height-xxs\@md {
      height: var(--size-xxs, 0.75rem);
    }
    .height-xs\@md {
      height: var(--size-xs, 1rem);
    }
    .height-sm\@md {
      height: var(--size-sm, 1.5rem);
    }
    .height-md\@md {
      height: var(--size-md, 2rem);
    }
    .height-lg\@md {
      height: var(--size-lg, 3rem);
    }
    .height-xl\@md {
      height: var(--size-xl, 4rem);
    }
    .height-xxl\@md {
      height: var(--size-xxl, 6rem);
    }
    .height-xxxl\@md {
      height: var(--size-xxxl, 8rem);
    }
    .height-xxxxl\@md {
      height: var(--size-xxxxl, 16rem);
    }
  }
  .height-0\@md {
    height: 0;
  }
  .height-10\%\@md {
    height: 10%;
  }
  .height-20\%\@md {
    height: 20%;
  }
  .height-25\%\@md {
    height: 25%;
  }
  .height-30\%\@md {
    height: 30%;
  }
  .height-33\%\@md {
    height: 33.3333333333%;
  }
  .height-40\%\@md {
    height: 40%;
  }
  .height-50\%\@md {
    height: 50%;
  }
  .height-60\%\@md {
    height: 60%;
  }
  .height-66\%\@md {
    height: 66.6666666667%;
  }
  .height-70\%\@md {
    height: 70%;
  }
  .height-75\%\@md {
    height: 75%;
  }
  .height-80\%\@md {
    height: 80%;
  }
  .height-90\%\@md {
    height: 90%;
  }
  .height-100\%\@md {
    height: 100%;
  }
  .height-100vh\@md {
    height: 100vh;
  }
  .height-auto\@md {
    height: auto;
  }
  .position-relative\@md {
    position: relative;
  }
  .position-absolute\@md {
    position: absolute;
  }
  .position-fixed\@md {
    position: fixed;
  }
  .position-sticky\@md {
    position: sticky;
  }
  .position-static\@md {
    position: static;
  }
  .inset-0\@md {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .top-0\@md {
    top: 0;
  }
  .top-50\%\@md {
    top: 50%;
  }
  .bottom-0\@md {
    bottom: 0;
  }
  .bottom-50\%\@md {
    bottom: 50%;
  }
  .right-0\@md {
    right: 0;
  }
  .right-50\%\@md {
    right: 50%;
  }
  .left-0\@md {
    left: 0;
  }
  .left-50\%\@md {
    left: 50%;
  }
  @supports (--css: variables) {
    .top-xxxxs\@md {
      top: var(--space-xxxxs);
    }
    .top-xxxs\@md {
      top: var(--space-xxxs);
    }
    .top-xxs\@md {
      top: var(--space-xxs);
    }
    .top-xs\@md {
      top: var(--space-xs);
    }
    .top-sm\@md {
      top: var(--space-sm);
    }
    .top-md\@md {
      top: var(--space-md);
    }
    .top-lg\@md {
      top: var(--space-lg);
    }
    .top-xl\@md {
      top: var(--space-xl);
    }
    .top-xxl\@md {
      top: var(--space-xxl);
    }
    .top-xxxl\@md {
      top: var(--space-xxxl);
    }
    .top-xxxxl\@md {
      top: var(--space-xxxxl);
    }
    .bottom-xxxxs\@md {
      bottom: var(--space-xxxxs);
    }
    .bottom-xxxs\@md {
      bottom: var(--space-xxxs);
    }
    .bottom-xxs\@md {
      bottom: var(--space-xxs);
    }
    .bottom-xs\@md {
      bottom: var(--space-xs);
    }
    .bottom-sm\@md {
      bottom: var(--space-sm);
    }
    .bottom-md\@md {
      bottom: var(--space-md);
    }
    .bottom-lg\@md {
      bottom: var(--space-lg);
    }
    .bottom-xl\@md {
      bottom: var(--space-xl);
    }
    .bottom-xxl\@md {
      bottom: var(--space-xxl);
    }
    .bottom-xxxl\@md {
      bottom: var(--space-xxxl);
    }
    .bottom-xxxxl\@md {
      bottom: var(--space-xxxxl);
    }
    .right-xxxxs\@md {
      right: var(--space-xxxxs);
    }
    .right-xxxs\@md {
      right: var(--space-xxxs);
    }
    .right-xxs\@md {
      right: var(--space-xxs);
    }
    .right-xs\@md {
      right: var(--space-xs);
    }
    .right-sm\@md {
      right: var(--space-sm);
    }
    .right-md\@md {
      right: var(--space-md);
    }
    .right-lg\@md {
      right: var(--space-lg);
    }
    .right-xl\@md {
      right: var(--space-xl);
    }
    .right-xxl\@md {
      right: var(--space-xxl);
    }
    .right-xxxl\@md {
      right: var(--space-xxxl);
    }
    .right-xxxxl\@md {
      right: var(--space-xxxxl);
    }
    .left-xxxxs\@md {
      left: var(--space-xxxxs);
    }
    .left-xxxs\@md {
      left: var(--space-xxxs);
    }
    .left-xxs\@md {
      left: var(--space-xxs);
    }
    .left-xs\@md {
      left: var(--space-xs);
    }
    .left-sm\@md {
      left: var(--space-sm);
    }
    .left-md\@md {
      left: var(--space-md);
    }
    .left-lg\@md {
      left: var(--space-lg);
    }
    .left-xl\@md {
      left: var(--space-xl);
    }
    .left-xxl\@md {
      left: var(--space-xxl);
    }
    .left-xxxl\@md {
      left: var(--space-xxxl);
    }
    .left-xxxxl\@md {
      left: var(--space-xxxxl);
    }
  }
  .overflow-hidden\@md {
    overflow: hidden;
  }
  .overflow-auto\@md {
    overflow: auto;
  }
  .momentum-scrolling\@md {
    -webkit-overflow-scrolling: touch;
  }
  .overscroll-contain\@md {
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }
  .visible\@md {
    visibility: visible;
  }
  .invisible\@md {
    visibility: hidden;
  }
}
@media not all and (min-width: 64rem) {
  .has-margin\@md {
    margin: 0 !important;
  }
  .has-padding\@md {
    padding: 0 !important;
  }
  .display\@md {
    display: none !important;
  }
}
@media (min-width: 80rem) {
  .flex\@lg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .inline-flex\@lg {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .flex-wrap\@lg {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flex-nowrap\@lg {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .flex-column\@lg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .flex-column-reverse\@lg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .flex-row\@lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .flex-row-reverse\@lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .flex-center\@lg {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .flex-grow\@lg {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .flex-grow-0\@lg {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .flex-shrink\@lg {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .flex-shrink-0\@lg {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .flex-basis-0\@lg {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
  }
  .justify-start\@lg {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .justify-end\@lg {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .justify-center\@lg {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .justify-between\@lg {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .items-center\@lg {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .items-start\@lg {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .items-end\@lg {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .items-baseline\@lg {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .order-1\@lg {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-2\@lg {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-3\@lg {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .block\@lg {
    display: block;
  }
  .inline-block\@lg {
    display: inline-block;
  }
  .inline\@lg {
    display: inline;
  }
  .contents\@lg {
    display: contents;
  }
  .hide\@lg {
    display: none !important;
  }
  @supports (--css: variables) {
    .margin-xxxxs\@lg {
      margin: var(--space-xxxxs);
    }
    .margin-xxxs\@lg {
      margin: var(--space-xxxs);
    }
    .margin-xxs\@lg {
      margin: var(--space-xxs);
    }
    .margin-xs\@lg {
      margin: var(--space-xs);
    }
    .margin-sm\@lg {
      margin: var(--space-sm);
    }
    .margin-md\@lg {
      margin: var(--space-md);
    }
    .margin-lg\@lg {
      margin: var(--space-lg);
    }
    .margin-xl\@lg {
      margin: var(--space-xl);
    }
    .margin-xxl\@lg {
      margin: var(--space-xxl);
    }
    .margin-xxxl\@lg {
      margin: var(--space-xxxl);
    }
    .margin-xxxxl\@lg {
      margin: var(--space-xxxxl);
    }
    .margin-auto\@lg {
      margin: auto;
    }
    .margin-0\@lg {
      margin: 0;
    }
    .margin-top-xxxxs\@lg {
      margin-top: var(--space-xxxxs);
    }
    .margin-top-xxxs\@lg {
      margin-top: var(--space-xxxs);
    }
    .margin-top-xxs\@lg {
      margin-top: var(--space-xxs);
    }
    .margin-top-xs\@lg {
      margin-top: var(--space-xs);
    }
    .margin-top-sm\@lg {
      margin-top: var(--space-sm);
    }
    .margin-top-md\@lg {
      margin-top: var(--space-md);
    }
    .margin-top-lg\@lg {
      margin-top: var(--space-lg);
    }
    .margin-top-xl\@lg {
      margin-top: var(--space-xl);
    }
    .margin-top-xxl\@lg {
      margin-top: var(--space-xxl);
    }
    .margin-top-xxxl\@lg {
      margin-top: var(--space-xxxl);
    }
    .margin-top-xxxxl\@lg {
      margin-top: var(--space-xxxxl);
    }
    .margin-top-auto\@lg {
      margin-top: auto;
    }
    .margin-top-0\@lg {
      margin-top: 0;
    }
    .margin-bottom-xxxxs\@lg {
      margin-bottom: var(--space-xxxxs);
    }
    .margin-bottom-xxxs\@lg {
      margin-bottom: var(--space-xxxs);
    }
    .margin-bottom-xxs\@lg {
      margin-bottom: var(--space-xxs);
    }
    .margin-bottom-xs\@lg {
      margin-bottom: var(--space-xs);
    }
    .margin-bottom-sm\@lg {
      margin-bottom: var(--space-sm);
    }
    .margin-bottom-md\@lg {
      margin-bottom: var(--space-md);
    }
    .margin-bottom-lg\@lg {
      margin-bottom: var(--space-lg);
    }
    .margin-bottom-xl\@lg {
      margin-bottom: var(--space-xl);
    }
    .margin-bottom-xxl\@lg {
      margin-bottom: var(--space-xxl);
    }
    .margin-bottom-xxxl\@lg {
      margin-bottom: var(--space-xxxl);
    }
    .margin-bottom-xxxxl\@lg {
      margin-bottom: var(--space-xxxxl);
    }
    .margin-bottom-auto\@lg {
      margin-bottom: auto;
    }
    .margin-bottom-0\@lg {
      margin-bottom: 0;
    }
    .margin-right-xxxxs\@lg {
      margin-right: var(--space-xxxxs);
    }
    .margin-right-xxxs\@lg {
      margin-right: var(--space-xxxs);
    }
    .margin-right-xxs\@lg {
      margin-right: var(--space-xxs);
    }
    .margin-right-xs\@lg {
      margin-right: var(--space-xs);
    }
    .margin-right-sm\@lg {
      margin-right: var(--space-sm);
    }
    .margin-right-md\@lg {
      margin-right: var(--space-md);
    }
    .margin-right-lg\@lg {
      margin-right: var(--space-lg);
    }
    .margin-right-xl\@lg {
      margin-right: var(--space-xl);
    }
    .margin-right-xxl\@lg {
      margin-right: var(--space-xxl);
    }
    .margin-right-xxxl\@lg {
      margin-right: var(--space-xxxl);
    }
    .margin-right-xxxxl\@lg {
      margin-right: var(--space-xxxxl);
    }
    .margin-right-auto\@lg {
      margin-right: auto;
    }
    .margin-right-0\@lg {
      margin-right: 0;
    }
    .margin-left-xxxxs\@lg {
      margin-left: var(--space-xxxxs);
    }
    .margin-left-xxxs\@lg {
      margin-left: var(--space-xxxs);
    }
    .margin-left-xxs\@lg {
      margin-left: var(--space-xxs);
    }
    .margin-left-xs\@lg {
      margin-left: var(--space-xs);
    }
    .margin-left-sm\@lg {
      margin-left: var(--space-sm);
    }
    .margin-left-md\@lg {
      margin-left: var(--space-md);
    }
    .margin-left-lg\@lg {
      margin-left: var(--space-lg);
    }
    .margin-left-xl\@lg {
      margin-left: var(--space-xl);
    }
    .margin-left-xxl\@lg {
      margin-left: var(--space-xxl);
    }
    .margin-left-xxxl\@lg {
      margin-left: var(--space-xxxl);
    }
    .margin-left-xxxxl\@lg {
      margin-left: var(--space-xxxxl);
    }
    .margin-left-auto\@lg {
      margin-left: auto;
    }
    .margin-left-0\@lg {
      margin-left: 0;
    }
    .margin-x-xxxxs\@lg {
      margin-left: var(--space-xxxxs);
      margin-right: var(--space-xxxxs);
    }
    .margin-x-xxxs\@lg {
      margin-left: var(--space-xxxs);
      margin-right: var(--space-xxxs);
    }
    .margin-x-xxs\@lg {
      margin-left: var(--space-xxs);
      margin-right: var(--space-xxs);
    }
    .margin-x-xs\@lg {
      margin-left: var(--space-xs);
      margin-right: var(--space-xs);
    }
    .margin-x-sm\@lg {
      margin-left: var(--space-sm);
      margin-right: var(--space-sm);
    }
    .margin-x-md\@lg {
      margin-left: var(--space-md);
      margin-right: var(--space-md);
    }
    .margin-x-lg\@lg {
      margin-left: var(--space-lg);
      margin-right: var(--space-lg);
    }
    .margin-x-xl\@lg {
      margin-left: var(--space-xl);
      margin-right: var(--space-xl);
    }
    .margin-x-xxl\@lg {
      margin-left: var(--space-xxl);
      margin-right: var(--space-xxl);
    }
    .margin-x-xxxl\@lg {
      margin-left: var(--space-xxxl);
      margin-right: var(--space-xxxl);
    }
    .margin-x-xxxxl\@lg {
      margin-left: var(--space-xxxxl);
      margin-right: var(--space-xxxxl);
    }
    .margin-x-auto\@lg {
      margin-left: auto;
      margin-right: auto;
    }
    .margin-x-0\@lg {
      margin-left: 0;
      margin-right: 0;
    }
    .margin-y-xxxxs\@lg {
      margin-top: var(--space-xxxxs);
      margin-bottom: var(--space-xxxxs);
    }
    .margin-y-xxxs\@lg {
      margin-top: var(--space-xxxs);
      margin-bottom: var(--space-xxxs);
    }
    .margin-y-xxs\@lg {
      margin-top: var(--space-xxs);
      margin-bottom: var(--space-xxs);
    }
    .margin-y-xs\@lg {
      margin-top: var(--space-xs);
      margin-bottom: var(--space-xs);
    }
    .margin-y-sm\@lg {
      margin-top: var(--space-sm);
      margin-bottom: var(--space-sm);
    }
    .margin-y-md\@lg {
      margin-top: var(--space-md);
      margin-bottom: var(--space-md);
    }
    .margin-y-lg\@lg {
      margin-top: var(--space-lg);
      margin-bottom: var(--space-lg);
    }
    .margin-y-xl\@lg {
      margin-top: var(--space-xl);
      margin-bottom: var(--space-xl);
    }
    .margin-y-xxl\@lg {
      margin-top: var(--space-xxl);
      margin-bottom: var(--space-xxl);
    }
    .margin-y-xxxl\@lg {
      margin-top: var(--space-xxxl);
      margin-bottom: var(--space-xxxl);
    }
    .margin-y-xxxxl\@lg {
      margin-top: var(--space-xxxxl);
      margin-bottom: var(--space-xxxxl);
    }
    .margin-y-auto\@lg {
      margin-top: auto;
      margin-bottom: auto;
    }
    .margin-y-0\@lg {
      margin-top: 0;
      margin-bottom: 0;
    }
  }
  @supports (--css: variables) {
    .padding-xxxxs\@lg {
      padding: var(--space-xxxxs);
    }
    .padding-xxxs\@lg {
      padding: var(--space-xxxs);
    }
    .padding-xxs\@lg {
      padding: var(--space-xxs);
    }
    .padding-xs\@lg {
      padding: var(--space-xs);
    }
    .padding-sm\@lg {
      padding: var(--space-sm);
    }
    .padding-md\@lg {
      padding: var(--space-md);
    }
    .padding-lg\@lg {
      padding: var(--space-lg);
    }
    .padding-xl\@lg {
      padding: var(--space-xl);
    }
    .padding-xxl\@lg {
      padding: var(--space-xxl);
    }
    .padding-xxxl\@lg {
      padding: var(--space-xxxl);
    }
    .padding-xxxxl\@lg {
      padding: var(--space-xxxxl);
    }
    .padding-0\@lg {
      padding: 0;
    }
    .padding-component\@lg {
      padding: var(--component-padding);
    }
    .padding-top-xxxxs\@lg {
      padding-top: var(--space-xxxxs);
    }
    .padding-top-xxxs\@lg {
      padding-top: var(--space-xxxs);
    }
    .padding-top-xxs\@lg {
      padding-top: var(--space-xxs);
    }
    .padding-top-xs\@lg {
      padding-top: var(--space-xs);
    }
    .padding-top-sm\@lg {
      padding-top: var(--space-sm);
    }
    .padding-top-md\@lg {
      padding-top: var(--space-md);
    }
    .padding-top-lg\@lg {
      padding-top: var(--space-lg);
    }
    .padding-top-xl\@lg {
      padding-top: var(--space-xl);
    }
    .padding-top-xxl\@lg {
      padding-top: var(--space-xxl);
    }
    .padding-top-xxxl\@lg {
      padding-top: var(--space-xxxl);
    }
    .padding-top-xxxxl\@lg {
      padding-top: var(--space-xxxxl);
    }
    .padding-top-0\@lg {
      padding-top: 0;
    }
    .padding-top-component\@lg {
      padding-top: var(--component-padding);
    }
    .padding-bottom-xxxxs\@lg {
      padding-bottom: var(--space-xxxxs);
    }
    .padding-bottom-xxxs\@lg {
      padding-bottom: var(--space-xxxs);
    }
    .padding-bottom-xxs\@lg {
      padding-bottom: var(--space-xxs);
    }
    .padding-bottom-xs\@lg {
      padding-bottom: var(--space-xs);
    }
    .padding-bottom-sm\@lg {
      padding-bottom: var(--space-sm);
    }
    .padding-bottom-md\@lg {
      padding-bottom: var(--space-md);
    }
    .padding-bottom-lg\@lg {
      padding-bottom: var(--space-lg);
    }
    .padding-bottom-xl\@lg {
      padding-bottom: var(--space-xl);
    }
    .padding-bottom-xxl\@lg {
      padding-bottom: var(--space-xxl);
    }
    .padding-bottom-xxxl\@lg {
      padding-bottom: var(--space-xxxl);
    }
    .padding-bottom-xxxxl\@lg {
      padding-bottom: var(--space-xxxxl);
    }
    .padding-bottom-0\@lg {
      padding-bottom: 0;
    }
    .padding-bottom-component\@lg {
      padding-bottom: var(--component-padding);
    }
    .padding-right-xxxxs\@lg {
      padding-right: var(--space-xxxxs);
    }
    .padding-right-xxxs\@lg {
      padding-right: var(--space-xxxs);
    }
    .padding-right-xxs\@lg {
      padding-right: var(--space-xxs);
    }
    .padding-right-xs\@lg {
      padding-right: var(--space-xs);
    }
    .padding-right-sm\@lg {
      padding-right: var(--space-sm);
    }
    .padding-right-md\@lg {
      padding-right: var(--space-md);
    }
    .padding-right-lg\@lg {
      padding-right: var(--space-lg);
    }
    .padding-right-xl\@lg {
      padding-right: var(--space-xl);
    }
    .padding-right-xxl\@lg {
      padding-right: var(--space-xxl);
    }
    .padding-right-xxxl\@lg {
      padding-right: var(--space-xxxl);
    }
    .padding-right-xxxxl\@lg {
      padding-right: var(--space-xxxxl);
    }
    .padding-right-0\@lg {
      padding-right: 0;
    }
    .padding-right-component\@lg {
      padding-right: var(--component-padding);
    }
    .padding-left-xxxxs\@lg {
      padding-left: var(--space-xxxxs);
    }
    .padding-left-xxxs\@lg {
      padding-left: var(--space-xxxs);
    }
    .padding-left-xxs\@lg {
      padding-left: var(--space-xxs);
    }
    .padding-left-xs\@lg {
      padding-left: var(--space-xs);
    }
    .padding-left-sm\@lg {
      padding-left: var(--space-sm);
    }
    .padding-left-md\@lg {
      padding-left: var(--space-md);
    }
    .padding-left-lg\@lg {
      padding-left: var(--space-lg);
    }
    .padding-left-xl\@lg {
      padding-left: var(--space-xl);
    }
    .padding-left-xxl\@lg {
      padding-left: var(--space-xxl);
    }
    .padding-left-xxxl\@lg {
      padding-left: var(--space-xxxl);
    }
    .padding-left-xxxxl\@lg {
      padding-left: var(--space-xxxxl);
    }
    .padding-left-0\@lg {
      padding-left: 0;
    }
    .padding-left-component\@lg {
      padding-left: var(--component-padding);
    }
    .padding-x-xxxxs\@lg {
      padding-left: var(--space-xxxxs);
      padding-right: var(--space-xxxxs);
    }
    .padding-x-xxxs\@lg {
      padding-left: var(--space-xxxs);
      padding-right: var(--space-xxxs);
    }
    .padding-x-xxs\@lg {
      padding-left: var(--space-xxs);
      padding-right: var(--space-xxs);
    }
    .padding-x-xs\@lg {
      padding-left: var(--space-xs);
      padding-right: var(--space-xs);
    }
    .padding-x-sm\@lg {
      padding-left: var(--space-sm);
      padding-right: var(--space-sm);
    }
    .padding-x-md\@lg {
      padding-left: var(--space-md);
      padding-right: var(--space-md);
    }
    .padding-x-lg\@lg {
      padding-left: var(--space-lg);
      padding-right: var(--space-lg);
    }
    .padding-x-xl\@lg {
      padding-left: var(--space-xl);
      padding-right: var(--space-xl);
    }
    .padding-x-xxl\@lg {
      padding-left: var(--space-xxl);
      padding-right: var(--space-xxl);
    }
    .padding-x-xxxl\@lg {
      padding-left: var(--space-xxxl);
      padding-right: var(--space-xxxl);
    }
    .padding-x-xxxxl\@lg {
      padding-left: var(--space-xxxxl);
      padding-right: var(--space-xxxxl);
    }
    .padding-x-0\@lg {
      padding-left: 0;
      padding-right: 0;
    }
    .padding-x-component\@lg {
      padding-left: var(--component-padding);
      padding-right: var(--component-padding);
    }
    .padding-y-xxxxs\@lg {
      padding-top: var(--space-xxxxs);
      padding-bottom: var(--space-xxxxs);
    }
    .padding-y-xxxs\@lg {
      padding-top: var(--space-xxxs);
      padding-bottom: var(--space-xxxs);
    }
    .padding-y-xxs\@lg {
      padding-top: var(--space-xxs);
      padding-bottom: var(--space-xxs);
    }
    .padding-y-xs\@lg {
      padding-top: var(--space-xs);
      padding-bottom: var(--space-xs);
    }
    .padding-y-sm\@lg {
      padding-top: var(--space-sm);
      padding-bottom: var(--space-sm);
    }
    .padding-y-md\@lg {
      padding-top: var(--space-md);
      padding-bottom: var(--space-md);
    }
    .padding-y-lg\@lg {
      padding-top: var(--space-lg);
      padding-bottom: var(--space-lg);
    }
    .padding-y-xl\@lg {
      padding-top: var(--space-xl);
      padding-bottom: var(--space-xl);
    }
    .padding-y-xxl\@lg {
      padding-top: var(--space-xxl);
      padding-bottom: var(--space-xxl);
    }
    .padding-y-xxxl\@lg {
      padding-top: var(--space-xxxl);
      padding-bottom: var(--space-xxxl);
    }
    .padding-y-xxxxl\@lg {
      padding-top: var(--space-xxxxl);
      padding-bottom: var(--space-xxxxl);
    }
    .padding-y-0\@lg {
      padding-top: 0;
      padding-bottom: 0;
    }
    .padding-y-component\@lg {
      padding-top: var(--component-padding);
      padding-bottom: var(--component-padding);
    }
  }
  .text-center\@lg {
    text-align: center;
  }
  .text-left\@lg {
    text-align: left;
  }
  .text-right\@lg {
    text-align: right;
  }
  .text-justify\@lg {
    text-align: justify;
  }
  @supports (--css: variables) {
    .text-xs\@lg {
      font-size: var(--text-xs, 0.694em);
    }
    .text-sm\@lg {
      font-size: var(--text-sm, 0.833em);
    }
    .text-base\@lg {
      font-size: var(--text-unit, 1em);
    }
    .text-md\@lg {
      font-size: var(--text-md, 1.2em);
    }
    .text-lg\@lg {
      font-size: var(--text-lg, 1.44em);
    }
    .text-xl\@lg {
      font-size: var(--text-xl, 1.728em);
    }
    .text-xxl\@lg {
      font-size: var(--text-xxl, 2.074em);
    }
    .text-xxxl\@lg {
      font-size: var(--text-xxxl, 2.488em);
    }
    .text-xxxxl\@lg {
      font-size: var(--text-xxxxl, 2.985em);
    }
  }
  @supports (--css: variables) {
    .width-xxxxs\@lg {
      width: var(--size-xxxxs, 0.25rem);
    }
    .width-xxxs\@lg {
      width: var(--size-xxxs, 0.5rem);
    }
    .width-xxs\@lg {
      width: var(--size-xxs, 0.75rem);
    }
    .width-xs\@lg {
      width: var(--size-xs, 1rem);
    }
    .width-sm\@lg {
      width: var(--size-sm, 1.5rem);
    }
    .width-md\@lg {
      width: var(--size-md, 2rem);
    }
    .width-lg\@lg {
      width: var(--size-lg, 3rem);
    }
    .width-xl\@lg {
      width: var(--size-xl, 4rem);
    }
    .width-xxl\@lg {
      width: var(--size-xxl, 6rem);
    }
    .width-xxxl\@lg {
      width: var(--size-xxxl, 8rem);
    }
    .width-xxxxl\@lg {
      width: var(--size-xxxxl, 16rem);
    }
  }
  .width-0\@lg {
    width: 0;
  }
  .width-10\%\@lg {
    width: 10%;
  }
  .width-20\%\@lg {
    width: 20%;
  }
  .width-25\%\@lg {
    width: 25%;
  }
  .width-30\%\@lg {
    width: 30%;
  }
  .width-33\%\@lg {
    width: 33.3333333333%;
  }
  .width-40\%\@lg {
    width: 40%;
  }
  .width-50\%\@lg {
    width: 50%;
  }
  .width-60\%\@lg {
    width: 60%;
  }
  .width-66\%\@lg {
    width: 66.6666666667%;
  }
  .width-70\%\@lg {
    width: 70%;
  }
  .width-75\%\@lg {
    width: 75%;
  }
  .width-80\%\@lg {
    width: 80%;
  }
  .width-90\%\@lg {
    width: 90%;
  }
  .width-100\%\@lg {
    width: 100%;
  }
  .width-100vw\@lg {
    width: 100vw;
  }
  .width-auto\@lg {
    width: auto;
  }
  @supports (--css: variables) {
    .height-xxxxs\@lg {
      height: var(--size-xxxxs, 0.25rem);
    }
    .height-xxxs\@lg {
      height: var(--size-xxxs, 0.5rem);
    }
    .height-xxs\@lg {
      height: var(--size-xxs, 0.75rem);
    }
    .height-xs\@lg {
      height: var(--size-xs, 1rem);
    }
    .height-sm\@lg {
      height: var(--size-sm, 1.5rem);
    }
    .height-md\@lg {
      height: var(--size-md, 2rem);
    }
    .height-lg\@lg {
      height: var(--size-lg, 3rem);
    }
    .height-xl\@lg {
      height: var(--size-xl, 4rem);
    }
    .height-xxl\@lg {
      height: var(--size-xxl, 6rem);
    }
    .height-xxxl\@lg {
      height: var(--size-xxxl, 8rem);
    }
    .height-xxxxl\@lg {
      height: var(--size-xxxxl, 16rem);
    }
  }
  .height-0\@lg {
    height: 0;
  }
  .height-10\%\@lg {
    height: 10%;
  }
  .height-20\%\@lg {
    height: 20%;
  }
  .height-25\%\@lg {
    height: 25%;
  }
  .height-30\%\@lg {
    height: 30%;
  }
  .height-33\%\@lg {
    height: 33.3333333333%;
  }
  .height-40\%\@lg {
    height: 40%;
  }
  .height-50\%\@lg {
    height: 50%;
  }
  .height-60\%\@lg {
    height: 60%;
  }
  .height-66\%\@lg {
    height: 66.6666666667%;
  }
  .height-70\%\@lg {
    height: 70%;
  }
  .height-75\%\@lg {
    height: 75%;
  }
  .height-80\%\@lg {
    height: 80%;
  }
  .height-90\%\@lg {
    height: 90%;
  }
  .height-100\%\@lg {
    height: 100%;
  }
  .height-100vh\@lg {
    height: 100vh;
  }
  .height-auto\@lg {
    height: auto;
  }
  .position-relative\@lg {
    position: relative;
  }
  .position-absolute\@lg {
    position: absolute;
  }
  .position-fixed\@lg {
    position: fixed;
  }
  .position-sticky\@lg {
    position: sticky;
  }
  .position-static\@lg {
    position: static;
  }
  .inset-0\@lg {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .top-0\@lg {
    top: 0;
  }
  .top-50\%\@lg {
    top: 50%;
  }
  .bottom-0\@lg {
    bottom: 0;
  }
  .bottom-50\%\@lg {
    bottom: 50%;
  }
  .right-0\@lg {
    right: 0;
  }
  .right-50\%\@lg {
    right: 50%;
  }
  .left-0\@lg {
    left: 0;
  }
  .left-50\%\@lg {
    left: 50%;
  }
  @supports (--css: variables) {
    .top-xxxxs\@lg {
      top: var(--space-xxxxs);
    }
    .top-xxxs\@lg {
      top: var(--space-xxxs);
    }
    .top-xxs\@lg {
      top: var(--space-xxs);
    }
    .top-xs\@lg {
      top: var(--space-xs);
    }
    .top-sm\@lg {
      top: var(--space-sm);
    }
    .top-md\@lg {
      top: var(--space-md);
    }
    .top-lg\@lg {
      top: var(--space-lg);
    }
    .top-xl\@lg {
      top: var(--space-xl);
    }
    .top-xxl\@lg {
      top: var(--space-xxl);
    }
    .top-xxxl\@lg {
      top: var(--space-xxxl);
    }
    .top-xxxxl\@lg {
      top: var(--space-xxxxl);
    }
    .bottom-xxxxs\@lg {
      bottom: var(--space-xxxxs);
    }
    .bottom-xxxs\@lg {
      bottom: var(--space-xxxs);
    }
    .bottom-xxs\@lg {
      bottom: var(--space-xxs);
    }
    .bottom-xs\@lg {
      bottom: var(--space-xs);
    }
    .bottom-sm\@lg {
      bottom: var(--space-sm);
    }
    .bottom-md\@lg {
      bottom: var(--space-md);
    }
    .bottom-lg\@lg {
      bottom: var(--space-lg);
    }
    .bottom-xl\@lg {
      bottom: var(--space-xl);
    }
    .bottom-xxl\@lg {
      bottom: var(--space-xxl);
    }
    .bottom-xxxl\@lg {
      bottom: var(--space-xxxl);
    }
    .bottom-xxxxl\@lg {
      bottom: var(--space-xxxxl);
    }
    .right-xxxxs\@lg {
      right: var(--space-xxxxs);
    }
    .right-xxxs\@lg {
      right: var(--space-xxxs);
    }
    .right-xxs\@lg {
      right: var(--space-xxs);
    }
    .right-xs\@lg {
      right: var(--space-xs);
    }
    .right-sm\@lg {
      right: var(--space-sm);
    }
    .right-md\@lg {
      right: var(--space-md);
    }
    .right-lg\@lg {
      right: var(--space-lg);
    }
    .right-xl\@lg {
      right: var(--space-xl);
    }
    .right-xxl\@lg {
      right: var(--space-xxl);
    }
    .right-xxxl\@lg {
      right: var(--space-xxxl);
    }
    .right-xxxxl\@lg {
      right: var(--space-xxxxl);
    }
    .left-xxxxs\@lg {
      left: var(--space-xxxxs);
    }
    .left-xxxs\@lg {
      left: var(--space-xxxs);
    }
    .left-xxs\@lg {
      left: var(--space-xxs);
    }
    .left-xs\@lg {
      left: var(--space-xs);
    }
    .left-sm\@lg {
      left: var(--space-sm);
    }
    .left-md\@lg {
      left: var(--space-md);
    }
    .left-lg\@lg {
      left: var(--space-lg);
    }
    .left-xl\@lg {
      left: var(--space-xl);
    }
    .left-xxl\@lg {
      left: var(--space-xxl);
    }
    .left-xxxl\@lg {
      left: var(--space-xxxl);
    }
    .left-xxxxl\@lg {
      left: var(--space-xxxxl);
    }
  }
  .overflow-hidden\@lg {
    overflow: hidden;
  }
  .overflow-auto\@lg {
    overflow: auto;
  }
  .momentum-scrolling\@lg {
    -webkit-overflow-scrolling: touch;
  }
  .overscroll-contain\@lg {
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }
  .visible\@lg {
    visibility: visible;
  }
  .invisible\@lg {
    visibility: hidden;
  }
}
@media not all and (min-width: 80rem) {
  .has-margin\@lg {
    margin: 0 !important;
  }
  .has-padding\@lg {
    padding: 0 !important;
  }
  .display\@lg {
    display: none !important;
  }
}
@media (min-width: 90rem) {
  .flex\@xl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .inline-flex\@xl {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .flex-wrap\@xl {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flex-nowrap\@xl {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .flex-column\@xl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .flex-column-reverse\@xl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .flex-row\@xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .flex-row-reverse\@xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .flex-center\@xl {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .flex-grow\@xl {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .flex-grow-0\@xl {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .flex-shrink\@xl {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .flex-shrink-0\@xl {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .flex-basis-0\@xl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
  }
  .justify-start\@xl {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .justify-end\@xl {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .justify-center\@xl {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .justify-between\@xl {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .items-center\@xl {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .items-start\@xl {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .items-end\@xl {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .items-baseline\@xl {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .order-1\@xl {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-2\@xl {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-3\@xl {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .block\@xl {
    display: block;
  }
  .inline-block\@xl {
    display: inline-block;
  }
  .inline\@xl {
    display: inline;
  }
  .contents\@xl {
    display: contents;
  }
  .hide\@xl {
    display: none !important;
  }
  @supports (--css: variables) {
    .margin-xxxxs\@xl {
      margin: var(--space-xxxxs);
    }
    .margin-xxxs\@xl {
      margin: var(--space-xxxs);
    }
    .margin-xxs\@xl {
      margin: var(--space-xxs);
    }
    .margin-xs\@xl {
      margin: var(--space-xs);
    }
    .margin-sm\@xl {
      margin: var(--space-sm);
    }
    .margin-md\@xl {
      margin: var(--space-md);
    }
    .margin-lg\@xl {
      margin: var(--space-lg);
    }
    .margin-xl\@xl {
      margin: var(--space-xl);
    }
    .margin-xxl\@xl {
      margin: var(--space-xxl);
    }
    .margin-xxxl\@xl {
      margin: var(--space-xxxl);
    }
    .margin-xxxxl\@xl {
      margin: var(--space-xxxxl);
    }
    .margin-auto\@xl {
      margin: auto;
    }
    .margin-0\@xl {
      margin: 0;
    }
    .margin-top-xxxxs\@xl {
      margin-top: var(--space-xxxxs);
    }
    .margin-top-xxxs\@xl {
      margin-top: var(--space-xxxs);
    }
    .margin-top-xxs\@xl {
      margin-top: var(--space-xxs);
    }
    .margin-top-xs\@xl {
      margin-top: var(--space-xs);
    }
    .margin-top-sm\@xl {
      margin-top: var(--space-sm);
    }
    .margin-top-md\@xl {
      margin-top: var(--space-md);
    }
    .margin-top-lg\@xl {
      margin-top: var(--space-lg);
    }
    .margin-top-xl\@xl {
      margin-top: var(--space-xl);
    }
    .margin-top-xxl\@xl {
      margin-top: var(--space-xxl);
    }
    .margin-top-xxxl\@xl {
      margin-top: var(--space-xxxl);
    }
    .margin-top-xxxxl\@xl {
      margin-top: var(--space-xxxxl);
    }
    .margin-top-auto\@xl {
      margin-top: auto;
    }
    .margin-top-0\@xl {
      margin-top: 0;
    }
    .margin-bottom-xxxxs\@xl {
      margin-bottom: var(--space-xxxxs);
    }
    .margin-bottom-xxxs\@xl {
      margin-bottom: var(--space-xxxs);
    }
    .margin-bottom-xxs\@xl {
      margin-bottom: var(--space-xxs);
    }
    .margin-bottom-xs\@xl {
      margin-bottom: var(--space-xs);
    }
    .margin-bottom-sm\@xl {
      margin-bottom: var(--space-sm);
    }
    .margin-bottom-md\@xl {
      margin-bottom: var(--space-md);
    }
    .margin-bottom-lg\@xl {
      margin-bottom: var(--space-lg);
    }
    .margin-bottom-xl\@xl {
      margin-bottom: var(--space-xl);
    }
    .margin-bottom-xxl\@xl {
      margin-bottom: var(--space-xxl);
    }
    .margin-bottom-xxxl\@xl {
      margin-bottom: var(--space-xxxl);
    }
    .margin-bottom-xxxxl\@xl {
      margin-bottom: var(--space-xxxxl);
    }
    .margin-bottom-auto\@xl {
      margin-bottom: auto;
    }
    .margin-bottom-0\@xl {
      margin-bottom: 0;
    }
    .margin-right-xxxxs\@xl {
      margin-right: var(--space-xxxxs);
    }
    .margin-right-xxxs\@xl {
      margin-right: var(--space-xxxs);
    }
    .margin-right-xxs\@xl {
      margin-right: var(--space-xxs);
    }
    .margin-right-xs\@xl {
      margin-right: var(--space-xs);
    }
    .margin-right-sm\@xl {
      margin-right: var(--space-sm);
    }
    .margin-right-md\@xl {
      margin-right: var(--space-md);
    }
    .margin-right-lg\@xl {
      margin-right: var(--space-lg);
    }
    .margin-right-xl\@xl {
      margin-right: var(--space-xl);
    }
    .margin-right-xxl\@xl {
      margin-right: var(--space-xxl);
    }
    .margin-right-xxxl\@xl {
      margin-right: var(--space-xxxl);
    }
    .margin-right-xxxxl\@xl {
      margin-right: var(--space-xxxxl);
    }
    .margin-right-auto\@xl {
      margin-right: auto;
    }
    .margin-right-0\@xl {
      margin-right: 0;
    }
    .margin-left-xxxxs\@xl {
      margin-left: var(--space-xxxxs);
    }
    .margin-left-xxxs\@xl {
      margin-left: var(--space-xxxs);
    }
    .margin-left-xxs\@xl {
      margin-left: var(--space-xxs);
    }
    .margin-left-xs\@xl {
      margin-left: var(--space-xs);
    }
    .margin-left-sm\@xl {
      margin-left: var(--space-sm);
    }
    .margin-left-md\@xl {
      margin-left: var(--space-md);
    }
    .margin-left-lg\@xl {
      margin-left: var(--space-lg);
    }
    .margin-left-xl\@xl {
      margin-left: var(--space-xl);
    }
    .margin-left-xxl\@xl {
      margin-left: var(--space-xxl);
    }
    .margin-left-xxxl\@xl {
      margin-left: var(--space-xxxl);
    }
    .margin-left-xxxxl\@xl {
      margin-left: var(--space-xxxxl);
    }
    .margin-left-auto\@xl {
      margin-left: auto;
    }
    .margin-left-0\@xl {
      margin-left: 0;
    }
    .margin-x-xxxxs\@xl {
      margin-left: var(--space-xxxxs);
      margin-right: var(--space-xxxxs);
    }
    .margin-x-xxxs\@xl {
      margin-left: var(--space-xxxs);
      margin-right: var(--space-xxxs);
    }
    .margin-x-xxs\@xl {
      margin-left: var(--space-xxs);
      margin-right: var(--space-xxs);
    }
    .margin-x-xs\@xl {
      margin-left: var(--space-xs);
      margin-right: var(--space-xs);
    }
    .margin-x-sm\@xl {
      margin-left: var(--space-sm);
      margin-right: var(--space-sm);
    }
    .margin-x-md\@xl {
      margin-left: var(--space-md);
      margin-right: var(--space-md);
    }
    .margin-x-lg\@xl {
      margin-left: var(--space-lg);
      margin-right: var(--space-lg);
    }
    .margin-x-xl\@xl {
      margin-left: var(--space-xl);
      margin-right: var(--space-xl);
    }
    .margin-x-xxl\@xl {
      margin-left: var(--space-xxl);
      margin-right: var(--space-xxl);
    }
    .margin-x-xxxl\@xl {
      margin-left: var(--space-xxxl);
      margin-right: var(--space-xxxl);
    }
    .margin-x-xxxxl\@xl {
      margin-left: var(--space-xxxxl);
      margin-right: var(--space-xxxxl);
    }
    .margin-x-auto\@xl {
      margin-left: auto;
      margin-right: auto;
    }
    .margin-x-0\@xl {
      margin-left: 0;
      margin-right: 0;
    }
    .margin-y-xxxxs\@xl {
      margin-top: var(--space-xxxxs);
      margin-bottom: var(--space-xxxxs);
    }
    .margin-y-xxxs\@xl {
      margin-top: var(--space-xxxs);
      margin-bottom: var(--space-xxxs);
    }
    .margin-y-xxs\@xl {
      margin-top: var(--space-xxs);
      margin-bottom: var(--space-xxs);
    }
    .margin-y-xs\@xl {
      margin-top: var(--space-xs);
      margin-bottom: var(--space-xs);
    }
    .margin-y-sm\@xl {
      margin-top: var(--space-sm);
      margin-bottom: var(--space-sm);
    }
    .margin-y-md\@xl {
      margin-top: var(--space-md);
      margin-bottom: var(--space-md);
    }
    .margin-y-lg\@xl {
      margin-top: var(--space-lg);
      margin-bottom: var(--space-lg);
    }
    .margin-y-xl\@xl {
      margin-top: var(--space-xl);
      margin-bottom: var(--space-xl);
    }
    .margin-y-xxl\@xl {
      margin-top: var(--space-xxl);
      margin-bottom: var(--space-xxl);
    }
    .margin-y-xxxl\@xl {
      margin-top: var(--space-xxxl);
      margin-bottom: var(--space-xxxl);
    }
    .margin-y-xxxxl\@xl {
      margin-top: var(--space-xxxxl);
      margin-bottom: var(--space-xxxxl);
    }
    .margin-y-auto\@xl {
      margin-top: auto;
      margin-bottom: auto;
    }
    .margin-y-0\@xl {
      margin-top: 0;
      margin-bottom: 0;
    }
  }
  @supports (--css: variables) {
    .padding-xxxxs\@xl {
      padding: var(--space-xxxxs);
    }
    .padding-xxxs\@xl {
      padding: var(--space-xxxs);
    }
    .padding-xxs\@xl {
      padding: var(--space-xxs);
    }
    .padding-xs\@xl {
      padding: var(--space-xs);
    }
    .padding-sm\@xl {
      padding: var(--space-sm);
    }
    .padding-md\@xl {
      padding: var(--space-md);
    }
    .padding-lg\@xl {
      padding: var(--space-lg);
    }
    .padding-xl\@xl {
      padding: var(--space-xl);
    }
    .padding-xxl\@xl {
      padding: var(--space-xxl);
    }
    .padding-xxxl\@xl {
      padding: var(--space-xxxl);
    }
    .padding-xxxxl\@xl {
      padding: var(--space-xxxxl);
    }
    .padding-0\@xl {
      padding: 0;
    }
    .padding-component\@xl {
      padding: var(--component-padding);
    }
    .padding-top-xxxxs\@xl {
      padding-top: var(--space-xxxxs);
    }
    .padding-top-xxxs\@xl {
      padding-top: var(--space-xxxs);
    }
    .padding-top-xxs\@xl {
      padding-top: var(--space-xxs);
    }
    .padding-top-xs\@xl {
      padding-top: var(--space-xs);
    }
    .padding-top-sm\@xl {
      padding-top: var(--space-sm);
    }
    .padding-top-md\@xl {
      padding-top: var(--space-md);
    }
    .padding-top-lg\@xl {
      padding-top: var(--space-lg);
    }
    .padding-top-xl\@xl {
      padding-top: var(--space-xl);
    }
    .padding-top-xxl\@xl {
      padding-top: var(--space-xxl);
    }
    .padding-top-xxxl\@xl {
      padding-top: var(--space-xxxl);
    }
    .padding-top-xxxxl\@xl {
      padding-top: var(--space-xxxxl);
    }
    .padding-top-0\@xl {
      padding-top: 0;
    }
    .padding-top-component\@xl {
      padding-top: var(--component-padding);
    }
    .padding-bottom-xxxxs\@xl {
      padding-bottom: var(--space-xxxxs);
    }
    .padding-bottom-xxxs\@xl {
      padding-bottom: var(--space-xxxs);
    }
    .padding-bottom-xxs\@xl {
      padding-bottom: var(--space-xxs);
    }
    .padding-bottom-xs\@xl {
      padding-bottom: var(--space-xs);
    }
    .padding-bottom-sm\@xl {
      padding-bottom: var(--space-sm);
    }
    .padding-bottom-md\@xl {
      padding-bottom: var(--space-md);
    }
    .padding-bottom-lg\@xl {
      padding-bottom: var(--space-lg);
    }
    .padding-bottom-xl\@xl {
      padding-bottom: var(--space-xl);
    }
    .padding-bottom-xxl\@xl {
      padding-bottom: var(--space-xxl);
    }
    .padding-bottom-xxxl\@xl {
      padding-bottom: var(--space-xxxl);
    }
    .padding-bottom-xxxxl\@xl {
      padding-bottom: var(--space-xxxxl);
    }
    .padding-bottom-0\@xl {
      padding-bottom: 0;
    }
    .padding-bottom-component\@xl {
      padding-bottom: var(--component-padding);
    }
    .padding-right-xxxxs\@xl {
      padding-right: var(--space-xxxxs);
    }
    .padding-right-xxxs\@xl {
      padding-right: var(--space-xxxs);
    }
    .padding-right-xxs\@xl {
      padding-right: var(--space-xxs);
    }
    .padding-right-xs\@xl {
      padding-right: var(--space-xs);
    }
    .padding-right-sm\@xl {
      padding-right: var(--space-sm);
    }
    .padding-right-md\@xl {
      padding-right: var(--space-md);
    }
    .padding-right-lg\@xl {
      padding-right: var(--space-lg);
    }
    .padding-right-xl\@xl {
      padding-right: var(--space-xl);
    }
    .padding-right-xxl\@xl {
      padding-right: var(--space-xxl);
    }
    .padding-right-xxxl\@xl {
      padding-right: var(--space-xxxl);
    }
    .padding-right-xxxxl\@xl {
      padding-right: var(--space-xxxxl);
    }
    .padding-right-0\@xl {
      padding-right: 0;
    }
    .padding-right-component\@xl {
      padding-right: var(--component-padding);
    }
    .padding-left-xxxxs\@xl {
      padding-left: var(--space-xxxxs);
    }
    .padding-left-xxxs\@xl {
      padding-left: var(--space-xxxs);
    }
    .padding-left-xxs\@xl {
      padding-left: var(--space-xxs);
    }
    .padding-left-xs\@xl {
      padding-left: var(--space-xs);
    }
    .padding-left-sm\@xl {
      padding-left: var(--space-sm);
    }
    .padding-left-md\@xl {
      padding-left: var(--space-md);
    }
    .padding-left-lg\@xl {
      padding-left: var(--space-lg);
    }
    .padding-left-xl\@xl {
      padding-left: var(--space-xl);
    }
    .padding-left-xxl\@xl {
      padding-left: var(--space-xxl);
    }
    .padding-left-xxxl\@xl {
      padding-left: var(--space-xxxl);
    }
    .padding-left-xxxxl\@xl {
      padding-left: var(--space-xxxxl);
    }
    .padding-left-0\@xl {
      padding-left: 0;
    }
    .padding-left-component\@xl {
      padding-left: var(--component-padding);
    }
    .padding-x-xxxxs\@xl {
      padding-left: var(--space-xxxxs);
      padding-right: var(--space-xxxxs);
    }
    .padding-x-xxxs\@xl {
      padding-left: var(--space-xxxs);
      padding-right: var(--space-xxxs);
    }
    .padding-x-xxs\@xl {
      padding-left: var(--space-xxs);
      padding-right: var(--space-xxs);
    }
    .padding-x-xs\@xl {
      padding-left: var(--space-xs);
      padding-right: var(--space-xs);
    }
    .padding-x-sm\@xl {
      padding-left: var(--space-sm);
      padding-right: var(--space-sm);
    }
    .padding-x-md\@xl {
      padding-left: var(--space-md);
      padding-right: var(--space-md);
    }
    .padding-x-lg\@xl {
      padding-left: var(--space-lg);
      padding-right: var(--space-lg);
    }
    .padding-x-xl\@xl {
      padding-left: var(--space-xl);
      padding-right: var(--space-xl);
    }
    .padding-x-xxl\@xl {
      padding-left: var(--space-xxl);
      padding-right: var(--space-xxl);
    }
    .padding-x-xxxl\@xl {
      padding-left: var(--space-xxxl);
      padding-right: var(--space-xxxl);
    }
    .padding-x-xxxxl\@xl {
      padding-left: var(--space-xxxxl);
      padding-right: var(--space-xxxxl);
    }
    .padding-x-0\@xl {
      padding-left: 0;
      padding-right: 0;
    }
    .padding-x-component\@xl {
      padding-left: var(--component-padding);
      padding-right: var(--component-padding);
    }
    .padding-y-xxxxs\@xl {
      padding-top: var(--space-xxxxs);
      padding-bottom: var(--space-xxxxs);
    }
    .padding-y-xxxs\@xl {
      padding-top: var(--space-xxxs);
      padding-bottom: var(--space-xxxs);
    }
    .padding-y-xxs\@xl {
      padding-top: var(--space-xxs);
      padding-bottom: var(--space-xxs);
    }
    .padding-y-xs\@xl {
      padding-top: var(--space-xs);
      padding-bottom: var(--space-xs);
    }
    .padding-y-sm\@xl {
      padding-top: var(--space-sm);
      padding-bottom: var(--space-sm);
    }
    .padding-y-md\@xl {
      padding-top: var(--space-md);
      padding-bottom: var(--space-md);
    }
    .padding-y-lg\@xl {
      padding-top: var(--space-lg);
      padding-bottom: var(--space-lg);
    }
    .padding-y-xl\@xl {
      padding-top: var(--space-xl);
      padding-bottom: var(--space-xl);
    }
    .padding-y-xxl\@xl {
      padding-top: var(--space-xxl);
      padding-bottom: var(--space-xxl);
    }
    .padding-y-xxxl\@xl {
      padding-top: var(--space-xxxl);
      padding-bottom: var(--space-xxxl);
    }
    .padding-y-xxxxl\@xl {
      padding-top: var(--space-xxxxl);
      padding-bottom: var(--space-xxxxl);
    }
    .padding-y-0\@xl {
      padding-top: 0;
      padding-bottom: 0;
    }
    .padding-y-component\@xl {
      padding-top: var(--component-padding);
      padding-bottom: var(--component-padding);
    }
  }
  .text-center\@xl {
    text-align: center;
  }
  .text-left\@xl {
    text-align: left;
  }
  .text-right\@xl {
    text-align: right;
  }
  .text-justify\@xl {
    text-align: justify;
  }
  @supports (--css: variables) {
    .text-xs\@xl {
      font-size: var(--text-xs, 0.694em);
    }
    .text-sm\@xl {
      font-size: var(--text-sm, 0.833em);
    }
    .text-base\@xl {
      font-size: var(--text-unit, 1em);
    }
    .text-md\@xl {
      font-size: var(--text-md, 1.2em);
    }
    .text-lg\@xl {
      font-size: var(--text-lg, 1.44em);
    }
    .text-xl\@xl {
      font-size: var(--text-xl, 1.728em);
    }
    .text-xxl\@xl {
      font-size: var(--text-xxl, 2.074em);
    }
    .text-xxxl\@xl {
      font-size: var(--text-xxxl, 2.488em);
    }
    .text-xxxxl\@xl {
      font-size: var(--text-xxxxl, 2.985em);
    }
  }
  @supports (--css: variables) {
    .width-xxxxs\@xl {
      width: var(--size-xxxxs, 0.25rem);
    }
    .width-xxxs\@xl {
      width: var(--size-xxxs, 0.5rem);
    }
    .width-xxs\@xl {
      width: var(--size-xxs, 0.75rem);
    }
    .width-xs\@xl {
      width: var(--size-xs, 1rem);
    }
    .width-sm\@xl {
      width: var(--size-sm, 1.5rem);
    }
    .width-md\@xl {
      width: var(--size-md, 2rem);
    }
    .width-lg\@xl {
      width: var(--size-lg, 3rem);
    }
    .width-xl\@xl {
      width: var(--size-xl, 4rem);
    }
    .width-xxl\@xl {
      width: var(--size-xxl, 6rem);
    }
    .width-xxxl\@xl {
      width: var(--size-xxxl, 8rem);
    }
    .width-xxxxl\@xl {
      width: var(--size-xxxxl, 16rem);
    }
  }
  .width-0\@xl {
    width: 0;
  }
  .width-10\%\@xl {
    width: 10%;
  }
  .width-20\%\@xl {
    width: 20%;
  }
  .width-25\%\@xl {
    width: 25%;
  }
  .width-30\%\@xl {
    width: 30%;
  }
  .width-33\%\@xl {
    width: 33.3333333333%;
  }
  .width-40\%\@xl {
    width: 40%;
  }
  .width-50\%\@xl {
    width: 50%;
  }
  .width-60\%\@xl {
    width: 60%;
  }
  .width-66\%\@xl {
    width: 66.6666666667%;
  }
  .width-70\%\@xl {
    width: 70%;
  }
  .width-75\%\@xl {
    width: 75%;
  }
  .width-80\%\@xl {
    width: 80%;
  }
  .width-90\%\@xl {
    width: 90%;
  }
  .width-100\%\@xl {
    width: 100%;
  }
  .width-100vw\@xl {
    width: 100vw;
  }
  .width-auto\@xl {
    width: auto;
  }
  @supports (--css: variables) {
    .height-xxxxs\@xl {
      height: var(--size-xxxxs, 0.25rem);
    }
    .height-xxxs\@xl {
      height: var(--size-xxxs, 0.5rem);
    }
    .height-xxs\@xl {
      height: var(--size-xxs, 0.75rem);
    }
    .height-xs\@xl {
      height: var(--size-xs, 1rem);
    }
    .height-sm\@xl {
      height: var(--size-sm, 1.5rem);
    }
    .height-md\@xl {
      height: var(--size-md, 2rem);
    }
    .height-lg\@xl {
      height: var(--size-lg, 3rem);
    }
    .height-xl\@xl {
      height: var(--size-xl, 4rem);
    }
    .height-xxl\@xl {
      height: var(--size-xxl, 6rem);
    }
    .height-xxxl\@xl {
      height: var(--size-xxxl, 8rem);
    }
    .height-xxxxl\@xl {
      height: var(--size-xxxxl, 16rem);
    }
  }
  .height-0\@xl {
    height: 0;
  }
  .height-10\%\@xl {
    height: 10%;
  }
  .height-20\%\@xl {
    height: 20%;
  }
  .height-25\%\@xl {
    height: 25%;
  }
  .height-30\%\@xl {
    height: 30%;
  }
  .height-33\%\@xl {
    height: 33.3333333333%;
  }
  .height-40\%\@xl {
    height: 40%;
  }
  .height-50\%\@xl {
    height: 50%;
  }
  .height-60\%\@xl {
    height: 60%;
  }
  .height-66\%\@xl {
    height: 66.6666666667%;
  }
  .height-70\%\@xl {
    height: 70%;
  }
  .height-75\%\@xl {
    height: 75%;
  }
  .height-80\%\@xl {
    height: 80%;
  }
  .height-90\%\@xl {
    height: 90%;
  }
  .height-100\%\@xl {
    height: 100%;
  }
  .height-100vh\@xl {
    height: 100vh;
  }
  .height-auto\@xl {
    height: auto;
  }
  .position-relative\@xl {
    position: relative;
  }
  .position-absolute\@xl {
    position: absolute;
  }
  .position-fixed\@xl {
    position: fixed;
  }
  .position-sticky\@xl {
    position: sticky;
  }
  .position-static\@xl {
    position: static;
  }
  .inset-0\@xl {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .top-0\@xl {
    top: 0;
  }
  .top-50\%\@xl {
    top: 50%;
  }
  .bottom-0\@xl {
    bottom: 0;
  }
  .bottom-50\%\@xl {
    bottom: 50%;
  }
  .right-0\@xl {
    right: 0;
  }
  .right-50\%\@xl {
    right: 50%;
  }
  .left-0\@xl {
    left: 0;
  }
  .left-50\%\@xl {
    left: 50%;
  }
  @supports (--css: variables) {
    .top-xxxxs\@xl {
      top: var(--space-xxxxs);
    }
    .top-xxxs\@xl {
      top: var(--space-xxxs);
    }
    .top-xxs\@xl {
      top: var(--space-xxs);
    }
    .top-xs\@xl {
      top: var(--space-xs);
    }
    .top-sm\@xl {
      top: var(--space-sm);
    }
    .top-md\@xl {
      top: var(--space-md);
    }
    .top-lg\@xl {
      top: var(--space-lg);
    }
    .top-xl\@xl {
      top: var(--space-xl);
    }
    .top-xxl\@xl {
      top: var(--space-xxl);
    }
    .top-xxxl\@xl {
      top: var(--space-xxxl);
    }
    .top-xxxxl\@xl {
      top: var(--space-xxxxl);
    }
    .bottom-xxxxs\@xl {
      bottom: var(--space-xxxxs);
    }
    .bottom-xxxs\@xl {
      bottom: var(--space-xxxs);
    }
    .bottom-xxs\@xl {
      bottom: var(--space-xxs);
    }
    .bottom-xs\@xl {
      bottom: var(--space-xs);
    }
    .bottom-sm\@xl {
      bottom: var(--space-sm);
    }
    .bottom-md\@xl {
      bottom: var(--space-md);
    }
    .bottom-lg\@xl {
      bottom: var(--space-lg);
    }
    .bottom-xl\@xl {
      bottom: var(--space-xl);
    }
    .bottom-xxl\@xl {
      bottom: var(--space-xxl);
    }
    .bottom-xxxl\@xl {
      bottom: var(--space-xxxl);
    }
    .bottom-xxxxl\@xl {
      bottom: var(--space-xxxxl);
    }
    .right-xxxxs\@xl {
      right: var(--space-xxxxs);
    }
    .right-xxxs\@xl {
      right: var(--space-xxxs);
    }
    .right-xxs\@xl {
      right: var(--space-xxs);
    }
    .right-xs\@xl {
      right: var(--space-xs);
    }
    .right-sm\@xl {
      right: var(--space-sm);
    }
    .right-md\@xl {
      right: var(--space-md);
    }
    .right-lg\@xl {
      right: var(--space-lg);
    }
    .right-xl\@xl {
      right: var(--space-xl);
    }
    .right-xxl\@xl {
      right: var(--space-xxl);
    }
    .right-xxxl\@xl {
      right: var(--space-xxxl);
    }
    .right-xxxxl\@xl {
      right: var(--space-xxxxl);
    }
    .left-xxxxs\@xl {
      left: var(--space-xxxxs);
    }
    .left-xxxs\@xl {
      left: var(--space-xxxs);
    }
    .left-xxs\@xl {
      left: var(--space-xxs);
    }
    .left-xs\@xl {
      left: var(--space-xs);
    }
    .left-sm\@xl {
      left: var(--space-sm);
    }
    .left-md\@xl {
      left: var(--space-md);
    }
    .left-lg\@xl {
      left: var(--space-lg);
    }
    .left-xl\@xl {
      left: var(--space-xl);
    }
    .left-xxl\@xl {
      left: var(--space-xxl);
    }
    .left-xxxl\@xl {
      left: var(--space-xxxl);
    }
    .left-xxxxl\@xl {
      left: var(--space-xxxxl);
    }
  }
  .overflow-hidden\@xl {
    overflow: hidden;
  }
  .overflow-auto\@xl {
    overflow: auto;
  }
  .momentum-scrolling\@xl {
    -webkit-overflow-scrolling: touch;
  }
  .overscroll-contain\@xl {
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }
  .visible\@xl {
    visibility: visible;
  }
  .invisible\@xl {
    visibility: hidden;
  }
}
@media not all and (min-width: 90rem) {
  .has-margin\@xl {
    margin: 0 !important;
  }
  .has-padding\@xl {
    padding: 0 !important;
  }
  .display\@xl {
    display: none !important;
  }
}
/* --------------------------------

Slide In Panel - by CodyHouse.co

-------------------------------- */
.cd-main-content {
  text-align: center;
}

.cd-main-content h1 {
  font-size: 2rem;
  color: #64788c;
  padding: 4em 0;
}

.cd-btn {
  position: relative;
  display: inline-block;
  padding: 1em 2em;
  background-color: #89ba2c;
  color: #ffffff;
  border-radius: 50em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}

.cd-btn:hover {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);
}

@media only screen and (min-width: 1170px) {
  .cd-main-content h1 {
    font-size: 3.2rem;
  }
}
.cd-panel {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.6s;
  transition: visibility 0s 0.6s;
  z-index: 999999;
}

.panel-header {
  margin-bottom: 5rem;
}

.panel-title {
  font-size: 3rem;
  margin-bottom: 1rem;
}

.panel-subtitle {
  font-family: "BryantRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.5rem;
  letter-spacing: normal;
  line-height: 1.33;
  margin-bottom: 1.85rem;
  text-transform: none;
}

.cd-panel::after {
  /* overlay layer */
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
  -webkit-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;
}

.cd-panel.cd-panel--is-visible {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}

.cd-panel.cd-panel--is-visible::after {
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: background 0.3s 0s;
  transition: background 0.3s 0s;
}

.cd-panel__header h1 {
  color: #89ba2c;
  padding-left: 5%;
}

@media only screen and (min-width: 768px) {
  .cd-panel__header {
    width: 70%;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-panel__header {
    width: 50%;
  }
}
.cd-panel__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  height: 60px;
  width: 60px;
  /* image replacement */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  z-index: 999999;
}

.cd-panel__close::before, .cd-panel__close::after {
  /* close icon created in CSS */
  content: "";
  position: absolute;
  top: 22px;
  left: 20px;
  height: 3px;
  width: 20px;
  /* this fixes a bug where pseudo elements are slighty off position */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cd-panel__close::before {
  background-color: #222;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cd-panel__close::after {
  background-color: #222;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@-webkit-keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@-webkit-keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
@keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
.cd-panel__container {
  position: fixed;
  width: 90%;
  height: 100%;
  top: 0;
  background: #fff;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.75s;
  transition: -webkit-transform 0.75s;
  transition: transform 0.75s;
  transition: transform 0.75s, -webkit-transform 0.75s;
}
@media only screen and (max-width: 768px) {
  .cd-panel__container {
    width: 100%;
  }
}

.cd-panel--from-right .cd-panel__container {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.cd-panel--from-left .cd-panel__container {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.cd-panel--is-visible .cd-panel__container {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0s;
}

@media only screen and (min-width: 768px) {
  .cd-panel__container {
    width: 100%;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-panel__container {
    width: 100%;
  }
}
.cd-panel__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5.5rem 7.5rem;
  overflow: auto;
  /* smooth scrolling on touch devices */
  -webkit-overflow-scrolling: touch;
}
.cd-panel__content .list.vertical {
  display: block;
}
.cd-panel__content .list .item {
  display: -webkit-box;
  margin-bottom: 2rem;
  min-height: 5.5rem;
}
@media only screen and (max-width: 768px) {
  .cd-panel__content .list .item {
    margin-bottom: 1.5rem;
  }
}
.cd-panel__content .list .item:last-child {
  margin-bottom: 0;
}
.cd-panel__content .list .item:last-child .content {
  margin-bottom: 0;
}
@media only screen and (max-width: 1200px) {
  .cd-panel__content {
    padding: 4.5rem;
  }
  .cd-panel__content .panel-header {
    margin-bottom: 2rem;
    text-align: left;
  }
  .cd-panel__content .panel-header .panel-title {
    font-size: 2.5rem;
  }
  .cd-panel__content .panel-header .panel-subtitle {
    font-size: 1.125rem;
  }
}
@media only screen and (max-width: 1200px) and (max-width: 768px) {
  .cd-panel__content {
    padding: 4.5rem 1rem;
  }
}
@media only screen and (max-width: 1200px) {
  .cd-panel__content .cd-panel-list-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cd-panel__content .cd-panel-list-wrap .cd-list-column {
    width: 100%;
  }
  .cd-panel__content .list.vertical {
    gap: 1.5rem;
    margin-top: 0;
  }
}

.cd-panel__content p {
  font-size: 1.4rem;
  color: #424f5c;
  line-height: 1.4;
  margin: 2em 0;
}

.cd-panel__content p:first-of-type {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .cd-panel__content p {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}
.cd-panel-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1200px;
  margin: auto;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  gap: 8rem;
}
@media only screen and (max-width: 1200px) {
  .cd-panel-list-wrap {
    gap: 2rem;
  }
}
.cd-panel-list-wrap .cd-list-column {
  width: 50%;
}

#slide-panel-location .panel-header {
  background-color: #f3f4f4;
  padding: 4rem 1.5rem 2.5rem;
}

#slide-panel-location .panel-header .ca-button .icon {
  margin-right: 0.375rem;
  width: 0.675rem;
}

#slide-panel-location .panel-header .title.center {
  text-align: center;
}

#slide-panel-location h2.title {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

#slide-panel-location .panel-header.text-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#slide-panel-location .cd-panel__content .panel-header {
  margin: 0;
}

#slide-panel-location .panel-header form {
  margin-bottom: 1.5rem;
  width: 100%;
}

#slide-panel-location .panel-header input {
  background: transparent;
  border: 1px solid #222;
}

#slide-panel-location .panel-header input:focus {
  background: #fff;
}

#slide-panel-location .location-schedule {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 1.5;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: 100%;
}

#slide-panel-location .location-schedule span {
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: right;
}

#slide-panel-location .error {
  font-size: 0.875rem;
  letter-spacing: normal;
  line-height: 1.2;
  margin-top: 0.5rem;
  text-align: left;
}

.ca-button.flat {
  border: none;
}

#ca-store-search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 0.875rem;
}

#ca-store-search::-moz-placeholder { /* Firefox 19+ */
  font-size: 0.875rem;
}

#ca-store-search:-ms-input-placeholder { /* IE 10+ */
  font-size: 0.875rem;
}

#ca-store-search:-moz-placeholder { /* Firefox 18- */
  font-size: 0.875rem;
}

#slide-panel-location button.search-submit {
  background: #222;
  color: #fff;
  border: none;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}

#slide-panel-location button.search-submit .icon {
  margin-top: 4px;
  max-width: 14px;
}

#slide-panel-location .panel-header input {
  color: #222;
  padding-left: 1rem;
}

#slide-panel-location .cd-panel__container {
  width: 350px;
}

#slide-panel-location .location-list-item {
  margin-bottom: 1.25rem;
}

#slide-panel-location .my-aaa {
  color: #be1a0e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Tungsten A", "Tungsten B";
  font-size: 1rem;
  letter-spacing: 1px;
  /* right: 0; */
  width: 100%;
  -ms-flex-item-align: end;
      align-self: flex-end;
  text-align: right;
  text-transform: uppercase;
  margin-left: 11rem;
}

#slide-panel-location .my-aaa .icon {
  -webkit-filter: invert(13%) sepia(98%) saturate(3204%) hue-rotate(354deg) brightness(105%) contrast(99%);
          filter: invert(13%) sepia(98%) saturate(3204%) hue-rotate(354deg) brightness(105%) contrast(99%);
  margin-left: 0.35rem;
  margin-top: -3px;
  width: 1.25rem;
}

#slide-panel-location .location-list + hr {
  background-color: #d0d1d1;
  height: 1px;
  margin: 1.5rem auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  width: calc(100% - 6rem);
}

#slide-panel-location .closest-location {
  color: #646464;
  font-family: "Tungsten A", "Tungsten B";
  font-size: 1.25rem;
  letter-spacing: 1px;
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
  text-align: center;
  text-transform: uppercase;
}

#slide-panel-location .location-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

#slide-panel-location .location-list .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0;
}

#slide-panel-location .location-list .title .miles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "BryantRegular", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0;
  margin-top: 0.5rem;
  text-align: right;
  text-transform: lowercase;
}

#slide-panel-location .location-list .title .miles a {
  font-weight: normal;
  font-family: "BryantRegular", sans-serif;
  letter-spacing: 0;
  margin-top: 0.25rem;
  text-decoration: underline;
  text-transform: capitalize;
}

#slide-panel-location .location-list p {
  font-family: "BryantWebMedium", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  margin: 0;
}

#slide-panel-location .location-list p.highlight {
  color: #be1a0e;
  margin-bottom: 4px;
}

#slide-panel-location .cd-panel__close::before,
#slide-panel-location .cd-panel__close::after,
#slide-panel-user .cd-panel__close::before,
#slide-panel-user .cd-panel__close::after {
  height: 2px;
  left: 0;
  top: 10px;
  width: 16px;
}

#slide-panel-location .cd-panel__close,
#slide-panel-user .cd-panel__close {
  height: 24px;
  width: 24px;
  top: 1.25rem;
}

#slide-panel-location .cd-panel__close {
  right: 2.5rem;
}

#slide-panel-user .cd-panel__close {
  right: 2.25rem;
}

#slide-panel-user .cd-panel__container {
  width: 375px;
}
@media screen and (max-width: 400px) {
  #slide-panel-user .cd-panel__container {
    width: 100%;
  }
}

.cd-panel__content.cd-menu-panel-content {
  padding: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.header-title .member-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 1.5rem;
}

.member-data .button-tooltip {
  padding: 0;
  height: 12px;
  width: 12px;
  background: transparent;
}

.member-data .button-tooltip .button-icon {
  background: url(../img/svgs/exclamation-circle.svg);
  height: 14px;
  width: 14px;
  top: -6px;
}

#slide-panel-user .cd-panel__close::before,
#slide-panel-user .cd-panel__close::after {
  background-color: #fff;
}

#slide-panel-user .bg-lightblue .cd-panel__close::before,
#slide-panel-user .bg-lightblue .cd-panel__close::after {
  background-color: #222;
}

.user-content-panel .user-content {
  padding: 2.5rem 2.625rem;
}

.user-content .link-list {
  margin: 0;
}

.user-content .red.small {
  font-size: 0.75rem;
  font-weight: bold;
}

.user-content a {
  color: #222;
  display: block;
  font-family: "BryantRegular";
  font-size: 1.125rem;
  text-decoration: none;
}

.user-content .single.block {
  border-top: 1px solid #D0D1D1;
  border-bottom: 1px solid #D0D1D1;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 1.25rem 0;
}

/*REMOVE*/
.header-title {
  border-radius: 0;
  padding: 5rem 2.625rem 2.5rem;
}

.cd-menu-panel .cd-panel__container {
  transition: transform 0.35s, -webkit-transform 0.35s;
}

.dropdown__list {
  width: 280px;
  position: absolute;
  display: none;
  z-index: 1000;
  border-radius: 6px;
  background-color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translateY(0) scale(1);
  -ms-transform: translateY(0) scale(1);
  transform: translateY(0) scale(1);
  will-change: transform, opacity;
}

.flex.align-items-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ca-button.ca-button-icon.flex.align-content-center {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

/* Toggle */
.content-location {
  -webkit-transition: max-height 0.35s;
  transition: max-height 0.35s;
  overflow: hidden;
  line-height: 1.4;
}

.content-location[aria-hidden=true] {
  max-height: 0;
}

.content-location[aria-hidden=false] {
  max-height: var(--containerHeight, 1000px);
}

/* Everything after this is merely aesthetics */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.location-toggle {
  position: relative;
  width: 100%;
}

.location-toggle .show-details,
.location-toggle .hide-details {
  font-size: 0.875rem;
  left: 0;
  position: absolute;
  text-align: left;
  width: 50%;
}

.container-location .hide-details {
  display: none;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.container-location[data-drawer-showing=true] .hide-details {
  display: block;
}

.container-location[data-drawer-showing=true] .show-details {
  display: none;
}

.container-location .location-toggle {
  background: url("../img/chevron-down.svg") no-repeat 30%;
  background-size: 10px;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.container-location[data-drawer-showing=true] .location-toggle {
  background: url("../img/chevron-up.svg") no-repeat 30%;
  background-size: 10px;
}

.container-location .my-aaa .icon.icon-small {
  height: 20px;
  width: 20px;
}

.block {
  display: block !important;
}

.trigger {
  font-size: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: transparent;
  border: none;
}

/*.trigger:focus {
    outline: 0;
}*/
.container + .container {
  margin-top: 20px;
}

/*
.content-location {
    line-height: 1.4;
    max-width: 800px;
}*/
/**
 * Swiper 7.0.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 16, 2021
 */
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px ;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: calc(50% - 28px);
  width: 56px;
  height: 56px;
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #fff;
  opacity: 0.25;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff ;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000 ;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
          filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.swiper {
  /*width: 1200px;*/
  /*height: 300px;*/
}

.tips-Swiper .swiper-slide {
  font-size: 18px;
  /* Center slide text vertically */
  width: 322px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
}

.deals-Swiper .swiper-slide {
  font-size: 18px;
  /* Center slide text vertically */
  height: 344px;
  width: 544px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
}

.deals-Swiper .image-card.full {
  height: 334px;
}
.travel-explore-Swiper .swiper-slide {
  font-size: 18px;
  /* Center slide text vertically */
  height: 344px;
  width: 369px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
}
.travel-explore-Swiper .swiper-slide .footer {
  background: #fff;
  padding: 1.5rem;
  border: 1px solid #ddd;
  border-radius: 0 0 6px 6px;
  border-top: none;
  height: 136px;
}
.travel-explore-Swiper .swiper-slide .slide-head {
  width: 178px;
  margin-left: -2rem;
  text-align: center;
}

.travel-explore-Swiper .image-card.full {
  height: 334px;
}
.travel-explore-Swiper .image-card.full img {
  height: 200px;
}

.aar-Swiper .swiper-slide {
  font-size: 18px;
  /* Center slide text vertically */
  width: 360px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
}

.agent-slider {
  height: 100%;
}
@media screen and (max-width: 992px) {
  .agent-slider {
    margin-top: 4rem;
  }
}
.agent-slider .swiper-button-next,
.agent-slider .swiper-button-previous {
  display: none;
}
.agent-slider .swiper-wrap {
  height: 100%;
  margin: auto;
  width: 260px;
}
.agent-slider .swiper {
  height: 100%;
  width: 260px;
}
.agent-slider .swiper-slide {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 260px !important;
}
.agent-slider .swiper-slide .footer {
  width: 260px;
  margin: 1rem auto;
  text-align: center;
}
.agent-slider .swiper-slide .footer > .name {
  display: block;
  font-family: "Tungsten A", "Tungsten B", sans-serif;
  font-size: 1.5rem;
  font-weight: normal;
  margin-bottom: 0.5rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.agent-slider .swiper-slide .footer > .specialty {
  font-size: 0.75rem;
  margin-bottom: 1rem;
}
.agent-slider .swiper-slide .footer > .quote {
  font-size: 1.175rem;
  line-height: 1.4;
}
.agent-slider .swiper-pagination-bullets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: 1rem;
  left: 0;
  width: 260px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  right: 0;
  z-index: 99;
}
@media screen and (max-width: 992px) {
  .agent-slider .swiper-pagination-bullets {
    bottom: 4rem;
  }
}
.agent-slider .agent-img img {
  border-radius: 100%;
  height: 164px;
  width: 164px;
}

@media (max-width: 1200px) {
  .aar-Swiper {
    margin-bottom: 1.5rem;
  }
  .deals-Swiper .swiper-slide {
    width: 460px !important;
  }
}
@media (max-width: 992px) {
  .aar-Swiper .swiper-slide {
    width: 320px !important;
  }
  .tips-Swiper .swiper-slide {
    height: 348px;
    width: 272px !important;
  }
}
@media (max-width: 768px) {
  .aar-Swiper .swiper-slide,
.deals-Swiper .swiper-slide {
    width: 272px !important;
  }
  .swiper-button-next, .swiper-button-prev {
    display: none;
  }
}
/*@media (max-width: 1200px) {
    .aar-Swiper .swiper-slide {
        width: 325px !important;
    }
}*/
/*.swiper-slide img {
    display: block;
    width: 363px;
    height: 206px;
    object-fit: cover;
}*/
.swiper-button-prev {
  background: url(/../img/svgs/left-arrow.svg) no-repeat;
  left: -30px;
}

.swiper-button-next {
  background: url(/../img/svgs/right-arrow.svg) no-repeat;
  right: -30px;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "" !important;
}

.swiper-wrap {
  position: relative;
}
.swiper-wrap .image-card .footer .head {
  color: #646464;
  font-family: "Tungsten A", "Tungsten B";
  font-size: 1.175rem;
  text-transform: uppercase;
}
.swiper-wrap .image-card .footer .strong {
  font-family: "BryantWebMedium";
  font-size: 1.175rem;
  font-weight: bold;
  color: #222;
}
.swiper-wrap .image-card .footer .sub-footer {
  color: #646464;
  font-size: 0.875rem;
}

.swiper-wrap .aar-Swiper .main {
  min-height: 170px;
}
.swiper-wrap .aar-Swiper .main .clamp-wrap {
  border: none;
  padding: 0;
}
.swiper-wrap .aar-Swiper .main .clamp-wrap .clamp2 {
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0.5rem;
}
.swiper-wrap .aar-Swiper .footer {
  height: 4rem;
}

.travel-tour-Swiper.swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.travel-tour-Swiper .swiper-slide {
  font-size: 18px;
  background: #fff;
  height: calc((100% - 30px) / 2);
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.travel-tour-Swiper .swiper-slide .card {
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "BryantWebMedium";
  font-size: 1.5rem;
  font-weight: bold;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.travel-tour-Swiper .swiper-slide .card span {
  line-height: normal;
  width: 206px;
}

.travel-tour-Swiper .swiper-slide .card:first-child {
  margin-bottom: 1.5rem;
}

.travel-tour-Swiper .swiper-slide .thumbnail {
  border-radius: 6px;
  height: 100px;
  width: 100px;
  margin-right: 1.5rem;
}

@media screen and (min-width: 768px) {
  .variable-width .swiper-slide.swiper-slide-active {
    -webkit-transition: all 0.65s ease-in-out;
    transition: all 0.65s ease-in-out;
    width: 640px !important;
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition: width 0.5s ease-in-out, right 0.5s ease-in-out;
    transition: width 0.5s ease-in-out, right 0.5s ease-in-out;
    /*transform: scaleX(1.5)*/
  }
  .variable-width .swiper-slide.swiper-slide-active .shop-card {
    /*transition: all .65s ease-in-out;*/
    /*width: 640px !important;*/
    /*transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);*/
    /*transition-delay: 0.5s;*/
    /*transform: scale(1);*/
    /*-moz-transition: width 1s ease-in-out, right 1s ease-in-out;*/
    /*-webkit-transition: width 1s ease-in-out, right 1s ease-in-out;*/
    /*-moz-transition: width 1s ease-in-out, right 1s ease-in-out;*/
    /*-o-transition: width 1s ease-in-out, right 1s ease-in-out;*/
    /*transition: width 1s ease-in-out, right 1s ease-in-out;*/
    /*transform: scaleX(1.5)*/
  }
  .variable-width .swiper-slide.swiper-slide-active a {
    background-size: cover;
  }
}
.membership-more .mem-wrap {
  background-size: cover;
  border-radius: 6px;
  height: 246px;
  margin-right: 24px;
  min-width: 474px;
  max-width: 474px;
  position: relative;
  overflow: hidden;
}
.membership-more .mem-wrap .member-slide-card .slide-content {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  padding: 2rem 1.5rem 1.5rem;
}
.membership-more .mem-wrap .member-slide-card .slide-content .head {
  font-family: "BryantWebMedium", sans-serif;
  font-size: 1.5rem;
  line-height: 1.2;
}
.membership-more .mem-wrap .member-slide-card .slide-content .subtext {
  font-size: 1rem;
  line-height: 1.2;
}
.membership-more .mem-wrap .member-slide-card .slide-content .ca-button {
  margin-top: auto;
}
.membership-more .mem-wrap img {
  border-radius: 0 6px 6px 0;
  height: 246px;
  width: 190px;
  min-width: 190px;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.membership-more .mem-wrap img:hover {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
@media screen and (max-width: 992px) {
  .membership-more .mem-wrap img:hover {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
.membership-more .mem-wrap.lt-blue {
  background-color: #D9F0FA;
}
.membership-more .mem-wrap.lt-blue .slide-content {
  color: #222;
}
.membership-more .mem-wrap.dk-blue {
  background-color: #003087;
}
.membership-more .mem-wrap.dk-blue .slide-content {
  color: #ffffff;
}
.membership-more .mem-wrap.dk-blue .slide-content .ca-button.secondary {
  background: #fff;
  color: #222;
}
.membership-more .mem-wrap.gold {
  background-color: #FFA300;
}
.membership-more .mem-wrap.gold .slide-content {
  color: #222;
}
.membership-more .mem-wrap.dk-red {
  background-color: #98150B;
}
.membership-more .mem-wrap.dk-red .slide-content {
  color: #fff;
}
.membership-more .mem-wrap.red {
  background-color: #be1a0e;
}
.membership-more .mem-wrap.red .slide-content {
  color: #fff;
}
.membership-more .mem-wrap.red .slide-content .ca-button.secondary {
  background: #fff;
  color: #222;
}
.membership-more .mem-wrap.green {
  background-color: #13845d;
}
.membership-more .mem-wrap.green .slide-content {
  color: #fff;
}
.membership-more .mem-wrap.green .slide-content .ca-button.secondary {
  background: #fff;
  color: #222;
}
.membership-more .mem-wrap.green-alt {
  background-color: #247747;
}
.membership-more .mem-wrap.green-alt .slide-content {
  color: #fff;
}
.membership-more .mem-wrap.green-alt .slide-content .ca-button.secondary {
  background: #fff;
  color: #222;
}
.membership-more .mem-wrap.purple {
  background-color: #702f8a;
}
.membership-more .mem-wrap.purple .slide-content {
  color: #fff;
}
.membership-more .mem-wrap.purple .slide-content .ca-button.secondary {
  background: #fff;
  color: #222;
}
.membership-more .mem-wrap.x-dk-red {
  background-color: #57100B;
}
.membership-more .mem-wrap.x-dk-red .slide-content {
  color: #fff;
}
.membership-more .mem-wrap.x-dk-red .slide-content .ca-button.secondary {
  background: #fff;
  color: #222;
}
.membership-more .mem-wrap.x-dk-green {
  background-color: #144429;
}
.membership-more .mem-wrap.x-dk-green .slide-content {
  color: #fff;
}
.membership-more .mem-wrap.x-dk-green .slide-content .ca-button.secondary {
  background: #fff;
  color: #222;
}
.membership-more .mem-wrap.blue {
  background-color: #003087;
}
.membership-more .mem-wrap.blue .slide-content {
  color: #fff;
}
.membership-more .mem-wrap.blue .slide-content .ca-button.secondary {
  background: #fff;
  color: #222;
}
@media screen and (max-width: 992px) {
  .swiper-button-next, .swiper-button-prev {
    display: none;
  }
  .section-wide .slider-wrap {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 768px) {
  body, html {
    overflow-x: hidden;
  }
  .section-wide .slider-wrap .swiper-wrap {
    padding-left: 1rem;
  }
  .section-wide > .container .row .col {
    padding-left: 0;
    padding-right: 0;
  }
  .module-1 .scroll-area-wrap.ca-button-wrap {
    margin-left: -1rem;
  }
  .module-1 .scroll-area-wrap.ca-button-wrap .scroll-area {
    padding-left: 1rem;
  }
  .module-2 .segment.full.ca-overlay .list .item > .description.head {
    left: 56px;
    letter-spacing: 1px;
    top: -22px;
  }
  .module-3 > .container > .row .col,
.module-4 > .container > .row .col {
    padding-left: 0;
    padding-right: 0;
  }
  .module-5 .col-swiper,
.module-6 .col-swiper {
    padding-left: 0;
    padding-right: 0;
  }
  .module-5 .col-swiper .swiper-wrapper .swiper-slide:first-of-type,
.module-6 .col-swiper .swiper-wrapper .swiper-slide:first-of-type {
    margin-left: 1.25rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 767px) {
  .module-5 .col-swiper .swiper-wrapper .swiper-slide:first-of-type,
.module-6 .col-swiper .swiper-wrapper .swiper-slide:first-of-type {
    margin-left: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .module-5 .right-link.center.end {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .module-5 .right-link.center.end .link {
    padding-left: 0;
  }
  .container {
    width: calc(100% - 0.5rem);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .container.mobile-gap {
    margin-left: 1rem;
    margin-right: 1rem;
    width: calc(100% - 2rem);
  }
}
@media screen and (max-width: 768px) {
  .mega-nav__container {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .slider-wrap .ca-button.mobile {
    margin-left: 2rem;
  }
  .module-7 .row {
    --bs-gutter-x: 1rem !important;
    margin-left: 0;
    margin-right: 0.5rem;
  }
  .module-7 .row:not(.nowrap) {
    margin-left: 0;
  }
  .module-7 .row h2.title {
    padding-left: 0.25rem;
  }
  .module-7 .row > .col:first-child {
    padding-left: 0;
  }
  .module-7 .row.scroll-area-wrap {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 767px) {
  .module-7 .row.scroll-area-wrap {
    margin-left: -0.75rem;
  }
}
@media screen and (max-width: 768px) {
  .module-7 .row .scroll-area .row .col {
    padding-right: 0.5rem;
  }
  .module-7 .row .scroll-area .row .col:first-of-type {
    padding-left: 0.5rem;
  }
  .module-8 .scroll-area {
    padding-left: 0.25rem;
  }
  .module-8 .scroll-area .col-6 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .module-8 .stacked.scroll-area-wrap .scroll-area {
    width: calc(100% + 4.25rem);
  }
  .module-8 .stacked.scroll-area-wrap .scroll-area .col-6 {
    margin-bottom: 0.75rem;
  }
  .module-10 .scroll-area .row {
    --bs-gutter-x: 0 !important;
  }
}
.overlay {
  background: rgba(0, 0, 0, 0.2) !important;
  display: none;
}

.zeynep-opened .overlay {
  display: block;
  z-index: 99999;
}

.elevator {
  border-radius: 6px;
  position: fixed;
  right: 5px;
  bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 48px;
  height: 48px;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.85);
  background-image: none;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .elevator {
    display: none;
  }
}
.elevator .fa-chevron-up {
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}
.elevator .fa-chevron-up:before {
  color: #fff;
}
.elevator.elevator-is-visible {
  visibility: visible;
  opacity: 1;
  z-index: 99999 !important;
}

@media screen and (max-width: 768px) {
  .module-1 > .container {
    width: calc(100% - 1rem);
  }
}
.module-2 > .container .segment.ca-overlay {
  background-size: cover;
  padding-right: 0;
}
@media screen and (max-width: 768px) {
  .module-2 > .container .segment.ca-overlay {
    background-size: contain;
    padding-top: 12rem;
  }
  .module-2 > .container .segment.ca-overlay:before {
    opacity: 1;
  }
}
@media screen and (max-width: 500px) {
  .module-2 > .container .segment.ca-overlay {
    background-size: contain;
    padding-top: 8.75rem;
  }
  .module-2 > .container .segment.ca-overlay:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(47, 47, 47, 0)), color-stop(13%, #303030));
    background: linear-gradient(180deg, rgba(47, 47, 47, 0) 0%, #303030 13%);
  }
}
@media screen and (max-width: 768px) {
  .module-2 > .container .list .item > .content {
    width: 80%;
  }
}
.module-2 .ca-button.link.pointer.white {
  background-size: 1.25rem;
}
@media screen and (max-width: 768px) {
  .module-2 .container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: none;
  }
  .module-2 .container .segment.full.background {
    border-radius: 0;
  }
  .module-2 .container .segment .slide-head {
    padding-left: 1.25rem;
  }
  .module-2 .container .segment .swiper-wrap {
    padding-left: 0.25rem;
  }
  .module-2 .container .segment .swiper-wrap .swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: end;
  }
  .module-2 .container .segment .swiper-wrap .swiper-css-mode > .swiper-wrapper > .swiper-slide:first-child {
    margin-left: 1rem;
  }
  .module-2 .container .segment .swiper-wrap .aar-Swiper {
    padding-left: 0;
  }
  .module-2 .container .segment .header {
    padding-right: 1rem;
  }
  .module-2 .container .segment .slide-head .title {
    font-weight: 1.5rem;
  }
  .module-2 .container .slider-wrap .ca-button.mobile {
    margin-left: 1.75rem;
  }
}

@media screen and (max-width: 768px) {
  .module-3 > .container .row {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}

.module-4 > .container .segment > .content {
  width: 100%;
}
.module-4 > .container .segment > .content h2 {
  text-align: left;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .module-4 > .container .segment > .content h2 {
    text-align: center;
  }
}
.module-4 .two-column-list .icon {
  height: 40px;
  width: 40px;
}
@media screen and (max-width: 768px) {
  .module-4 > .container .row {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .module-4 .flex.media-component ul li .icon {
    height: 30px;
    width: 30px;
  }
}

@media screen and (max-width: 767px) {
  .module-5 .swiper-css-mode > .swiper-wrapper {
    margin-left: 1rem;
  }
  .module-5 > .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .module-5 > .container > .row {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
  .module-5 > .container > .row > .col {
    padding-left: 0;
    padding-right: 0;
  }
  .module-5 > .container > .row .swiper-wrapper {
    padding-left: 0;
  }
  .module-5 > .container .row:nth-child(2) {
    margin-left: -1.75rem;
    margin-right: -1.75rem;
  }
}
.module-5 .deals-Swiper .swiper-wrapper .swiper-slide:last-child {
  width: 230px !important;
}
.module-5 .deals-Swiper .image-card .clamp-wrap {
  padding: 1.25rem 1.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .module-5 .deals-Swiper .image-card .clamp-wrap {
    height: 70px;
    padding: 1rem;
  }
}
.module-5 .deals-Swiper .image-card .clamp-wrap .clamp2 {
  font-size: 1.5rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .module-5 .deals-Swiper .image-card .clamp-wrap .clamp2 {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 768px) {
  .module-5 .deals-Swiper .image-card.full {
    height: 306px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 992px) {
  .module-5 .col-swiper {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .module-5 .container .row:nth-child(2) {
    margin-left: -1.75rem;
    margin-right: -1.75rem;
  }
  .module-5 .container .row:nth-child(2) .swiper-wrapper .swiper-slide:first-child {
    margin-left: 1rem;
    scroll-snap-align: center;
  }
}

@media screen and (max-width: 768px) {
  .module-6 > .container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .module-6 > .container > .row {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .module-6 > .container > .row > .col {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .module-6 > .container > .row .swiper-wrapper {
    padding-left: 0;
  }
  .module-6 > .container > .row .swiper-wrapper .swiper-slide {
    scroll-snap-align: center;
  }
  .module-6 > .container .row .col-swiper {
    padding-left: 0;
    padding-right: 0;
  }
  .module-6 .tips-Swiper {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .module-6 .tips-Swiper .swiper-slide:first-child {
    margin-left: 1rem;
  }
  .module-6 .tips-Swiper .swiper-slide:first-child {
    padding-left: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .module-6 .tips-Swiper .swiper-slide {
    margin-right: 1rem;
  }
}
.module-6 .swiper-slide .image-card {
  background-position: center;
}

.module-7 .scroll-area-wrap .col.scroll-area {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
@media screen and (max-width: 768px) {
  .module-7 .scroll-area-wrap .col.scroll-area {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .module-7 > .container {
    width: calc(100% - 0.25rem);
  }
}
.module-7 .image-card.full .clamp-wrap {
  position: absolute;
  width: 100%;
  background: transparent;
  bottom: -10px;
  border: none;
  height: 100px;
  z-index: 99999;
}
@media screen and (max-width: 992px) {
  .module-7 .image-card.full .clamp-wrap {
    height: 88px;
  }
}
.module-7 .image-card.full .clamp-wrap .clamp2 {
  line-height: 1.3;
}

.module-8 > .container {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.module-8 > .container .row.wide.scroll-area {
  height: 100%;
  padding-right: 1rem;
}
.module-8 > .container > .row.wide .col-lg-6 {
  max-height: 422px;
}
.module-8 > .container > .row > .col {
  padding-left: 0.75rem;
}
.module-8 > .container > .row > .col .scroll-area-wrap .scroll-area {
  height: 100%;
}
.module-8 > .container > .row > .col .scroll-area-wrap .scroll-area .split {
  max-height: initial;
  min-height: initial;
}
.module-8 > .container > .row > .col .scroll-area-wrap .scroll-area .split .icon-wrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.module-8 > .container .segment.split > .content {
  padding-top: 4rem;
}
@media screen and (max-width: 1400px) {
  .module-8 > .container .segment.split > .content {
    padding-top: 3rem;
  }
}
@media screen and (max-width: 1200px) {
  .module-8 > .container .segment.split > .content {
    padding-top: 2rem;
  }
}
.module-8 > .container .segment.split > .content .content-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-8 > .container .segment.split > .content .content-inner .icon-wrap {
  margin-bottom: 0.5rem;
  height: 3rem;
}
@media screen and (max-width: 768px) {
  .module-8 > .container > .row > .col {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .module-8 > .container .row.wide {
    margin-left: -1rem !important;
  }
  .module-8 > .container .row.wide .col-lg-6 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 767px) {
  .module-8 > .container .row.wide .col-lg-6 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .module-8 > .container .row .col-6 {
    padding-left: 0.25rem;
  }
  .module-8 > .container .scroll-area {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-left: 0.5rem;
  }
  .module-8 > .container .scroll-area .col-6 {
    margin-left: 0.25rem;
    padding-right: 0;
  }
}

.module-9 .ca-button.link.arrow.small {
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .module-9 > .container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .module-9 > .container .row:nth-child(2) > .col-md-6 {
    margin-bottom: 1rem;
  }
  .module-9 > .container .row .col-md-6 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}

.module-10 .scroll-area.col {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
@media screen and (max-width: 1400px) {
  .module-10 .scroll-area.col {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.module-10 .scroll-area .row .col-4 {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  max-width: unset;
}
@media screen and (max-width: 1400px) {
  .module-10 .scroll-area .row .col-4 {
    width: 240px;
  }
}
.module-10 .scroll-area .row .col-6 {
  -ms-flex-preferred-size: calc(50% - 0.01px - var(--gap-x, 0));
      flex-basis: calc(50% - 0.01px - var(--gap-x, 0));
  max-width: calc(50% - 0.01px - var(--gap-x, 0));
}
@media screen and (max-width: 768px) {
  .module-10 > .container .col h2.title {
    padding-left: 0.25rem;
  }
  .module-10 > .container .row.wider {
    margin-left: -1.25rem !important;
  }
  .module-10 > .container .row.wider .scroll-area {
    padding-left: 0.25rem;
  }
  .module-10 > .container .row.wider .scroll-area .row {
    padding-left: 0.25rem;
  }
}

@media screen and (max-width: 768px) {
  section .container .right-link.end {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  section .container .right-link.end .link {
    padding-left: 0;
  }
}
.hot-deals .deals-Swiper .swiper-wrapper .swiper-slide .clamp-wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.hot-deals .deals-Swiper .swiper-wrapper .swiper-slide .clamp-wrap .clamp2 {
  font-weight: bold;
}
.hot-deals .deals-Swiper .swiper-wrapper .swiper-slide:last-child {
  width: 300px !important;
}
@media screen and (max-width: 767px) {
  .hot-deals > .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .hot-deals > .container .row:nth-child(2) {
    margin-left: -1.75rem;
    margin-right: -1.75rem;
  }
  .hot-deals > .container .row:nth-child(2) .swiper-wrapper .swiper-slide:first-child {
    margin-left: 1rem;
    scroll-snap-align: center;
  }
}
@media screen and (max-width: 768px) {
  .hot-deals > .container .row:nth-child(2) {
    margin-left: -1.75rem;
    margin-right: -1.75rem;
  }
  .hot-deals > .container .row:nth-child(2) .swiper-wrapper .swiper-slide:first-child {
    margin-left: 1rem;
    scroll-snap-align: center;
  }
}

@media screen and (max-width: 768px) {
  .group-travel > .container {
    width: calc(100% - 1rem);
  }
  .group-travel > .container .row.wider.bg-img {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .group-travel > .container .row.wider.bg-img .scroll-area {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media screen and (max-width: 1024px) {
  .module-11 .ca-button-wrap .icon-button-wrap {
    gap: normal;
  }
}
@media screen and (max-width: 1200px) {
  .module-11 .ca-button-wrap .icon-button-wrap .ca-button {
    -ms-flex-preferred-size: calc(50% - 0.5rem);
        flex-basis: calc(50% - 0.5rem);
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .module-11 .ca-button-wrap .icon-button-wrap .ca-button {
    font-size: 0.9rem;
  }
}
.module-11 .ca-button-wrap .icon-button-wrap .ca-button.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.module-11 .ca-button-wrap .icon-button-wrap .ca-button.flex-center .ca-icon {
  margin-right: 0.5rem;
}
.module-11 .ca-button-wrap .icon-button-wrap .ca-button:first-child {
  margin-left: 0;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 1025px) {
  .module-11 .ca-button-wrap .icon-button-wrap .ca-button:first-child {
    margin: 0;
  }
}
.module-11 .ca-button-wrap .icon-button-wrap .ca-button:nth-child(odd) {
  margin-right: 1rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 1025px) {
  .module-11 .ca-button-wrap .icon-button-wrap .ca-button:nth-child(odd) {
    margin: 0;
  }
}
.module-11 .ca-button-wrap .icon-button-wrap .ca-button:nth-child(even) {
  margin-right: 0;
  margin-bottom: 1rem;
}
@media screen and (min-width: 1025px) {
  .module-11 .ca-button-wrap .icon-button-wrap .ca-button:nth-child(even) {
    margin: 0;
  }
}
@media screen and (min-width: 1025px) {
  .module-11 .ca-button-wrap .icon-button-wrap {
    gap: 1rem;
  }
}
@media screen and (max-width: 1400px) {
  .module-11 > .container .row .ca-button-wrap.flex-column-mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .module-11 > .container .row .ca-button-wrap.flex-column-mobile .icon-button-wrap {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 1400px) and (max-width: 767px) {
  .module-11 > .container .row .ca-button-wrap.flex-column-mobile .icon-button-wrap {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1400px) {
  .module-11 > .container .row .ca-button-wrap.flex-column-mobile .icon-button-wrap .ca-button-icon .ca-icon {
    margin-right: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .module-11 > .container .row .col {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

.module-12 .segment.full.ca-overlay.ltr:before {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, rgba(255, 5, 5, 0)), color-stop(78%, #000c22));
  background: linear-gradient(270deg, rgba(255, 5, 5, 0) 50%, #000c22 78%);
  opacity: 0.85;
}
@media screen and (max-width: 769px) {
  .module-12 .segment.full.ca-overlay.ltr:before {
    background: #000c22;
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  .module-12 .header-img-wrap.hide-ipad {
    background-position: center;
  }
  .module-12 .header-img-wrap.hide-ipad.center-img {
    background-position: center;
  }
  .module-12 .header-img-wrap.hide-ipad.right-img {
    background-position: right;
  }
  .module-12 .header-img-wrap.hide-ipad.left-img {
    background-position: left;
  }
}
@media screen and (max-width: 992px) {
  .module-12 .segment.full.ca-overlay.banner {
    background-size: cover;
  }
}
@media screen and (max-width: 768px) {
  .module-12 .segment.full.banner.ca-overlay {
    padding-top: 0;
    padding-bottom: 0;
  }
  .module-12 .segment.full.banner.ca-overlay .header-banner {
    border-radius: 0 0 6px 6px;
    background: #2f2f2f;
    padding-bottom: 2.5rem;
  }
}
@media screen and (min-width: 769px) {
  .module-12 .hide-desktop {
    display: none !important;
  }
}

.module-14 .featured-Swiper .swiper-slide {
  width: 360px !important;
}
@media screen and (max-width: 768px) {
  .module-14 .featured-Swiper .swiper-slide {
    width: 272px !important;
  }
}
@media screen and (max-width: 767px) {
  .module-14 > .container {
    width: calc(100% - 1rem);
  }
  .module-14 > .container .row.row-slider {
    margin-left: -1.75rem;
    margin-right: -1.75rem;
  }
  .module-14 > .container .row.row-slider .swiper-wrapper .swiper-slide-active,
.module-14 > .container .row.row-slider .swiper-wrapper .swiper-slide {
    width: 272px !important;
    scroll-snap-align: center;
  }
  .module-14 > .container .row.row-slider .swiper-wrapper .swiper-slide-active .image-card,
.module-14 > .container .row.row-slider .swiper-wrapper .swiper-slide .image-card {
    height: 318px;
  }
  .module-14 .right-link.end {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .module-14 .right-link.end .link {
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .module-14 > .container .row-slider {
    margin-left: -1.75rem;
    margin-right: -1.75rem;
  }
  .module-14 > .container .row-slider .swiper-wrapper .swiper-slide:first-child {
    margin-left: 1rem;
    scroll-snap-align: center;
  }
}
.module-14 .swiper-wrap .swiper-slide .slide-end-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 434px;
}
@media screen and (max-width: 768px) {
  .module-14 .swiper-wrap .swiper-slide .slide-end-button {
    height: 348px;
  }
}
.module-14 .swiper-wrap .swiper-slide .slide-end-button .slide-head {
  width: 300px;
  text-align: center;
}

.module-15.agent-details .segment ul.check {
  margin-left: 0;
}
@media screen and (max-width: 992px) {
  .module-15 .segment .header.header-banner {
    padding-left: 1rem;
  }
}
@media screen and (max-width: 992px) {
  .module-15 > .container .row .ca-overlay.header-banner {
    padding-top: 13rem;
  }
}
@media screen and (max-width: 768px) {
  .module-15 > .container .row .ca-overlay.header-banner {
    padding-top: 3rem;
  }
}

@media screen and (max-width: 768px) {
  .module-15 .container .segment.ca-overlay .col-lg-8 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .module-15 .container .segment .header {
    border-radius: 0 0 6px 6px;
  }
  .module-15 .header-img-wrap .row > * {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 991px) {
  .module-15 .container .segment.banner {
    padding-bottom: 5rem;
  }
  .module-15 .container .segment .agent-slider {
    margin-top: 1rem;
  }
  .module-15 .container .segment .agent-slider .swiper-pagination-bullets {
    bottom: 1rem;
  }
  .module-15 .container .segment .agent-slider .swiper-wrap {
    width: 500px;
  }
  .module-15 .container .segment .agent-slider .swiper-wrap .agent-Swiper {
    width: 500px;
  }
  .module-15 .container .segment .agent-slider .swiper-wrap .agent-Swiper .swiper-wrapper .swiper-slide {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    width: 500px !important;
  }
}
.module-16 > .container .row.slider-row {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media screen and (max-width: 768px) {
  .module-16 > .container .row.slider-row {
    margin-left: -1.75rem;
    margin-right: -1.75rem;
  }
  .module-16 > .container .row.slider-row .swiper-wrapper .swiper-slide {
    scroll-snap-align: center;
  }
}
@media screen and (max-width: 767px) {
  .module-16 > .container .row.slider-row {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}
@media screen and (max-width: 992px) {
  .module-16 .travel-explore-Swiper .swiper-slide {
    width: 272px !important;
  }
}
@media screen and (max-width: 768px) {
  .module-16 .slider-row .swiper-wrapper {
    padding-left: 1rem;
  }
  .module-16 .right-link.center.end {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-left: 0.25rem;
  }
  .module-16 .right-link.center.end .title-wrap .title {
    margin-bottom: 0.5rem;
  }
  .module-16 .right-link.center.end .title-wrap .sub-text {
    margin-bottom: 1rem;
  }
  .module-16 .right-link.center.end .link {
    padding-left: 0;
  }
}
.module-16 .swiper-wrap .image-card .footer .strong {
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .module-17 > .container .row.row-swiper {
    margin-left: -1.5rem;
  }
  .module-17 > .container .row.row-swiper > .col {
    padding-left: 1.5rem;
  }
  .module-17 .right-link.center.end {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-left: 0.25rem;
  }
  .module-17 .right-link.center.end .title-wrap .title {
    margin-bottom: 0.5rem;
  }
  .module-17 .right-link.center.end .title-wrap .sub-text {
    margin-bottom: 1rem;
  }
  .module-17 .right-link.center.end .link {
    padding-left: 0;
  }
  .module-17 .travel-tour-Swiper .swiper-slide {
    width: 265px !important;
  }
  .module-17 .travel-tour-Swiper .swiper-slide .card .title {
    font-size: 1.1rem;
  }
  .module-17 .travel-tour-Swiper .swiper-slide .thumbnail {
    height: 80px;
    width: 80px;
  }
}

@media screen and (max-width: 768px) {
  .module-20 > .container {
    width: calc(100% - 0.75rem);
  }
  .module-20 > .container .ca-button-wrap {
    margin-left: -0.75rem;
  }
  .module-20 > .container .ca-button-wrap .scroll-area {
    padding-left: 0.75rem;
  }
  .module-20 > .container .ca-button-wrap .contact-wrap {
    margin-left: 0.75rem;
  }
}

.manage-policy .policy-logo {
  padding-top: 5rem;
}
@media screen and (max-width: 992px) {
  .manage-policy .policy-logo {
    padding-top: 2.5rem;
  }
}
.manage-policy .policy-link {
  margin-top: auto;
  margin-bottom: 1.5rem;
  text-decoration: underline;
}
@media screen and (max-width: 992px) {
  .manage-policy .policy-link {
    margin-top: 4rem;
  }
}

@media screen and (min-width: 1200px) {
  .module-21 > .container .col-lg.bg-gray {
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 1200px) {
  .module-21 .col.scroll-area-wrap {
    padding-right: 0;
  }
  .module-21 .col.scroll-area-wrap .scroll-area {
    width: calc(100% + 2rem);
  }
  .module-21 .col.scroll-area-wrap .scroll-area .segment.split.small {
    min-width: 172px;
    max-width: 172px;
  }
  .module-21 .col-lg .flex-1 .img-cover {
    margin-bottom: -4px;
  }
}
.module-21 .segment.expanded {
  padding: 2.5rem 1rem 0;
}
.module-21 .segment.expanded h2 {
  margin-bottom: 0;
}
.module-21 .segment.expanded ul.pt-5 {
  padding-top: 2rem !important;
}
.module-21 .container {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.module-21 .container .row.mt-3 {
  margin-left: -1rem;
  margin-right: -1rem;
}
@media screen and (max-width: 992px) {
  .module-21 .col-lg.rgt-brd-radius .segment {
    border-radius: 0 0 6px 6px;
  }
  .module-21 .segment.expanded {
    padding-bottom: 2.5rem;
  }
  .module-21 .lft-brd-radius {
    border-radius: 6px 6px 0 0;
  }
  .module-21 .lft-brd-radius.flex-1 {
    margin-bottom: -4px;
  }
  .module-21 .img-cover {
    max-height: 300px;
  }
  .module-21 h2.pb-3 {
    padding-bottom: 0 !important;
  }
  .module-21 ul.pt-5 {
    padding-top: 1rem !important;
  }
  .module-21 ul.pt-5 li {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .module-21 .container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .module-21 .container .row.mt-3 {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .module-21 .segment.expanded h2.text-center {
    margin-bottom: 1rem;
  }
  .module-21 .col.scroll-area-wrap .scroll-area {
    padding-left: 1rem;
    padding-right: 0;
  }
}

.module-22 > .container .col.scroll-area-wrap {
  padding-left: 1rem;
  padding-right: 1rem;
}
.module-22 > .container .col.scroll-area-wrap .scroll-area {
  width: 100%;
}
.module-22 > .container .col.scroll-area-wrap .scroll-area .icon-card {
  min-width: auto;
  max-width: none;
}
@media screen and (max-width: 768px) {
  .module-22 > .container {
    padding-left: 0;
  }
  .module-22 > .container > .row {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .module-22 .scroll-area-wrap .scroll-area {
    padding-left: 0;
  }
  .module-22 .scroll-area-wrap .scroll-area.wide {
    padding-left: 0.75rem;
  }
}

.module-23 > .container {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.module-23 > .container > .row > .col-sm {
  padding-right: 1.25rem !important;
}
@media screen and (max-width: 768px) {
  .module-23 > .container > .row > .col-sm {
    padding-right: 0 !important;
  }
}
.module-23 > .container > .row > .col-sm > .segment {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
@media screen and (max-width: 768px) {
  .module-23 > .container > .row > .col-sm > .segment {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .module-23 > .container > .row {
    padding-left: 0;
    padding-right: 0;
  }
  .module-23 > .container > .row .segment.expanded {
    width: calc(100% - 0.25rem);
  }
  .module-23 > .container > .row .segment.expanded ol.numbered li {
    margin-left: 1.75rem;
    padding-bottom: 1.5rem;
  }
  .module-23 > .container > .row .segment.expanded ol.numbered li h3 {
    font-size: 1.175rem;
  }
  .module-23 > .container > .row .segment.expanded ol.numbered li p {
    font-size: 1rem;
    line-height: 1.2;
  }
}
.module-23 > .container .segment.expanded {
  padding: 0;
}
@media screen and (max-width: 1400px) {
  .module-23 > .container .segment.expanded.right-image {
    padding-left: 0;
  }
}
.module-23 ol.numbered li:before {
  border-left: 1px solid #d0d1d1;
}
.module-23 ol.numbered li:after {
  font-family: "BryantWebMedium", "Helvetica Neue";
  font-weight: normal;
  left: -1.75rem;
  padding-top: 0.4rem;
  padding-left: 0.5rem;
}

@media screen and (max-width: 992px) {
  .module-24 > .container .segment.gray {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media screen and (max-width: 500px) {
  .module-24 > .container .segment.gray {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.module-24 .policy-logo {
  margin-bottom: 1rem;
  max-width: 360px;
}

.module-25 > .container {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.module-25 ul.checks > li::before {
  content: url("/../images/svg/check-circle-black.svg");
  margin-top: 0.25rem;
  height: 20px;
  width: 20px;
}
@media screen and (max-width: 768px) {
  .module-25 > .container .segment.expanded {
    padding: 2rem 0 0;
  }
  .module-25 > .container .segment.expanded > h2 {
    margin-bottom: 0;
  }
  .module-25 > .container .segment.expanded .checks li {
    margin-bottom: 0.5rem;
  }
}

@media screen and (max-width: 768px) {
  .module-26 > .container > .row {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .module-26 .segment .header {
    padding-left: 0;
  }
  .module-26 .segment .header .sub-head {
    font-size: 1.175rem;
    margin-bottom: 1rem;
  }
  .module-26 .segment .header .select-directions {
    line-height: 1.2;
  }
  .module-26 .segment.full.banner.ca-overlay {
    padding-top: 0;
  }
  .module-26 .segment.full.banner.ca-overlay .header-banner {
    background-color: transparent;
    padding-left: 0;
  }
  .module-26 .segment.full.banner.ca-overlay .header-banner .select-wrap {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .module-26 .segment .select-wrap .pill-container.pill-container-large {
    gap: 0.5rem;
  }
  .module-26 .segment .select-wrap .pill-container.pill-container-large .selector {
    padding: 0.75rem;
  }
  .module-26 .segment .select-wrap .pill-container.pill-container-large .pill-icon {
    width: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .module-26 .segment .header.header-banner {
    padding-top: 0;
  }
  .module-26 .segment.full.ca-overlay.centered {
    padding-bottom: 3rem;
  }
}
.module-26 .select-wrap .pill-container {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.module-29 .accordion-container,
.module-28 .accordion-container,
.module-33 .accordion-container {
  padding: 0;
  width: 100%;
}
.module-29 .accordion-container .accordion-content,
.module-28 .accordion-container .accordion-content,
.module-33 .accordion-container .accordion-content {
  padding: 0 2rem;
}
.module-29 .accordion-container .accordion-content h3,
.module-28 .accordion-container .accordion-content h3,
.module-33 .accordion-container .accordion-content h3 {
  font-size: 1.25rem;
}
.module-29 .accordion-container .accordion-header,
.module-28 .accordion-container .accordion-header,
.module-33 .accordion-container .accordion-header {
  background: transparent;
  border: none;
  border-radius: 6px;
  padding: 2.5rem 2rem;
  text-align: left;
  width: 100%;
}
.module-29 .accordion-container .accordion-header h2,
.module-28 .accordion-container .accordion-header h2,
.module-33 .accordion-container .accordion-header h2 {
  font-family: "BryantWebMedium", sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: capitalize;
}
.module-29 .accordion-container .accordion-header:after,
.module-28 .accordion-container .accordion-header:after,
.module-33 .accordion-container .accordion-header:after {
  content: " ";
  background-size: 2rem;
  float: right;
  margin-top: -1.8rem;
  background-image: url("/../img/menu-icons/nav-arrow.svg");
  background-repeat: no-repeat;
  height: 2rem;
  width: 2rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.module-29 .accordion-container .accordion-header.accordion-active::after,
.module-28 .accordion-container .accordion-header.accordion-active::after,
.module-33 .accordion-container .accordion-header.accordion-active::after {
  margin-top: -1.5rem;
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1);
}

@media (max-width: 768px) {
  .module-27 > .container .page-header .title {
    font-size: 2.5rem;
  }
  .module-27 > .container .page-header .subtitle {
    font-size: 1.125rem;
  }
}

.module-28 .accordion-container .accordion-header {
  padding: 0.5rem 2rem;
}
.module-28 .accordion-container .accordion-header:after {
  margin-top: -4rem;
}
.module-28 .accordion-container .accordion-header.accordion-active::after {
  margin-top: -3.75rem;
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1);
}
.module-28 .accordion-container .accordion-header .btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 2rem;
  top: 0;
}
.module-28 .accordion-container .accordion-header .image-wrap img {
  height: 82px;
}
.module-28 .accordion-container .col-flex-wrap .col-9 > .row .col-4:nth-child(4) {
  margin-top: 2.5rem;
}

.module-28 .accordion-content p {
  color: #222222;
}
@media (max-width: 992px) {
  .module-28 .accordion-container .accordion-header {
    padding: 1.5rem 1rem;
  }
  .module-28 .accordion-container .accordion-header:after {
    margin-top: -7rem;
  }
  .module-28 .accordion-container .accordion-header.accordion-active:after {
    margin-top: -6.75rem;
  }
  .module-28 .accordion-container .accordion-header .btn-container {
    height: auto;
    position: static;
    margin: 0;
    width: calc(100% + 1rem);
  }
  .module-28 .accordion-container .accordion-header .btn-container a:first-child {
    width: 48%;
    margin-left: 0 !important;
  }
  .module-28 .accordion-container .accordion-header .btn-container a:last-child {
    width: 48%;
    margin-right: 0 !important;
  }
  .module-28 .accordion-container .accordion-header .image-wrap img {
    height: 65px;
    margin-bottom: 0.75rem;
  }
}
@media (max-width: 778px) {
  .module-28 .accordion-container .accordion-header {
    padding: 1rem;
    position: relative;
  }
  .module-28 .accordion-container .accordion-header:after {
    background-size: 1.25rem;
    margin-top: -5.5rem;
  }
  .module-28 .accordion-container .accordion-header .image-wrap img {
    height: 50px;
  }
  .module-28 .accordion-container .accordion-header .btn-container .ca-button {
    font-size: 0.875rem;
    padding: 0.5rem 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .module-28 .accordion-container .accordion-header .btn-container .ca-button:last-child {
    margin-left: 0 !important;
    margin-right: 1rem !important;
  }
}

.module-29 .accordion-content p {
  color: #222222;
}
@media screen and (max-width: 992px) {
  .module-29 > .container .accordion .accordion-content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .module-29 > .container .accordion .accordion-content .content {
    padding-bottom: 0 !important;
    padding-top: 2rem !important;
  }
  .module-29 > .container .accordion .accordion-content .content + hr:last-child {
    display: none;
  }
  .module-29 > .container .accordion .accordion-content .col3 {
    margin-bottom: 2rem;
  }
  .module-29 > .container .accordion .accordion-content .col-9 .col-md-4 {
    margin-bottom: 0;
    padding-left: 0.75rem;
  }
}
@media screen and (max-width: 768px) {
  .module-29 > .container .accordion .accordion-header {
    font-size: 1rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    padding-right: 3rem;
    position: relative;
  }
  .module-29 > .container .accordion .accordion-header h2 {
    font-size: 1rem;
  }
  .module-29 > .container .accordion .accordion-header p {
    line-height: 1.2;
  }
  .module-29 > .container .accordion .accordion-header:after {
    background-size: 1.25rem;
    margin: auto;
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
  }
}

.module-31 > .container {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media screen and (max-width: 768px) {
  .module-31 > .container picture .img-cover {
    max-height: 300px;
  }
}
.module-31 .segment.expanded {
  padding-top: 0;
  padding-left: 4rem;
  padding-right: 0;
}
.module-31 .segment .two-col-list li {
  margin-bottom: 0;
}
.module-31 .segment .two-col-list li p {
  font-size: 1rem;
}

.module-32 > .container {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  width: calc(100% - 1rem);
}

@media screen and (max-width: 768px) {
  .module-33 > .container {
    width: calc(100% - 1rem);
  }
}

.module-34 > .container {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.cx-widget .cx-button-group .cx-icon:before {
  content: none;
}

.cx-powered-by .cx-icon:before {
  content: none;
}

@media all and (max-width: 992px) {
  section.module-60.section {
    background-color: #f3f4f4;
  }
}
section.module-60 .grid-wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 5rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 5rem;
  grid-row-gap: 0px;
}
section.module-60 .grid-wrap > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
section.module-60 .grid-wrap > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
@media all and (max-width: 992px) {
  section.module-60 .grid-wrap {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
section.module-60 .grid-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
section.module-60 .grid-right {
  position: relative;
  z-index: 1;
}
section.module-60 .grid-right picture:before {
  background-image: url("../img/orbit-gray.svg");
  content: "";
  height: 157px;
  width: 152px;
  position: absolute;
  left: -60px;
  top: -60px;
  z-index: 0;
}
section.module-60 .grid-right picture .img-cover {
  position: relative;
}
section.module-60 .header {
  line-height: 1;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}
@media all and (max-width: 1350px) {
  section.module-60 .header {
    font-size: 4rem;
  }
}
@media all and (max-width: 1200px) {
  section.module-60 .header {
    font-size: 3rem;
  }
}
section.module-60 .button-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Tungsten A", "Tungsten B";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  font-size: 1.5rem;
  text-transform: uppercase;
}
section.module-60 .subtext {
  font-size: 1.25rem;
}
@media all and (max-width: 992px) {
  section.module-60 .subtext {
    margin-bottom: 1.5rem;
  }
}
section.module-60 .img-cover {
  max-height: 408px;
}
@media all and (max-width: 992px) {
  section.module-60 .img-cover {
    max-height: 462px;
    min-height: 462px;
  }
}
section.module-60 .button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
section.module-60 .button-group.stacked {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  margin-top: auto;
}
@media all and (max-width: 992px) {
  section.module-60 .button-group.stacked.desktop {
    display: none;
  }
}
section.module-60 .button-group.duo {
  gap: 1rem;
}
section.module-60 .button-group.mobile {
  background-color: #ffffff;
  border-radius: 4px;
  gap: 0.25rem;
  margin-bottom: 1rem;
  padding: 1rem;
}
@media all and (min-width: 991px) {
  section.module-60 .button-group.mobile {
    display: none;
  }
}
section.module-60 .button-group .ca-button {
  font-size: 0.875rem;
}
section.module-60 .button-group .ca-button.alt.blue {
  background-color: #003087;
}
section.module-60 .hero-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
section.module-60 .hero-button.big {
  font-size: 1.125rem;
  gap: 1rem;
  padding: 1.5rem;
}
section.module-60 .hero-button.big.blue {
  background-color: #003087;
  color: #ffffff;
}
section.module-60 .hero-button.medium {
  padding: 0.75rem;
}
section.module-60 .hero-button.medium.gray {
  background-color: #f3f4f4;
}
@media all and (max-width: 992px) {
  section.module-60 .tablet {
    display: none !important;
  }
}

/*====================================
         Member Panel Banner
  ==================================== */
/*.module-35 .grid-container {
    display: grid;
}

.module-35 .grid-container.outer {
    display: grid;
    grid-gap: 1.5rem;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto;
}

.module-35 .grid-container.inner {
    grid-gap: 1.5rem;
}*/
@media screen and (max-width: 768px) {
  .module-33 > .container .accordion .accordion-header {
    font-size: 1rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    position: relative;
    padding-left: 1rem;
    padding-right: 3rem;
  }
  .module-33 > .container .accordion .accordion-header p {
    line-height: 1.2;
  }
  .module-33 > .container .accordion .accordion-header:after {
    background-size: 1.25rem;
    margin: auto;
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
  }
}

.module-35 > .container {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.module-35 > .container .membership-panel.bg-lightblue .greet,
.module-35 > .container .membership-panel.bg-lightblue .heading,
.module-35 > .container .membership-panel.bg-lightblue .link-list,
.module-35 > .container .membership-panel.bg-lightblue li,
.module-35 > .container .membership-panel.bg-lightblue a, .module-35 > .container .membership-panel.bg-lightblue p, .module-35 > .container .membership-panel.bg-lightblue * {
  color: #222;
}

.module-35 .banner-image {
  /*max-height: 344px;*/
  margin-bottom: 1.5rem;
  position: relative;
}

.module-35 .banner-image:before {
  background: rgb(2, 4, 122);
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), color-stop(99%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 99%, rgba(0, 0, 0, 0.5) 100%);
  border-radius: 6px;
  content: "";
  height: 99%;
  width: 100%;
  position: absolute;
}

.module-35 .banner-image.overlay-dark:before {
  background: rgb(2, 4, 122);
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.65)), color-stop(99%, rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.25) 99%, rgba(0, 0, 0, 0.5) 100%);
  border-radius: 6px;
  content: "";
  height: 99%;
  width: 100%;
  position: absolute;
}

.module-35 .banner-image.overlay-darker:before {
  background: rgb(2, 4, 122);
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.8)), color-stop(99%, rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.25) 99%, rgba(0, 0, 0, 0.5) 100%);
  border-radius: 6px;
  content: "";
  height: 99%;
  width: 100%;
  position: absolute;
}

.module-35 .banner-image.overlay-darkest:before {
  background: rgb(2, 4, 122);
  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 0, 0)), color-stop(99%, rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 99%, rgba(0, 0, 0, 0.5) 100%);
  border-radius: 6px;
  content: "";
  height: 99%;
  width: 100%;
  position: absolute;
}

.module-35 .banner-image .ca-text-overlay {
  color: #fff;
  font-family: "Tungsten A", "Tungsten B";
  font-size: 5rem;
  margin-left: 1.5rem;
  max-width: 548px;
  position: absolute;
  text-transform: uppercase;
  top: 25%;
}

.module-35 .banner-image .img-cover {
  max-height: 344px;
}

.module-35 .membership-panel {
  background-color: #003087;
  border-radius: 6px;
  height: calc(75% - 1.5rem);
  margin-bottom: 1.5rem;
  padding: 2.75rem 2.75rem 0;
}
.module-35 .membership-panel .greet {
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}
.module-35 .membership-panel.bg-red {
  background-color: #BE1A0E;
}
.module-35 .membership-panel.bg-tan {
  background-color: #FFEDCC;
}
.module-35 .membership-panel.bg-tan .profile-heading,
.module-35 .membership-panel.bg-tan .link-list,
.module-35 .membership-panel.bg-tan .login-link,
.module-35 .membership-panel.bg-tan p, .module-35 .membership-panel.bg-tan a {
  color: #222;
}
.module-35 .membership-panel.bg-tan .greet {
  color: #664100;
}
.module-35 .membership-panel.bg-lightblue {
  background-color: #EDF2F9;
}

.module-35 > .container .member-assistance .call {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-35 > .container .member-assistance .call .icon-phone {
  margin-right: 0.5rem;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  width: 1rem;
}

.module-35 .membership-panel .greet {
  display: block;
  font-family: "Tungsten A", "Tungsten B";
}

.module-35 .membership-panel .heading {
  display: block;
  font-family: "Tungsten A", "Tungsten B";
  font-size: 3rem;
  margin-bottom: 1.75rem;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .module-35 .membership-panel .heading {
    font-size: 2rem;
  }
}

.module-35 .membership-panel .link-list,
.module-35 .membership-panel .profile-heading,
.module-35 .membership-panel a,
.module-35 .membership-panel p {
  color: #fff;
  font-size: 1rem;
}

.module-35 .membership-panel .ca-button {
  color: #222;
  font-size: 0.875rem;
}

.module-35 .member-assistance {
  background-color: #222;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 25%;
  padding: 2rem 2.5rem 0;
}

.module-35 .member-assistance * {
  color: #fff;
}

.module-35 .member-assistance .small {
  font-size: 1.125rem;
  letter-spacing: 1px;
}

.module-35 .member-assistance p:not(.tungsten) {
  margin-bottom: 1.25rem;
}

.module-35 .site-links .flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
@media screen and (min-width: 1025px) {
  .module-35 .site-links .flex-wrap {
    gap: 1.5rem;
  }
}

.module-35 .site-links li {
  background: #F3F4F4;
  border-radius: 6px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
  margin: 0;
}

.module-35 .site-links li a {
  border-radius: 6px;
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  height: 100%;
  padding: 1rem;
  width: 100%;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.module-35 .site-links li a:hover, .module-35 .site-links li a:focus {
  -webkit-box-shadow: inset 0 0 0 1px #222;
          box-shadow: inset 0 0 0 1px #222;
}

.module-35 .site-links .title {
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*font-weight: bold;*/
  font-size: 1.5rem;
}

.module-35 .site-links li a p {
  font-size: 0.875rem;
  letter-spacing: 0;
  margin-bottom: 0;
}

.module-35 .site-links li a .icon {
  height: 32px;
  width: 32px;
}

.module-35 .link-wrap .login-link {
  margin-left: 1.5rem;
}

.module-35 .membership-panel .foot {
  font-size: 0.875rem;
  margin-top: 2rem;
}

.module-35 .membership-panel .foot a {
  font-size: 0.875rem;
  text-decoration: underline;
}

.brd-radius {
  border-radius: 6px;
}

.module-35 .row > * {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

@media screen and (max-width: 992px) {
  .module-35 .scroll-area-wrap .scroll-area {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .module-35 .scroll-area-wrap .scroll-area .site-links .flex-wrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .module-35 .scroll-area-wrap .site-links {
    margin-bottom: 1.5rem;
  }
  .module-35 .site-links li {
    width: 256px;
  }
  .module-35 .link-wrap .login-link {
    display: inline;
    margin-left: 1rem;
  }
}
@media screen and (min-width: 991px) and (max-width: 1024px) {
  .module-35 .site-links .flex-wrap li:nth-child(odd) {
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .module-35 .site-links .flex-wrap li:nth-child(even) {
    margin-right: 0;
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1400px) {
  .module-35 .site-links .flex-wrap li {
    -ms-flex-preferred-size: calc(50% - 0.75rem);
        flex-basis: calc(50% - 0.75rem);
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1200px) {
  .module-35 .link-wrap .login-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
    margin-top: 1rem;
  }
  .module-35 .banner-image .ca-text-overlay {
    font-size: 4rem;
    max-width: 70%;
  }
  .module-35 .membership-panel {
    padding: 2.5rem 1.5rem;
  }
  .module-35 .site-links li {
    width: 280px;
  }
}
@media screen and (min-width: 992px) {
  .module-35 .segment > .col-lg-6 {
    padding: 1.5rem 0.5rem;
  }
}
@media screen and (max-width: 992px) {
  .module-35 .site-links .flex-wrap {
    margin-bottom: 1.5rem;
  }
  .module-35 .site-links .flex-wrap li:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 540px) {
  .module-35 .banner-image .ca-text-overlay {
    font-size: 2.25rem;
    max-width: 60%;
  }
  .module-35 .membership-panel {
    height: auto;
  }
  .module-35 .member-assistance {
    height: auto;
    padding: 1.5rem 1rem;
  }
}
@media screen and (max-width: 360px) {
  .module-35 .banner-image .ca-text-overlay {
    font-size: 1.75rem;
    max-width: 70%;
  }
}
.module-36 > .container {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media screen and (max-width: 992px) {
  .module-36 > .container .segment.expanded {
    padding: 0;
    padding-bottom: 1rem;
  }
  .module-36 > .container .segment.expanded .content {
    padding-: 1.5rem 1rem 0;
    margin-bottom: 0;
  }
  .module-36 > .container .segment.expanded .content h2 {
    font-size: 2rem;
  }
  .module-36 > .container .segment.expanded .content .lead {
    font-size: 1.175rem;
    line-height: normal;
  }
  .module-36 > .container .segment.expanded .content .ca-button {
    margin-bottom: 1rem;
  }
}
.module-36 > .container > .row > .segment {
  background-color: #ffffff;
}
.module-36 > .container > .row > .segment.expanded {
  -webkit-box-align: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
  padding: 5rem;
}
@media screen and (max-width: 992px) {
  .module-36 > .container > .row > .segment.expanded {
    padding: 3rem 2rem;
  }
}
@media screen and (max-width: 540px) {
  .module-36 > .container > .row > .segment.expanded {
    padding: 2rem 1rem;
  }
  .module-36 > .container > .row > .segment.expanded .content {
    padding: 1rem 0;
  }
}
.module-36 > .container > .row > .segment.expanded .content:nth-child(1) {
  -webkit-box-flex: 1.25;
      -ms-flex: 1.25;
          flex: 1.25;
}
.module-36 > .container > .row > .segment.expanded .content:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.module-36 > .container > .row > .segment.expanded .content:nth-child(3) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.module-36 > .container > .row > .segment.expanded .content h2 {
  font-size: 2rem;
}
.module-36 > .container > .row > .segment.expanded .content .lead {
  line-height: 1.2;
}
.module-36 > .container > .row > .segment .h3-title {
  font-size: 1rem;
  text-transform: none;
  margin-bottom: 0.75rem;
}

@media screen and (max-width: 992px) {
  .module-37 .member-Swiper .mem-wrap {
    height: 348px;
    min-width: 272px;
    max-width: 272px;
  }
  .module-37 .member-Swiper .mem-wrap:last-child {
    margin-right: 1rem;
  }
  .module-37 .member-Swiper .mem-wrap .member-slide-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    height: 100%;
  }
  .module-37 .member-Swiper .mem-wrap .member-slide-card:hover .img-cover {
    -webkit-transition: -webkit-transform 0.35s ease-in-out;
    transition: -webkit-transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
  }
  .module-37 .member-Swiper .mem-wrap .member-slide-card .slide-content {
    height: 100%;
    padding: 1rem 1rem 0;
  }
  .module-37 .member-Swiper .mem-wrap .member-slide-card .slide-content .head {
    font-size: 1.125rem;
  }
  .module-37 .member-Swiper .mem-wrap .member-slide-card .slide-content .ca-button {
    margin-bottom: 1rem;
  }
  .module-37 .member-Swiper .mem-wrap .member-slide-card picture {
    height: 326px;
    overflow: hidden;
    position: relative;
    min-width: 190px;
    width: 100%;
  }
  .module-37 .member-Swiper .mem-wrap .member-slide-card picture .img-cover {
    position: absolute;
    width: 100%;
    border-radius: 6px 6px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .module-37 .row.row-mem-slider {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .module-37 .row.row-mem-slider .member-Swiper .swiper-wrapper {
    -ms-scroll-snap-type: initial;
        scroll-snap-type: initial;
  }
  .module-37 .row.row-mem-slider .member-Swiper .swiper-wrapper .swiper-slide:first-child {
    margin-left: 1rem;
  }
  .module-37 > .container > .row > .col {
    padding-left: 0.5rem;
  }
  .module-37 > .container > .row > .col .title {
    padding-left: 0.25rem;
  }
}

@media screen and (max-width: 767px) {
  .module-38 > .container .row.flex .col-lg-6 .bright-red .modflex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 1200px) {
  .module-38 > .container .row.flex .col-lg-6 .bright-red .right-panel {
    width: 400px;
  }
}
@media screen and (max-width: 992px) {
  .module-38 > .container .row.flex .col-lg-6 .bright-red .right-panel {
    margin-bottom: 0;
    padding-right: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .module-38 > .container .row.flex .col-lg-6 .bright-red .right-panel {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .module-38 > .container .row.flex .col-lg-6 .bright-red .right-panel picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .module-38 > .container .row.flex .col-lg-6 .bright-red .right-panel picture .img-cover {
    max-width: 200px;
  }
}
.module-38 > .container .row.flex .col-lg-6 .bright-red .right-panel .img-cover {
  padding-top: 3rem;
}
@media screen and (max-width: 1200px) {
  .module-38 > .container .row.flex .col-lg-6 .bright-red .right-panel .img-cover {
    padding-top: 0;
    margin-top: 4.1rem;
  }
}
@media screen and (max-width: 992px) {
  .module-38 > .container .row.flex .col-lg-6 .bright-red .right-panel .img-cover {
    margin-top: 3.25rem;
  }
}
@media screen and (max-width: 768px) {
  .module-38 > .container .row.flex .col-lg-6 .bright-red .right-panel .img-cover {
    margin-top: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .module-38 > .container .row.flex .col-lg-6 .bright-red .right-panel .img-cover {
    margin-top: 0;
  }
}
.module-38 > .container .row.flex .col-lg-6 .right-panel {
  width: 300px;
}
@media screen and (max-width: 992px) {
  .module-38 > .container .row.flex .col-lg-6 {
    margin-bottom: 1.5rem;
  }
  .module-38 > .container .row.flex .col-lg-6 .right-panel .img-cover {
    max-width: 300px;
  }
  .module-38 > .container .row.flex .col-lg-6 .ca-button-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .module-38 > .container .row.flex .col-lg-6 .ca-button-wrap .img-button {
    margin-right: 0;
  }
  .module-38 > .container .row.flex .col-lg-6 .ca-button-wrap a {
    -ms-flex-item-align: start;
        align-self: flex-start;
    height: 42px;
  }
  .module-38 > .container .row.flex .col-lg-6 .ca-button-wrap a:first-child {
    margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 460px) {
  .module-38 > .container .row.flex .col-lg-6 .gray .modflex-rev {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .module-38 > .container .row.flex .col-lg-6 .gray .modflex-rev .flex-stretch.right-panel {
    max-height: 180px;
    max-width: none;
    width: 100%;
  }
  .module-38 > .container .row.flex .col-lg-6 .gray .modflex-rev .flex-stretch.right-panel .img-cover {
    max-width: none;
  }
}
@media screen and (max-width: 1200px) {
  .module-38 .segment.bright-red .right-panel {
    width: 500px;
  }
  .module-38 .segment.bright-red .right-panel .img-cover {
    -o-object-fit: contain;
       object-fit: contain;
    margin-top: 72px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
  .module-38 .segment.bright-red .right-panel .img-cover {
    margin-left: 0;
    margin-top: 26px;
  }
}
.module-38 .segment .ca-button-wrap a .img-button {
  height: 32px;
}
.module-38 .segment .ca-button-wrap a:first-child .img-button {
  margin-right: 0.75rem;
}
.module-38 .segment.flex-stretch {
  height: 100%;
}
.module-38 .segment.flex-stretch .modflex-rev {
  height: 100%;
}
.module-38 .segment.flex-stretch .modflex-rev .right-panel {
  max-width: 300px;
}
@media screen and (max-width: 992px) {
  .module-38 .segment.flex-stretch .modflex-rev {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .module-38 .segment.flex-stretch .modflex-rev .h2.roadside {
    margin-top: 2rem;
  }
  .module-38 .segment.flex-stretch .modflex-rev .left-panel {
    padding: 1.5rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .module-38 .segment.flex-stretch .modflex-rev .left-panel .ca-button {
    -ms-flex-item-align: self-start;
        -ms-grid-row-align: self-start;
        align-self: self-start;
    margin-top: auto;
  }
  .module-38 .segment.flex-stretch .modflex-rev .img-cover {
    border-radius: 6px 6px 0 0;
  }
}
.module-38 .segment.flex-stretch.modflex .right-panel {
  margin-right: 1rem;
  margin-top: 1rem;
}
.module-38 .segment.flex-stretch.modflex .right-panel .img-cover {
  max-width: 360px;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .module-38 .segment .right-panel {
    margin-bottom: -1.75rem;
  }
}
.module-38 .segment .left-panel {
  padding: 4rem 1.5rem 1rem;
}
@media screen and (max-width: 1200px) {
  .module-38 .segment .left-panel {
    padding-top: 2rem;
  }
}
@media screen and (max-width: 992px) {
  .module-38 .segment.inverted {
    height: 100%;
  }
}
@media screen and (max-width: 992px) {
  .module-38 .segment.inverted .modflex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 992px) and (max-width: 768px) {
  .module-38 .segment.inverted .modflex {
    height: 100%;
  }
}
@media screen and (max-width: 992px) {
  .module-38 .segment.inverted .modflex .left-panel {
    padding: 1.5rem 1rem;
  }
  .module-38 .segment.inverted .modflex .img-cover {
    border-radius: 0;
  }
}
@media screen and (max-width: 992px) {
  .module-38 .segment.gray.inverted .modflex-rev .right-panel.flex-stretch {
    margin-bottom: 0;
    max-width: 100%;
    position: relative;
  }
}
.module-38 .segment .ca-button-wrap a .img-button {
  height: 32px;
}
.module-38 .segment .ca-button-wrap a:first-child .img-button {
  margin-right: 0.75rem;
}
.module-38 .segment.flex-stretch {
  height: 100%;
}
.module-38 .segment.flex-stretch .modflex-rev {
  height: 100%;
}
.module-38 .segment.flex-stretch .modflex-rev .right-panel {
  max-width: 300px;
}
@media screen and (max-width: 992px) {
  .module-38 .segment.flex-stretch .modflex-rev {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .module-38 .segment.flex-stretch .modflex-rev .h2.roadside {
    margin-top: 2rem;
  }
  .module-38 .segment.flex-stretch .modflex-rev .left-panel {
    padding: 1.5rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .module-38 .segment.flex-stretch .modflex-rev .left-panel .ca-button {
    -ms-flex-item-align: self-start;
        -ms-grid-row-align: self-start;
        align-self: self-start;
    margin-top: auto;
  }
  .module-38 .segment.flex-stretch .modflex-rev .img-cover {
    border-radius: 6px 6px 0 0;
  }
}
.module-38 .segment.flex-stretch.modflex .right-panel {
  margin-right: 1rem;
  margin-top: 1rem;
}
.module-38 .segment.flex-stretch.modflex .right-panel .img-cover {
  max-width: 360px;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .module-38 .segment .right-panel {
    margin-bottom: -1.75rem;
  }
}
@media screen and (max-width: 992px) {
  .module-38 .segment.inverted {
    height: 100%;
  }
}
@media screen and (max-width: 992px) {
  .module-38 .segment.inverted .modflex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .module-38 .segment.inverted .modflex .left-panel {
    padding: 1.5rem 1rem;
  }
}
@media screen and (max-width: 992px) and (max-width: 767px) {
  .module-38 .segment.inverted .modflex .left-panel {
    padding-bottom: 0;
  }
  .module-38 .segment.inverted .modflex .left-panel .ca-button-wrap a:first-child {
    height: auto;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 992px) {
  .module-38 .segment.inverted .modflex .img-cover {
    border-radius: 0;
  }
}
@media screen and (max-width: 768px) {
  .module-38 .segment.bright-red .right-panel .img-cover {
    margin-top: -28px;
  }
}
@media screen and (max-width: 767px) {
  .module-38 .segment.bright-red .right-panel .img-cover {
    margin-top: 3px;
  }
}
@media screen and (max-width: 767px) {
  .module-38 > .container {
    width: calc(100% - 1rem);
  }
}

.module-39 .segment {
  padding: 0 0.5rem;
}
.module-39 .segment .cta-container {
  height: 660px;
}
@media screen and (max-width: 992px) {
  .module-39 .segment .cta-container {
    height: 400px;
  }
}
@media screen and (max-width: 768px) {
  .module-39 .segment .cta-container {
    padding: 0;
  }
  .module-39 .segment .cta-container .cta-content {
    padding: 1.75rem 1rem;
  }
}
@media screen and (max-width: 992px) {
  .module-39 .segment:first-child {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .module-39 > .container {
    width: calc(100% - 1rem);
  }
}

.my-vehicles-div {
  max-width: 960px;
  margin: 4rem auto;
}
@media (max-width: 768px) {
  .my-vehicles-div .ca-component {
    padding-left: 0;
    padding-right: 0;
  }
}

.my-vehicles-add-div {
  max-width: 960px;
  margin: 4rem auto;
}
@media (max-width: 992px) {
  .my-vehicles-add-div > .ca-component {
    padding: 0;
  }
  .my-vehicles-add-div > .ca-component .cd-multi-steps.text-top li {
    margin-right: 15px;
  }
  .my-vehicles-add-div > .ca-component .cd-multi-steps.text-top li:after {
    width: calc(100% + 20px);
  }
}
.my-vehicles-add-div .ui .form-group select {
  background: #fff;
}

.add-vehicle-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 960px;
  padding-bottom: 2rem;
}
@media (max-width: 768px) {
  .add-vehicle-color {
    padding-left: 0;
    padding-right: 0;
  }
}
.add-vehicle-color legend {
  text-align: center;
}
.add-vehicle-color .flex-wrap .flex-5 {
  max-width: none;
}
.add-vehicle-color .flex-wrap .flex-5 .radio.stacked {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 130px;
          flex: 1 1 130px;
}
@media (max-width: 992px) {
  .add-vehicle-color .flex-wrap .flex-5 .radio.stacked {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 120px;
            flex: 1 1 120px;
  }
}
@media (max-width: 992px) and (max-width: 768px) {
  .add-vehicle-color .flex-wrap .flex-5 .radio.stacked {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 80px;
            flex: 1 1 80px;
  }
}

.my-vehicles-edit-div .ca-component form legend {
  text-align: center;
}
.my-vehicles-edit-div .ca-component .radio-grid {
  margin: auto;
}

@media screen and (max-width: 992px) {
  .module-40 > .container {
    width: calc(100% - 1rem);
  }
}
.module-40 .image-card.full {
  height: 205px;
}
.module-40 .image-card.full .clamp-wrap {
  padding: 1rem;
}
.module-40 .image-card.full .clamp-wrap .clamp1 {
  font-size: 1.125rem;
  height: 20px;
}
.module-40 .scroll-area-wrap {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}
.module-40 .scroll-area-wrap .scroll-area {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
@media screen and (max-width: 1400px) {
  .module-40 .scroll-area-wrap .scroll-area .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 992px) {
  .module-40 .scroll-area-wrap .scroll-area .row {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media screen and (max-width: 768px) {
  .module-40 .scroll-area-wrap .scroll-area {
    margin-left: -0.5rem;
  }
  .module-40 .scroll-area-wrap .scroll-area .row {
    padding-left: 1rem;
  }
}
.module-40 .scroll-area-wrap .scroll-area .col-3 {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  max-width: 25%;
}
@media screen and (max-width: 992px) {
  .module-40 .scroll-area-wrap .scroll-area .col-3 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.module-40 .scroll-area-wrap .scroll-area .col-3:nth-child(4n) {
  margin-bottom: 1.5rem;
}
.module-40 .scroll-area-wrap .scroll-area .col-3:last-child {
  margin-bottom: 0;
}

.module-42 .segment {
  padding: 3rem 2rem;
}

.module-44 .col-lg-4 .segment {
  position: relative;
}
.module-44 .col-lg-4 .segment:after {
  background-image: url("https://cluballiance.aaa.com/img/orbit-1.png");
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 70px;
  width: 70px;
}
.module-44 .col-lg-8 .segment {
  position: relative;
}
.module-44 .col-lg-8 .segment:after {
  background-image: url("https://cluballiance.aaa.com/img/orbit-2.png");
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 90px;
  width: 90px;
}
.module-44 h1.title {
  margin-bottom: 2.5rem;
}
.module-44 .contact-wrap-outer {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  max-width: 660px;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .module-44 .contact-wrap-outer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.module-44 .contact-wrap-outer .center-divide {
  font-size: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  position: relative;
  top: -10px;
}
@media only screen and (max-width: 600px) {
  .module-44 .contact-wrap-outer .center-divide {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 25px;
    width: 100%;
  }
}
.module-44 .contact-wrap-outer .center-divide:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 24px;
  background-color: #98150b;
  top: -30px;
  left: 6px;
}
@media only screen and (max-width: 600px) {
  .module-44 .contact-wrap-outer .center-divide:before {
    height: 1px;
    left: 20px;
    top: 8px;
    width: 40%;
  }
}
@media only screen and (max-width: 400px) {
  .module-44 .contact-wrap-outer .center-divide:before {
    left: 10px;
    width: 35%;
  }
}
.module-44 .contact-wrap-outer .center-divide:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 24px;
  background-color: #98150b;
  top: 20px;
  left: 6px;
}
@media only screen and (max-width: 600px) {
  .module-44 .contact-wrap-outer .center-divide:after {
    height: 1px;
    left: auto;
    right: 20px;
    top: 8px;
    width: 40%;
  }
}
@media only screen and (max-width: 400px) {
  .module-44 .contact-wrap-outer .center-divide:after {
    right: 10px;
    width: 35%;
  }
}
.module-44 .contact-wrap-outer .ca-button {
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 600px) {
  .module-44 .contact-wrap {
    margin-top: 4rem;
  }
}
.module-44 .contact-wrap .contact {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-44 .contact-wrap .contact .top-text {
  margin-bottom: 0.75rem;
}
.module-44 .contact-wrap .contact .icon-phone {
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 1.25rem;
  position: relative;
}
.module-44 .contact-wrap .contact .icon-phone:before {
  content: "";
  background-image: url("https://cluballiance.aaa.com/img/2021/phone-white.svg");
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  height: 14px;
  width: 14px;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.module-44 h2 {
  font-size: 2rem;
  text-align: center;
}
.module-44 .segment {
  padding-bottom: 1.5rem;
  padding-top: 65px;
}
@media only screen and (max-width: 992px) {
  .module-44 .segment {
    padding-top: 2rem;
  }
}
.module-44 .segment.right {
  padding-bottom: 0;
}
.module-44 .segment.right .content-wrap {
  margin-bottom: 1rem;
}
@media only screen and (max-width: 1200px) {
  .module-44 .segment.right .content-wrap h2 {
    margin-bottom: 0.5rem;
  }
}
.module-44 .segment.right .contact .icon-phone {
  padding-left: 1.25rem;
  position: relative;
}
.module-44 .segment.right .contact .icon-phone:before {
  content: "";
  background-image: url(https://cluballiance.aaa.com/img/2021/phone.svg);
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  height: 14px;
  width: 14px;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.module-44 .segment.no-pt {
  padding-top: 0;
}
.module-44 .segment.split.alt {
  max-height: 286px;
  min-height: 286px;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (max-width: 992px) {
  .module-44 .segment.split.alt.right {
    max-height: 200px;
    min-height: 200px;
  }
}
.module-44 .segment.split.alt .blue {
  color: #003087;
}
@media only screen and (max-width: 600px) {
  .module-44 .segment.split.alt.left {
    min-height: 390px;
    max-height: 390px;
    padding-top: 2rem;
  }
}
.module-44 .small-text {
  font-size: 0.875rem;
}

/*===================== Module 45 =========================*/
.module-45 #nmlp-app * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.module-45 #nmlp-app {
  font-family: "BryantRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  min-width: 320px;
  max-width: 1440px;
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.module-45 .h2 {
  font-family: "Tungsten A", "Tungsten B";
  text-transform: uppercase;
  font-size: 3rem;
  line-height: 1;
  margin-bottom: 2rem;
}

@media all and (max-width: 1200px) {
  .module-45 .h2 {
    font-size: 2.5rem;
    padding-left: 0;
  }
}
.module-45 .td-title {
  font-family: "Tungsten A", "Tungsten B";
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-size: 2rem;
  line-height: 1;
}
.module-45 .td-title.classic-title {
  color: #003087;
}
.module-45 .td-title.plus-title {
  color: #A3812A;
}

.module-45 #nmlp-app .cd-auto-hide-header {
  top: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.module-45 #nmlp-app .cd-auto-hide-header.is-hidden {
  top: 5px;
}

.module-45 .sub-text {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.2;
  max-width: 170px;
  margin: auto;
  margin-top: 0;
}

.module-45 #nmlp-app .cyp-i-color {
  color: rgba(0, 0, 0, 0.5) !important;
}

.module-45 #nmlp-app .quantity {
  background-color: white !important;
}

.module-45 #nmlp-app .nmlp-header-wrap {
  background: #fff;
  margin-left: 0;
  margin-right: 0;
  padding-top: 3px;
  width: 100%;
}

.module-45 #nmlp-app .nmlp-choice-header {
  background: #efefef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  /*padding: 1px 1px 0;*/
  width: calc(100% - 5px);
  /*align-content: flex-start;*/
}

.module-45 #nmlp-app .nmlp-choice-header .navbar-btn-group {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.module-45 #nmlp-app .nmlp-choice-header .navbar-btn-group.increment-button {
  display: block;
}

.module-45 #nmlp-app .nmlp-choice-header .navbar-btn-group .btn-group {
  width: calc(100% - 6px);
}

.module-45 #nmlp-app .nmlp-choice-header .navbar-btn-group .input-group {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.module-45 #nmlp-app .nmlp-choice-header .navbar-btn-group .input-group .input-group-btn {
  width: 25%;
}

.module-45 #nmlp-app .nmlp-choice-header .navbar-btn-group .input-group button {
  color: #fff;
  padding: 4px 12px;
  width: 100%;
}

.module-45 #nmlp-app .nmlp-choice-header .navbar-btn-group .input-group .btn-number,
.module-45 #nmlp-app .nmlp-choice-header .navbar-btn-group .input-group .input-number {
  border: none;
  font-size: 1.5rem;
  font-weight: 100;
  height: 38px;
  text-align: center !important;
}

.module-45 #nmlp-app .nmlp-choice-header .navbar-btn-group .input-group .input-number {
  font-weight: 800;
}

.module-45 #nmlp-app .nmlp-choice-header .navbar-btn-group .input-group .btn-number [data-action=increase] {
  border-radius: 0 3px 3px 0;
}

.module-45 #nmlp-app .nmlp-choice-header .navbar-btn-group .input-group .btn-number [data-action=decrease] {
  border-radius: 3px 0 0 3px;
}

.module-45 #nmlp-app .nmlp-choice-header .navbar-btn-group .input-group .input-number .glyphicon {
  color: #fff;
}

.module-45 #nmlp-app .nmlp-choice-header .navbar-btn-group.increment-button {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.module-45 #nmlp-app .count-input {
  -webkit-box-shadow: none;
          box-shadow: none;
  display: table-cell;
  height: initial;
}

.module-45 #nmlp-app .selector-description {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.module-45 #nmlp-app i.fal {
  font-style: normal;
}

.module-45 #nmlp-app .nmlp-plan-features .fa {
  font-size: 20px;
  display: block;
  opacity: 0.5;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.module-45 #nmlp-app .nmlp-plan-features .fa:hover {
  opacity: 1;
}

.module-45 #nmlp-app .nmlp-plan-features .fa.select-svg {
  opacity: 1;
}

.module-45 #nmlp-app .count-input .incr-btn.inactive {
  opacity: 1;
}

.module-45 #nmlp-app .count-input .incr-btn {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  background: #BE1A0E;
  color: #fff;
  display: block;
  font-family: "BryantRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 15px;
  width: 70px;
  font-size: 36px;
  font-weight: 100;
  text-align: center;
  top: 50%;
  text-decoration: none;
}

.module-45 #nmlp-app .nmlp-aaa-branding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /*align-items: center;*/
  padding: 15px;
}

.module-45 #nmlp-app .nmlp-aaa-branding img {
  margin-left: 10px;
  margin-top: 5px;
  height: 33px;
  width: auto;
}

.module-45 #nmlp-app .nmlp-aaa-branding span {
  color: #BE1A0E;
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 26px;
  font-style: italic;
  font-weight: bold;
  margin-right: 20px;
}

.module-45 #nmlp-app .count-input input {
  height: auto;
}

.module-45 #nmlp-app .count-input .incr-btn {
  background: #BE1A0E;
  border-radius: 2px;
  font-size: 36px;
  font-weight: bold;
  padding: 18px;
}

.module-45 #nmlp-app .count-input .incr-btn.inactive {
  background: #BE1A0E;
}

.module-45 #nmlp-app .count-input input {
  font-size: 28px;
  font-weight: bold;
}

.module-45 #nmlp-app label {
  /*display: flex;*/
  /*align-items: center;*/
  margin: 0;
}

.module-45 #nmlp-app .title-label {
  display: block;
  width: 180px;
}

.module-45 #nmlp-app .title-label .label {
  color: #222222;
  display: block;
  font-size: 16px;
  padding: 0; /* .35em */
  text-align: center;
}

.module-45 #nmlp-app .nmlp-choice-header .btn-group span {
  display: block;
  font-weight: bold;
  text-align: center;
}

.module-45 #nmlp-app .pagination {
  width: 100%;
}

.module-45 #nmlp-app .nmlp-plan-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
      align-items: flex-end;
}

.module-45 #nmlp-app .nmlp-sub-header {
  background: #fff;
  display: block;
  font-weight: bold;
  padding: 6px 0 8px;
  text-align: center;
}

.module-45 #nmlp-app .nmlp-plan-button-wrap {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.module-45 #nmlp-app .nmlp-plan-selector-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  /*width: 60%;*/
  width: 100%;
}

.module-45 #nmlp-app .nmlp-plan-selector-wrap .nmlp-plan-button {
  position: relative;
  width: 33.3333333333%;
}

.module-45 #nmlp-app .nmlp-plan-features {
  border-collapse: collapse;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 70px;
  /*padding-top: 30px;*/
}

.module-45 #nmlp-app .nmlp-plan-features tbody {
  background: #fff;
  display: table;
  width: 100%;
}

.module-45 #nmlp-app .nmlp-plan-features .plan-feature {
  /*width: 40%;*/
  width: 100%;
}

.module-45 #nmlp-app .nmlp-plan-features .plan-bool {
  /*width: 20%;*/
  width: 33.3333333333%;
}

.module-45 #nmlp-app .nmlp-plan-features .nmlp-plan-row {
  /*align-items: center;*/
  /*border-bottom: 1px solid rgba(0, 0, 0, .2);*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
}

/*.module-45 #nmlp-app .nmlp-plan-features .nmlp-plan-row.shaded {
    background: rgba(0, 0, 0, .015);
}*/
.module-45 #nmlp-app .nmlp-plan-features .plan-highlight-cta td.plan-cell:first-child {
  font-weight: bold;
}

.module-45 #nmlp-app .nmlp-plan-features .plan-cost {
  padding-bottom: 10px;
}

.module-45 #nmlp-app .nmlp-plan-features .plan-cell {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*font-size: 14px;*/
  font-weight: bold;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 42px;
}

.module-45 #nmlp-app .nmlp-plan-features .plan-highlight-cta .plan-cell,
.module-45 #nmlp-app .nmlp-plan-features .plan-highlight-cta .plan-bool.plan-cost {
  font-weight: normal;
  line-height: 1;
}

.module-45 #nmlp-app .nmlp-plan-features .plan-highlight-cta .plan-cell .feature-highlight {
  font-weight: bold;
}

.module-45 #nmlp-app .nmlp-plan-features .plan-highlight {
  font-size: 16px;
  padding-bottom: 0;
}

.module-45 #nmlp-app .nmlp-plan-features .plan-bool.plan-cost {
  width: 33.3333333333%;
  max-width: 33.333333%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: 1.4;
}

.module-45 #nmlp-app .plan-label {
  background: #BE1A0E;
  border-radius: 2px;
  color: #fff;
  font-size: 20px;
  height: 60px;
  letter-spacing: 1px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.module-45 #nmlp-app .sticky-pin .plan-label {
  height: 55px;
}

.module-45 #nmlp-app .plan-cell {
  position: relative;
}

.module-45 #nmlp-app .plan-cell .boolen-label {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  overflow: hidden;
  opacity: 0;
  /* line-height: 1em; */
  font-size: 100px;
}

.module-45 #nmlp-app .count-input .incr-btn:last-child {
  margin-right: 0;
}

.module-45 #nmlp-app .count-input .incr-btn:first-child {
  margin-left: 0;
}

.module-45 .plan-selector {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.module-45 .nmlp-plan-button {
  padding: 0 2px;
}

.module-45 .plan-label {
  position: relative;
}

.module-45 .plan-label:after {
  content: "";
  display: block;
  border: 12px solid transparent;
  border-top-color: #BE1A0E;
  position: absolute;
  top: 99%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.module-45 .plan-label:after {
  display: none;
}

.module-45 #nmlp-app .nmlp-head-text {
  font-size: 22px;
  font-weight: bold;
}

.module-45 #nmlp-app .nmlp-subtext {
  display: block;
  text-align: center;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.4;
}

.module-45 #nmlp-app .nmlp-subtext.large {
  display: block;
  text-align: center;
  line-height: 1.35;
  opacity: 0.85;
  font-size: 1rem;
}
@media (max-width: 1200px) {
  .module-45 #nmlp-app .nmlp-subtext.large {
    font-size: 0.875rem;
  }
}

/*.module-45 #nmlp-app .join-button-wrap {
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.85);
    position: fixed;
    bottom: 0;
    left: 0;
    height: 60px;
    width: 100%;
    background: #efefef;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 999999;
}*/
.module-45 #nmlp-app .join-button-wrap .join-button {
  border: 2px solid #BE1A0E;
  color: #fff;
  display: block;
  background: #BE1A0E;
  /* background-size: 1.5rem; */
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.65em;
  font-weight: 800;
  letter-spacing: 1px;
  margin: 0;
  width: 100%;
  max-width: 100%;
  padding: 12px 0;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  text-align: center;
  text-transform: uppercase;
  z-index: 999;
}

.module-45 #nmlp-app .join-button-wrap .join-button:hover,
.module-45 #nmlp-app .join-button-wrap .join-button:focus {
  cursor: pointer;
  pointer-events: auto;
}

.module-45 #nmlp-app tbody .nmlp-plan-row + .nmlp-toggle {
  border-bottom: none;
  padding: 0;
}

.module-45 #nmlp-app tbody .nmlp-plan-row td:nth-child(2) {
  background-color: #E6EAF3;
}

@media all and (max-width: 1200px) {
  .module-45 #nmlp-app tbody .nmlp-plan-row td:nth-child(2):after {
    background-color: transparent;
  }
}
.module-45 #nmlp-app tbody .nmlp-plan-row td:nth-child(3) {
  background-color: #FFF6E6;
}

.module-45 #nmlp-app tbody .nmlp-plan-row td:nth-child(4) {
  background-color: #F3F4F4;
}

.module-45 #nmlp-app tbody .nmlp-plan-row.top-row td:nth-child(2),
.module-45 #nmlp-app tbody .nmlp-plan-row.top-row td:nth-child(3),
.module-45 #nmlp-app tbody .nmlp-plan-row.top-row td:nth-child(4) {
  border-radius: 6px 6px 0 0;
  padding-top: 1.5rem;
}

.module-45 #nmlp-app tbody .nmlp-toggle-button .flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.module-45 #nmlp-app tbody .nmlp-toggle-button .flex-column .text {
  color: #BE1A0E;
  margin-bottom: 20px;
  margin-top: 10px;
}

.module-45 #nmlp-app tbody .nmlp-toggle > td.plan-highlight {
  width: 100%;
  margin-left: 0;
  margin-top: 0;
  border-bottom: none;
  border-radius: 4px;
  color: #fff;
  padding-top: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.module-45 #nmlp-app tbody .nmlp-toggle > td.plan-highlight:hover {
  cursor: pointer;
}

.module-45 #nmlp-app .feature-detail {
  font-weight: normal;
  font-size: 12px;
}

.module-45 #nmlp-app .feature-detail .feature-highlight {
  font-size: 22px;
}

.module-45 .fa {
  /*display: none;*/
}

.module-45 #nmlp-app .fal.fa-check,
.module-45 #nmlp-app .fal.fa-times {
  font-size: 24px;
  font-weight: bold;
}

.module-45 #nmlp-app .fal.fa-check {
  color: #00B200;
}

.module-45 #nmlp-app .fal.fa-times {
  color: #BE1A0E;
}

.module-45 #nmlp-app .nmlp-plan-selector-wrap.is-hidden .plan-label {
  height: 60px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.module-45 #nmlp-app .label {
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.module-45 #nmlp-app .cd-auto-hide-header.is-hidden {
  -webkit-transform: translateY(-225%);
  -ms-transform: translateY(-225%);
  transform: translateY(-225%);
}

.module-45 #nmlp-app .stick-wrap {
  background: #fff;
}

.module-45 #nmlp-app .fixed-header .navbar {
  /*border: none;
  padding-right: 10px;
  padding-left: 20px;*/
}

/*====================   Counter  =======================*/
.module-45 input,
.module-45 textarea {
  border: 1px solid #eeeeee;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  outline: none;
  padding: 10px;
}

.module-45 input[type=button] {
  -webkit-appearance: button;
  cursor: pointer;
}

.module-45 input::-webkit-outer-spin-button,
.module-45 input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.module-45 .input-group {
  clear: both;
  margin: 0;
  position: relative;
}

.module-45 .input-group input[type=button] {
  background-color: #eeeeee;
  min-width: 38px;
  width: auto;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.module-45 .input-group .button-minus,
.module-45 .input-group .button-plus {
  font-weight: bold;
  height: 38px;
  padding: 0;
  width: 38px;
  position: relative;
}

.module-45 .input-group .quantity-field {
  position: relative;
  height: 38px;
  text-align: center;
  width: 62px;
  display: inline-block;
  font-size: 13px;
  margin: 0 0 5px;
  resize: vertical;
}

.module-45 .button-plus {
  left: -13px;
}

.module-45 input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: none;
}

.module-45 [aria-pressed=true]:focus,
.module-45 [data-field=quantity]:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.1rem #000;
          box-shadow: 0 0 0 0.1rem #000;
}

.module-45 .table-tier-footer {
  font-size: 0.75rem;
  text-align: center;
  width: calc(75% + 1rem);
  margin-left: auto;
}

@media all and (max-width: 1200px) {
  .module-45 .table-tier-footer {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 2rem);
  }
  .module-45 .table-tier-footer .segment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .module-45 .table-tier-footer .segment > span {
    margin-bottom: 1rem;
  }
}
.module-45 .table-tier-footer .table-disclaimer-footer {
  line-height: 1.2;
  padding: 0 6rem;
}

.module-45 .table-tier-footer .table-disclaimer-footer a {
  color: #222;
  font-weight: bold;
  text-decoration: underline;
}

.module-45 .segment.right.three-quarters {
  border: 1px solid #e7e8e8;
  /*width: calc(75% + 1rem);*/
  /*margin-left: auto;*/
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.ca-button.small {
  font-weight: normal;
  font-size: 0.75rem;
  padding: 0.5rem 0.75rem;
}

.tungsten.large {
  font-size: 2rem;
  line-height: 1;
}

.mr16 {
  margin-right: 1rem !important;
}

/*====================   Counter  =======================*/
@media all and (min-width: 1200px) {
  /*.module-45 #annualmonthlycostdescription {
      visibility: hidden;
  }*/
  .module-45 #nmlp-app .stick-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 960px;
  }
  .module-45 #nmlp-app header {
    height: 180px;
  }
  .module-45 #nmlp-app .nmlp-choice-header {
    background: #fff;
    /*align-self: baseline;
    flex-direction: column-reverse;
    margin-top: 0;*/
    display: block;
    margin-bottom: 0;
    margin-top: 3px;
    width: 40%;
  }
  .module-45 #nmlp-app .fixed-header .nmlp-choice-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .module-45 #nmlp-app .nmlp-aaa-branding img {
    height: 55px;
  }
  .module-45 #nmlp-app .nmlp-aaa-branding span {
    font-size: 32px;
    margin-top: 6px;
  }
  .module-45 #nmlp-app .nmlp-choice-header .navbar-btn-group.increment-button {
    display: inline;
    float: left;
    width: 100%;
  }
  .module-45 #nmlp-app .fixed-header .nmlp-choice-header .navbar-btn-group .input-group .btn-number {
    height: 39px;
  }
  .module-45 #nmlp-app .nmlp-choice-header .navbar-btn-group {
    display: inline;
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
    /*width: 350px;*/
  }
  .module-45 #nmlp-app .nmlp-choice-header .navbar-btn-group .btn-group {
    margin-bottom: 3px;
    margin-top: -1px;
    width: calc(100% - 1px);
  }
  .module-45 #nmlp-app .increment-button .label-text {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    /*width: 204px;*/
  }
  .module-45 #nmlp-app .nmlp-choice-header .navbar-btn-group .input-group {
    /*width: auto;*/
    /*float: right;*/
    height: auto; /*39px;*/
    width: 175px;
    /*height: 36px;*/
  }
  .module-45 #nmlp-app .nmlp-choice-header .navbar-btn-group .input-group .input-number {
    border: 1px solid #ccc;
  }
  .module-45 #nmlp-app .nmlp-choice-header .navbar-btn-group .input-group .input-group-btn {
    width: 30%;
  }
  .module-45 #nmlp-app .cd-auto-hide-header.is-hidden {
    top: 0;
  }
  .module-45 #nmlp-app .nmlp-choice-header .btn-group {
    width: 100%;
  }
  .module-45 #nmlp-app .nmlp-choice-header .btn-group span {
    text-align: right;
    width: 25%;
  }
  .module-45 #nmlp-app .pagination {
    border-radius: 2px;
    float: none; /*right*/
    width: 175px;
  }
  .module-45 #nmlp-app .input-group {
    clear: none;
  }
  .module-45 #nmlp-app .nmlp-aaa-branding {
    background: #fff;
    height: 100px;
    max-width: 960px;
    padding: 20px;
    /*position: fixed;*/
    width: 100%;
    z-index: 999;
  }
  .module-45 #nmlp-app .nmlp-plan-features {
    /*padding-top: 170px;*/
    padding-bottom: 25px;
  }
  .module-45 #nmlp-app .plan-label {
    height: 89px;
  }
  .module-45 #nmlp-app .nmlp-plan-features .plan-feature {
    text-align: left;
    /*width: calc(35% + 12px);*/
    width: 22%;
  }
  /*.module-45 #nmlp-app .nmlp-plan-features .plan-feature.plan-highlight {
      width: 22%;
  }*/
  .module-45 #nmlp-app .nmlp-plan-features .plan-cell {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .module-45 #nmlp-app .nmlp-plan-features .plan-cell.plan-bool {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .module-45 #nmlp-app .nmlp-plan-selector-wrap.is-hidden .plan-label {
    height: 80px;
  }
  .module-45 #nmlp-app .nmlp-plan-features .plan-bool.plan-cost,
.module-45 #nmlp-app .nmlp-plan-features .plan-cell.feature-detail {
    /*width: calc(20% + 4px);*/
    width: calc(22% + 27px);
  }
  .module-45 #nmlp-app .nmlp-header-wrap {
    margin-left: 2px;
    margin-right: 0;
    margin-top: 0;
    width: 60%;
  }
  .module-45 #nmlp-app .nmlp-plan-selector-wrap {
    /*flex-direction: row;*/
    margin: 0 auto;
    /*margin-top: 82px;*/
    left: 0;
    right: 0;
    max-width: 960px;
    width: 100%;
  }
  .module-45 #nmlp-app .nmlp-plan-button-wrap {
    width: calc(100% - 4px);
  }
  .module-45 #nmlp-app .nmlp-plan-features .nmlp-plan-row {
    gap: 1rem;
    padding: 0;
  }
  /*#nmlp-app .nmlp-plan-features .nmlp-plan-row.hd-mobile {
      display: flex !important;
  }*/
  .module-45 #nmlp-app .nmlp-plan-features .plan-cost {
    padding-bottom: 0;
  }
  .module-45 #nmlp-app .nmlp-plan-button input[type=radio] {
    position: absolute;
    top: 50%;
    left: 50%;
    height: calc(100% - 8px);
    width: calc(100% - 6px);
  }
  .module-45 #nmlp-app .nmlp-plan-button input[type=radio]:focus,
.module-45 #nmlp-app .nmlp-plan-button input[type=radio]:hover {
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.75);
            box-shadow: 0 0 12px rgba(0, 0, 0, 0.75);
  }
  /*#nmlp-app .radio-button label {
      padding: 6px 13px 7px 14px;
  }*/
  /*#nmlp-app label {
      !*flex-direction: column;*!
      margin-bottom: 4px;
  }*/
  .module-45 #nmlp-app .title-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .module-45 #nmlp-app .title-label .label {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold;
    margin-left: 0;
    padding: 0;
    width: 25%;
  }
  .module-45 #nmlp-app .nmlp-choice-header .label-text {
    margin-right: 15px;
    margin-top: 8px;
    text-align: right;
    float: left;
    clear: left;
    width: 140px;
  }
  .module-45 #nmlp-app .join-button-wrap {
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 60px;
    /*width: 60%;*/
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  .module-45 #nmlp-app .join-button-wrap .join-button {
    display: block;
    width: 80%;
    margin: 15px auto;
    max-width: 280px;
    background: #BE1A0E;
    height: 68px;
    color: #fff;
    border-radius: 4px;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all ease 2s;
    transition: all ease 2s;
  }
  .module-45 #nmlp-app .nmlp-plan-features .plan-cell.plan-highlight:not(.nmlp-toggle-button) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.125rem;
    padding: 1.675rem 0;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .module-45 #nmlp-app .nmlp-plan-features tbody .nmlp-plan-row.top-row td {
    padding-top: 0;
  }
  .module-45 .top-row .td-title {
    margin-bottom: 0;
    padding: 1.5rem 0;
  }
  .module-45 .top-row .td-title.classic-title {
    color: #003087;
  }
  .module-45 .top-row .td-title.plus-title {
    color: #A3812A;
  }
  .module-45 #nmlp-app .nmlp-plan-features .plan-cell.plan-highlight .fa-info-circle {
    margin-right: 15px;
  }
  /*
          #nmlp-app .nmlp-plan-feature .fa-info-circle[aria-describedby]:before {
              opacity: 1;
          }
  */
  .module-45 #nmlp-app .feature-detail .span-70 {
    display: inline-block;
    font-size: 12px;
  }
  .module-45 #nmlp-app .invisible {
    visibility: hidden;
  }
  /*==================FIXED HEADER ====================*/
  /*#nmlp-app .fixed-header .nmlp-choice-header {
      flex-direction: row-reverse;
  }*/
  .module-45 #nmlp-app .fixed-header .nmlp-choice-header .navbar-btn-group {
    display: block;
  }
  .module-45 #nmlp-app .fixed-header .nmlp-choice-header .label-text {
    display: none;
  }
  .module-45 #nmlp-app .fixed-header .radio-button .input-group {
    padding-top: 6.5px;
  }
  .module-45 #nmlp-app .fixed-header .pagination {
    height: 41px;
    margin-right: 21px;
  }
  .mr16-dt {
    margin-right: 16px;
  }
}
@media all and (min-width: 300px) and (max-width: 800px) {
  .module-45 #nmlp-app .nmlp-plan-features .plan-cell.hd-mobile {
    display: none;
  }
  .module-45 #nmlp-app .nmlp-plan-features .nmlp-plan-row.full-center td {
    width: 100%;
  }
}
@media all and (max-width: 340px) {
  .module-45 #nmlp-app .fixed-header .navbar {
    padding-left: 0;
  }
  .module-45 #nmlp-app .nmlp-plan-button-wrap {
    width: 100%;
  }
  .module-45 #nmlp-app .plan-label {
    font-size: 16px;
  }
  .module-45 #nmlp-app .nmlp-choice-header .navbar-btn-group {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
  .module-45 #nmlp-app .nmlp-choice-header .navbar-btn-group .input-group {
    margin-left: 0;
    width: 100%;
  }
  .module-45 #nmlp-app .radio-button .pagination > li > a {
    font-size: 13px;
  }
}
/* main */
.module-45 header {
  height: 200px;
  z-index: 10;
}

.module-45 .header-banner {
  background-color: #333;
  background-image: url("https://37.media.tumblr.com/8b4969985e84b2aa1ac8d3449475f1af/tumblr_n3iftvUesn1snvqtdo1_1280.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 300px;
}

.module-45 header h1 {
  background-color: rgba(18, 72, 120, 0.8);
  color: #fff;
  padding: 0 1rem;
  position: absolute;
  top: 2rem;
  left: 2rem;
}

.module-45 #nmlp-app .fixed-header {
  position: fixed;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2px;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
}

.module-45 nav {
  width: 100%;
  height: 60px;
  background: #292f36;
  postion: fixed;
  z-index: 10;
}

.module-45 nav div {
  color: white;
  font-size: 2rem;
  line-height: 60px;
  position: absolute;
  top: 0;
  left: 2%;
  visibility: hidden;
}

.module-45 .visible-title {
  visibility: visible;
}

.module-45 nav ul {
  list-style-type: none;
  margin: 0 2% auto 0;
  padding-left: 0;
  text-align: right;
  max-width: 100%;
}

.module-45 nav ul li {
  display: inline-block;
  line-height: 60px;
  margin-left: 10px;
}

.module-45 nav ul li a {
  text-decoration: none;
  color: #a9abae;
}

.module-45 .content {
  margin: 0 auto;
  padding: 4rem 0;
  width: 960px;
  max-width: 100%;
}

.module-45 article {
  float: left;
  width: 720px;
}

.module-45 article p:first-of-type {
  margin-top: 0;
}

.module-45 aside {
  float: right;
  width: 120px;
}

.module-45 p img {
  max-width: 100%;
}

.module-45 #nmlp-app .fixed-header .plan-label {
  height: 60px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .module-45 #nmlp-app .nmlp-choice-header .navbar-btn-group .input-group .btn-number {
    margin-top: -14px;
  }
  .module-45 #nmlp-app .nmlp-choice-header .navbar-btn-group .input-group .input-number {
    line-height: 1.25 !important;
  }
}
@media screen and (-ms-high-contrast: active) and (min-width: 800px), screen and (-ms-high-contrast: none) and (min-width: 800px) {
  .module-45 #nmlp-app .nmlp-choice-header .navbar-btn-group .input-group .input-number {
    height: 38px;
  }
  .module-45 #nmlp-app .fixed-header .pagination {
    margin-right: -34px !important;
  }
}
@media screen and (max-width: 1200px) {
  .module-45 #nmlp-app .nmlp-plan-features .nmlp-plan-row {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .module-45 #nmlp-app .nmlp-plan-features .plan-cell.plan-highlight {
    font-size: 1.125rem;
  }
  .module-45 #nmlp-app .nmlp-plan-features .plan-cell .tooltip {
    margin-left: 1rem;
  }
  .module-45 #nmlp-app .nmlp-plan-features .plan-cell.hidden-desktop,
.module-45 #nmlp-app .nmlp-plan-features .border-divide > .plan-cell:first-child {
    background-color: #fff;
    margin-top: 1rem;
    margin-bottom: 1rem;
    min-height: 30px;
  }
  .module-45 #nmlp-app tbody .nmlp-plan-row td:nth-child(2),
.module-45 #nmlp-app tbody .nmlp-plan-row td:nth-child(3),
.module-45 #nmlp-app tbody .nmlp-plan-row td:nth-child(4),
.module-45 .border-divide .plan-cell:after {
    background-color: #fff;
  }
  .module-45 .border-divide .plan-cell.cyp-classic,
.module-45 .border-divide .plan-cell.cyp-plus,
.module-45 .border-divide .plan-cell.cyp-premier {
    padding: 1.75rem 0.5rem;
  }
  .module-45 .border-divide .plan-cell.cyp-classic:after,
.module-45 .border-divide .plan-cell.cyp-plus:after,
.module-45 .border-divide .plan-cell.cyp-premier:after {
    background-color: #fff;
  }
  .module-45 #nmlp-app tbody .nmlp-plan-row.top-row td:nth-child(2),
.module-45 #nmlp-app tbody .nmlp-plan-row.top-row td:nth-child(3),
.module-45 #nmlp-app tbody .nmlp-plan-row.top-row td:nth-child(4) {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .module-45 #nmlp-app tbody .nmlp-plan-row td:nth-child(3) {
    position: relative;
  }
  .module-45 #nmlp-app tbody .nmlp-plan-row td:nth-child(3):before,
.module-45 #nmlp-app tbody .nmlp-plan-row td:nth-child(3):after {
    content: "";
    background-color: #e0e0e0;
    position: absolute;
    height: 100%;
    top: 0;
    width: 1px;
  }
  .module-45 #nmlp-app tbody .nmlp-plan-row td:nth-child(3):before {
    left: 0;
  }
  .module-45 #nmlp-app tbody .nmlp-plan-row td:nth-child(3):after {
    right: 0;
  }
  .module-45 #nmlp-app tbody .nmlp-plan-row td#level-2-cost:nth-child(3):before {
    height: 60%;
    top: 10%;
  }
  .module-45 #nmlp-app tbody .nmlp-plan-row td#level-2-cost:nth-child(3):after {
    height: 60%;
    top: 10%;
  }
  /*.module-45 #nmlp-app .nmlp-plan-features .top-row > .plan-cell.plan-highlight {*/
  /*    background-color: #fff;*/
  /*}*/
  .module-45 .fa.fa-info-circle {
    margin-left: 15px;
  }
  .module-45 #nmlp-app tbody .nmlp-plan-row.top-row td:nth-child(2),
.module-45 #nmlp-app tbody .nmlp-plan-row.top-row td:nth-child(3),
.module-45 #nmlp-app tbody .nmlp-plan-row.top-row td:nth-child(4) {
    background-color: #fff;
  }
  .module-45 #nmlp-app tbody .nmlp-plan-row.top-row td {
    background-color: #fff;
  }
}
.module-45 .monthlyCheckedStyle {
  z-index: 2 !important;
  color: #fff !important;
  background: #BE1A0E !important;
  border-radius: 2px !important;
  cursor: default !important;
  text-shadow: none !important;
}

.module-45 .popover {
  max-width: 300px !important;
  min-width: 300px !important;
}

@media screen and (max-width: 1200px) {
  .module-45 #nmlp-app .join-button-wrap .join-button {
    border: 2px solid #BE1A0E;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.85);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.85);
    bottom: 0;
    color: #fff;
    left: 0;
    right: 0;
    display: block;
    background: #BE1A0E;
    /* background-size: 1.5rem; */
    font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.65em;
    font-weight: 800;
    letter-spacing: 1px;
    margin: 0;
    width: 100%;
    max-width: 100%;
    padding: 12px 0;
    position: fixed;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    text-align: center;
    text-transform: uppercase;
    z-index: 999;
  }
}
@media screen and (min-width: 1199px) {
  .module-45 .install-pay-text-mobile {
    display: none !important;
  }
}
@media screen and (max-width: 1199px) {
  .module-45 .install-pay-text-desktop {
    /*display: none !important;*/
  }
  /*.module-45 #nmlp-app .nmlp-plan-features
  {
      padding-top: 70px;
  }*/
  .module-45 .plan-cell .h2 {
    text-align: center;
    margin-bottom: 1.5rem;
    width: 100%;
  }
  .module-45 .plan-cell .h2 br {
    display: none;
  }
}
.module-45 #nmlp-app .nmlp-choice-header .label-text {
  width: 120px !important;
}

.module-45 .nmlp-subtext-desktop {
  padding-top: 55px;
}

.brown {
  color: #664100 !important;
}

.border-divide {
  position: relative;
}

.module-45 .border-divide .plan-cell:after {
  background-color: #D0D1D1;
  bottom: 0;
  content: "";
  position: absolute;
  height: 1px;
  width: 80%;
}

@media screen and (max-width: 1200px) {
  .module-45 .border-divide .plan-cell:after {
    background-color: transparent;
  }
}
.module-45 .border-divide .plan-cell.cyp-plus:after {
  background-color: #D0D1D1;
}

@media screen and (max-width: 1200px) {
  .module-45 .border-divide .plan-cell.cyp-plus:after {
    background-color: transparent;
  }
}
.module-45 .border-divide .plan-cell.cyp-premier:after {
  background-color: #D0D1D1;
}

@media screen and (max-width: 1200px) {
  .module-45 .border-divide .plan-cell.cyp-premier:after {
    background-color: transparent;
  }
}
/*.border-divide .plan-highlight:after {
    left: 1rem
}

.border-divide .plan-cell.cyp-plus:after {
    background-color: #e6d5b8;
}

.border-divide .plan-cell.cyp-premier:after {
    background-color: #d5dae0;
}*/
.module-45 #nmlp-app .nmlp-plan-features .nmlp-plan-row td {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.module-45 #nmlp-app .nmlp-plan-features .nmlp-plan-row:last-of-type td {
  border-radius: 0 0 6px 6px;
}

.module-45 #nmlp-app .nmlp-plan-features .nmlp-plan-row:last-of-type td:after {
  background-color: transparent;
}

@media screen and (max-width: 1200px) {
  /* .module-45 #nmlp-app .nmlp-plan-features .nmlp-plan-row td:after {
       background-color: #e0e0e0;
   }*/
  /* .module-45 #nmlp-app .nmlp-plan-features .nmlp-plan-row td:nth-child(2):after {
       background-color: #e0e0e0;
   }*/
  .module-45 #nmlp-app .nmlp-plan-features .nmlp-plan-row:last-child td:nth-child(3):after {
    background-color: #e0e0e0;
  }
}
@media screen and (min-width: 1200px) {
  .hidden-desktop {
    visibility: hidden;
  }
  /*#level-1-cost,
  #level-2-cost,
  #level-3-cost {
      margin-top: -2rem;
  }*/
}
@media screen and (max-width: 768px) {
  .module-45 #nmlp-app .nmlp-plan-features .plan-bool.plan-cost .feature-highlight {
    font-size: 0.875rem;
  }
  .module-45 #nmlp-app .nmlp-plan-features .plan-bool.plan-cost .sub-text {
    font-size: 0.75rem;
    line-height: 1.1;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .module-45 .td-title {
    font-size: 2rem;
  }
}
@media screen and (max-width: 460px) {
  .module-45 #nmlp-app .nmlp-plan-features .plan-bool.plan-cost .sub-text {
    /*font-size: .65rem;*/
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.bold {
  font-weight: bold !important;
}

#slide-panel .module-45 #nmlp-app .nmlp-plan-features .plan-button {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 2rem);
}
@media screen and (max-width: 1200px) {
  #slide-panel .module-45 #nmlp-app .nmlp-plan-features .plan-button {
    width: calc(100% - 1rem);
    font-size: 0.875rem;
    padding-bottom: 0.5rem;
  }
}
#slide-panel .module-45 #nmlp-app .nmlp-plan-features .plan-feature.group-title {
  font-size: 2rem;
}
#slide-panel .module-45 #nmlp-app .nmlp-plan-features .tooltip-content {
  background-color: #222222;
  color: #ffffff;
  line-height: 1.25;
  top: -80px;
}
#slide-panel .module-45 #nmlp-app .nmlp-plan-features .tooltip-content a {
  color: #ffffff;
  text-decoration: underline;
}
#slide-panel .module-45 #nmlp-app .nmlp-plan-features .tooltip-content:before {
  border-top: solid 8px #222222;
  bottom: -100px;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

/*=========================== Module 45 ===========================*/
.module-46 > .container > .row {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
@media only screen and (max-width: 1200px) {
  .module-46 .segment {
    padding-bottom: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 992px) {
  .module-46 .segment {
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .module-46 .segment .right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.module-46 .segment.black {
  background-color: #222;
  padding-top: 0;
  padding-bottom: 0;
}
.module-46 .segment.black .mobile-app-img {
  margin-top: 3rem;
  max-width: 260px;
}
@media only screen and (max-width: 1200px) {
  .module-46 .segment.black .mobile-app-img {
    margin-left: auto;
  }
}
@media only screen and (max-width: 768px) {
  .module-46 .segment.black .mobile-app-img {
    margin-right: auto;
  }
}
.module-46 .segment.black h2 {
  font-size: 2rem;
}
@media only screen and (max-width: 1200px) {
  .module-46 .segment.black h2 {
    margin-bottom: 0.5rem;
  }
}
.module-46 .segment.black h2, .module-46 .segment.black p, .module-46 .segment.black label {
  color: #ffffff;
}
.module-46 .segment .download-link {
  margin-left: 6rem;
  margin-right: auto;
}
@media only screen and (max-width: 768px) {
  .module-46 .segment .download-link {
    margin-left: auto;
    margin-right: auto;
  }
}
.module-46 .segment .download-link .ca-label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}
.module-46 .segment .download-link .ca-input {
  border: 0;
  border-radius: 4px;
  margin-right: 0.5rem;
  padding: 0.5rem 1rem;
  width: 240px;
}
@media only screen and (max-width: 1400px) {
  .module-46 .segment .download-link .ca-input {
    margin-bottom: 0.5rem;
    margin-right: 0;
  }
}
.module-46 .segment .download-link .ca-button {
  border: 0;
  padding: 0.5rem 1rem;
  cursor: pointer;
}
@media only screen and (max-width: 1400px) {
  .module-46 .segment .download-link .ca-button {
    width: 100%;
    max-width: 240px;
  }
}

.group-title-margin {
  margin-top: 3rem;
}

.img-responsive {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.img-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}

.col-flex {
  display: flex;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.col-flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-1 {
  -webkit-box-flex: 1.3344;
      -ms-flex: 1.3344;
          flex: 1.3344;
}

.flex-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.full-brd-radius {
  border-radius: 6px;
}

.lft-brd-radius {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rgt-brd-radius {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.content-centered {
  margin-left: auto;
  margin-right: auto;
}

.col7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 58.3333333333%;
}

.col3 {
  -webkit-box-flex: 25%;
      -ms-flex: 25%;
          flex: 25%;
}

/* Colored Backgrounds */
.bg-gray {
  background-color: #f3f4f4;
}

.lrg-p {
  font-size: 1.125rem;
  font-family: "BryantRegular" !important;
}

ul.checks {
  position: relative;
  margin-left: 1.6rem;
}

ul.checks > li::before {
  content: url("../images/_fpo/checkbox.png");
  position: absolute;
  /*top: 8px; */
  left: -1.6rem;
  width: 8px;
  height: 8px;
}

ul.bullets {
  list-style-type: disc !important;
  margin-left: 1.2rem;
}

.addit {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: bold;
}
.addit.px-3 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

/* ACCORDION */
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  /* background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s; */
}

.accordion-header {
  font-family: "BryantWebMedium";
  font-size: 1.5rem;
  position: relative;
  cursor: pointer;
}

.accordion-header > h2 {
  font-size: 1.5rem;
}

.btn-container {
  position: absolute;
  z-index: 15;
  right: 4rem;
  top: 0.55rem;
}

.ca-button .secondary .no-fill {
  border: 1px solid #222222;
  color: #222222;
}

.accordion-header::after {
  content: "⌄";
  font-size: 2rem;
  float: right;
  margin-top: -2.1rem;
}

.accordion-active::after {
  content: "⌃";
  margin-top: -1.5rem;
}

.img-hdr::after {
  content: "⌄";
  font-size: 2rem;
  float: right;
  margin-top: 0rem;
}

.img-hdr .accordion-active::after {
  content: "⌃";
  margin-top: 0rem;
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
}

.accordion-active {
  /*display: block;*/
}

.accordion-content > hr {
  border-top: 1px solid #898d8d;
}

.accordion-columns {
  /*column-count: 4;*/
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  /* background-color: #ccc; */
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  /* padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden; */
}

@media only screen and (max-width: 767.5px) {
  .col7, .col3 {
    width: 100%;
  }
  .col-flex-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .lft-brd-radius {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .rgt-brd-radius {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
}
ul.horizontal {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3.313rem;
}

ul.horizontal > li > a {
  display: block;
  color: #0e0e0e;
  text-align: center;
  text-decoration: none;
}

.icon {
  width: 3.5rem;
  height: 3.5rem;
}
.icon.small {
  height: 15px;
}

.icon-med {
  height: 2.8rem;
}

@media only screen and (max-width: 768px) {
  ul.horizontal {
    padding-top: 2rem;
  }
  .icon, .icon-med {
    width: 2.5rem;
    height: 2.5rem;
  }
  .icon + p {
    padding-top: 0.5rem;
    font-size: 1rem;
  }
}
ol.numbered li {
  position: relative; /* so that pseudoelements are positioned relatively to their "li"s*/
  /* use padding-bottom instead of margin-bottom.*/
  margin-bottom: 0; /* This overrides previously specified margin-bottom */
  padding-bottom: 3rem;
  counter-increment: list;
  margin-left: 1.5rem;
}

ol.numbered li:after {
  /* bullets */
  content: counter(list);
  position: absolute;
  left: -1.625rem; /*adjust manually*/
  top: 0px;
  background-color: black;
  width: 1.5rem;
  height: 1.5rem;
  padding-top: 0.35rem;
  padding-left: 0.5rem;
  border-radius: 1.5rem;
  color: white;
  font-size: 0.85rem;
}

ol.numbered li:before {
  /* lines */
  content: "";
  position: absolute;
  left: -1rem; /* adjust manually */
  border-left: 1px solid black;
  height: 100%;
  width: 1px;
}

ol.numbered li:first-child:before {
  /* first li's line */
  top: 0.375rem; /* moves the line down so that it disappears under the bullet. Adjust manually */
}

ol.numbered li:last-child:before {
  /* last li's line */
  height: 0.375rem; /* shorten the line so it goes only up to the bullet. Is equal to first-child:before's top */
}

.segment.inverted.gray {
  background: #222222;
  color: #fff;
}

.thirds-img {
  -o-object-fit: none;
     object-fit: none;
  -o-object-position: right center;
     object-position: right center;
}

.app-button {
  background-color: #000;
  border: 1px solid #000;
  height: 1.5rem;
}

h2.roadside {
  font-size: 2rem;
  color: white;
}

.left-panel {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}

.right-panel {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

@media screen and (max-width: 767px) {
  .modflex.flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .modflex-rev.flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.cta-container {
  position: relative;
}

.cta-content {
  position: absolute;
  padding: 3.5rem;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}

.bg-overlay:after {
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0));
  border-radius: 6px;
}

section.general-content h2.title {
  margin-bottom: 1rem;
}
section.general-content h3.title {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}
section.general-content .content, section.general-content p, section.general-content li {
  font-size: 1.175rem;
}
section.general-content .content, section.general-content p {
  margin-bottom: 1.5rem;
}
section.general-content ul li {
  margin-bottom: 1rem;
}
section.general-content ul.disc {
  list-style: disc;
  padding-left: 1.5rem;
}
section.general-content ul.disc li {
  margin-bottom: 1rem;
}
section.general-content ol {
  list-style: decimal;
  padding-left: 1.5rem;
}
section.general-content ol li {
  margin-bottom: 1rem;
}
section.general-content .list-wrap {
  margin-top: 3.75rem;
}
@media screen and (max-width: 991px) {
  section.general-content .list-wrap {
    margin-top: 1rem;
  }
}

.image-card.full .img-cover {
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  transition: -webkit-transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
}

.image-card.full picture {
  overflow: hidden;
}

.image-card.full:hover .img-cover {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
@media screen and (max-width: 992px) {
  .image-card.full:hover .img-cover {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.module-6 .image-card.full picture {
  border-radius: 6px 6px 0 0;
  height: 302px;
  position: relative;
}

.module-7 .scroll-area .row {
  width: 100%;
}
.module-7 .scroll-area .row .col {
  min-width: 272px;
}
.module-7 .image-card {
  display: block;
  position: relative;
}
.module-7 .image-card:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(90%, rgb(0, 0, 0)));
  background-image: linear-gradient(to bottom, transparent 50%, rgb(0, 0, 0) 90%);
  opacity: 0.95;
  z-index: 1;
}
.module-7 .image-card .content {
  color: #fff;
  position: absolute;
  top: calc(80% - 1rem);
  left: 2rem;
  width: calc(100% - 4rem);
  z-index: 9;
}
@media screen and (max-width: 992px) {
  .module-7 .image-card .content {
    left: 1rem;
    width: calc(100% - 2rem);
  }
}

.module-10 .image-card.full {
  height: auto;
  margin-bottom: 1rem;
}

.module-10 .image-card.full.top picture {
  border-radius: 6px;
  height: 100px;
  position: relative;
  width: 100%;
}

.module-10 .image-card.full.top .ca-text-overlay {
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  z-index: 99;
  bottom: 1rem;
  left: 1rem;
  color: #fff;
}

.module-10 .image-card.full.top picture:before {
  content: "";
  height: 122px;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  border-radius: 6px;
  z-index: 9;
}

.module-14 .row-slider .swiper-slide .image-card picture {
  height: 360px;
}
.module-14 .row-slider .swiper-slide .image-card .footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
  font-weight: bold;
  overflow: hidden;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 0 0 6px 6px;
  height: 74px;
  padding: 1.5rem;
}

@media screen and (max-width: 1200px) {
  .module-16 .slider-row .image-card {
    height: 316px;
  }
}
.module-16 .slider-row .image-card .footer {
  position: relative;
  overflow: hidden;
}

.module-17 .image-card.full {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin-bottom: 1rem;
}

.module-17 .image-card picture {
  border-radius: 6px;
  height: 100px;
  width: 100px;
  min-width: 100px;
}

.module-17 .image-card.full .title {
  font-family: "BryantWebMedium", sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  color: #222;
  margin-left: 1.5rem;
}
@media screen and (max-width: 1200px) {
  .module-17 .image-card.full .title {
    font-size: 1.25rem;
  }
}

.module-17 .image-card picture .img-cover {
  height: 100px;
  width: 100px;
}

.image-card.full .clamp-wrap {
  position: relative;
}

.deals-Swiper .image-card.full img {
  height: 246px;
}

.image-card.full .tag {
  z-index: 9;
}

.member-slide-card picture {
  min-width: 190px;
  overflow: hidden;
  width: 190px;
}

.member-slide-card:hover .img-cover {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
@media screen and (max-width: 992px) {
  .member-slide-card:hover .img-cover {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

@media screen and (max-width: 1200px) {
  .image-card.full picture {
    border-radius: 6px 6px 0 0;
    height: auto;
  }
}
@media screen and (max-width: 1200px) {
  .module-17 .image-card.full picture {
    height: 100px;
  }
}
#next-best-action-1 .segment {
  padding: 2rem 2.5rem;
  position: relative;
}
#next-best-action-1 .segment.border {
  border-radius: 6px;
}
@media screen and (max-width: 992px) {
  #next-best-action-1 .segment {
    padding: 1.5rem 0.75rem;
  }
}
#next-best-action-1 .segment .segment-content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 992px) {
  #next-best-action-1 .segment .segment-content-wrap {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
#next-best-action-1 .segment .segment-content-wrap .fb-100 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
#next-best-action-1 .segment .segment-content-wrap .ca-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 1.5rem;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: -2px;
}
@media screen and (max-width: 992px) {
  #next-best-action-1 .segment .segment-content-wrap .ca-icon {
    margin-bottom: 0.75rem;
  }
}

#next-best-action-2 .container {
  max-width: 100%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #next-best-action-2 .container {
    max-width: calc(100% - 1.5rem);
  }
}
#next-best-action-2 .container .col {
  padding: 0;
  position: relative;
}
#next-best-action-2 .container .segment {
  background-color: #ebf7f0;
  border-radius: 0;
  padding: 2.5rem;
}
@media screen and (max-width: 992px) {
  #next-best-action-2 .container .segment {
    padding-bottom: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  #next-best-action-2 .container .segment {
    border-radius: 6px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
#next-best-action-2 .container .segment button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-left: 1.5rem;
}
@media screen and (max-width: 768px) {
  #next-best-action-2 .container .segment .ca-button-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #next-best-action-2 .container .segment .ca-button-wrap .ca-button {
    padding: 0.75rem;
    width: 100%;
  }
  #next-best-action-2 .container .segment .ca-button-wrap .ca-button:first-child {
    margin-bottom: 0.75rem;
  }
}
#next-best-action-2 .container .segment .segment-content-wrap {
  font-size: 1.25rem;
}
#next-best-action-2 .container .segment .segment-content-wrap .aaa-close {
  background: url("https://cluballiance.aaa.com/img/menu-icons/close.svg") no-repeat center center #e8f6ee;
  border: none;
  position: absolute;
  top: 2rem;
  right: 3rem;
  z-index: 2;
  padding: 1.25rem 1rem;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  #next-best-action-2 .container .segment .segment-content-wrap .aaa-close {
    right: 1.5rem;
    top: 1rem;
  }
}
@media screen and (max-width: 768px) {
  #next-best-action-2 .container .segment .segment-content-wrap .aaa-close {
    right: 0.75rem;
    top: 0.25rem;
  }
}
@media screen and (max-width: 768px) {
  #next-best-action-2 .container .segment .segment-content-wrap .content {
    font-size: 1.35rem;
  }
  #next-best-action-2 .container .segment .segment-content-wrap .content p {
    line-height: 1.2;
  }
}
#next-best-action-2 .container .segment .segment-content-wrap .ca-icon {
  margin-right: 0.5rem;
  height: 18px;
}

#next-best-action-3 .segment {
  padding: 2rem 2.5rem;
  position: relative;
}
#next-best-action-3 .segment.border {
  border-radius: 6px;
}
@media screen and (max-width: 992px) {
  #next-best-action-3 .segment {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  #next-best-action-3 .segment .ca-button {
    width: 100%;
    margin-bottom: 0.75rem;
  }
}

#next-best-action-4 .segment.full {
  padding: 2rem 2.5rem;
  position: relative;
}
@media screen and (max-width: 992px) {
  #next-best-action-4 .segment.full {
    padding: 1.5rem 0.75rem;
  }
}
#next-best-action-4 .segment.full.border {
  border: 1px solid #e7e8e8;
  border-radius: 6px;
}
@media screen and (max-width: 992px) {
  #next-best-action-4 .segment.full .content {
    margin-bottom: 0.75rem;
  }
}
@media screen and (max-width: 992px) {
  #next-best-action-4 .segment.full {
    padding: 1.5rem 0.75rem;
  }
}

#next-best-action-6 .row > * {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
#next-best-action-6 .ca-button.primary.blue.small {
  border-radius: 6px;
  font-size: 1rem;
  padding: 1.25rem;
}
#next-best-action-6 .ca-button.primary.blue.small:hover {
  background-color: #002870;
}
#next-best-action-6 .segment {
  background-color: #e6eaf3;
  padding: 1.5rem;
  position: relative;
}
#next-best-action-6 .segment.border {
  border-radius: 6px;
}
@media screen and (max-width: 992px) {
  #next-best-action-6 .segment {
    padding: 1.5rem 0.75rem;
  }
}
#next-best-action-6 .segment .segment-content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#next-best-action-6 .segment .segment-content-wrap .title {
  font-family: "Tungsten A", "Tungsten B";
  font-size: 2rem;
  text-transform: uppercase;
}
@media screen and (max-width: 992px) {
  #next-best-action-6 .segment .segment-content-wrap .title {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 992px) {
  #next-best-action-6 .segment .segment-content-wrap {
    text-align: center;
  }
  #next-best-action-6 .segment .segment-content-wrap .content {
    margin-bottom: 0;
  }
}
#next-best-action-6 .segment .segment-content-wrap .fb-100 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
#next-best-action-6 .segment .segment-content-wrap .ca-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 1.5rem;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: -2px;
}
@media screen and (max-width: 992px) {
  #next-best-action-6 .segment .segment-content-wrap .ca-icon {
    margin-bottom: 0.75rem;
  }
}

.next-best-action.section {
  padding-bottom: 1.5rem;
}
@media screen and (min-width: 992px) {
  .next-best-action.section {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-bottom: 0;
  }
}
.next-best-action.sectionsection[id^=next-best-] {
  padding-bottom: 1.5rem;
}
@media screen and (max-width: 992px) {
  .next-best-action .container {
    width: calc(100% - 1.5rem);
  }
}
.next-best-action .segment.border {
  border: 1px solid #e7e8e8;
}
.next-best-action .ca-tag {
  border-radius: 50px;
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  padding: 0.5rem 1.5rem;
}
.next-best-action .ca-tag.tan {
  background-color: #fff8eb;
  color: #664b16;
}
.next-best-action .ca-tag.light-blue {
  background-color: #e6eaf3;
  color: #003087;
}
.next-best-action .ca-tag.top {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}
.next-best-action .ca-button {
  color: #222222;
  font-weight: normal;
}
.next-best-action .ca-button.primary {
  color: #ffffff;
}
.next-best-action .fb-100 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.next-best-action .ca-tag {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 2rem;
}
@media screen and (max-width: 992px) {
  .next-best-action .ca-tag {
    margin-right: 0;
    margin-bottom: 0.75rem;
  }
}
.next-best-action .ca-button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}
.next-best-action .ca-button-wrap.flex-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 992px) {
  .next-best-action .ca-button-wrap.flex-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .next-best-action .ca-button-wrap.flex-center .ca-button {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 992px) {
  .next-best-action .ca-button-wrap {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.next-best-action .ca-button-wrap button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin-left: 1.5rem;
}
@media screen and (max-width: 992px) {
  .next-best-action .ca-button-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .next-best-action .ca-button-wrap .ca-button {
    margin-bottom: 0.75rem;
    padding: 0.75rem;
  }
  .next-best-action .ca-button-wrap button {
    margin: 0;
    padding: 0.75rem;
  }
}
@media screen and (max-width: 768px) {
  .next-best-action .ca-button-wrap {
    width: 100%;
  }
  .next-best-action .ca-button-wrap .ca-button, .next-best-action .ca-button-wrap button {
    width: 100%;
  }
}

#next-best-action-5.section {
  padding-left: 0;
  padding-right: 0;
}
#next-best-action-5 .container {
  max-width: 100%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #next-best-action-5 .container {
    max-width: calc(100% - 1.5rem);
  }
}
#next-best-action-5 .container .col {
  padding: 0;
  position: relative;
}
#next-best-action-5 .container .segment {
  background: url("../../img/svgs/gold-orbit.svg") left top no-repeat #fff6e6;
  border-radius: 0;
  padding: 2.5rem;
  padding-bottom: 1.5rem;
}
@media screen and (max-width: 992px) {
  #next-best-action-5 .container .segment {
    padding-bottom: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  #next-best-action-5 .container .segment {
    border-radius: 6px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
#next-best-action-5 .container .segment button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-left: 1.5rem;
}
@media screen and (max-width: 768px) {
  #next-best-action-5 .container .segment .ca-button-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: auto;
    max-width: 160px;
  }
  #next-best-action-5 .container .segment .ca-button-wrap .ca-button {
    padding: 0.75rem;
    width: 100%;
  }
  #next-best-action-5 .container .segment .ca-button-wrap .ca-button:first-child {
    margin-bottom: 0.75rem;
  }
}
#next-best-action-5 .container .segment .segment-content-wrap {
  font-size: 1.25rem;
}
#next-best-action-5 .container .segment .segment-content-wrap .aaa-close {
  background: url("https://cluballiance.aaa.com/img/menu-icons/close.svg") no-repeat center center #fff6e6;
  border: none;
  position: absolute;
  top: 2rem;
  right: 3rem;
  z-index: 2;
  padding: 1.25rem 1rem;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  #next-best-action-5 .container .segment .segment-content-wrap .aaa-close {
    right: 1.5rem;
    top: 1rem;
  }
}
@media screen and (max-width: 768px) {
  #next-best-action-5 .container .segment .segment-content-wrap .aaa-close {
    right: 0.75rem;
    top: 0.25rem;
  }
}
#next-best-action-5 .container .segment .segment-content-wrap .content p {
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.2;
}
#next-best-action-5 .container .segment .segment-content-wrap .content p.small-text {
  font-size: 1.375rem;
}
@media screen and (max-width: 768px) {
  #next-best-action-5 .container .segment .segment-content-wrap .content p.small-text {
    font-size: 1rem;
  }
}
#next-best-action-5 .container .segment .segment-content-wrap .content p .dark {
  font-size: 2.5rem;
  color: #a3812a;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 768px) {
  #next-best-action-5 .container .segment .segment-content-wrap .content {
    font-size: 1.35rem;
  }
  #next-best-action-5 .container .segment .segment-content-wrap .content p {
    line-height: 1.2;
  }
}
#next-best-action-5 .container .segment .segment-content-wrap .ca-icon {
  margin-right: 0.5rem;
  height: 18px;
}
#next-best-action-5 .container .segment .segment-content-wrap .disclaimer {
  display: block;
  font-size: 1rem;
  color: #222222;
  margin-top: 1rem;
  text-align: center;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  #next-best-action-5 .container .segment .segment-content-wrap .disclaimer {
    margin-top: 0;
  }
}
#next-best-action-5 .container .segment .segment-content-wrap .disclaimer a {
  color: #222222;
  font-size: 0.875rem;
  text-decoration: underline;
}
#next-best-action-5 .container .segment .segment-content-wrap .tooltip {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#next-best-action-5 .container .segment .segment-content-wrap .tooltip .tooltip-content {
  background-color: #222222;
  color: #ffffff;
  left: auto;
  line-height: 1.4;
  top: 3rem;
  width: 340px;
}
#next-best-action-5 .container .segment .segment-content-wrap .tooltip .tooltip-content:before {
  border-top: solid 8px #222222;
}

.module-45#ca-membership-tier {
  position: relative;
}
@media screen and (max-width: 1200px) {
  .module-45#ca-membership-tier .container {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
.module-45#ca-membership-tier .cd-panel__close {
  background-image: url("../../img/close-circle-x.svg");
  background-repeat: no-repeat;
  height: 28px;
  padding: 1rem;
  right: 0;
  width: 28px;
  top: -3rem;
}
@media screen and (max-width: 1199px) {
  .module-45#ca-membership-tier .cd-panel__close {
    margin: auto;
    left: 0;
    right: 0;
    top: -4rem;
  }
}
.module-45#ca-membership-tier .cd-panel__close:before, .module-45#ca-membership-tier .cd-panel__close:after {
  background: none;
  content: " ";
}
.module-45#ca-membership-tier .nmlp-plan-features .nmlp-plan-row {
  -ms-flex-wrap: unset;
      flex-wrap: unset;
}
@media screen and (max-width: 1200px) {
  .module-45#ca-membership-tier .nmlp-plan-features .nmlp-plan-row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 1200px) {
  .module-45#ca-membership-tier .nmlp-plan-features .nmlp-plan-row.top-row .plan-cell {
    padding-bottom: 0;
  }
  .module-45#ca-membership-tier .nmlp-plan-features .nmlp-plan-row.top-row:nth-child(2) .plan-highlight {
    display: none;
  }
  .module-45#ca-membership-tier .nmlp-plan-features .nmlp-plan-row.top-row:nth-child(2) .plan-cell:before, .module-45#ca-membership-tier .nmlp-plan-features .nmlp-plan-row.top-row:nth-child(2) .plan-cell:after {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .module-45#ca-membership-tier .nmlp-plan-features .nmlp-plan-row {
    padding-left: 0;
    padding-right: 0;
  }
}
.module-45#ca-membership-tier .border-divide .plan-cell.plan-highlight:after {
  width: 100%;
}
@media screen and (max-width: 600px) {
  .module-45#ca-membership-tier.tier-slide-panel .plan-cell.plan-cell:first-child {
    gap: 0.25rem;
  }
}
.module-45#ca-membership-tier.tier-slide-panel .plan-cell > p.blue {
  font-size: 0.75rem;
  margin-top: 1.25rem;
  margin-bottom: 0;
}
@media screen and (max-width: 1440px) {
  .module-45#ca-membership-tier.tier-slide-panel .plan-cell > p.blue {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.module-45#ca-membership-tier.tier-slide-panel .plan-cell .input-stepper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 600px) {
  .module-45#ca-membership-tier.tier-slide-panel .plan-cell .input-stepper #spinner-1, .module-45#ca-membership-tier.tier-slide-panel .plan-cell .input-stepper #spinner-2, .module-45#ca-membership-tier.tier-slide-panel .plan-cell .input-stepper #spinner-3 {
    width: 2rem;
  }
}
.module-45#ca-membership-tier.tier-slide-panel .plan-cell.group-title {
  padding: 0;
  font-family: "Tungsten A", "Tungsten B" !important;
  text-transform: uppercase;
  font-size: 1.5rem !important;
}
.module-45#ca-membership-tier.tier-slide-panel .plan-cell.plan-highlight {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1200px) {
  .module-45#ca-membership-tier.tier-slide-panel .plan-cell.plan-highlight {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.module-45#ca-membership-tier.tier-slide-panel .plan-cell .h2 {
  font-size: 4rem;
  padding-left: 0;
}
@media screen and (max-width: 1440px) {
  .module-45#ca-membership-tier.tier-slide-panel .plan-cell .h2 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .module-45#ca-membership-tier.tier-slide-panel .plan-cell .h2 {
    text-align: center;
  }
  .module-45#ca-membership-tier.tier-slide-panel .plan-cell .h2 br {
    display: none;
  }
}
.module-45#ca-membership-tier.tier-slide-panel .plan-cell.cyp-classic .td-title {
  color: #003087;
}
.module-45#ca-membership-tier.tier-slide-panel .plan-cell.cyp-plus .td-title {
  color: #a3812a;
}
.module-45#ca-membership-tier.tier-slide-panel .plan-cell.cyp-premier .td-title {
  color: #222222;
}
.module-45#ca-membership-tier.tier-slide-panel .plan-cell .td-title {
  font-family: "Tungsten A", "Tungsten B";
  font-size: 2rem;
  margin: 2rem 0 1rem;
  text-transform: uppercase;
}
.module-45#ca-membership-tier.tier-slide-panel .plan-cell .td-title-sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Tungsten A", "Tungsten B";
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.5rem;
  text-transform: uppercase;
}
.module-45#ca-membership-tier.tier-slide-panel .plan-cell .amount {
  font-size: 1.75rem;
}
.module-45#ca-membership-tier.tier-slide-panel .plan-cell .duration {
  font-size: 1.125rem;
}
.module-45#ca-membership-tier.tier-slide-panel .plan-cell .cost {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875rem;
  font-weight: normal;
}
@media screen and (max-width: 600px) {
  .module-45#ca-membership-tier.tier-slide-panel .plan-cell .cost .disclaimer {
    line-height: 1;
  }
}
.module-45#ca-membership-tier.tier-slide-panel .plan-cell .blue {
  color: #003087;
}
.module-45#ca-membership-tier.tier-slide-panel .plan-cell .blue.uppercase {
  font-size: 0.75rem;
  color: #003087;
  margin-top: 1rem;
  margin-bottom: 0;
}
.module-45#ca-membership-tier.tier-slide-panel .plan-cell .drivers-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-45#ca-membership-tier.tier-slide-panel .plan-cell .ca-button.secondary {
  width: 80%;
  padding: 0.5rem;
  border: none;
  cursor: pointer;
}

#aaa-membership-header {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
#aaa-membership-header p {
  margin-bottom: 0.25rem;
}
#aaa-membership-header .call {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#aaa-membership-header .call .icon-phone {
  height: 18px;
  width: 18px;
}
#aaa-membership-header .call a {
  color: #be1a0e;
  font-size: 0.875rem;
  font-weight: bold;
  margin-left: 0.25rem;
}

.module-51 #sticky-promo {
  background: #f3f4f4;
  border-radius: 6px 0 0 8px;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  height: 50px;
  position: fixed;
  right: -450px;
  margin-right: -450px;
  top: 1rem;
  z-index: 9999;
  padding-left: 1rem;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 0;
}
.module-51 #sticky-promo:before {
  content: none;
}
@media screen and (max-width: 992px) {
  .module-51 #sticky-promo {
    display: none;
  }
}
.module-51 #sticky-promo.hide-scroll,
.module-51 #sticky-promo .hide {
  right: 0;
  margin-right: -450px;
  -webkit-animation-name: slideOut;
          animation-name: slideOut;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
.module-51 #sticky-promo.show-scroll,
.module-51 #sticky-promo .show {
  width: 450px;
  right: 0;
  margin-right: 0;
  -webkit-animation-name: slideIn;
          animation-name: slideIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  opacity: 1;
}
.module-51 #sticky-promo .banner-cta {
  font-size: 1.25rem;
}
.module-51 #sticky-promo .banner-cta > span {
  color: #a3812a;
}
@-webkit-keyframes slideIn {
  from {
    margin-right: -450px;
    width: 450px;
  }
  to {
    margin-right: 0;
    width: 450px;
  }
}
@keyframes slideIn {
  from {
    margin-right: -450px;
    width: 450px;
  }
  to {
    margin-right: 0;
    width: 450px;
  }
}
@-webkit-keyframes slideOut {
  from {
    margin-right: 0;
    width: 450px;
  }
  to {
    margin-right: -450px;
    width: 450px;
  }
}
@keyframes slideOut {
  from {
    margin-right: 0;
    width: 450px;
  }
  to {
    margin-right: -450px;
    width: 450px;
  }
}
.module-51 #sticky-promo .outer-wrap {
  height: 100%;
  padding: 0;
}
.module-51 #sticky-promo .outer-wrap .ca-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  font-size: 0.875rem;
  padding: 0.5rem 0.75rem;
}
.module-51 #sticky-promo .inner-wrap {
  margin-right: 0.75rem;
}
@media screen and (max-width: 768px) {
  .module-51.section {
    padding-top: 0;
  }
}
.module-51 .inner-content {
  max-width: 560px; /* margin-bottom: 10rem; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: baseline;
      align-self: baseline;
  padding-top: 6rem;
}
@media screen and (max-width: 992px) {
  .module-51 .inner-content {
    max-width: 360px;
    padding-top: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .module-51 .inner-content {
    max-width: 100%;
    padding-top: 1rem;
  }
}
.module-51 h2.title {
  font-size: 5rem;
  line-height: 0.9;
}
@media screen and (max-width: 768px) {
  .module-51 h2.title {
    margin-bottom: 1rem;
  }
  .module-51 h2.title br {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .module-51 h2.title {
    font-size: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .module-51 h2.title {
    font-size: 2.5rem;
  }
}
.module-51 .col-md-7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.module-51 .col-md-7 .inner-content {
  margin-bottom: 100px;
}
@media screen and (max-width: 992px) {
  .module-51 .col-md-7 .inner-content {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 992px) {
  .module-51 .col-md-7 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.module-51 .col-md-5 {
  position: relative;
  z-index: 100;
}
.module-51 .col-md-5 picture {
  display: block;
  margin-top: 0;
  position: relative;
}
.module-51 .col-md-5 picture .img-cover {
  height: 700px;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .module-51 .col-md-5 picture .img-cover {
    position: relative;
  }
}
@media screen and (max-width: 1200px) {
  .module-51 .col-md-5 picture .img-cover {
    height: 580px;
    margin-top: 4.25rem;
  }
}
@media screen and (max-width: 992px) {
  .module-51 .col-md-5 picture .img-cover {
    height: 480px;
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .module-51 .col-md-5 picture .img-cover {
    height: 468px;
    -o-object-position: 50% 100%;
       object-position: 50% 100%;
  }
}
.module-51 .col-md-5 .banner.portrait {
  margin-top: 2rem;
  max-width: 100%;
  display: block;
  margin-left: auto;
}
@media screen and (max-width: 1200px) {
  .module-51 .col-md-5 .banner.portrait {
    margin-top: 5rem;
  }
}
.module-51 .membership-join-cta > div {
  position: relative;
  z-index: 10;
}
.module-51 .membership-join-cta:before {
  border-radius: 0 6px 0 0;
  content: "";
  left: 0;
  position: absolute;
  width: 50%;
  height: 145px;
  background-color: #fff;
  z-index: 1;
}
@media screen and (max-width: 1400px) {
  .module-51 .membership-join-cta:before {
    width: 54%;
  }
}
@media screen and (max-width: 1200px) {
  .module-51 .membership-join-cta:before {
    content: none;
  }
}
.module-51 .membership-join-cta {
  font-family: "Tungsten A", "Tungsten B";
  font-size: 2.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  letter-spacing: 1px;
  z-index: 100;
}
@media screen and (max-width: 1200px) {
  .module-51 .membership-join-cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    background: #fff;
    padding: 1rem 1rem 2rem;
    border-radius: 6px;
    width: 95%;
  }
}
@media screen and (max-width: 992px) {
  .module-51 .membership-join-cta {
    padding-bottom: 1.5rem;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .module-51 .membership-join-cta {
    margin-bottom: 1.5rem;
  }
}
.module-51 .membership-join-cta .icon {
  height: 38px;
  width: 38px;
  margin-right: 0.5rem;
}
.module-51 .membership-join-cta .banner-cta {
  margin-right: 1.5rem;
}
@media screen and (max-width: 992px) {
  .module-51 .membership-join-cta .banner-cta {
    font-size: 2rem;
  }
}
@media screen and (max-width: 500px) {
  .module-51 .membership-join-cta .banner-cta {
    font-size: 1.5rem;
  }
}
.module-51 .membership-join-cta .gold {
  color: #a3812a;
}
.module-51 .membership-join-cta .cta-label {
  margin-left: 3.5rem;
  position: relative;
  z-index: 20;
}
@media screen and (max-width: 500px) {
  .module-51 .membership-join-cta .cta-label {
    margin-left: 1rem;
  }
}
.module-51 .membership-join-cta .outer-wrap {
  padding-top: 2rem;
}
@media screen and (max-width: 1200px) {
  .module-51 .membership-join-cta .outer-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 1rem;
  }
  .module-51 .membership-join-cta .outer-wrap .ca-button {
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-left: 3rem;
  }
}
@media screen and (max-width: 1200px) {
  .module-51 .membership-join-cta .inner-wrap {
    margin-bottom: 0.75rem;
  }
}

.module-52 {
  position: relative;
}
.module-52 .cta-label {
  margin-left: 3rem;
}
.module-52.section {
  padding-top: 0;
  padding-bottom: 12.5rem;
}
.module-52:before {
  border-radius: 6px;
  background-color: #fff;
  content: "";
  position: absolute;
  z-index: 15;
  height: 160px;
  width: 52%;
  left: 6px;
}
.module-52:after {
  background-color: #f3f4f4;
  content: "";
  position: absolute;
  z-index: 1;
  width: 48%;
  height: 150px;
  top: 0;
  right: 0;
}

.module-53 h4 {
  margin-bottom: 0.25rem;
}
.module-53 .title {
  font-size: 4rem;
  text-align: center;
  margin-bottom: 2rem;
}
@media screen and (max-width: 992px) {
  .module-53 .title {
    font-size: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .module-53 .title {
    font-size: 2.5rem;
  }
}
.module-53.membership-join-page-tiers {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
.module-53.membership-join-page-tiers #aaa-join-process__choose-a-plan {
  margin: 0;
}
.module-53.membership-join-page-tiers #aaa-join-process__choose-a-plan .plan-zipcode {
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.module-53.membership-join-page-tiers #aaa-join-process__choose-a-plan .plan-zipcode a {
  text-decoration: underline;
  color: #003087;
}
@media (max-width: 768px) {
  .module-53.membership-join-page-tiers #aaa-join-process__choose-a-plan legend, .module-53.membership-join-page-tiers #aaa-join-process__choose-a-plan .col-md-4, .module-53.membership-join-page-tiers #aaa-join-process__choose-a-plan .aaa-form-submit__container {
    padding-left: 0.5rem;
    padding-right: 0;
  }
}
.module-53 fieldset.row {
  position: relative;
}
.module-53 fieldset.row [type=radio] {
  position: absolute;
  top: 2rem;
  left: 2rem;
  z-index: -1;
}
.module-53 .col-md-4 .selected, .module-53 .col-lg-4 .selected {
  display: none;
}
.module-53 .col-md-4 .tier-select, .module-53 .col-lg-4 .tier-select {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.module-53 .col-md-4 .tier-select:checked + .tier-wrap, .module-53 .col-lg-4 .tier-select:checked + .tier-wrap {
  -webkit-box-shadow: inset 0 0 0 3px red;
          box-shadow: inset 0 0 0 3px red;
}
.module-53 .col-md-4 .tier-select:checked + .tier-wrap:focus-visible, .module-53 .col-lg-4 .tier-select:checked + .tier-wrap:focus-visible {
  outline: #222222 solid 2px;
}
.module-53 .col-md-4 .tier-select:checked + .tier-wrap.classic-mbr, .module-53 .col-lg-4 .tier-select:checked + .tier-wrap.classic-mbr {
  -webkit-box-shadow: inset 0 0 0 3px #003087;
          box-shadow: inset 0 0 0 3px #003087;
}
.module-53 .col-md-4 .tier-select:checked + .tier-wrap.classic-mbr .selected, .module-53 .col-lg-4 .tier-select:checked + .tier-wrap.classic-mbr .selected {
  color: #222222;
  background-color: #cad3e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.75rem 1rem;
}
.module-53 .col-md-4 .tier-select:checked + .tier-wrap.classic-mbr .selected img, .module-53 .col-lg-4 .tier-select:checked + .tier-wrap.classic-mbr .selected img {
  margin-right: 0.5rem;
}
.module-53 .col-md-4 .tier-select:checked + .tier-wrap.classic-mbr .selected svg, .module-53 .col-lg-4 .tier-select:checked + .tier-wrap.classic-mbr .selected svg {
  margin-right: 0.5rem;
}
.module-53 .col-md-4 .tier-select:checked + .tier-wrap.classic-mbr .off, .module-53 .col-lg-4 .tier-select:checked + .tier-wrap.classic-mbr .off {
  display: none;
}
.module-53 .col-md-4 .tier-select:checked + .tier-wrap.plus-mbr, .module-53 .col-lg-4 .tier-select:checked + .tier-wrap.plus-mbr {
  -webkit-box-shadow: inset 0 0 0 3px #a3812a;
          box-shadow: inset 0 0 0 3px #a3812a;
}
.module-53 .col-md-4 .tier-select:checked + .tier-wrap.plus-mbr .selected, .module-53 .col-lg-4 .tier-select:checked + .tier-wrap.plus-mbr .selected {
  color: #222222;
  background-color: #ffe7bd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.65rem 1rem;
}
.module-53 .col-md-4 .tier-select:checked + .tier-wrap.plus-mbr .selected img, .module-53 .col-lg-4 .tier-select:checked + .tier-wrap.plus-mbr .selected img {
  margin-right: 0.5rem;
}
.module-53 .col-md-4 .tier-select:checked + .tier-wrap.plus-mbr .selected svg, .module-53 .col-lg-4 .tier-select:checked + .tier-wrap.plus-mbr .selected svg {
  margin-right: 0.5rem;
}
.module-53 .col-md-4 .tier-select:checked + .tier-wrap.plus-mbr .off, .module-53 .col-lg-4 .tier-select:checked + .tier-wrap.plus-mbr .off {
  display: none;
}
.module-53 .col-md-4 .tier-select:checked + .tier-wrap.premier-mbr, .module-53 .col-lg-4 .tier-select:checked + .tier-wrap.premier-mbr {
  -webkit-box-shadow: inset 0 0 0 3px #222222;
          box-shadow: inset 0 0 0 3px #222222;
}
.module-53 .col-md-4 .tier-select:checked + .tier-wrap.premier-mbr .selected, .module-53 .col-lg-4 .tier-select:checked + .tier-wrap.premier-mbr .selected {
  color: #222222;
  background-color: #dee0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.65rem 1rem;
}
.module-53 .col-md-4 .tier-select:checked + .tier-wrap.premier-mbr .selected img, .module-53 .col-lg-4 .tier-select:checked + .tier-wrap.premier-mbr .selected img {
  margin-right: 0.5rem;
}
.module-53 .col-md-4 .tier-select:checked + .tier-wrap.premier-mbr .selected svg, .module-53 .col-lg-4 .tier-select:checked + .tier-wrap.premier-mbr .selected svg {
  margin-right: 0.5rem;
}
.module-53 .col-md-4 .tier-select:checked + .tier-wrap.premier-mbr .off, .module-53 .col-lg-4 .tier-select:checked + .tier-wrap.premier-mbr .off {
  display: none;
}
.module-53 .col-md-4 .tier-select + .tier-wrap, .module-53 .col-lg-4 .tier-select + .tier-wrap {
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.module-53 .col-md-4 .tier-select + .tier-wrap.classic-mbr:hover, .module-53 .col-lg-4 .tier-select + .tier-wrap.classic-mbr:hover {
  -webkit-box-shadow: inset 0 0 0 3px #003087;
          box-shadow: inset 0 0 0 3px #003087;
}
.module-53 .col-md-4 .tier-select + .tier-wrap.plus-mbr:hover, .module-53 .col-lg-4 .tier-select + .tier-wrap.plus-mbr:hover {
  -webkit-box-shadow: inset 0 0 0 3px #a3812a;
          box-shadow: inset 0 0 0 3px #a3812a;
}
.module-53 .col-md-4 .tier-select + .tier-wrap.premier-mbr:hover, .module-53 .col-lg-4 .tier-select + .tier-wrap.premier-mbr:hover {
  -webkit-box-shadow: inset 0 0 0 3px #222222;
          box-shadow: inset 0 0 0 3px #222222;
}
.module-53 .col-md-4 .action .ca-button, .module-53 .col-lg-4 .action .ca-button {
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .module-53 .col-md-4, .module-53 .col-lg-4 {
    margin-bottom: 1rem;
  }
  .module-53 .col-md-4:last-of-type, .module-53 .col-lg-4:last-of-type {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .module-53 .cta-label.absolute {
    width: calc(100% - 4px);
    top: 2px;
    left: 2px;
    border-radius: 4px 4px 0 0;
    text-align: center;
  }
}
.module-53 .tier-wrap {
  border-radius: 6px;
  height: 100%;
  padding-top: 3rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  position: relative;
}
@media (max-width: 768px) {
  .module-53 .tier-wrap {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.5rem;
  }
  .module-53 .tier-wrap.classic-mbr, .module-53 .tier-wrap.plus-mbr, .module-53 .tier-wrap.premier-mbr {
    padding-top: 3.5rem;
  }
}
.module-53 .tier-wrap .membership-tier p {
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: none;
}
.module-53 .tier-wrap .membership-tier p.large {
  font-size: 2rem;
}
@media (max-width: 992px) {
  .module-53 .tier-wrap .membership-tier p.large {
    font-size: 1.5rem;
  }
}
.module-53 .tier-wrap .membership-tier .tier-title + p {
  max-width: 380px;
  min-height: 40px;
}
@media (max-width: 992px) {
  .module-53 .tier-wrap .membership-tier .tier-title + p {
    margin-bottom: 1rem !important;
    min-height: 20px;
  }
}
.module-53 .tier-wrap.classic-mbr {
  background-color: #e6eaf3;
}
.module-53 .tier-wrap.classic-mbr .tier-title {
  color: #003087;
}
.module-53 .tier-wrap.plus-mbr {
  background-color: #fff6e6;
}
.module-53 .tier-wrap.plus-mbr .tier-title {
  color: #a3812a;
}
.module-53 .tier-wrap.premier-mbr {
  background-color: #f3f4f4;
}
.module-53 .tier-wrap.premier-mbr .tier-title {
  color: #222222;
}
.module-53 .tier-wrap .tier-title {
  font-size: 3rem;
  margin-bottom: 0.25rem;
}
@media (max-width: 992px) {
  .module-53 .tier-wrap .tier-title {
    font-size: 2.25rem;
    margin-bottom: 0.25rem;
  }
}
.module-53 .tier-wrap .cost span {
  color: #616161;
  font-family: "Tungsten A", "Tungsten B";
  font-size: 24px;
  text-transform: uppercase;
}
.module-53 .tier-wrap .cost .amount {
  display: inline-block;
  font-size: 2.25rem;
  margin-bottom: 0.5rem;
}
.module-53 .tier-wrap .cost .amount.-alt {
  font-size: 2rem;
  margin-left: 0.5rem;
  opacity: 0.4;
  position: relative;
}
@media (max-width: 1200px) {
  .module-53 .tier-wrap .cost .amount.-alt {
    font-size: 1.5rem;
  }
}
@media (max-width: 992px) {
  .module-53 .tier-wrap .cost .amount.-alt {
    font-size: 1.25rem;
  }
}
.module-53 .tier-wrap .cost .amount.-alt:before {
  content: "";
  position: absolute;
  background-color: #222;
  opacity: 0.75;
  height: 2px;
  width: calc(100% + 42px);
  top: 50%;
  left: 0;
}
@media (max-width: 1200px) {
  .module-53 .tier-wrap .cost .amount.-alt:before {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .module-53 .tier-wrap .cost .amount.-alt:before {
    width: calc(100% + 42px);
  }
}
.module-53 .tier-wrap .cost .duration {
  display: inline-block;
  font-size: 1.125rem;
  text-underline-position: under;
}
.module-53 .tier-wrap .cost .duration > span {
  color: #616161;
}
.module-53 .tier-wrap .cost .duration .js-tooltip {
  background-color: transparent;
  border: none;
  font-family: "Tungsten A", "Tungsten B";
  font-size: 1.5rem;
  padding: 0;
  text-transform: uppercase;
}
.module-53 .tier-wrap .cost .duration.-alt {
  font-size: 0.75rem;
  opacity: 0.4;
  text-decoration: none;
}
.module-53 .tier-wrap .cost .disclaimer {
  color: #222222;
  display: block;
  font-family: "BryantRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.75rem;
  letter-spacing: normal;
  text-transform: unset;
}
@media (max-width: 992px) {
  .module-53 .tier-wrap .cost .disclaimer {
    font-size: 0.675rem;
  }
}
.module-53 .tier-wrap .action {
  margin: 2rem auto;
}
@media (max-width: 992px) {
  .module-53 .tier-wrap .action {
    margin: 1.5rem auto 2rem;
  }
}
.module-53 .tier-wrap .action p {
  margin-bottom: 0.5rem;
}
.module-53 .tier-wrap .action .small {
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  text-align: center;
}
.module-53 .tier-wrap .action .ca-button {
  padding: 0.65rem 1rem;
  text-align: center;
  width: 100%;
}
@media (max-width: 768px) {
  .module-53 .tier-wrap .action .ca-button {
    padding: 0.75rem 1rem;
  }
}
.module-53 .tier-wrap .details hgroup {
  margin-bottom: 0.5rem;
}
.module-53 .tier-wrap .details h4 {
  font-family: "Tungsten A", "Tungsten B";
  margin-bottom: 0.25rem;
}
.module-53 .tier-wrap .details ul {
  list-style: none;
}
.module-53 .tier-wrap .details ul.check li {
  background-image: url("../img/check-solid-black.svg");
  background-position: top 50%;
  background-size: 18px;
  background-repeat: no-repeat;
  font-size: 1rem;
  line-height: 1.2;
  margin-bottom: 0.75rem;
  padding-left: 1.75rem;
}
@media (max-width: 768px) {
  .module-53 .tier-wrap .details ul.check li {
    font-size: 0.875rem;
  }
}
.module-53 .tier-wrap .details ul.check li:last-of-type {
  margin-bottom: 1.5rem;
}
.module-53 .tier-wrap .details .ca-button.link {
  display: inline-block;
  border-bottom: 1px solid #222222;
  border-radius: 0;
  font-family: "BryantRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
}
.module-53 .tier-wrap .details .ca-button.link:hover {
  border-bottom: 1px solid transparent;
  text-decoration: none;
}
.module-53 #tooltip-title {
  display: none;
}

.module-53 .title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.module-53 .join-by-phone-wrapper {
  margin: 0 0 2rem 0;
  border: none;
}

.module-53 .join-by-phone-text {
  margin: 0 0 0.5rem 0;
  text-align: end;
}

.module-53 .join-by-phone-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}

.module-53 .join-by-phone-number,
.module-53 .join-by-phone-number:hover,
.module-53 .join-by-phone-number:visited {
  color: #98150B;
}

@media screen and (max-width: 568px) {
  .module-53 .title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .module-53 .title {
    font-size: 3rem;
  }
  .module-53 .join-by-phone-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #eaeaea;
    border-radius: 0.375rem;
  }
  .module-53 .join-by-phone-text {
    margin: 0;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .module-54 .content h2 br {
    display: none;
  }
}
@media (max-width: 768px) {
  .module-54 .ca-button-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 768px) {
  .module-54 .ca-button-wrap .ca-button {
    margin: 0;
    width: 100%;
  }
  .module-54 .ca-button-wrap .ca-button:first-child {
    margin-bottom: 1rem;
  }
}
.module-54 .ca-button-wrap .ca-button.outline {
  -webkit-box-shadow: inset 0px 0px 0px 1px #ffffff;
          box-shadow: inset 0px 0px 0px 1px #ffffff;
  color: #ffffff;
}
.module-54 .ca-button-wrap .ca-button.outline:hover {
  color: #222222;
}

@media (max-width: 1200px) {
  #aaa-membership-tier.module-45 #nmlp-app tbody .nmlp-plan-row.top-row td:nth-child(2), #aaa-membership-tier.module-45 #nmlp-app tbody .nmlp-plan-row.top-row td:nth-child(3), #aaa-membership-tier.module-45 #nmlp-app tbody .nmlp-plan-row.top-row td:nth-child(4) {
    padding-top: 0;
    padding-bottom: 0;
  }
}
#aaa-membership-tier.module-45 #nmlp-app tbody .nmlp-plan-row td:nth-child(2) {
  background-color: #e6eaf3;
}
@media (max-width: 1200px) {
  #aaa-membership-tier.module-45 #nmlp-app tbody .nmlp-plan-row td:nth-child(2) {
    background-color: #ffffff;
  }
}
#aaa-membership-tier.module-45 #nmlp-app tbody .nmlp-plan-row td:nth-child(3) {
  background-color: #fff6e6;
}
@media (max-width: 1200px) {
  #aaa-membership-tier.module-45 #nmlp-app tbody .nmlp-plan-row td:nth-child(3) {
    background-color: #ffffff;
  }
}
#aaa-membership-tier.module-45 #nmlp-app tbody .nmlp-plan-row td:nth-child(4) {
  background-color: #f3f4f4;
}
@media (max-width: 1200px) {
  #aaa-membership-tier.module-45 #nmlp-app tbody .nmlp-plan-row td:nth-child(4) {
    background-color: #ffffff;
  }
}
#aaa-membership-tier.module-45 .border-divide .plan-cell.cyp-classic:after {
  background-color: #cad3e6;
}
@media (max-width: 1200px) {
  #aaa-membership-tier.module-45 .border-divide .plan-cell.cyp-classic:after {
    background-color: #ffffff;
  }
}
@media (max-width: 1200px) {
  #aaa-membership-tier.module-45 .nmlp-plan-row.title-row .plan-bool {
    height: 0;
    min-height: 0;
  }
}
#aaa-membership-tier.module-45 .nmlp-plan-row .h2 {
  font-size: 3rem;
}
@media (max-width: 992px) {
  #aaa-membership-tier.module-45 .nmlp-plan-row .h2 {
    font-size: 2rem;
  }
}
#aaa-membership-tier.module-45 .nmlp-plan-row .group-title {
  font-family: "Tungsten A", "Tungsten B";
  font-size: 1.5rem !important;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  #aaa-membership-tier.module-45 .nmlp-plan-row .group-title {
    margin-top: 2rem;
  }
}
#aaa-membership-tier.module-45 .nmlp-plan-row .td-title {
  margin-top: 1rem;
}
#aaa-membership-tier.module-45 .nmlp-plan-row .cyp-classic .td-title {
  color: #003087;
}
#aaa-membership-tier.module-45 .nmlp-plan-row .cyp-plus .td-title {
  color: #a3812a;
}
#aaa-membership-tier.module-45 .nmlp-plan-row .cyp-premier .td-title {
  color: #222222;
}
#aaa-membership-tier.module-45 .nmlp-plan-row .plan-cell .ca-button {
  border: none;
  cursor: pointer;
  width: calc(100% - 3rem);
}
@media screen and (max-width: 768px) {
  #aaa-membership-tier.module-45 .nmlp-plan-row .plan-cell .ca-button {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1200px) {
  #aaa-membership-tier.module-45 .nmlp-plan-row .plan-cell .ca-button {
    padding: 0.5rem;
    width: calc(100% - 0.5rem);
  }
}
#aaa-membership-tier.module-45 .border-divide .plan-highlight:after {
  width: 100%;
}

.module-55 .container {
  width: calc(100% - 0.5rem);
}
.module-55 .container .segment.expanded {
  padding-bottom: 0;
}
.module-55 .container .segment.expanded .mb-5 {
  margin-bottom: 1rem !important;
}
.module-55 .container .segment.expanded li .large {
  font-size: 1.125rem;
}
@media screen and (max-width: 992px) {
  .module-55 picture .img-cover {
    max-height: 400px;
  }
}
@media screen and (max-width: 600px) {
  .module-55 picture .img-cover {
    max-height: 288px;
  }
}

.cta-label {
  -ms-flex-item-align: baseline;
      align-self: baseline;
  border-radius: 4px;
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  top: 0.5rem;
  right: 0.5rem;
  padding: 0.5rem 1rem;
  background-color: #13845d;
  color: #ffffff;
  text-transform: uppercase;
}
.cta-label.blue {
  background-color: #003087;
  color: #ffffff;
}
.cta-label.absolute {
  position: absolute;
}
.cta-label.text-normal {
  text-transform: unset;
}
.cta-label.rounded {
  border-radius: 50px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

main .section.module-51 + .section {
  padding-top: 10rem;
}
@media screen and (max-width: 1200px) {
  main .section.module-51 + .section {
    padding-top: 3rem;
  }
}
@media screen and (max-width: 768px) {
  main .section.module-51 + .section {
    padding-top: 2rem;
  }
}
main .section.module-51 ul {
  padding-top: 1rem;
}
main .section.module-51 ul.checks.small > li {
  margin-bottom: 1rem;
  margin-left: 0.25rem;
}
main .section.module-51 ul.checks.small > li::before {
  content: url(/../images/svg/check-circle-black-sm.svg);
  content: url(../img/check-circle-black-sm.svg);
  margin-bottom: 1rem;
  margin-top: -3px;
  height: 18px;
  width: 18px;
}
main .section.module-51.open-road .inner-content {
  max-width: 720px;
}
@media screen and (max-width: 768px) {
  main .section.module-51.open-road .inner-content {
    padding-top: 2rem;
  }
}
main .section.module-51.open-road .inner-content .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
  font-family: "TAYBarro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 4rem;
  letter-spacing: -2px;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 1200px) {
  main .section.module-51.open-road .inner-content .title {
    font-size: 3rem;
  }
}
@media screen and (max-width: 992px) {
  main .section.module-51.open-road .inner-content .title {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 470px) {
  main .section.module-51.open-road .inner-content .title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
main .section.module-51.open-road .inner-content .title img {
  height: 64px;
}
@media screen and (max-width: 1200px) {
  main .section.module-51.open-road .inner-content .title img {
    height: 48px;
  }
}
main .section.module-51.open-road .inner-content p {
  font-size: 1.125rem;
  line-height: 1.2;
}
main .section.module-51.open-road .inner-content li {
  font-size: 1rem;
}
main .section.module-51.open-road .outer-wrap {
  max-width: 710px;
  min-width: 710px;
  padding-right: 2rem;
}
main .section.module-51.open-road .outer-wrap .banner-cta {
  color: #33AA66;
}
main .section.module-51.open-road .outer-wrap .ca-button {
  margin-left: 1rem;
}
main .section.module-51.open-road .cta-label {
  letter-spacing: 0;
  padding: 0.375rem 1rem;
}
main .section.module-51.open-road .cta-label.green {
  background-color: #247747;
  color: #fff !important;
}
/*========================================
                  Tooltip
==========================================
 */
/* --------------- styles for modal -----------------------*/
.invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.js-tooltip-content h4 {
  margin-bottom: 0.5rem;
}
.js-tooltip-content p {
  text-decoration: none !important;
}

.hidden {
  display: none;
}

/* needed for old browsers */
dialog {
  display: block;
  border: 0;
}

@media screen and (min-width: 992px) {
  .modal-close__text,
.simple-left-tooltip__close {
    background: none;
    border: none;
    display: none;
    outline: none;
  }
}

.simple-left-container,
.simple-left-animated-container,
.left-tooltip-container {
  position: relative;
}

.simple-left-tooltip,
.simple-left-animated-tooltip {
  position: absolute;
  z-index: 666;
  top: 2rem;
  left: 0.5rem;
  width: 450px;
  background: #fff;
  border-radius: 5px;
  padding: 1rem;
  text-align: left;
}
@media (max-width: 992px) {
  .simple-left-tooltip,
.simple-left-animated-tooltip {
    top: 13rem;
  }
}
.classic-mbr .simple-left-tooltip,
.classic-mbr .simple-left-animated-tooltip {
  border: 1px solid #e6eaf3;
}
.plus-mbr .simple-left-tooltip,
.plus-mbr .simple-left-animated-tooltip {
  border: 1px solid #fff6e6;
}
.premier-mbr .simple-left-tooltip,
.premier-mbr .simple-left-animated-tooltip {
  border: 1px solid #f3f4f4;
}
.simple-left-tooltip:before,
.simple-left-animated-tooltip:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: -15px;
  border-top: solid 8px #ffffff;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  border-bottom: solid 8px transparent;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.simple-left-animated-tooltip {
  -webkit-animation: pop ease 0.5s 1 normal;
  animation: pop ease 0.5s 1 normal;
}

@-webkit-keyframes pop {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pop {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.simple-left-tooltip__title,
.simple-left-animated-tooltip__title {
  margin: 0;
  line-height: 1;
}

.simple-left-tooltip p,
.simple-left-animated-tooltip p {
  font-size: 1em;
}

.simple-left-tooltip__close,
.simple-left-animated-tooltip__close {
  float: right;
  border: 0;
  /** fix typo inputs **/
  font-family: inherit;
  font-size: 0.8em;
  background: #128197;
  color: #fff;
  border-radius: 1em;
}

.simple-left-tooltip__close:focus,
.simple-left-tooltip__close:hover,
.simple-left-tooltip__close:active,
.simple-left-animated-tooltip__close:focus,
.simple-left-animated-tooltip__close:hover,
.simple-left-animated-tooltip__close:active {
  outline: 1px dotted #fff;
}

.simple-left-tooltip__close:hover,
.simple-left-tooltip__close:active,
.simple-left-animated-tooltip__close:hover,
.simple-left-animated-tooltip__close:active {
  background: #4d287f;
}

/* tooltip modal */
.left-tooltip-tooltip {
  left: auto;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  z-index: 667;
  position: fixed;
  width: 25em;
  max-width: 100%;
  padding: 0.5em;
  font-size: 1em;
  border: 0;
  -webkit-animation: fromleft 0.3s linear;
          animation: fromleft 0.3s linear;
  background: #ddd; /* fallback IE9 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3em, #128197), color-stop(3em, #f7f7f7));
  background-image: linear-gradient(to bottom, #128197 3em, #f7f7f7 3em);
}

.left-tooltip-tooltip__close {
  float: right;
  background: transparent;
  color: #fff;
  border: 0;
}

.left-tooltip-tooltip__title {
  font-size: 1.2em;
  margin: 0;
  color: #fff;
  font-weight: normal;
}

@-webkit-keyframes fromleft {
  0% {
    width: 0;
  }
  100% {
    width: 25em;
  }
}
@keyframes fromleft {
  0% {
    width: 0;
  }
  100% {
    width: 25em;
  }
}
.cc_example {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 700;
  border: 0;
  background: transparent;
  color: #fff;
  text-decoration: none;
  padding: 0.25em;
}

.cc_example::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 70px;
  height: 70px;
  border: 70px solid transparent;
  border-bottom: 70px solid rgba(18, 129, 151, 0.85);
  bottom: 0;
  left: -70px;
  z-index: -1;
}

.fixed-tooltip-tooltip {
  position: fixed;
  bottom: 3em;
  left: 3em;
  width: 13em;
  background: #fff;
  z-index: 700;
  border: 1px solid #128197;
  right: auto;
  padding: 0.5em;
}

.fixed-tooltip-tooltip__close {
  background: transparent;
  border: 0;
  font: inherit;
  float: right;
}

.fixed-tooltip-tooltip__title {
  margin: 0;
}

/* it can be easily adapted in media-queries for tablets/mobile */
/* for this example: tablets */
@media (max-width: 992px) {
  .simple-left-container {
    position: static;
  }
  .simple-left-tooltip {
    position: absolute;
    width: 400px;
    margin-top: 1em;
  }
}
@media (max-width: 768px) {
  .simple-left-tooltip {
    padding-top: 3rem;
    position: fixed;
    bottom: 0;
    top: unset;
    left: 0;
    width: 100%;
  }
  .simple-left-tooltip:before, .simple-left-animated-tooltip:before {
    content: none;
  }
  .simple-left-tooltip__close {
    background: url("https://cluballiance.aaa.com/img/svgs/close.svg") no-repeat transparent;
    top: 1rem;
    position: absolute;
    right: 0;
  }
  .simple-left-tooltip__close .modal-close__text {
    visibility: hidden;
  }
  .simple-left-tooltip__close:hover, .simple-left-tooltip__close:active, .simple-left-animated-tooltip__close:hover, .simple-left-animated-tooltip__close:active {
    background: url("https://cluballiance.aaa.com/img/svgs/close.svg") no-repeat transparent;
  }
}
@media (max-width: 1200px) {
  #aaa-membership-tier.module-45 #nmlp-app .nmlp-plan-features .nmlp-plan-row {
    padding-left: 0;
    padding-right: 0;
  }
  #aaa-membership-tier.module-45 #nmlp-app .nmlp-subtext.large {
    line-height: 1.2;
  }
}
#aaa-membership-tier.module-45 .nmlp-plan-features .plan-cell:not(.group-title) {
  font-family: "BryantRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (max-width: 1200px) {
  #aaa-membership-tier.module-45 .nmlp-plan-features .plan-cell:not(.group-title).hidden-desktop {
    display: none;
  }
}
@media (max-width: 1200px) {
  #aaa-membership-tier .nmlp-plan-features .title-row {
    margin-top: 1.75rem;
  }
}
#aaa-membership-tier #tooltip-title {
  display: none;
}
#aaa-membership-tier .js-tooltip {
  border: none;
  background: none;
}
#aaa-membership-tier #nmlp-app .nmlp-plan-row .h2 {
  padding-left: 0;
}
@media (max-width: 1200px) {
  #aaa-membership-tier #nmlp-app .nmlp-plan-row .h2 {
    text-align: center;
  }
  #aaa-membership-tier #nmlp-app .nmlp-plan-row .h2 br {
    display: none;
  }
}
#aaa-membership-tier #nmlp-app .nmlp-plan-row .plan-highlight:not(.group-title) {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1200px) {
  #aaa-membership-tier #nmlp-app .nmlp-plan-row .plan-highlight:not(.group-title) {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 70%;
  }
  #aaa-membership-tier #nmlp-app .nmlp-plan-row .plan-highlight:not(.group-title) .cell-title {
    margin-right: 0.5rem;
  }
  #aaa-membership-tier #nmlp-app .nmlp-plan-row .plan-highlight:not(.group-title) .tooltip {
    margin-left: 5px;
    margin-top: 2px;
  }
}
#aaa-membership-tier .space-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.js-tooltip {
  cursor: pointer;
}

.tooltip-content {
  font-weight: normal;
  letter-spacing: 0;
  font-size: 1rem;
}

@media (max-width: 1200px) {
  .visuallyhidden-m {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }
}
#slide-panel-join .user-content-panel .user-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 1.5rem 1rem;
}
#slide-panel-join .user-content-panel .user-content ul {
  height: 100%;
}
#slide-panel-join .user-content-panel .user-content .aaa-form__btn--back {
  margin-left: 0;
  padding: 0;
  text-align: left;
}

.ca-join-header > .container > .row {
  margin-left: 0;
  margin-right: 0;
}

.ca-join-header .col.join-header-mbl {
  padding-left: 0;
  padding-right: 0;
}

#slide-panel-join .cd-panel__container .cd-panel__close {
  right: 1rem;
}

.module-56.nmlp-email-campaign {
  padding-bottom: 4rem;
}
.module-56.nmlp-email-campaign.lt-blue-bg {
  background-color: #e6eaf3;
}
.module-56.nmlp-email-campaign.tan-bg {
  background-color: #fff6e6;
}
@media screen and (max-width: 992px) {
  .module-56.nmlp-email-campaign .ca-button-wrap {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .module-56 .media-component {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.module-56 .media-component.gap-3 {
  gap: 3rem;
}
@media screen and (max-width: 768px) {
  .module-56 .media-component.gap-3 {
    gap: unset;
  }
}
.module-56 .media-component ul {
  list-style: none;
  -ms-flex-preferred-size: 360px;
      flex-basis: 360px;
}
@media screen and (max-width: 768px) {
  .module-56 .media-component ul {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
.module-56 .media-component ul.checks-alt li {
  background-image: url(../img/check-circle-icon-black.svg);
  background-position: top 50%;
  background-size: 14px;
  background-repeat: no-repeat;
  font-size: 1rem;
  line-height: 1.2;
  margin-bottom: 0.75rem;
  padding-left: 2rem;
}
.module-56 .media-component ul.checks-alt .callout sup {
  font-size: 8px;
  display: inline-block;
  padding: 8px 0 0 4px;
}

/*MODULE 58 – NEW MODULE*/
.module-58 .join-by-phone-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 24px 0;
  border: 1px solid #eaeaea;
  border-radius: 6px;
}

.module-58 .join-by-phone-main-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 492px;
  margin: 0 auto;
}

.module-58 .join-by-phone-title {
  font-size: 24px;
  text-transform: uppercase;
  margin: 0 8px 0 0;
}

.module-58 .join-by-phone-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.module-58 .join-by-phone-number,
.module-58 .join-by-phone-number:hover,
.module-58 .join-by-phone-number:visited {
  cursor: pointer;
  font-size: 16px;
  color: #98150B;
  text-decoration: none;
}

.module-58 .join-by-phone-image {
  margin: 0 8px 0 0;
}

.module-58 .join-by-phone-subtext {
  font-size: 16px;
  text-align: center;
  margin: 0;
}

@media screen and (max-width: 568px) {
  .module-58 .join-by-phone-container {
    padding: 24px;
  }
  .module-58 .join-by-phone-title {
    margin: 0 0 16px 0;
  }
  .module-58 .join-by-phone-main-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.visually-hidden {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  overflow: hidden;
  width: 1px;
  height: 1px;
  white-space: nowrap;
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip-content {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  left: -146px;
  top: 2.5rem;
  opacity: 0;
  padding: 1rem;
  background-color: #fff;
}
.tooltip-content:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: -15px;
  left: 0;
  right: 0;
  margin: auto;
  border-top: solid 8px #ffffff;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  border-bottom: solid 8px transparent;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media (max-width: 1200px) {
  .tooltip-content:before {
    left: auto;
    right: 80px;
  }
}
.tooltip-content.simple:before {
  content: "";
  display: none;
}
@media (max-width: 1200px) {
  .tooltip-content {
    left: -200px;
  }
}

.tooltip-trigger:hover + .tooltip-content,
.tooltip-trigger:focus + .tooltip-content,
.tooltip-content:hover,
.tooltip-content:focus {
  clip: auto;
  width: 320px;
  height: auto;
  overflow: visible;
  position: relative;
  white-space: normal;
  opacity: 1;
  z-index: 100;
}
@media (max-width: 1200px) {
  .tooltip-trigger:hover + .tooltip-content,
.tooltip-trigger:focus + .tooltip-content,
.tooltip-content:hover,
.tooltip-content:focus {
    width: 300px;
  }
}

.aaa-tooltip {
  --tooltip-background: #222;
  --tooltip-color: #fff;
  --toolitp-width: 320px;
  --tooltip-padding: 1rem;
  --tooltip-zindex: 10;
  --tooltip-tip-width: 10px;
  --tooltip-offset: 15px;
  --tooltip-shadow: none;
  --tooltip-border-radius: 4px;
  position: relative;
  display: inline-block;
}

.aaa-tooltip .info-icon {
  position: relative;
  /*background-image: url('img/info.PNG');
  background-repeat: no-repeat;
  height: 25px;
  width: 25px;*/
}

.aaa-tooltip .info-icon:after {
  position: absolute;
  content: "";
  background-image: url("../img/info.svg");
  top: -1px;
  left: -1px;
  height: 24px;
  width: 24px;
}

/*.aaa-tooltip .info-icon:after:focus {*/
/*    border: 2px solid #222;*/
/*}*/
.aaa-tooltip-content {
  display: block;
  font-size: 0.875rem;
  font-weight: normal;
  visibility: hidden;
  position: absolute;
  width: var(--toolitp-width);
  line-height: 1.25;
  min-width: var(--toolitp-width);
  margin: 0 0 var(--tooltip-offset) 0;
  padding: var(--tooltip-padding);
  color: var(--tooltip-color);
  background: var(--tooltip-background);
  border-radius: var(--tooltip-border-radius);
  opacity: 0;
  text-align: center;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
  -webkit-box-shadow: var(--tooltip-shadow);
          box-shadow: var(--tooltip-shadow);
  z-index: var(--tooltip-zindex);
}

@media screen and (max-width: 992px) {
  .aaa-tooltip-content {
    -webkit-transform: translateX(-80%);
        -ms-transform: translateX(-80%);
            transform: translateX(-80%);
  }
}
.aaa-tooltip-content p {
  margin-bottom: 0;
}

.aaa-tooltip-content.active {
  visibility: visible;
  opacity: 1;
}

/* tooltip positioning */
.aaa-tooltip-content.top {
  bottom: 100%;
  left: 50%;
  margin: 0 0 15px 0;
}

.aaa-tooltip-content.bottom {
  top: 100%;
  left: 50%;
  margin: 15px 0 0 0;
}

.aaa-tooltip-content.left {
  top: 50%;
  left: auto;
  right: 100%;
  margin: 0 15px 0 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.aaa-tooltip-content.right {
  top: 50%;
  left: 100%;
  margin: 0 0 0 15px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

#ca-membership-tier .aaa-tooltip .aaa-tooltip-content a {
  color: #ffffff;
  text-decoration: underline;
}

#ca-membership-tier .aaa-tooltip .aaa-tooltip-content a:hover {
  text-decoration: none;
}

/* tip styling */
.aaa-tooltip-content::after {
  position: absolute;
  width: 0;
  height: 0;
  content: " ";
}

.aaa-tooltip-content.top::after {
  bottom: calc(-1 * var(--tooltip-tip-width));
  left: 50%;
  margin-left: calc(-1 * var(--tooltip-tip-width));
  border-left: var(--tooltip-tip-width) solid transparent;
  border-right: var(--tooltip-tip-width) solid transparent;
  border-top: var(--tooltip-tip-width) solid var(--tooltip-background);
}

@media screen and (max-width: 992px) {
  .aaa-tooltip-content.top::after {
    left: 82%;
  }
}
.aaa-tooltip-content.bottom::after {
  top: calc(-1 * var(--tooltip-tip-width));
  left: 50%;
  margin-left: calc(-1 * var(--tooltip-tip-width));
  border-bottom: var(--tooltip-tip-width) solid var(--tooltip-background);
  border-left: var(--tooltip-tip-width) solid transparent;
  border-right: var(--tooltip-tip-width) solid transparent;
}

.aaa-tooltip-content.right::after {
  top: 50%;
  left: calc(-1 * var(--tooltip-tip-width));
  right: auto;
  margin-top: calc(-1 * var(--tooltip-tip-width));
  border-top: var(--tooltip-tip-width) solid transparent;
  border-bottom: var(--tooltip-tip-width) solid transparent;
  border-left: 0;
  border-right: var(--tooltip-tip-width) solid var(--tooltip-background);
}

.aaa-tooltip-content.left::after {
  top: 50%;
  left: auto;
  right: calc(-1 * var(--tooltip-tip-width));
  margin-top: calc(-1 * var(--tooltip-tip-width));
  border-top: var(--tooltip-tip-width) solid transparent;
  border-bottom: var(--tooltip-tip-width) solid transparent;
  border-left: var(--tooltip-tip-width) solid var(--tooltip-background);
  border-right: 0;
}

.aaa-tooltip-button {
  /*background-color: #fff;*/
  background: transparent;
  display: block;
  border: none;
  cursor: pointer;
  height: 24px;
  width: 24px;
  padding: 10px;
}

@media screen and (max-width: 1200px) {
  .aaa-tooltip-button {
    margin-left: 0.75rem;
  }
}
.aaa-tooltip-button:focus {
  border: 1px solid #222;
}

.module-53 .btn {
  padding: 6px;
}
.module-53 .btn.disabled, .module-53 .btn:disabled, .module-53 .btn[disabled] {
  background: #fff !important;
  cursor: default;
  pointer-events: inherit;
  opacity: 0.25;
}

.module-53 [class^=icon-],
.module-53 [class*=" icon-"] {
  vertical-align: text-top;
}

.module-53 .btn-default {
  color: #fff;
  background-color: #495057;
  border-color: #3d4349;
}
.module-53 .btn-default:hover, .module-53 .btn-default:active, .module-53 .btn-default:focus {
  color: #fff;
  background-color: #363c41;
  border-color: #212528;
}

.module-53 label.input-stepper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem 0 1rem;
}
.module-53 label.input-stepper #label-text-1,
.module-53 label.input-stepper #label-text-2,
.module-53 label.input-stepper #label-text-3 {
  font-size: 1.125rem;
  font-weight: bold;
  padding-right: 1rem;
}
.module-53 label.input-stepper input {
  display: inline-block;
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin-bottom: 0;
}
.module-53 label.input-stepper a {
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  width: 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.module-53 label.input-stepper a.btn {
  background-color: transparent;
  border: 1px solid #0e0e0e;
}
.module-53 label.input-stepper a.btn .count-icon {
  height: 14px;
}

.module-53 #spinner-1,
.module-53 #spinner-2,
.module-53 #spinner-3 {
  width: 3em;
  background-color: transparent;
  border: none;
}

.module-53 .drivers-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.module-53 .drivers-counter .count-icon {
  height: 20px;
}

#aaa-notification.notification-top {
  padding-bottom: 0;
  padding-top: 0;
}
#aaa-notification.notification-top .segment {
  border-radius: 0;
}
#aaa-notification.notification-top .segment .segment-content-wrap {
  margin: auto;
  max-width: 1440px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
#aaa-notification .segment.alert {
  background-color: #fbeae8;
  position: relative;
}
#aaa-notification .segment.alert .aaa-close {
  background: url(https://cluballiance.aaa.com/img/menu-icons/close.svg) no-repeat center center;
  border: none;
  position: absolute;
  top: 1rem;
  right: 1.5rem;
  z-index: 2;
  padding: 1.25rem 1rem;
  cursor: pointer;
}
#aaa-notification .segment.general {
  background-color: #e6eaf3;
}
#aaa-notification .segment .content {
  font-weight: bold;
  margin-bottom: 0;
  margin-left: 0.75rem;
}
#aaa-notification .segment .content a {
  color: #222222;
  text-decoration: underline;
}
.car-care-slider .swiper-slide {
  font-size: 18px;
  height: 360px;
  width: 432px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
}
.car-care-slider .image-card {
  height: 360px;
}
.car-care-slider .image-card .img-cover {
  height: 176px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.car-care-slider .image-card .footer {
  position: relative;
  overflow: hidden;
  background: #fff;
  padding: 1rem;
  border: 1px solid #ddd;
  border-radius: 0 0 6px 6px;
  border-top: none;
  height: 190px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.car-care-slider .image-card .footer .head {
  font-family: "BryantRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: bold;
  color: #222;
  margin-bottom: 0;
  text-transform: capitalize;
}
.car-care-slider .image-card .footer .subhead {
  color: #646464;
  font-size: 0.875rem;
  font-weight: normal;
}
.car-care-slider .image-card .footer .sub-footer {
  display: block;
  margin-bottom: 1rem;
}
.car-care-slider .image-card .footer .bottom {
  color: #222222;
  font-size: 0.75rem;
  font-weight: bold;
  margin-top: auto;
  margin-bottom: 0;
}
.car-care-slider .image-card .footer .bottom.open {
  color: #11763d;
}
.car-care-slider .image-card .footer .bottom.opens {
  color: #222222;
}
.car-care-slider .image-card .footer .bottom.closing {
  color: #b37200;
}

section.search-block .search-wrap {
  background-color: #f3f4f4;
  border-radius: 6px;
  padding: 1rem;
}
@media (max-width: 768px) {
  section.search-block .search-wrap form[role=search] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  section.search-block .search-wrap form[role=search] .search-label {
    margin-bottom: 1rem;
  }
}
section.search-block .search-wrap .input-wrap {
  position: relative;
  width: 100%;
}
section.search-block .search-wrap .input-wrap #search {
  border: none;
  border-radius: 4px;
  height: 48px;
  padding-left: 2.5rem;
  width: 100%;
}
section.search-block .search-wrap .input-wrap .search-button {
  background-color: transparent;
  border: none;
  position: absolute;
  left: 0.5rem;
  top: 0.75rem;
}
section.search-block .search-wrap .input-wrap .search-button svg {
  margin-top: 2px;
  height: 18px;
  width: 18px;
}
section.search-block .search-wrap .search-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Tungsten A", "Tungsten B";
  font-size: 1.5rem;
  min-width: 150px;
  text-transform: uppercase;
}

section.appointment-section .segment.bg-blue {
  background-color: #003087;
}
section.appointment-section .segment.bg-blue .ca-button.pointer {
  background: url("../img/icons/text-link-right-arrow-outline-white.svg") no-repeat center right;
  padding-right: 2rem;
}
section.appointment-section .segment.bg-blue * {
  color: #ffffff;
}

#travel-quote-rfq.tq-home .section {
  padding-top: 0;
  padding-bottom: 0;
}
#travel-quote-rfq.tq-home .section .tq-content-wrap {
  margin-top: -50px;
  position: relative;
  z-index: 10;
}
#travel-quote-rfq.tq-home .section .tq-content-wrap .travel-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#travel-quote-rfq.tq-home .section .tq-content-wrap .tq-selector {
  border: 1px solid #eaeaea;
  border-radius: 6px;
  color: #222222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.5rem 1rem;
  height: 130px;
  width: 200px;
}
#travel-quote-rfq.tq-home .section .tq-content-wrap .tq-selector:hover {
  border: 1px solid #222222;
}
#travel-quote-rfq.tq-home .section .tq-content-wrap .tq-selector .tq-text {
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin-top: auto;
}
#travel-quote-rfq.tq-home .section .tq-content-wrap .tq-icon {
  max-height: 56px;
}
#travel-quote-rfq .header {
  max-width: 100%;
  width: 100%;
  height: 50%;
  position: relative;
}
#travel-quote-rfq .header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(90%, #FFF));
  background-image: linear-gradient(180deg, transparent 0 10%, #FFF 90% 100%);
}
#travel-quote-rfq .header img {
  height: auto;
  width: 100%;
}
#travel-quote-rfq .tq-title {
  font-size: 3.5rem;
  margin-bottom: 1rem;
  text-align: center;
}

.module-57 .dq-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
  grid-template-columns: repeat(4, 1fr);
  -ms-grid-rows: 1.5fr 1rem 1fr;
  grid-template-rows: 1.5fr 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.module-57 .dq-grid > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.module-57 .dq-grid > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.module-57 .dq-grid > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

.module-57 .dq-grid > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}

.module-57 .dq-grid > *:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.module-57 .dq-grid > *:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}

.module-57 .dq-grid > *:nth-child(7) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}

.module-57 .dq-grid > *:nth-child(8) {
  -ms-grid-row: 3;
  -ms-grid-column: 7;
}
@media (max-width: 992px) {
  .module-57 .dq-grid {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-rows: 0.25fr 1fr 0.5fr;
    grid-template-rows: 0.25fr 1fr 0.5fr;
  }
  .module-57 .dq-grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .module-57 .dq-grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .module-57 .dq-grid > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .module-57 .dq-grid > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .module-57 .dq-grid > *:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .module-57 .dq-grid > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .module-57 .dq-grid > *:nth-child(7) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .module-57 .dq-grid > *:nth-child(8) {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
  }
  .module-57 .dq-grid > *:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .module-57 .dq-grid > *:nth-child(10) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .module-57 .dq-grid > *:nth-child(11) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .module-57 .dq-grid > *:nth-child(12) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
  }
}
.module-57 .dq-div1 {
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-column-span: 2;
  grid-column-end: 3;
}
@media (max-width: 992px) {
  .module-57 .dq-div1 {
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-row-span: 0;
    grid-row-end: 1;
    -ms-grid-column-span: 4;
    grid-column-end: 5;
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content; /* OR min-content*/
  }
}
.module-57 .dq-div2 {
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-column-span: 2;
  grid-column-end: 5;
}
@media (max-width: 992px) {
  .module-57 .dq-div2 {
    -ms-grid-row: 3;
        grid-row-start: 3;
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-row-span: 0;
    grid-row-end: 3;
    -ms-grid-column-span: 4;
    grid-column-end: 5;
  }
  .module-57 .dq-div2.dq-flip {
    -ms-grid-row: 2;
        grid-row-start: 2;
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
    -ms-grid-column-span: 4;
    grid-column-end: 5;
  }
}
.module-57 .dq-div3 {
  -ms-grid-row: 2;
      grid-row-start: 2;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -ms-grid-column-span: 4;
  grid-column-end: 5;
}
@media (max-width: 992px) {
  .module-57 .dq-div3 {
    -ms-grid-row: 2;
        grid-row-start: 2;
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
    -ms-grid-column-span: 4;
    grid-column-end: 5;
  }
  .module-57 .dq-div3.dq-flip {
    -ms-grid-row: 3;
        grid-row-start: 3;
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-row-span: 0;
    grid-row-end: 3;
    -ms-grid-column-span: 4;
    grid-column-end: 5;
  }
}
.module-57 .flex-wrap {
  gap: 1rem;
}
.module-57 .flex-wrap li {
  margin: 0;
  width: calc(25% - 0.75rem);
}
@media (max-width: 992px) {
  .module-57 .flex-wrap li {
    width: calc(50% - 0.5rem);
  }
}
.module-57 .flex-wrap .list-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-family: "Tungsten A", "Tungsten B";
  font-size: 2rem;
  padding-left: 1rem;
  padding-bottom: 0.5rem;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .module-57 .flex-wrap .list-head {
    font-size: 1.5rem;
  }
  .module-57 .flex-wrap .list-head br {
    display: none;
  }
}
@media (max-width: 768px) {
  .module-57 .flex-wrap .list-head {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 0;
  }
}
.module-57 .banner-image {
  height: 100%;
  position: relative;
}
@media (max-width: 992px) {
  .module-57 .banner-image {
    max-height: 160px;
  }
}
.module-57 .banner-image:before {
  background: rgb(2, 4, 122);
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), color-stop(99%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 99%, rgba(0, 0, 0, 0.5) 100%);
  border-radius: 6px;
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
}
.module-57 .banner-image .img-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
}
.module-57 .banner-image .ca-text-overlay {
  color: #ffffff;
  font-family: "Tungsten A", "Tungsten B";
  font-size: 4.5rem;
  line-height: 1;
  margin-left: 1.5rem;
  max-width: 400px;
  position: absolute;
  text-transform: uppercase;
  top: 1rem;
}
@media (max-width: 992px) {
  .module-57 .banner-image .ca-text-overlay {
    font-size: 3rem;
    height: 100%;
    margin: 0;
    padding: 1rem;
    top: 0;
  }
}
.module-57 .membership-panel {
  border-radius: 6px;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 1.5rem;
}
.module-57 .membership-panel.join-1 {
  background-color: #003087;
}
.module-57 .membership-panel.join-1 .heading, .module-57 .membership-panel.join-1 h2, .module-57 .membership-panel.join-1 h3 {
  color: #ffffff;
}
.module-57 .membership-panel.join-1 .panel {
  background-color: #00255F;
}
.module-57 .membership-panel.join-1 .footer .call {
  background-image: url("../img/svgs/phone-white.svg");
  background-repeat: no-repeat;
  background-position: left;
  background-size: 16px;
  padding-left: 1.25rem;
}
.module-57 .membership-panel.join-2 {
  background-color: #98150B;
}
.module-57 .membership-panel.join-2 .heading, .module-57 .membership-panel.join-2 h2, .module-57 .membership-panel.join-2 h3 {
  color: #ffffff;
}
.module-57 .membership-panel.join-2 .panel {
  background-color: #57100B;
}
.module-57 .membership-panel.join-2 .footer .call {
  background-image: url("../img/svgs/phone-white.svg");
  background-repeat: no-repeat;
  background-position: left;
  background-size: 16px;
  padding-left: 1.25rem;
}
.module-57 .membership-panel.classic {
  background-color: #e6eaf3;
}
.module-57 .membership-panel.classic .tooltip {
  color: #222222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: auto;
}
.module-57 .membership-panel.classic .tooltip .tooltip-trigger {
  margin-bottom: 0.25rem;
}
.module-57 .membership-panel.classic .tooltip span,
.module-57 .membership-panel.classic .tooltip .expired,
.module-57 .membership-panel.classic .tooltip .expiring {
  color: #222222;
}
.module-57 .membership-panel.classic .link-list a {
  color: #222222;
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.module-57 .membership-panel.classic .login-link {
  -ms-flex-item-align: self-start;
      -ms-grid-row-align: self-start;
      align-self: self-start;
  color: #222222;
  background-image: url("../img/svgs/right-arrow-line-black.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 16px;
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-right: 1.25rem;
}
.module-57 .membership-panel.classic .logout-link {
  color: #222222;
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.module-57 .membership-panel.classic .panel {
  background-color: #CCD6E7;
  position: relative;
}
.module-57 .membership-panel.classic .panel.card:after {
  content: "";
  background: url("../img/svgs/classic-orbit.svg") no-repeat;
  height: 64px;
  width: 89px;
  position: absolute;
  top: 0;
  right: -26px;
}
.module-57 .membership-panel.classic p {
  color: #222222;
}
.module-57 .membership-panel.classic .footer span, .module-57 .membership-panel.classic .footer a {
  color: #222222;
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.module-57 .membership-panel.classic .footer .call {
  background-image: url("../img/svgs/phone-black.svg");
  background-repeat: no-repeat;
  background-position: left;
  background-size: 16px;
  padding-left: 1.25rem;
}
.module-57 .membership-panel.plus {
  background-color: #fff6e6;
}
.module-57 .membership-panel.plus .tooltip {
  color: #222222;
}
.module-57 .membership-panel.plus .tooltip span,
.module-57 .membership-panel.plus .tooltip .expired,
.module-57 .membership-panel.plus .tooltip .expiring {
  color: #222222;
}
.module-57 .membership-panel.plus .link-list a {
  color: #222222;
}
.module-57 .membership-panel.plus .login-link {
  -ms-flex-item-align: self-start;
      -ms-grid-row-align: self-start;
      align-self: self-start;
  color: #222222;
  background-image: url("../img/svgs/right-arrow-line-black.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 16px;
  padding-right: 1.25rem;
}
.module-57 .membership-panel.plus .logout-link {
  color: #222222;
}
.module-57 .membership-panel.plus .panel {
  background-color: #ffedcc;
  position: relative;
}
.module-57 .membership-panel.plus .panel.card:after {
  content: "";
  background: url("../img/svgs/plus-orbit.svg") no-repeat;
  height: 64px;
  width: 89px;
  position: absolute;
  top: 0;
  right: -26px;
}
.module-57 .membership-panel.plus p {
  color: #222222;
}
.module-57 .membership-panel.plus .footer span, .module-57 .membership-panel.plus .footer a {
  color: #222222;
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.module-57 .membership-panel.plus .footer .call {
  background-image: url("../img/svgs/phone-black.svg");
  background-repeat: no-repeat;
  background-position: left;
  background-size: 16px;
  padding-left: 1.25rem;
}
.module-57 .membership-panel.premier {
  background-color: #222222;
}
.module-57 .membership-panel.premier .tooltip {
  color: #222222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: auto;
}
.module-57 .membership-panel.premier .tooltip span,
.module-57 .membership-panel.premier .tooltip .expired,
.module-57 .membership-panel.premier .tooltip .expiring {
  color: #222222;
}
.module-57 .membership-panel.premier .heading {
  color: #ffffff;
}
.module-57 .membership-panel.premier .link-list a {
  color: #ffffff;
}
.module-57 .membership-panel.premier .login-link {
  -ms-flex-item-align: self-start;
      -ms-grid-row-align: self-start;
      align-self: self-start;
  color: #ffffff;
  background-image: url("../img/svgs/right-arrow-line-black.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 16px;
  padding-right: 1.25rem;
}
.module-57 .membership-panel.premier .logout-link {
  color: #ffffff;
}
.module-57 .membership-panel.premier .panel {
  background-color: #f3f4f4;
  position: relative;
}
.module-57 .membership-panel.premier .panel.card:after {
  content: "";
  background: url("../img/svgs/premier-orbit.svg") no-repeat;
  height: 64px;
  width: 89px;
  position: absolute;
  top: 0;
  right: -26px;
}
.module-57 .membership-panel.premier p {
  color: #ffffff;
}
.module-57 .membership-panel.premier p.number, .module-57 .membership-panel.premier p.expires, .module-57 .membership-panel.premier p.expired {
  color: #222222;
}
.module-57 .membership-panel.premier .footer span, .module-57 .membership-panel.premier .footer a {
  color: #ffffff;
  font-family: "BryantWebMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.module-57 .membership-panel.premier .footer .call {
  background-image: url("../img/svgs/phone-black.svg");
  background-repeat: no-repeat;
  background-position: left;
  background-size: 16px;
  padding-left: 1.25rem;
}
@media (max-width: 768px) {
  .module-57 .membership-panel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1.5rem 1rem 2.5rem;
  }
}
.module-57 .membership-panel .left-panel .profile-heading p {
  font-size: 1.125rem;
  margin-bottom: 0;
}
.module-57 .membership-panel .left-panel,
.module-57 .membership-panel .right-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 50%;
}
@media (max-width: 768px) {
  .module-57 .membership-panel .left-panel,
.module-57 .membership-panel .right-panel {
    width: 100%;
  }
}
.module-57 .membership-panel .left-panel .panel,
.module-57 .membership-panel .right-panel .panel {
  border-radius: 6px;
  padding: 1rem;
}
@media (max-width: 992px) {
  .module-57 .membership-panel .left-panel .panel,
.module-57 .membership-panel .right-panel .panel {
    margin-bottom: 3rem;
  }
}
@media (max-width: 768px) {
  .module-57 .membership-panel .left-panel .panel,
.module-57 .membership-panel .right-panel .panel {
    margin-bottom: 1.5rem;
  }
}
.module-57 .membership-panel .left-panel .panel h3,
.module-57 .membership-panel .right-panel .panel h3 {
  font-size: 1.25rem;
}
.module-57 .membership-panel .left-panel .panel p,
.module-57 .membership-panel .right-panel .panel p {
  font-size: 0.875rem;
  margin-bottom: 1.5rem;
}
.module-57 .membership-panel .left-panel .footer,
.module-57 .membership-panel .right-panel .footer {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: auto;
  text-transform: uppercase;
}
.module-57 .membership-panel .left-panel .footer .tungsten,
.module-57 .membership-panel .right-panel .footer .tungsten {
  font-size: 1rem;
  letter-spacing: 1px;
}
.module-57 .membership-panel .left-panel .call,
.module-57 .membership-panel .right-panel .call {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-end;
}
.module-57 .membership-panel .left-panel .call .icon-phone.flip-horizontal,
.module-57 .membership-panel .right-panel .call .icon-phone.flip-horizontal {
  margin-right: 0.5rem;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  height: 1rem;
  width: 1rem;
}
.module-57 .membership-panel .left-panel .ca-button,
.module-57 .membership-panel .right-panel .ca-button {
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
}
.module-57 .membership-panel .left-panel .ca-button.secondary,
.module-57 .membership-panel .right-panel .ca-button.secondary {
  background-color: #ffffff;
  color: #222;
}
@media (max-width: 1400px) {
  .module-57 .membership-panel .left-panel {
    width: 40%;
  }
}
@media (max-width: 1400px) and (max-width: 768px) {
  .module-57 .membership-panel .left-panel {
    width: 100%;
  }
}
@media (max-width: 1400px) {
  .module-57 .membership-panel .right-panel {
    width: 60%;
  }
}
@media (max-width: 1400px) and (max-width: 768px) {
  .module-57 .membership-panel .right-panel {
    width: 100%;
  }
}
@media (max-width: 1400px) {
  .module-57 .membership-panel .right-panel .footer {
    gap: 0.5rem;
  }
}
@media (max-width: 1400px) and (max-width: 1124px) {
  .module-57 .membership-panel .right-panel .footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media (max-width: 768px) {
  .module-57 .membership-panel .left-panel {
    margin-bottom: 2.5rem;
  }
}
.module-57 .membership-panel a {
  color: #ffffff;
}
.module-57 .membership-panel .link-list li {
  font-size: 0.875rem;
  margin-bottom: 1rem;
}
.module-57 .membership-panel .login-link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875rem;
  margin-top: auto;
}
.module-57 .membership-panel .login-link img {
  height: 18px;
  margin-left: 0.5rem;
}
.module-57 .membership-panel .logout-link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875rem;
  margin-top: auto;
}
.module-57 .membership-panel .profile-heading .heading {
  font-size: 2rem;
  margin-bottom: 1.25rem;
}
.module-57 .membership-panel .greet {
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}
.module-57 .membership-panel.bg-red {
  background-color: #BE1A0E;
}
.module-57 .membership-panel.link-button {
  background-color: #e7e8e8;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.module-57 .membership-panel.bg-tan {
  background-color: #FFEDCC;
}
.module-57 .membership-panel.bg-tan .profile-heading, .module-57 .membership-panel.bg-tan .link-list, .module-57 .membership-panel.bg-tan .login-link, .module-57 .membership-panel.bg-tan p, .module-57 .membership-panel.bg-tan a {
  color: #222;
}
.module-57 .membership-panel.bg-tan .greet {
  color: #664100;
}
.module-57 .membership-panel.bg-lightblue {
  background-color: #EDF2F9;
}
.module-57 .membership-panel.bg-lightblue .greet, .module-57 .membership-panel.bg-lightblue .heading, .module-57 .membership-panel.bg-lightblue .link-list, .module-57 .membership-panel.bg-lightblue li, .module-57 .membership-panel.bg-lightblue a, .module-57 .membership-panel.bg-lightblue p, .module-57 .membership-panel.bg-lightblue * {
  color: #222;
}
.module-57 .membership-panel .member-card .panel .tooltip-content.tooltip-expiring {
  left: -168px;
  top: -25px;
}
.module-57 .membership-panel .member-card .panel .tooltip-content.tooltip-expiring:before {
  left: 12%;
}
.module-57 .membership-panel .member-card .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 170px;
}
.module-57 .membership-panel .member-card .panel .tooltip-content {
  border-radius: 4px;
  font-size: 0.875rem;
  padding: 0.75rem;
  text-align: center;
  left: -258px;
  top: -45px;
  width: 310px;
}
.module-57 .membership-panel .member-card .panel .tooltip-content:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -66px;
  left: 85%;
  right: 0;
  margin: auto;
  border-top: solid 8px transparent;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  border-bottom: solid 8px #ffffff;
}
.module-57 .membership-panel .member-card .panel .tooltip-content .tooltip-link {
  font-weight: 600;
  color: #222222;
  text-decoration: underline;
}
.module-57 .membership-panel .member-card .panel [role=tooltip] {
  background-color: #ffffff;
  color: #222222;
  font-weight: 600;
}
.module-57 .membership-panel .member-card .panel h3 {
  font-size: 1.25rem;
}
.module-57 .membership-panel .member-card .panel .member-details {
  margin-top: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.module-57 .membership-panel .member-card .panel .member-details .expires {
  margin-left: auto;
}
.module-57 .membership-panel .member-card .panel .member-details .number,
.module-57 .membership-panel .member-card .panel .member-details .expires {
  font-size: 0.75rem;
}
.module-57 .membership-panel .member-card .panel .member-details .number span,
.module-57 .membership-panel .member-card .panel .member-details .expires span {
  font-size: 0.75rem;
  font-weight: bold;
  display: block;
  margin-top: 0.25rem;
}
.module-57 .membership-panel .member-card .panel .member-details .number .expiring,
.module-57 .membership-panel .member-card .panel .member-details .expires .expiring {
  background: url("../img/svgs/warning.svg") no-repeat left 0;
  padding-left: 1rem;
}
.module-57 .membership-panel .member-card .panel .member-details .number .expired,
.module-57 .membership-panel .member-card .panel .member-details .expires .expired {
  background: url("../img/svgs/expired.svg") no-repeat left 0;
  padding-left: 1rem;
}
.module-57 .membership-panel .member-card .panel .member-details * {
  margin-bottom: 0;
}
.module-57 .membership-panel .member-card .panel .member-details .tooltip-trigger {
  margin-bottom: 0.25rem;
}
.module-57 .site-links {
  border-radius: 6px;
  color: #222222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.module-57 .text-wrap + .icon {
  height: 32px;
  margin-top: 0;
  width: auto;
}
.module-57 .link-wrap {
  background-color: #f3f4f4;
  border-radius: 6px;
  color: #222222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem;
  width: 100%;
}
.module-57 .link-wrap:hover, .module-57 .link-wrap:focus-visible, .module-57 .link-wrap:focus {
  -webkit-box-shadow: inset 0 0 0 1px #222222;
          box-shadow: inset 0 0 0 1px #222222;
}
@media (max-width: 600px) {
  .module-57 .link-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 1rem;
  }
  .module-57 .link-wrap .icon {
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-bottom: 0.5rem;
  }
}
.module-57 .link-wrap .title {
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
@media (max-width: 768px) {
  .module-57 .link-wrap .title {
    font-size: 1rem;
  }
}
.module-57 .link-wrap .sub-title {
  font-size: 0.875rem;
  line-height: 1;
  margin-bottom: 0;
}
.module-57 .member-card .member-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.module-57 .uppercase {
  letter-spacing: 1px;
  text-transform: uppercase;
}

.module-59.home-banner {
  padding-bottom: 0.5rem;
}
.module-59 .row {
  margin-left: 0;
  margin-right: 0;
  margin-top: 1rem;
  background-color: #F9FAFA;
}
.module-59 .row.gold {
  background-color: #FFA300;
}
.module-59 .row.dk-red {
  background-color: #98150B;
}
.module-59 .row.dk-red .cta-wrap {
  color: #ffffff;
}
.module-59 .row.dk-red .cta-wrap .title {
  color: #ffffff;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .module-59 .row {
    text-align: center;
  }
}
.module-59 .row .picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .module-59 .row .picture {
    display: block;
    overflow: hidden;
    padding: 0.5rem 0.75rem;
  }
}
.module-59 .row .picture .img-cover {
  max-height: 460px;
}
@media screen and (max-width: 768px) {
  .module-59 .row .picture .img-cover {
    border-radius: 6px;
  }
}
.module-59 .cta-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 650px;
  padding: 1.5rem;
}
@media screen and (max-width: 768px) {
  .module-59 .cta-wrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.25rem;
    padding-bottom: 0.5rem;
    max-width: 100%;
  }
}
.module-59 .cta-wrap .badge {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
@media screen and (max-width: 768px) {
  .module-59 .cta-wrap .badge {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
}
.module-59 .cta-wrap p {
  font-family: "BryantRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1.1;
  margin-bottom: 0;
}
.module-59 .cta-wrap .small {
  font-size: 0.75rem;
}
.module-59 .cta-wrap .terms {
  color: #222222;
  text-decoration: underline;
}
.module-59 .title {
  font-family: "TAYBarro";
  font-size: 5rem;
  line-height: 0.9;
}
.module-59 .title .title-sub {
  display: block;
  font-size: 3rem;
  margin-top: 0.75rem;
}
@media screen and (max-width: 1200px) {
  .module-59 .title .title-sub {
    font-size: 2rem;
    margin-top: 0.25rem;
  }
}
@media screen and (max-width: 768px) {
  .module-59 .title .title-sub {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1200px) {
  .module-59 .title {
    font-size: 4rem;
  }
}
@media screen and (max-width: 992px) {
  .module-59 .title {
    font-size: 3rem;
  }
}
.module-59 .rt-brd-radius {
  border-radius: 0 6px 6px 0;
}
.module-59 .bg-image {
  position: relative;
}
.module-59 .bg-image .img-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
}
.module-59 .bg-image .img-overlay .overlay-text {
  margin: 1rem auto;
  display: block;
}
@media screen and (max-width: 1200px) {
  .module-59 .bg-image .img-overlay .overlay-text {
    width: 60%;
  }
}
.module-59 .bg-image .img-overlay .overlay-badge {
  position: absolute;
  bottom: 0.5rem;
  right: 1rem;
}
@media screen and (max-width: 1200px) {
  .module-59 .bg-image .img-overlay .overlay-badge {
    bottom: 1rem;
    width: 80px;
  }
}