/**
 * Main Icon mixin.
 *
 * @param {String} $icon - Machine name of icon (filename).
 * @param {String} $pseudo [before] - `before` | `after` The pseudo element to place the icon in.
 * @todo Allow `$pseudo: false` to be declared so we don't have to use a pseudo element if we don't want to.
 * @param {Bool} $text-replace [false]
 * @param {String} $size [inherit]
 * @param {String} $color [inherit]
 * @param {Bool} $block [false] - If `display: block` should be applied.
 *
 * @example scss
 * .class {
 *   @include icon('close');
 * }
 */
:root {
  --white: #FFF;
  --gray-100: #FAFAFB;
  --gray-200: #ECEFF0;
  --gray-300: #D8DEE0;
  --gray-400: #CFD7D9;
  --gray-500: #A8ABAF;
  --gray-600: #868e96;
  --gray-700: #656565;
  --gray-800: #3C3C3C;
  --gray-900: #212529;
  --black: #000;
  --cyan: #0099DE;
  --blue-main: #003778;
  --blue-main-light: #2E5E96;
  --blue-secondary: #56B6E1;
  --blue-light: #0099DE;
  --green: #87C15F;
  --green-dark: #004B46;
  --green-picture: #688233;
  --red: #D9534F;
  --orange: #F06E00;
  --yellow: #FFD25C;
  --light: #ECEFF0;
  --gray: #CFD7D9;
  --gray-medium: #A8ABAF;
  --gray-dark: #656565;
  --html-font-size: 16px;
  --font-family-base: "Knauf Screen", Arial, sans-serif;
  --font-family-headings: "Knauf Screen Head", sans-serif;
  --body-bg: #FFF;
  --body-color: #3C3C3C;
  --line-height-base: 1.642;
  --navigation-menu-height: 50px;
  --link-color: #003778;
  --link-decoration: none;
  --link-transition: 0.3s all ease-in-out;
  --link-hover-color: #0099DE;
  --link-hover-decoration: none;
  --font-weight-light: 300;
  --font-weight-base: 400;
  --font-weight-bold: 700;
  --display-line-height: 1.5;
  --paragraph-margin-bottom: 0.5rem;
  --border-width: 0.125rem;
  --border-radius-sm: 0.2rem;
  --border-radius: 0.3125rem;
  --grid-gap-default: 2.5rem;
  --spacer-0: 0;
  --spacer-1: 0.625rem;
  --spacer-2: 1rem;
  --spacer-3: 1.875rem;
  --spacer-4: 2.188rem;
  --spacer-5: 4rem;
  --spacer-6: 7rem;
  --toolbar-fixed-padding: 39px;
  --toolbar-fixed-tray-open-padding: 79px;
  --z-index-header: 400;
  --z-index-dropdown: 300;
  --font-size-base: 1rem;
  --font-size-sm: 0.875rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.5rem;
  --headings-text-transform: uppercase;
  --headings-color: #0099DE;
  --headings-font-family: "Knauf Screen Head", sans-serif;
  --headings-margin-bottom: 1rem;
  --headings-font-weight: 800;
  --h1-line-height: 1.1;
  --h2-line-height: 1.15;
  --h3-line-height: 1.16;
  --h4-line-height: 1;
  --h5-line-height: 1.25;
  --h6-line-height: 1.2;
  --big-text-font-weight: 300;
  --big-text-font-family: var(--font-family-headings);
  --big-1-font-size: 3.9rem;
  --big-2-font-size: 3.5rem;
  --big-3-font-size: 2.7rem;
  --big-4-font-size: 1.2rem;
  --btn-border-radius: 0;
  --btn-font-size: 1rem;
  --btn-font-weight: var(--font-weight-bold);
  --btn-hover-color: var(--blue-main-light);
  --btn-padding: 0.563rem 1.563rem;
  --header-height: 55px;
  --header-top-iknauf-toggle: 74px;
  --container-padding: 16px;
  --paragraph-root-padding: 24px;
  --grid-gap: 24px;
  --h1-font-size: 2.25rem;
  --h2-font-size: 1.75rem;
  --h3-font-size: 1.5rem;
  --h4-font-size: 1.4rem;
  --h5-font-size: 1.3rem;
  --h6-font-size: 1.18rem;
}
@media (min-width: 600px) {
  :root {
    --container-padding: 32px;
    --grid-gap: 40px;
  }
}
@media (min-width: 768px) {
  :root {
    --header-height: 63px;
    --header-top-iknauf-toggle: 125px;
  }
}
@media (min-width: 900px) {
  :root {
    --paragraph-root-padding: 50px;
    --h1-font-size: 3.875rem;
    --h2-font-size: 2.5rem;
    --h3-font-size: 2.25rem;
    --h4-font-size: 2.188rem;
    --h5-font-size: 1.5rem;
    --h6-font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  :root {
    --container-padding: 48px;
  }
}

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

html {
  font-family: sans-serif;
  font-size: var(--html-font-size, 16px);
  line-height: var(--line-height-base, 1.15);
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

body {
  background-color: var(--body-bg, white);
  color: var(--body-color, black);
  font-family: var(--font-family-base, sans-serif);
  font-size: var(--font-size-base, 1rem);
  font-weight: var(--font-weight-base, 400);
  line-height: var(--line-height-base, 1.2);
  margin: 0;
  text-align: left;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: var(--headings-margin-bottom, 0.5rem);
}

p {
  margin-top: 0;
  margin-bottom: var(--paragraph-margin-bottom, 1rem);
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: var(--link-color);
  -webkit-text-decoration: var(--link-decoration);
          text-decoration: var(--link-decoration);
  background-color: transparent;
  -webkit-transition: var(--link-transition);
  transition: var(--link-transition);
}
a:hover {
  color: var(--link-hover-color);
  -webkit-text-decoration: var(--link-hover-decoration);
          text-decoration: var(--link-hover-decoration);
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--font-family-monospace, SFMono-Regular, Consolas, "Courier New", monospace);
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: var(--table-cell-padding, 0.75rem);
  padding-bottom: var(--table-cell-padding, 0.75rem);
  color: var(--table-caption-color, #6c757d);
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: block;
  margin-bottom: var(--label-margin-bottom, 0.5rem);
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  max-width: 100%;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

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

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

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

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

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.bg-blue-main {
  background-color: #003778 !important;
}

.bg-primary {
  background-color: #0099DE !important;
}

.bg-secondary {
  background-color: #3C3C3C !important;
}

.bg-success {
  background-color: #87C15F !important;
}

.bg-info {
  background-color: #56B6E1 !important;
}

.bg-premium {
  background-color: #FFD25C !important;
}

.bg-warning {
  background-color: #F06E00 !important;
}

.bg-error {
  background-color: #D9534F !important;
}

.bg-white {
  background-color: #FFF !important;
}

.bg-light {
  background-color: #ECEFF0 !important;
}

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

.bg-dark {
  background-color: #000 !important;
}

@property --gradientColorStart {
  syntax: "<color>";
  initial-value: #003778;
  inherits: false;
}
@property --gradientColorEnd {
  syntax: "<color>";
  initial-value: #003778;
  inherits: false;
}
[class*=bg-gradient-] {
  position: relative;
}
[class*=bg-gradient-]:before {
  background: -webkit-gradient(linear, left top, right top, from(var(--gradientColorStart)), to(var(--gradientColorEnd)));
  background: linear-gradient(to right, var(--gradientColorStart), var(--gradientColorEnd));
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: -1px;
  top: 0;
  transition: --gradientColorStart 0.3s, --gradientColorEnd 0.3s;
  z-index: -1;
}

.bg-gradient-blue-main:hover:before, .bg-gradient-blue-main:focus:before {
  --gradientColorEnd: #0099DE;
}

.bg-gradient-cyan:before {
  --gradientColorStart: #0099DE;
  --gradientColorEnd: #0099DE;
}
.bg-gradient-cyan:hover:before, .bg-gradient-cyan:focus:before {
  --gradientColorStart: #003778;
}

.bg-gradient-green:before {
  --gradientColorStart: #87C15F;
  --gradientColorEnd: #87C15F;
}
.bg-gradient-green:hover:before, .bg-gradient-green:focus:before {
  --gradientColorStart: #B4EC8D;
}

.iknauf-gradient:before {
  background: -webkit-gradient(linear, left top, right top, from(rgba(184, 222, 49, 0.8)), color-stop(50%, rgba(184, 222, 49, 0))), -webkit-gradient(linear, left top, right top, from(#00B0EB), color-stop(72.66%, rgba(0, 176, 235, 0.75)));
  background: linear-gradient(90deg, rgba(184, 222, 49, 0.8) 0%, rgba(184, 222, 49, 0) 50%), linear-gradient(90deg, #00B0EB 0%, rgba(0, 176, 235, 0.75) 72.66%);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.border {
  border: var(--border-width, 1px) solid;
}

.border-top {
  border-top: var(--border-width, 1px) solid;
}

.border-right {
  border-right: var(--border-width, 1px) solid;
}

.border-bottom {
  border-bottom: var(--border-width, 1px) solid;
}

.border-left {
  border-left: var(--border-width, 1px) solid;
}

.border-0 {
  border: 0;
}

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

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

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

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

.border-light {
  border-color: #ECEFF0;
}

.border-primary {
  border-color: #0099DE;
}

.border-white {
  border-color: #FFF;
}

.rounded-sm {
  border-radius: var(--border-radius-sm, 0.1rem) !important;
}

.rounded {
  border-radius: var(--border-radius, 0.2rem);
}

.rounded-top {
  border-top-left-radius: var(--border-radius, 0.2rem);
  border-top-right-radius: var(--border-radius, 0.2rem);
}

.rounded-right {
  border-top-right-radius: var(--border-radius, 0.2rem);
  border-bottom-right-radius: var(--border-radius, 0.2rem);
}

.rounded-bottom {
  border-bottom-right-radius: var(--border-radius, 0.2rem);
  border-bottom-left-radius: var(--border-radius, 0.2rem);
}

.rounded-left {
  border-top-left-radius: var(--border-radius, 0.2rem);
  border-bottom-left-radius: var(--border-radius, 0.2rem);
}

.rounded-circle {
  border-radius: 50%;
}

.rounded-0 {
  border-radius: 0;
}

.btn,
.button {
  border-radius: var(--btn-border-radius);
  cursor: pointer;
  display: inline-block;
  font-size: var(--btn-font-size);
  font-weight: var(--btn-font-weight);
  padding: var(--btn-padding);
  text-transform: uppercase;
}

.btn-sm {
  padding: 0.35rem 0.6rem;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  border-radius: 0;
}

.btn-white {
  background-color: var(--white);
  color: var(--black);
}

.btn-outline-white {
  background-color: transparent;
  border: 1px solid var(--white);
  color: var(--white);
}

.btn-white,
.btn-outline-white {
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}
.btn-white:hover,
.btn-outline-white:hover {
  background-color: var(--btn-hover-color);
  border-color: var(--btn-hover-color);
  color: var(--white);
  text-decoration: none;
}

.btn-primary {
  background-color: var(--cyan);
  color: var(--white);
}

.btn-outline-primary {
  background-color: transparent;
  border: 1px solid var(--cyan);
  color: var(--cyan);
}

.btn-primary,
.btn-outline-primary {
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}
.btn-primary:hover,
.btn-outline-primary:hover {
  background-color: var(--btn-hover-color);
  border-color: var(--btn-hover-color);
  color: var(--white);
  text-decoration: none;
}

.btn-success {
  background-color: var(--green);
  color: var(--white);
}

.btn-outline-success {
  background-color: transparent;
  border: 1px solid var(--green);
  color: var(--green);
}

.btn-success,
.btn-outline-success {
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}
.btn-success:hover,
.btn-outline-success:hover {
  background-color: var(--btn-hover-color);
  border-color: var(--btn-hover-color);
  color: var(--white);
  text-decoration: none;
}

.btn-blue-main {
  background-color: var(--blue-main);
  color: var(--white);
}

.btn-outline-blue-main {
  background-color: transparent;
  border: 1px solid var(--blue-main);
  color: var(--blue-main);
}

.btn-blue-main,
.btn-outline-blue-main {
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}
.btn-blue-main:hover,
.btn-outline-blue-main:hover {
  background-color: var(--btn-hover-color);
  border-color: var(--btn-hover-color);
  color: var(--white);
  text-decoration: none;
}

.btn-icon-left {
  padding-left: 2.65rem;
  position: relative;
}
.btn-icon-left [class*=fi--] {
  font-size: 1.4rem;
  left: 0.8rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.btn-link {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 0 none;
  color: var(--link-color);
  display: inline;
  font-weight: bold;
  padding: 0;
  -webkit-text-decoration: var(--link-decoration);
          text-decoration: var(--link-decoration);
  text-transform: uppercase;
  -webkit-transition: var(--link-transition);
  transition: var(--link-transition);
}
.btn-link:focus, .btn-link:hover {
  color: var(--link-hover-color);
  -webkit-text-decoration: var(--link-hover-decoration);
          text-decoration: var(--link-hover-decoration);
}

#back-to-top {
  background-color: var(--blue-light);
  border: 0;
  bottom: 10px;
  color: transparent;
  cursor: pointer;
  height: 40px;
  line-height: 30px;
  overflow: hidden;
  padding: 5px 10px;
  position: fixed;
  right: 10px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  z-index: 1;
}
#back-to-top:before {
  color: white;
  font-size: 1.3125rem;
  position: absolute;
  right: 9px;
  -webkit-transform: rotate(90deg) translateY(-50%);
          transform: rotate(90deg) translateY(-50%);
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  top: 50%;
}

[data-appear-on-scroll] {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
[data-appear-on-scroll].show {
  opacity: 1;
}

.button--primary {
  background-color: var(--blue-main);
  border-color: var(--blue-main);
  border-radius: var(--btn-border-radius);
  color: var(--white);
  cursor: pointer;
  display: inline-block;
  font-size: var(--btn-font-size);
  font-weight: var(--btn-font-weight);
  padding: var(--btn-padding);
  text-transform: uppercase;
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}
.button--primary:hover {
  background-color: var(--btn-hover-color);
  border-color: var(--btn-hover-color);
  text-decoration: none;
}

.big-1, .big-2, .big-3, .big-4 {
  font-weight: var(--big-text-font-weight);
  font-family: var(--big-text-font-family);
}

.big-1 {
  font-size: var(--big-1-font-size);
}

.big-2 {
  font-size: var(--big-2-font-size);
}

.big-3 {
  font-size: var(--big-3-font-size);
}

.big-4 {
  font-size: var(--big-4-font-size);
}

.container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  padding-left: var(--container-padding, 0);
  padding-right: var(--container-padding, 0);
  width: 100%;
}

.container {
  max-width: 1536px;
}

.container-medium {
  max-width: 960px;
}

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

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

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

.d-block {
  display: block !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;
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !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;
  }
}
@media (min-width: 900px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !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;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !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;
  }
}
@media (min-width: 1536px) {
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !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;
  }
}
.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-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;
}

.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;
}

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

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

.align-items-flex-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-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

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

.justify-content-flex-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-space-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

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

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

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

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

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

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

@media (min-width: 600px) {
  .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-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;
  }
  .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;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-sm-flex-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-sm-flex-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-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .justify-content-sm-flex-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-sm-flex-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-space-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-sm-space-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .align-self-sm-flex-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-sm-flex-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
}
@media (min-width: 768px) {
  .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-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;
  }
  .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;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-md-flex-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-md-flex-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-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .justify-content-md-flex-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-md-flex-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-space-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-md-space-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .align-self-md-flex-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-md-flex-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
}
@media (min-width: 900px) {
  .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-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;
  }
  .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;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-lg-flex-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-lg-flex-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-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .justify-content-lg-flex-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-lg-flex-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-space-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-lg-space-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .align-self-lg-flex-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-lg-flex-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
}
@media (min-width: 1200px) {
  .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-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;
  }
  .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;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-xl-flex-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-xl-flex-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-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .justify-content-xl-flex-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-xl-flex-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-space-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-xl-space-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .align-self-xl-flex-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-xl-flex-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
}
@media (min-width: 1536px) {
  .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-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;
  }
  .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;
  }
  .align-items-xxl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-xxl-flex-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-xxl-flex-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-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .justify-content-xxl-flex-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-xxl-flex-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-space-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-xxl-space-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .align-self-xxl-flex-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-xxl-flex-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-xxl-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-xxl-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
  .align-self-xxl-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
}
.grid,
[class*=grid-columns-] {
  display: grid;
  gap: var(--grid-gap, 2rem);
}

.grid-xs {
  display: grid !important;
  gap: var(--grid-gap, 2rem);
}

.grid-col-auto {
  grid-column-end: auto;
}

/*// Limit the number of grid layouts, adding only the strictly necessary.
@if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
.grid-columns-1 {
  grid-template-columns: repeat(1, 1fr);
}

/*// Limit the number of grid layouts, adding only the strictly necessary.
@if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
.grid-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

/*// Limit the number of grid layouts, adding only the strictly necessary.
@if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
.grid-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

/*// Limit the number of grid layouts, adding only the strictly necessary.
@if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
.grid-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

/*// Limit the number of grid layouts, adding only the strictly necessary.
@if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
.grid-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

/*// Limit the number of grid layouts, adding only the strictly necessary.
@if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
.grid-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

/*// Limit the number of grid layouts, adding only the strictly necessary.
@if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
.grid-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

/*// Limit the number of grid layouts, adding only the strictly necessary.
@if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
.grid-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

/*// Limit the number of grid layouts, adding only the strictly necessary.
@if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
.grid-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

/*// Limit the number of grid layouts, adding only the strictly necessary.
@if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
.grid-columns-10 {
  grid-template-columns: repeat(10, 1fr);
}

/*// Limit the number of grid layouts, adding only the strictly necessary.
@if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
.grid-columns-11 {
  grid-template-columns: repeat(11, 1fr);
}

/*// Limit the number of grid layouts, adding only the strictly necessary.
@if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
.grid-columns-12 {
  grid-template-columns: repeat(12, 1fr);
}

.grid-col-span-1 {
  grid-column-end: span 1;
}

.grid-col-span-2 {
  grid-column-end: span 2;
}

.grid-col-span-3 {
  grid-column-end: span 3;
}

.grid-col-span-4 {
  grid-column-end: span 4;
}

.grid-col-span-5 {
  grid-column-end: span 5;
}

.grid-col-span-6 {
  grid-column-end: span 6;
}

.grid-col-span-7 {
  grid-column-end: span 7;
}

.grid-col-span-8 {
  grid-column-end: span 8;
}

.grid-col-span-9 {
  grid-column-end: span 9;
}

.grid-col-span-10 {
  grid-column-end: span 10;
}

.grid-col-span-11 {
  grid-column-end: span 11;
}

.grid-col-span-12 {
  grid-column-end: span 12;
}

.grid-col-start-1 {
  grid-column-start: 1;
}

.grid-col-start-2 {
  grid-column-start: 2;
}

.grid-col-start-3 {
  grid-column-start: 3;
}

.grid-col-start-4 {
  grid-column-start: 4;
}

.grid-col-start-5 {
  grid-column-start: 5;
}

.grid-col-start-6 {
  grid-column-start: 6;
}

.grid-col-start-7 {
  grid-column-start: 7;
}

.grid-col-start-8 {
  grid-column-start: 8;
}

.grid-col-start-9 {
  grid-column-start: 9;
}

.grid-col-start-10 {
  grid-column-start: 10;
}

.grid-col-start-11 {
  grid-column-start: 11;
}

.grid-col-start-12 {
  grid-column-start: 12;
}

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

.order-last {
  -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13;
}

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

.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;
}

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

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

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

.order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}

@media (min-width: 600px) {
  .grid-sm {
    display: grid !important;
    gap: var(--grid-gap, 2rem);
  }
  .grid-col-sm-auto {
    grid-column-end: auto;
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-sm-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-sm-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-sm-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-sm-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-sm-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-sm-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-sm-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-sm-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-sm-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-sm-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-sm-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-sm-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .grid-col-span-sm-1 {
    grid-column-end: span 1;
  }
  .grid-col-span-sm-2 {
    grid-column-end: span 2;
  }
  .grid-col-span-sm-3 {
    grid-column-end: span 3;
  }
  .grid-col-span-sm-4 {
    grid-column-end: span 4;
  }
  .grid-col-span-sm-5 {
    grid-column-end: span 5;
  }
  .grid-col-span-sm-6 {
    grid-column-end: span 6;
  }
  .grid-col-span-sm-7 {
    grid-column-end: span 7;
  }
  .grid-col-span-sm-8 {
    grid-column-end: span 8;
  }
  .grid-col-span-sm-9 {
    grid-column-end: span 9;
  }
  .grid-col-span-sm-10 {
    grid-column-end: span 10;
  }
  .grid-col-span-sm-11 {
    grid-column-end: span 11;
  }
  .grid-col-span-sm-12 {
    grid-column-end: span 12;
  }
  .grid-col-start-sm-1 {
    grid-column-start: 1;
  }
  .grid-col-start-sm-2 {
    grid-column-start: 2;
  }
  .grid-col-start-sm-3 {
    grid-column-start: 3;
  }
  .grid-col-start-sm-4 {
    grid-column-start: 4;
  }
  .grid-col-start-sm-5 {
    grid-column-start: 5;
  }
  .grid-col-start-sm-6 {
    grid-column-start: 6;
  }
  .grid-col-start-sm-7 {
    grid-column-start: 7;
  }
  .grid-col-start-sm-8 {
    grid-column-start: 8;
  }
  .grid-col-start-sm-9 {
    grid-column-start: 9;
  }
  .grid-col-start-sm-10 {
    grid-column-start: 10;
  }
  .grid-col-start-sm-11 {
    grid-column-start: 11;
  }
  .grid-col-start-sm-12 {
    grid-column-start: 12;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
}
@media (min-width: 768px) {
  .grid-md {
    display: grid !important;
    gap: var(--grid-gap, 2rem);
  }
  .grid-col-md-auto {
    grid-column-end: auto;
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-md-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-md-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-md-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-md-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-md-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-md-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-md-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-md-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-md-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-md-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-md-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-md-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .grid-col-span-md-1 {
    grid-column-end: span 1;
  }
  .grid-col-span-md-2 {
    grid-column-end: span 2;
  }
  .grid-col-span-md-3 {
    grid-column-end: span 3;
  }
  .grid-col-span-md-4 {
    grid-column-end: span 4;
  }
  .grid-col-span-md-5 {
    grid-column-end: span 5;
  }
  .grid-col-span-md-6 {
    grid-column-end: span 6;
  }
  .grid-col-span-md-7 {
    grid-column-end: span 7;
  }
  .grid-col-span-md-8 {
    grid-column-end: span 8;
  }
  .grid-col-span-md-9 {
    grid-column-end: span 9;
  }
  .grid-col-span-md-10 {
    grid-column-end: span 10;
  }
  .grid-col-span-md-11 {
    grid-column-end: span 11;
  }
  .grid-col-span-md-12 {
    grid-column-end: span 12;
  }
  .grid-col-start-md-1 {
    grid-column-start: 1;
  }
  .grid-col-start-md-2 {
    grid-column-start: 2;
  }
  .grid-col-start-md-3 {
    grid-column-start: 3;
  }
  .grid-col-start-md-4 {
    grid-column-start: 4;
  }
  .grid-col-start-md-5 {
    grid-column-start: 5;
  }
  .grid-col-start-md-6 {
    grid-column-start: 6;
  }
  .grid-col-start-md-7 {
    grid-column-start: 7;
  }
  .grid-col-start-md-8 {
    grid-column-start: 8;
  }
  .grid-col-start-md-9 {
    grid-column-start: 9;
  }
  .grid-col-start-md-10 {
    grid-column-start: 10;
  }
  .grid-col-start-md-11 {
    grid-column-start: 11;
  }
  .grid-col-start-md-12 {
    grid-column-start: 12;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
}
@media (min-width: 900px) {
  .grid-lg {
    display: grid !important;
    gap: var(--grid-gap, 2rem);
  }
  .grid-col-lg-auto {
    grid-column-end: auto;
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-lg-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-lg-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-lg-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-lg-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-lg-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-lg-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-lg-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-lg-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-lg-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-lg-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-lg-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-lg-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .grid-col-span-lg-1 {
    grid-column-end: span 1;
  }
  .grid-col-span-lg-2 {
    grid-column-end: span 2;
  }
  .grid-col-span-lg-3 {
    grid-column-end: span 3;
  }
  .grid-col-span-lg-4 {
    grid-column-end: span 4;
  }
  .grid-col-span-lg-5 {
    grid-column-end: span 5;
  }
  .grid-col-span-lg-6 {
    grid-column-end: span 6;
  }
  .grid-col-span-lg-7 {
    grid-column-end: span 7;
  }
  .grid-col-span-lg-8 {
    grid-column-end: span 8;
  }
  .grid-col-span-lg-9 {
    grid-column-end: span 9;
  }
  .grid-col-span-lg-10 {
    grid-column-end: span 10;
  }
  .grid-col-span-lg-11 {
    grid-column-end: span 11;
  }
  .grid-col-span-lg-12 {
    grid-column-end: span 12;
  }
  .grid-col-start-lg-1 {
    grid-column-start: 1;
  }
  .grid-col-start-lg-2 {
    grid-column-start: 2;
  }
  .grid-col-start-lg-3 {
    grid-column-start: 3;
  }
  .grid-col-start-lg-4 {
    grid-column-start: 4;
  }
  .grid-col-start-lg-5 {
    grid-column-start: 5;
  }
  .grid-col-start-lg-6 {
    grid-column-start: 6;
  }
  .grid-col-start-lg-7 {
    grid-column-start: 7;
  }
  .grid-col-start-lg-8 {
    grid-column-start: 8;
  }
  .grid-col-start-lg-9 {
    grid-column-start: 9;
  }
  .grid-col-start-lg-10 {
    grid-column-start: 10;
  }
  .grid-col-start-lg-11 {
    grid-column-start: 11;
  }
  .grid-col-start-lg-12 {
    grid-column-start: 12;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
}
@media (min-width: 1200px) {
  .grid-xl {
    display: grid !important;
    gap: var(--grid-gap, 2rem);
  }
  .grid-col-xl-auto {
    grid-column-end: auto;
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-xl-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-xl-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-xl-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-xl-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-xl-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-xl-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-xl-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-xl-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-xl-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-xl-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-xl-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-xl-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .grid-col-span-xl-1 {
    grid-column-end: span 1;
  }
  .grid-col-span-xl-2 {
    grid-column-end: span 2;
  }
  .grid-col-span-xl-3 {
    grid-column-end: span 3;
  }
  .grid-col-span-xl-4 {
    grid-column-end: span 4;
  }
  .grid-col-span-xl-5 {
    grid-column-end: span 5;
  }
  .grid-col-span-xl-6 {
    grid-column-end: span 6;
  }
  .grid-col-span-xl-7 {
    grid-column-end: span 7;
  }
  .grid-col-span-xl-8 {
    grid-column-end: span 8;
  }
  .grid-col-span-xl-9 {
    grid-column-end: span 9;
  }
  .grid-col-span-xl-10 {
    grid-column-end: span 10;
  }
  .grid-col-span-xl-11 {
    grid-column-end: span 11;
  }
  .grid-col-span-xl-12 {
    grid-column-end: span 12;
  }
  .grid-col-start-xl-1 {
    grid-column-start: 1;
  }
  .grid-col-start-xl-2 {
    grid-column-start: 2;
  }
  .grid-col-start-xl-3 {
    grid-column-start: 3;
  }
  .grid-col-start-xl-4 {
    grid-column-start: 4;
  }
  .grid-col-start-xl-5 {
    grid-column-start: 5;
  }
  .grid-col-start-xl-6 {
    grid-column-start: 6;
  }
  .grid-col-start-xl-7 {
    grid-column-start: 7;
  }
  .grid-col-start-xl-8 {
    grid-column-start: 8;
  }
  .grid-col-start-xl-9 {
    grid-column-start: 9;
  }
  .grid-col-start-xl-10 {
    grid-column-start: 10;
  }
  .grid-col-start-xl-11 {
    grid-column-start: 11;
  }
  .grid-col-start-xl-12 {
    grid-column-start: 12;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
}
@media (min-width: 1536px) {
  .grid-xxl {
    display: grid !important;
    gap: var(--grid-gap, 2rem);
  }
  .grid-col-xxl-auto {
    grid-column-end: auto;
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-xxl-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-xxl-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-xxl-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-xxl-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-xxl-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-xxl-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-xxl-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-xxl-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-xxl-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-xxl-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-xxl-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  /*// Limit the number of grid layouts, adding only the strictly necessary.
  @if $-max-columns % $i != 0 or $i == 1 or $i == $-max-columns {*/
  .grid-columns-xxl-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .grid-col-span-xxl-1 {
    grid-column-end: span 1;
  }
  .grid-col-span-xxl-2 {
    grid-column-end: span 2;
  }
  .grid-col-span-xxl-3 {
    grid-column-end: span 3;
  }
  .grid-col-span-xxl-4 {
    grid-column-end: span 4;
  }
  .grid-col-span-xxl-5 {
    grid-column-end: span 5;
  }
  .grid-col-span-xxl-6 {
    grid-column-end: span 6;
  }
  .grid-col-span-xxl-7 {
    grid-column-end: span 7;
  }
  .grid-col-span-xxl-8 {
    grid-column-end: span 8;
  }
  .grid-col-span-xxl-9 {
    grid-column-end: span 9;
  }
  .grid-col-span-xxl-10 {
    grid-column-end: span 10;
  }
  .grid-col-span-xxl-11 {
    grid-column-end: span 11;
  }
  .grid-col-span-xxl-12 {
    grid-column-end: span 12;
  }
  .grid-col-start-xxl-1 {
    grid-column-start: 1;
  }
  .grid-col-start-xxl-2 {
    grid-column-start: 2;
  }
  .grid-col-start-xxl-3 {
    grid-column-start: 3;
  }
  .grid-col-start-xxl-4 {
    grid-column-start: 4;
  }
  .grid-col-start-xxl-5 {
    grid-column-start: 5;
  }
  .grid-col-start-xxl-6 {
    grid-column-start: 6;
  }
  .grid-col-start-xxl-7 {
    grid-column-start: 7;
  }
  .grid-col-start-xxl-8 {
    grid-column-start: 8;
  }
  .grid-col-start-xxl-9 {
    grid-column-start: 9;
  }
  .grid-col-start-xxl-10 {
    grid-column-start: 10;
  }
  .grid-col-start-xxl-11 {
    grid-column-start: 11;
  }
  .grid-col-start-xxl-12 {
    grid-column-start: 12;
  }
  .order-xxl-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-xxl-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-xxl-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-xxl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-xxl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-xxl-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-xxl-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-xxl-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-xxl-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-xxl-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-xxl-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-xxl-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-xxl-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-xxl-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-xxl-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
}
.gap {
  gap: 2rem;
}

.row-gap {
  row-gap: 2rem;
}

.column-gap {
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}

.gap-sm {
  gap: 2rem;
}

.row-gap-sm {
  row-gap: 2rem;
}

.column-gap-sm {
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}

.gap-md {
  gap: 2rem;
}

.row-gap-md {
  row-gap: 2rem;
}

.column-gap-md {
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}

.gap-lg {
  gap: 2rem;
}

.row-gap-lg {
  row-gap: 2rem;
}

.column-gap-lg {
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}

.gap-xl {
  gap: 2rem;
}

.row-gap-xl {
  row-gap: 2rem;
}

.column-gap-xl {
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}

.gap-xxl {
  gap: 2rem;
}

.row-gap-xxl {
  row-gap: 2rem;
}

.column-gap-xxl {
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}

.gap-0 {
  gap: 0;
}

.row-gap-0 {
  row-gap: 0;
}

.column-gap-0 {
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
}

.gap-sm-0 {
  gap: 0;
}

.row-gap-sm-0 {
  row-gap: 0;
}

.column-gap-sm-0 {
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
}

.gap-md-0 {
  gap: 0;
}

.row-gap-md-0 {
  row-gap: 0;
}

.column-gap-md-0 {
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
}

.gap-lg-0 {
  gap: 0;
}

.row-gap-lg-0 {
  row-gap: 0;
}

.column-gap-lg-0 {
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
}

.gap-xl-0 {
  gap: 0;
}

.row-gap-xl-0 {
  row-gap: 0;
}

.column-gap-xl-0 {
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
}

.gap-xxl-0 {
  gap: 0;
}

.row-gap-xxl-0 {
  row-gap: 0;
}

.column-gap-xxl-0 {
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  text-transform: var(--headings-text-transform);
  color: var(--headings-color);
  font-family: var(--headings-font-family);
  margin-bottom: var(--headings-margin-bottom);
  font-weight: var(--headings-font-weight);
}

h1, .h1 {
  line-height: var(--h1-line-height);
  font-size: var(--h1-font-size);
}

h2, .h2 {
  line-height: var(--h2-line-height);
  font-size: var(--h2-font-size);
}

h3, .h3 {
  line-height: var(--h3-line-height);
  font-size: var(--h3-font-size);
}

h4, .h4 {
  line-height: var(--h4-line-height);
  font-size: var(--h4-font-size);
}

h5, .h5 {
  line-height: var(--h5-line-height);
  font-size: var(--h5-font-size);
}

h6, .h6 {
  line-height: var(--h6-line-height);
  font-size: var(--h6-font-size);
}

.heading-line-light {
  font-size: 1.563rem;
  font-weight: var(--font-weight-light);
  line-height: 120%; /* 30px */
  text-transform: uppercase;
}
@media (min-width: 900px) {
  .heading-line-light {
    font-size: 3.125rem;
  }
}
@media (min-width: 900px) {
  .heading-line-light.h3 {
    font-size: 2.188rem;
  }
}

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

.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
}

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

.stretched-link::after {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.position-static {
  position: static;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.position-fixed {
  position: fixed;
}

.position-sticky {
  position: sticky;
}

.top-0 {
  top: 0%;
}

.top-50 {
  top: 50%;
}

.top-100 {
  top: 100%;
}

.right-0 {
  right: 0%;
}

.right-50 {
  right: 50%;
}

.right-100 {
  right: 100%;
}

.bottom-0 {
  bottom: 0%;
}

.bottom-50 {
  bottom: 50%;
}

.bottom-100 {
  bottom: 100%;
}

.left-0 {
  left: 0%;
}

.left-50 {
  left: 50%;
}

.left-100 {
  left: 100%;
}

.ribbon {
  height: 70px;
  width: 70px;
  /*&.ribbon-top-right {
    span {
      bottom: -12px;
      right: -24px;
    }
  }

  &.ribbon-bottom-left {
    span {
      left: -24px;
      top: -12px;
    }
  }

  &.ribbon-bottom-right {
    span {
      right: -24px;
      top: -12px;
    }
  }*/
  overflow: hidden;
  position: absolute;
  /*&.ribbon-top-right {
    right: 0;
    top: 0;

    span {
      transform: rotate(45deg);
    }
  }

  &.ribbon-bottom-left {
    bottom: 0;
    left: 0;

    span {
      transform: rotate(225deg);
    }
  }

  &.ribbon-bottom-right {
    bottom: 0;
    right: 0;

    span {
      transform: rotate(-225deg);
    }
  }*/
}
.ribbon span {
  width: 104px;
}
.ribbon.ribbon-top-left span {
  bottom: -9px;
  left: -19px;
}
.ribbon.ribbon-outside {
  /*&.ribbon-top-right {
    right: -$outside;
    top: -$outside;

    span {
      bottom: -17px;
      left: -29px;
    }
  }

  &.ribbon-bottom-left {
    bottom: -$outside;
    left: -$outside;

    span {
      left: -29px;
      top: -17px;
    }
  }

  &.ribbon-bottom-right {
    bottom: -$outside;
    right: -$outside;

    span {
      right: -29px;
      top: -17px;
    }
  }*/
}
.ribbon.ribbon-outside span {
  width: 118px;
}
.ribbon.ribbon-outside.ribbon-top-left {
  left: -10px;
  top: -10px;
}
.ribbon.ribbon-outside.ribbon-top-left span {
  bottom: -14px;
  left: -24px;
}
.ribbon span {
  background-color: black;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: white;
  display: block;
  font-family: var(--font-family-headings);
  font-size: 0.625rem;
  font-weight: bold;
  letter-spacing: 0.03em;
  padding-bottom: 2px;
  padding-top: 2px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ribbon.ribbon-top-left {
  left: 0;
  top: 0;
}
.ribbon.ribbon-top-left span {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.ribbon-white span {
  background-color: #FFF;
  color: #000;
}

.ribbon-primary span {
  background-color: #0099DE;
  color: #000;
}

.ribbon-blue-main span {
  background-color: #003778;
  color: #fff;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
  -webkit-box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.15) !important;
          box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.15) !important;
}

.w-100 {
  width: 100%;
}

@media (min-width: 600px) {
  .w-sm-100 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .w-md-100 {
    width: 100%;
  }
}
@media (min-width: 900px) {
  .w-lg-100 {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .w-xl-100 {
    width: 100%;
  }
}
@media (min-width: 1536px) {
  .w-xxl-100 {
    width: 100%;
  }
}
.w-auto {
  width: auto;
}

@media (min-width: 600px) {
  .w-sm-auto {
    width: auto;
  }
}
@media (min-width: 768px) {
  .w-md-auto {
    width: auto;
  }
}
@media (min-width: 900px) {
  .w-lg-auto {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .w-xl-auto {
    width: auto;
  }
}
@media (min-width: 1536px) {
  .w-xxl-auto {
    width: auto;
  }
}
.h-100 {
  height: 100%;
}

@media (min-width: 600px) {
  .h-sm-100 {
    height: 100%;
  }
}
@media (min-width: 768px) {
  .h-md-100 {
    height: 100%;
  }
}
@media (min-width: 900px) {
  .h-lg-100 {
    height: 100%;
  }
}
@media (min-width: 1200px) {
  .h-xl-100 {
    height: 100%;
  }
}
@media (min-width: 1536px) {
  .h-xxl-100 {
    height: 100%;
  }
}
.h-auto {
  height: auto;
}

@media (min-width: 600px) {
  .h-sm-auto {
    height: auto;
  }
}
@media (min-width: 768px) {
  .h-md-auto {
    height: auto;
  }
}
@media (min-width: 900px) {
  .h-lg-auto {
    height: auto;
  }
}
@media (min-width: 1200px) {
  .h-xl-auto {
    height: auto;
  }
}
@media (min-width: 1536px) {
  .h-xxl-auto {
    height: auto;
  }
}
.skew-before:before {
  -webkit-transform: skewX(-8deg);
          transform: skewX(-8deg);
  left: 0;
  right: -2px;
}

.m-0 {
  margin: var(--spacer-0) !important;
}

.mt-0,
.my-0 {
  margin-top: var(--spacer-0) !important;
}

.mr-0,
.mx-0 {
  margin-right: var(--spacer-0) !important;
}

.mb-0,
.my-0 {
  margin-bottom: var(--spacer-0) !important;
}

.ml-0,
.mx-0 {
  margin-left: var(--spacer-0) !important;
}

.m-1 {
  margin: var(--spacer-1) !important;
}

.mt-1,
.my-1 {
  margin-top: var(--spacer-1) !important;
}

.mr-1,
.mx-1 {
  margin-right: var(--spacer-1) !important;
}

.mb-1,
.my-1 {
  margin-bottom: var(--spacer-1) !important;
}

.ml-1,
.mx-1 {
  margin-left: var(--spacer-1) !important;
}

.m-2 {
  margin: var(--spacer-2) !important;
}

.mt-2,
.my-2 {
  margin-top: var(--spacer-2) !important;
}

.mr-2,
.mx-2 {
  margin-right: var(--spacer-2) !important;
}

.mb-2,
.my-2 {
  margin-bottom: var(--spacer-2) !important;
}

.ml-2,
.mx-2 {
  margin-left: var(--spacer-2) !important;
}

.m-3 {
  margin: var(--spacer-3) !important;
}

.mt-3,
.my-3 {
  margin-top: var(--spacer-3) !important;
}

.mr-3,
.mx-3 {
  margin-right: var(--spacer-3) !important;
}

.mb-3,
.my-3 {
  margin-bottom: var(--spacer-3) !important;
}

.ml-3,
.mx-3 {
  margin-left: var(--spacer-3) !important;
}

.m-4 {
  margin: var(--spacer-4) !important;
}

.mt-4,
.my-4 {
  margin-top: var(--spacer-4) !important;
}

.mr-4,
.mx-4 {
  margin-right: var(--spacer-4) !important;
}

.mb-4,
.my-4 {
  margin-bottom: var(--spacer-4) !important;
}

.ml-4,
.mx-4 {
  margin-left: var(--spacer-4) !important;
}

.m-5 {
  margin: var(--spacer-5) !important;
}

.mt-5,
.my-5 {
  margin-top: var(--spacer-5) !important;
}

.mr-5,
.mx-5 {
  margin-right: var(--spacer-5) !important;
}

.mb-5,
.my-5 {
  margin-bottom: var(--spacer-5) !important;
}

.ml-5,
.mx-5 {
  margin-left: var(--spacer-5) !important;
}

.m-6 {
  margin: var(--spacer-6) !important;
}

.mt-6,
.my-6 {
  margin-top: var(--spacer-6) !important;
}

.mr-6,
.mx-6 {
  margin-right: var(--spacer-6) !important;
}

.mb-6,
.my-6 {
  margin-bottom: var(--spacer-6) !important;
}

.ml-6,
.mx-6 {
  margin-left: var(--spacer-6) !important;
}

.p-0 {
  padding: var(--spacer-0) !important;
}

.pt-0,
.py-0 {
  padding-top: var(--spacer-0) !important;
}

.pr-0,
.px-0 {
  padding-right: var(--spacer-0) !important;
}

.pb-0,
.py-0 {
  padding-bottom: var(--spacer-0) !important;
}

.pl-0,
.px-0 {
  padding-left: var(--spacer-0) !important;
}

.p-1 {
  padding: var(--spacer-1) !important;
}

.pt-1,
.py-1 {
  padding-top: var(--spacer-1) !important;
}

.pr-1,
.px-1 {
  padding-right: var(--spacer-1) !important;
}

.pb-1,
.py-1 {
  padding-bottom: var(--spacer-1) !important;
}

.pl-1,
.px-1 {
  padding-left: var(--spacer-1) !important;
}

.p-2 {
  padding: var(--spacer-2) !important;
}

.pt-2,
.py-2 {
  padding-top: var(--spacer-2) !important;
}

.pr-2,
.px-2 {
  padding-right: var(--spacer-2) !important;
}

.pb-2,
.py-2 {
  padding-bottom: var(--spacer-2) !important;
}

.pl-2,
.px-2 {
  padding-left: var(--spacer-2) !important;
}

.p-3 {
  padding: var(--spacer-3) !important;
}

.pt-3,
.py-3 {
  padding-top: var(--spacer-3) !important;
}

.pr-3,
.px-3 {
  padding-right: var(--spacer-3) !important;
}

.pb-3,
.py-3 {
  padding-bottom: var(--spacer-3) !important;
}

.pl-3,
.px-3 {
  padding-left: var(--spacer-3) !important;
}

.p-4 {
  padding: var(--spacer-4) !important;
}

.pt-4,
.py-4 {
  padding-top: var(--spacer-4) !important;
}

.pr-4,
.px-4 {
  padding-right: var(--spacer-4) !important;
}

.pb-4,
.py-4 {
  padding-bottom: var(--spacer-4) !important;
}

.pl-4,
.px-4 {
  padding-left: var(--spacer-4) !important;
}

.p-5 {
  padding: var(--spacer-5) !important;
}

.pt-5,
.py-5 {
  padding-top: var(--spacer-5) !important;
}

.pr-5,
.px-5 {
  padding-right: var(--spacer-5) !important;
}

.pb-5,
.py-5 {
  padding-bottom: var(--spacer-5) !important;
}

.pl-5,
.px-5 {
  padding-left: var(--spacer-5) !important;
}

.p-6 {
  padding: var(--spacer-6) !important;
}

.pt-6,
.py-6 {
  padding-top: var(--spacer-6) !important;
}

.pr-6,
.px-6 {
  padding-right: var(--spacer-6) !important;
}

.pb-6,
.py-6 {
  padding-bottom: var(--spacer-6) !important;
}

.pl-6,
.px-6 {
  padding-left: var(--spacer-6) !important;
}

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

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

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

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

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

@media (min-width: 600px) {
  .m-sm-0 {
    margin: var(--spacer-0) !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: var(--spacer-0) !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: var(--spacer-0) !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: var(--spacer-0) !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: var(--spacer-0) !important;
  }
  .m-sm-1 {
    margin: var(--spacer-1) !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: var(--spacer-1) !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: var(--spacer-1) !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: var(--spacer-1) !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: var(--spacer-1) !important;
  }
  .m-sm-2 {
    margin: var(--spacer-2) !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: var(--spacer-2) !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: var(--spacer-2) !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: var(--spacer-2) !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: var(--spacer-2) !important;
  }
  .m-sm-3 {
    margin: var(--spacer-3) !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: var(--spacer-3) !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: var(--spacer-3) !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: var(--spacer-3) !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: var(--spacer-3) !important;
  }
  .m-sm-4 {
    margin: var(--spacer-4) !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: var(--spacer-4) !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: var(--spacer-4) !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: var(--spacer-4) !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: var(--spacer-4) !important;
  }
  .m-sm-5 {
    margin: var(--spacer-5) !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: var(--spacer-5) !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: var(--spacer-5) !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: var(--spacer-5) !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: var(--spacer-5) !important;
  }
  .m-sm-6 {
    margin: var(--spacer-6) !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: var(--spacer-6) !important;
  }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: var(--spacer-6) !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: var(--spacer-6) !important;
  }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: var(--spacer-6) !important;
  }
  .p-sm-0 {
    padding: var(--spacer-0) !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: var(--spacer-0) !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: var(--spacer-0) !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: var(--spacer-0) !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: var(--spacer-0) !important;
  }
  .p-sm-1 {
    padding: var(--spacer-1) !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: var(--spacer-1) !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: var(--spacer-1) !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: var(--spacer-1) !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: var(--spacer-1) !important;
  }
  .p-sm-2 {
    padding: var(--spacer-2) !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: var(--spacer-2) !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: var(--spacer-2) !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: var(--spacer-2) !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: var(--spacer-2) !important;
  }
  .p-sm-3 {
    padding: var(--spacer-3) !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: var(--spacer-3) !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: var(--spacer-3) !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: var(--spacer-3) !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: var(--spacer-3) !important;
  }
  .p-sm-4 {
    padding: var(--spacer-4) !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: var(--spacer-4) !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: var(--spacer-4) !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: var(--spacer-4) !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: var(--spacer-4) !important;
  }
  .p-sm-5 {
    padding: var(--spacer-5) !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: var(--spacer-5) !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: var(--spacer-5) !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: var(--spacer-5) !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: var(--spacer-5) !important;
  }
  .p-sm-6 {
    padding: var(--spacer-6) !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: var(--spacer-6) !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: var(--spacer-6) !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: var(--spacer-6) !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: var(--spacer-6) !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: var(--spacer-0) !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: var(--spacer-0) !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: var(--spacer-0) !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: var(--spacer-0) !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: var(--spacer-0) !important;
  }
  .m-md-1 {
    margin: var(--spacer-1) !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: var(--spacer-1) !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: var(--spacer-1) !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: var(--spacer-1) !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: var(--spacer-1) !important;
  }
  .m-md-2 {
    margin: var(--spacer-2) !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: var(--spacer-2) !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: var(--spacer-2) !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: var(--spacer-2) !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: var(--spacer-2) !important;
  }
  .m-md-3 {
    margin: var(--spacer-3) !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: var(--spacer-3) !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: var(--spacer-3) !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: var(--spacer-3) !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: var(--spacer-3) !important;
  }
  .m-md-4 {
    margin: var(--spacer-4) !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: var(--spacer-4) !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: var(--spacer-4) !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: var(--spacer-4) !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: var(--spacer-4) !important;
  }
  .m-md-5 {
    margin: var(--spacer-5) !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: var(--spacer-5) !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: var(--spacer-5) !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: var(--spacer-5) !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: var(--spacer-5) !important;
  }
  .m-md-6 {
    margin: var(--spacer-6) !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: var(--spacer-6) !important;
  }
  .mr-md-6,
  .mx-md-6 {
    margin-right: var(--spacer-6) !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: var(--spacer-6) !important;
  }
  .ml-md-6,
  .mx-md-6 {
    margin-left: var(--spacer-6) !important;
  }
  .p-md-0 {
    padding: var(--spacer-0) !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: var(--spacer-0) !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: var(--spacer-0) !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: var(--spacer-0) !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: var(--spacer-0) !important;
  }
  .p-md-1 {
    padding: var(--spacer-1) !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: var(--spacer-1) !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: var(--spacer-1) !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: var(--spacer-1) !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: var(--spacer-1) !important;
  }
  .p-md-2 {
    padding: var(--spacer-2) !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: var(--spacer-2) !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: var(--spacer-2) !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: var(--spacer-2) !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: var(--spacer-2) !important;
  }
  .p-md-3 {
    padding: var(--spacer-3) !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: var(--spacer-3) !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: var(--spacer-3) !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: var(--spacer-3) !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: var(--spacer-3) !important;
  }
  .p-md-4 {
    padding: var(--spacer-4) !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: var(--spacer-4) !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: var(--spacer-4) !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: var(--spacer-4) !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: var(--spacer-4) !important;
  }
  .p-md-5 {
    padding: var(--spacer-5) !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: var(--spacer-5) !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: var(--spacer-5) !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: var(--spacer-5) !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: var(--spacer-5) !important;
  }
  .p-md-6 {
    padding: var(--spacer-6) !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: var(--spacer-6) !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: var(--spacer-6) !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: var(--spacer-6) !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: var(--spacer-6) !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 900px) {
  .m-lg-0 {
    margin: var(--spacer-0) !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: var(--spacer-0) !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: var(--spacer-0) !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: var(--spacer-0) !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: var(--spacer-0) !important;
  }
  .m-lg-1 {
    margin: var(--spacer-1) !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: var(--spacer-1) !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: var(--spacer-1) !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: var(--spacer-1) !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: var(--spacer-1) !important;
  }
  .m-lg-2 {
    margin: var(--spacer-2) !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: var(--spacer-2) !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: var(--spacer-2) !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: var(--spacer-2) !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: var(--spacer-2) !important;
  }
  .m-lg-3 {
    margin: var(--spacer-3) !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: var(--spacer-3) !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: var(--spacer-3) !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: var(--spacer-3) !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: var(--spacer-3) !important;
  }
  .m-lg-4 {
    margin: var(--spacer-4) !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: var(--spacer-4) !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: var(--spacer-4) !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: var(--spacer-4) !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: var(--spacer-4) !important;
  }
  .m-lg-5 {
    margin: var(--spacer-5) !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: var(--spacer-5) !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: var(--spacer-5) !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: var(--spacer-5) !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: var(--spacer-5) !important;
  }
  .m-lg-6 {
    margin: var(--spacer-6) !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: var(--spacer-6) !important;
  }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: var(--spacer-6) !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: var(--spacer-6) !important;
  }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: var(--spacer-6) !important;
  }
  .p-lg-0 {
    padding: var(--spacer-0) !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: var(--spacer-0) !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: var(--spacer-0) !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: var(--spacer-0) !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: var(--spacer-0) !important;
  }
  .p-lg-1 {
    padding: var(--spacer-1) !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: var(--spacer-1) !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: var(--spacer-1) !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: var(--spacer-1) !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: var(--spacer-1) !important;
  }
  .p-lg-2 {
    padding: var(--spacer-2) !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: var(--spacer-2) !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: var(--spacer-2) !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: var(--spacer-2) !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: var(--spacer-2) !important;
  }
  .p-lg-3 {
    padding: var(--spacer-3) !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: var(--spacer-3) !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: var(--spacer-3) !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: var(--spacer-3) !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: var(--spacer-3) !important;
  }
  .p-lg-4 {
    padding: var(--spacer-4) !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: var(--spacer-4) !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: var(--spacer-4) !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: var(--spacer-4) !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: var(--spacer-4) !important;
  }
  .p-lg-5 {
    padding: var(--spacer-5) !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: var(--spacer-5) !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: var(--spacer-5) !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: var(--spacer-5) !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: var(--spacer-5) !important;
  }
  .p-lg-6 {
    padding: var(--spacer-6) !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: var(--spacer-6) !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: var(--spacer-6) !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: var(--spacer-6) !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: var(--spacer-6) !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: var(--spacer-0) !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: var(--spacer-0) !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: var(--spacer-0) !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: var(--spacer-0) !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: var(--spacer-0) !important;
  }
  .m-xl-1 {
    margin: var(--spacer-1) !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: var(--spacer-1) !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: var(--spacer-1) !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: var(--spacer-1) !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: var(--spacer-1) !important;
  }
  .m-xl-2 {
    margin: var(--spacer-2) !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: var(--spacer-2) !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: var(--spacer-2) !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: var(--spacer-2) !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: var(--spacer-2) !important;
  }
  .m-xl-3 {
    margin: var(--spacer-3) !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: var(--spacer-3) !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: var(--spacer-3) !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: var(--spacer-3) !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: var(--spacer-3) !important;
  }
  .m-xl-4 {
    margin: var(--spacer-4) !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: var(--spacer-4) !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: var(--spacer-4) !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: var(--spacer-4) !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: var(--spacer-4) !important;
  }
  .m-xl-5 {
    margin: var(--spacer-5) !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: var(--spacer-5) !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: var(--spacer-5) !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: var(--spacer-5) !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: var(--spacer-5) !important;
  }
  .m-xl-6 {
    margin: var(--spacer-6) !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: var(--spacer-6) !important;
  }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: var(--spacer-6) !important;
  }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: var(--spacer-6) !important;
  }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: var(--spacer-6) !important;
  }
  .p-xl-0 {
    padding: var(--spacer-0) !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: var(--spacer-0) !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: var(--spacer-0) !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: var(--spacer-0) !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: var(--spacer-0) !important;
  }
  .p-xl-1 {
    padding: var(--spacer-1) !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: var(--spacer-1) !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: var(--spacer-1) !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: var(--spacer-1) !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: var(--spacer-1) !important;
  }
  .p-xl-2 {
    padding: var(--spacer-2) !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: var(--spacer-2) !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: var(--spacer-2) !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: var(--spacer-2) !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: var(--spacer-2) !important;
  }
  .p-xl-3 {
    padding: var(--spacer-3) !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: var(--spacer-3) !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: var(--spacer-3) !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: var(--spacer-3) !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: var(--spacer-3) !important;
  }
  .p-xl-4 {
    padding: var(--spacer-4) !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: var(--spacer-4) !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: var(--spacer-4) !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: var(--spacer-4) !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: var(--spacer-4) !important;
  }
  .p-xl-5 {
    padding: var(--spacer-5) !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: var(--spacer-5) !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: var(--spacer-5) !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: var(--spacer-5) !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: var(--spacer-5) !important;
  }
  .p-xl-6 {
    padding: var(--spacer-6) !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: var(--spacer-6) !important;
  }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: var(--spacer-6) !important;
  }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: var(--spacer-6) !important;
  }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: var(--spacer-6) !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1536px) {
  .m-xxl-0 {
    margin: var(--spacer-0) !important;
  }
  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: var(--spacer-0) !important;
  }
  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: var(--spacer-0) !important;
  }
  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: var(--spacer-0) !important;
  }
  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: var(--spacer-0) !important;
  }
  .m-xxl-1 {
    margin: var(--spacer-1) !important;
  }
  .mt-xxl-1,
  .my-xxl-1 {
    margin-top: var(--spacer-1) !important;
  }
  .mr-xxl-1,
  .mx-xxl-1 {
    margin-right: var(--spacer-1) !important;
  }
  .mb-xxl-1,
  .my-xxl-1 {
    margin-bottom: var(--spacer-1) !important;
  }
  .ml-xxl-1,
  .mx-xxl-1 {
    margin-left: var(--spacer-1) !important;
  }
  .m-xxl-2 {
    margin: var(--spacer-2) !important;
  }
  .mt-xxl-2,
  .my-xxl-2 {
    margin-top: var(--spacer-2) !important;
  }
  .mr-xxl-2,
  .mx-xxl-2 {
    margin-right: var(--spacer-2) !important;
  }
  .mb-xxl-2,
  .my-xxl-2 {
    margin-bottom: var(--spacer-2) !important;
  }
  .ml-xxl-2,
  .mx-xxl-2 {
    margin-left: var(--spacer-2) !important;
  }
  .m-xxl-3 {
    margin: var(--spacer-3) !important;
  }
  .mt-xxl-3,
  .my-xxl-3 {
    margin-top: var(--spacer-3) !important;
  }
  .mr-xxl-3,
  .mx-xxl-3 {
    margin-right: var(--spacer-3) !important;
  }
  .mb-xxl-3,
  .my-xxl-3 {
    margin-bottom: var(--spacer-3) !important;
  }
  .ml-xxl-3,
  .mx-xxl-3 {
    margin-left: var(--spacer-3) !important;
  }
  .m-xxl-4 {
    margin: var(--spacer-4) !important;
  }
  .mt-xxl-4,
  .my-xxl-4 {
    margin-top: var(--spacer-4) !important;
  }
  .mr-xxl-4,
  .mx-xxl-4 {
    margin-right: var(--spacer-4) !important;
  }
  .mb-xxl-4,
  .my-xxl-4 {
    margin-bottom: var(--spacer-4) !important;
  }
  .ml-xxl-4,
  .mx-xxl-4 {
    margin-left: var(--spacer-4) !important;
  }
  .m-xxl-5 {
    margin: var(--spacer-5) !important;
  }
  .mt-xxl-5,
  .my-xxl-5 {
    margin-top: var(--spacer-5) !important;
  }
  .mr-xxl-5,
  .mx-xxl-5 {
    margin-right: var(--spacer-5) !important;
  }
  .mb-xxl-5,
  .my-xxl-5 {
    margin-bottom: var(--spacer-5) !important;
  }
  .ml-xxl-5,
  .mx-xxl-5 {
    margin-left: var(--spacer-5) !important;
  }
  .m-xxl-6 {
    margin: var(--spacer-6) !important;
  }
  .mt-xxl-6,
  .my-xxl-6 {
    margin-top: var(--spacer-6) !important;
  }
  .mr-xxl-6,
  .mx-xxl-6 {
    margin-right: var(--spacer-6) !important;
  }
  .mb-xxl-6,
  .my-xxl-6 {
    margin-bottom: var(--spacer-6) !important;
  }
  .ml-xxl-6,
  .mx-xxl-6 {
    margin-left: var(--spacer-6) !important;
  }
  .p-xxl-0 {
    padding: var(--spacer-0) !important;
  }
  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: var(--spacer-0) !important;
  }
  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: var(--spacer-0) !important;
  }
  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: var(--spacer-0) !important;
  }
  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: var(--spacer-0) !important;
  }
  .p-xxl-1 {
    padding: var(--spacer-1) !important;
  }
  .pt-xxl-1,
  .py-xxl-1 {
    padding-top: var(--spacer-1) !important;
  }
  .pr-xxl-1,
  .px-xxl-1 {
    padding-right: var(--spacer-1) !important;
  }
  .pb-xxl-1,
  .py-xxl-1 {
    padding-bottom: var(--spacer-1) !important;
  }
  .pl-xxl-1,
  .px-xxl-1 {
    padding-left: var(--spacer-1) !important;
  }
  .p-xxl-2 {
    padding: var(--spacer-2) !important;
  }
  .pt-xxl-2,
  .py-xxl-2 {
    padding-top: var(--spacer-2) !important;
  }
  .pr-xxl-2,
  .px-xxl-2 {
    padding-right: var(--spacer-2) !important;
  }
  .pb-xxl-2,
  .py-xxl-2 {
    padding-bottom: var(--spacer-2) !important;
  }
  .pl-xxl-2,
  .px-xxl-2 {
    padding-left: var(--spacer-2) !important;
  }
  .p-xxl-3 {
    padding: var(--spacer-3) !important;
  }
  .pt-xxl-3,
  .py-xxl-3 {
    padding-top: var(--spacer-3) !important;
  }
  .pr-xxl-3,
  .px-xxl-3 {
    padding-right: var(--spacer-3) !important;
  }
  .pb-xxl-3,
  .py-xxl-3 {
    padding-bottom: var(--spacer-3) !important;
  }
  .pl-xxl-3,
  .px-xxl-3 {
    padding-left: var(--spacer-3) !important;
  }
  .p-xxl-4 {
    padding: var(--spacer-4) !important;
  }
  .pt-xxl-4,
  .py-xxl-4 {
    padding-top: var(--spacer-4) !important;
  }
  .pr-xxl-4,
  .px-xxl-4 {
    padding-right: var(--spacer-4) !important;
  }
  .pb-xxl-4,
  .py-xxl-4 {
    padding-bottom: var(--spacer-4) !important;
  }
  .pl-xxl-4,
  .px-xxl-4 {
    padding-left: var(--spacer-4) !important;
  }
  .p-xxl-5 {
    padding: var(--spacer-5) !important;
  }
  .pt-xxl-5,
  .py-xxl-5 {
    padding-top: var(--spacer-5) !important;
  }
  .pr-xxl-5,
  .px-xxl-5 {
    padding-right: var(--spacer-5) !important;
  }
  .pb-xxl-5,
  .py-xxl-5 {
    padding-bottom: var(--spacer-5) !important;
  }
  .pl-xxl-5,
  .px-xxl-5 {
    padding-left: var(--spacer-5) !important;
  }
  .p-xxl-6 {
    padding: var(--spacer-6) !important;
  }
  .pt-xxl-6,
  .py-xxl-6 {
    padding-top: var(--spacer-6) !important;
  }
  .pr-xxl-6,
  .px-xxl-6 {
    padding-right: var(--spacer-6) !important;
  }
  .pb-xxl-6,
  .py-xxl-6 {
    padding-bottom: var(--spacer-6) !important;
  }
  .pl-xxl-6,
  .px-xxl-6 {
    padding-left: var(--spacer-6) !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mt-xxl-auto,
  .my-xxl-auto {
    margin-top: auto !important;
  }
  .mr-xxl-auto,
  .mx-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-auto,
  .my-xxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxl-auto,
  .mx-xxl-auto {
    margin-left: auto !important;
  }
}
.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

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

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

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

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

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 900px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

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

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

.font-weight-light {
  font-weight: var(--font-weight-light, 300) !important;
}

.font-weight-normal {
  font-weight: var(--font-weight-normal, 400) !important;
}

.font-weight-bold {
  font-weight: var(--font-weight-bold, 700) !important;
}

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

.text-body {
  color: var(--body-color);
}

.text-white {
  color: var(--white);
}

.text-blue-main {
  color: var(--blue-main);
}

.text-gray-medium {
  color: var(--gray-500);
}

.text-black {
  color: var(--black);
}

.text-green {
  color: var(--green);
}

.text-premium {
  color: var(--yellow);
}

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

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

body {
  letter-spacing: 0.01em;
}

.block-system-breadcrumb-block {
  color: var(--gray-800);
  font-weight: var(--font-weight-bold);
  line-height: 22px;
  padding-bottom: 16px;
  padding-top: 16px;
}
.block-system-breadcrumb-block ol {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.block-system-breadcrumb-block ol a {
  color: var(--gray-600);
}
.block-system-breadcrumb-block ol a:hover, .block-system-breadcrumb-block ol a:focus {
  text-decoration: underline;
}
.block-system-breadcrumb-block ol li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.block-system-breadcrumb-block ol li:first-child a {
  position: relative;
  right: 9999px;
}
.block-system-breadcrumb-block ol li:first-child a:hover, .block-system-breadcrumb-block ol li:first-child a:focus {
  text-decoration: none;
}
.block-system-breadcrumb-block ol li:first-child a:after { /* stylelint-disable-line */
  font-family: "icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  content: "\ea26";
  font-size: inherit;
  color: inherit;
  color: var(--gray-600);
  margin-left: 8px;
  margin-right: 8px;
}
.block-system-breadcrumb-block ol li:first-child a:after { /* stylelint-disable-line */
  position: absolute;
  height: 100%;
  text-align: center;
  top: 0;
  right: -9999px;
}
.block-system-breadcrumb-block ol li:not(:last-child):after { /* stylelint-disable-line */
  font-family: "icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  content: "\ea09";
  font-size: inherit;
  color: inherit;
  color: var(--gray-600);
  margin-left: 8px;
  margin-right: 8px;
}

.info-item, ul.info-items li, ul:not([class]) li, ul.marketing-items li {
  margin-bottom: 0.2em;
  margin-top: 0.2em;
  padding-left: 1.2em;
  position: relative;
}
.info-item:before, ul.info-items li:before, ul:not([class]) li:before, ul.marketing-items li:before { /* stylelint-disable-line */
  font-family: "icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  content: "\ea09";
  font-size: inherit;
  color: inherit;
  color: var(--cyan);
  display: block;
  font-size: 1.15rem;
  left: 0;
  position: absolute;
  text-align: left;
  top: 0;
}
.info-item a, ul.info-items li a, ul:not([class]) li a, ul.marketing-items li a {
  text-decoration: none;
}

ul.info-items, ul:not([class]), ul.marketing-items {
  padding-left: 0;
  list-style: none;
}
ul.info-items ul, ul:not([class]) ul,
ul.info-items ol,
ul:not([class]) ol, ul.marketing-items ul,
ul.marketing-items ol {
  padding-left: 2em;
}
ul.info-items ul li:last-child, ul:not([class]) ul li:last-child,
ul.info-items ol li:last-child,
ul:not([class]) ol li:last-child, ul.marketing-items ul li:last-child,
ul.marketing-items ol li:last-child {
  margin-bottom: 0;
}
.views-list > ul.info-items, .views-list > ul:not([class]), .views-list > ul.marketing-items {
  padding-left: 0;
}
.font-size-xs ul.info-items li, .font-size-xs ul:not([class]) li, .font-size-xs ul.marketing-items li {
  line-height: 1.5;
  padding-left: 1.5em;
}
.font-size-xs ul.info-items li:before, .font-size-xs ul:not([class]) li:before, .font-size-xs ul.marketing-items li:before {
  font-size: 0.85em;
  top: 0.5em;
}
ul.info-items.field--name-field-retailer-types li:before, ul.field--name-field-retailer-types:not([class]) li:before, ul.marketing-items.field--name-field-retailer-types li:before {
  top: 0.4em;
}
ul.marketing-items li:before {
  color: var(--cyan);
}

ul.list-separator > li {
  margin-bottom: 1.875rem;
  padding-bottom: 1.875rem;
  border-bottom: 1px solid var(--gray-300);
}

img {
  height: auto;
  max-width: 100%;
  width: auto;
}

iframe {
  max-width: 100%;
}

.pagination {
  border-radius: 0.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
  padding-left: 0;
  position: relative;
}
.pagination .page-item {
  position: relative;
  z-index: 1;
}
.pagination .page-item--previous {
  margin-right: auto;
}
.pagination .page-item--next {
  margin-left: auto;
}
.pagination .page-items {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 0;
}
.pagination .page-items li {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0;
}
.pagination .active,
.pagination .page-item--first,
.pagination .page-item--previous,
.pagination .page-item--next,
.pagination .page-item--last {
  font-weight: var(--font-weight-bold);
}
.pagination .active .page-link {
  color: var(--blue-main);
}
.pagination a {
  text-decoration: none;
}
@media (max-width: 767.98px) {
  .pagination a {
    padding: 0.5rem 0.6rem;
  }
}
.pagination .page-link {
  background-color: var(--white);
  border: 0 solid var(--gray-300);
  color: var(--gray-500);
  line-height: 1.25;
  margin-left: 0;
  padding: 0.5rem 0.75rem;
  position: relative;
}
.pagination .page-link:hover {
  background-color: var(--gray-200);
  color: var(--cyan);
}

table {
  width: 100%;
}
table th {
  background-color: var(--blue-main);
  border: 0;
  border-right: 1px solid var(--white);
  color: var(--white);
  font-family: var(--font-family-base);
  font-size: 0.75rem;
  font-weight: var(--font-weight-bold);
  line-height: 100%;
  padding: 0.625rem 0.939rem;
  text-align: center;
  text-transform: uppercase;
}
table th.row-primary {
  background-color: var(--cyan);
}
table th.row-success {
  background-color: var(--green);
}
table th.row-gray {
  background-color: var(--blue-main);
}
table th a {
  color: var(--white);
  text-decoration: none;
}
.bg-light table th a:not(.btn), .bg-white table th a:not(.btn) {
  color: var(--white);
}
.bg-light table th a:not(.btn):hover, .bg-white table th a:not(.btn):hover {
  color: var(--blue-main);
}
table th[id^=view-field-ecm-document-type-table-column] {
  width: 115px;
}
table td {
  border-right: 1px solid var(--white);
  padding: 0.75rem;
  max-width: 12.5rem;
  word-break: break-word;
}
table td:last-child {
  border-right: 0 none;
}
table td h2 {
  color: var(--blue-main);
  font-size: 0.75rem;
  line-height: 1.33;
  text-align: left;
}
table tr.odd,
table tr.even {
  border: 0;
}
table tr.odd {
  background-color: var(--white);
}
table .list-table-actions {
  text-align: center;
}

tbody tr {
  background-color: var(--gray-200);
}
tbody tr:nth-child(2n) {
  background-color: var(--white);
}
tbody tr:nth-child(2n):last-child {
  border-bottom: 1px solid var(--gray-600);
}
tbody tr.even {
  background-color: var(--gray-300);
}
tbody tr.even td.row-primary {
  background-color: #79C2ED;
}
tbody tr.even td.row-success {
  background-color: #EFF6D6;
}
tbody tr.even td.row-gray {
  background-color: #DBDEE0;
}
tbody tr.odd {
  background-color: var(--white);
}
tbody tr.odd td.row-primary {
  background-color: #ADD7F4;
}
tbody tr.odd td.row-success {
  background-color: #FFFFFF;
}
tbody tr.odd td.row-gray {
  background-color: var(--gray-200);
}

.tablesort {
  background: transparent none;
  height: auto;
  vertical-align: 0.0625rem;
  width: auto;
}
.tablesort-active .tablesort {
  color: var(--blue-main);
}

.tablesort--asc:before { /* stylelint-disable-line */
  font-family: "icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  content: "\ea06";
  font-size: inherit;
  color: inherit;
}

.tablesort--desc:before { /* stylelint-disable-line */
  font-family: "icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  content: "\ea0a";
  font-size: inherit;
  color: inherit;
}

.tablesort-active .tablesort:before {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tablesort-active a:hover .tablesort:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.font-size-base {
  font-size: var(--font-size-base);
}

.font-size-sm {
  font-size: var(--font-size-sm);
}

.font-size-lg {
  font-size: var(--font-size-lg);
}

.font-size-xl {
  font-size: var(--font-size-xl);
}

.list-unstyled,
.list-inline {
  list-style: none;
}

.list-inline > * {
  display: inline-block;
}
.list-inline > *:not(:last-child) {
  margin-right: 0.25rem;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1rem;
}

.card {
  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;
  height: 100%;
  min-width: 0;
  word-wrap: break-word;
  background-color: var(--gray-200);
  background-clip: border-box;
  border: 0 solid var(--blue-main);
  border-radius: 0;
}

.card-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: var(--font-size-sm);
  padding: 1.25rem;
}

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

.card-shadow {
  background-color: var(--white);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 0;
}

.card-deck {
  display: grid;
  gap: var(--grid-gap);
  grid-auto-flow: row;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.iknauf-highlight {
  padding: 2rem 15px;
}
.region-footer-bottom .iknauf-highlight {
  background: var(--cyan) -webkit-gradient(linear, left top, left bottom, from(var(--cyan)), to(var(--blue-secondary)));
  background: var(--cyan) linear-gradient(180deg, var(--cyan) 0%, var(--blue-secondary) 100%);
}
.iknauf-anonymous-menu .iknauf-highlight {
  background-color: var(--green);
}
.l-offcanvas-iknauf .iknauf-anonymous-menu .iknauf-highlight {
  background-color: transparent;
}
.l-offcanvas-iknauf .iknauf-highlight {
  padding: 0;
}
.region-footer-bottom .iknauf-highlight {
  padding-bottom: 2rem;
  padding-top: 2rem;
}
.iknauf-highlight .iknauf-title {
  color: var(--secondary);
  padding-left: 80px;
  position: relative;
}
.l-offcanvas-iknauf .iknauf-highlight .iknauf-title {
  display: inline-block;
  padding-left: 70px;
}
@media (min-width: 600px) {
  .l-offcanvas-iknauf .iknauf-highlight .iknauf-title {
    padding-left: 120px;
  }
}
.iknauf-highlight .iknauf-title .h2 {
  color: var(--blue-main);
  letter-spacing: 0;
  margin-bottom: 0;
  padding-top: 0.2rem;
  text-align: left;
}
.region-footer-bottom .iknauf-highlight .iknauf-title .h2 {
  color: white;
}
.l-offcanvas-iknauf .iknauf-highlight .iknauf-title .h2 {
  font-size: 38px;
}
@media (min-width: 600px) {
  .l-offcanvas-iknauf .iknauf-highlight .iknauf-title .h2 {
    font-size: 42px;
  }
}
@media (min-width: 900px) {
  .l-offcanvas-iknauf .iknauf-highlight .iknauf-title .h2 {
    font-size: 46px;
  }
}
.iknauf-highlight .iknauf-title .h3 {
  color: var(--blue-main);
  font-size: var(--font-size-base);
  font-weight: normal;
  margin-top: -6px;
}
.l-offcanvas-iknauf .iknauf-highlight .iknauf-title .h3 {
  color: var(--primary);
  font-size: 18px;
  font-weight: bold;
  margin-top: -10px;
}
@media (min-width: 600px) {
  .l-offcanvas-iknauf .iknauf-highlight .iknauf-title .h3 {
    font-size: 21px;
  }
}
@media (min-width: 900px) {
  .l-offcanvas-iknauf .iknauf-highlight .iknauf-title .h3 {
    margin-top: -5px;
  }
}
.iknauf-highlight .iknauf-title:before { /* stylelint-disable-line */
  font-family: "icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  content: "\ea1e";
  font-size: inherit;
  color: inherit;
  font-size: 46px;
  color: white;
  position: absolute;
  top: 0;
  left: 0;
}
.iknauf-highlight .iknauf-title:after { /* stylelint-disable-line */
  font-family: "icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  content: "\ea30";
  font-size: inherit;
  color: inherit;
  left: 36px;
  position: absolute;
  top: 26px;
}
.region-branding .iknauf-highlight .iknauf-title:before {
  color: var(--green-dark);
}
.region-footer-bottom .iknauf-highlight .iknauf-title:before {
  left: 20px;
}
.l-offcanvas-iknauf .iknauf-highlight .iknauf-title:before {
  color: var(--gray-500);
  font-size: 60px;
  left: 10px;
  top: 5px;
}
@media (min-width: 600px) {
  .l-offcanvas-iknauf .iknauf-highlight .iknauf-title:before {
    left: 30px;
  }
}
@media (min-width: 900px) {
  .l-offcanvas-iknauf .iknauf-highlight .iknauf-title:before {
    font-size: 75px;
    left: 15px;
  }
}
.region-footer-bottom .iknauf-highlight .iknauf-title:after {
  left: 55px;
}
.l-offcanvas-iknauf .iknauf-highlight .iknauf-title:after {
  color: var(--blue-main);
  font-size: 26px;
  left: 40px;
  top: 40px;
}
@media (min-width: 600px) {
  .l-offcanvas-iknauf .iknauf-highlight .iknauf-title:after {
    left: 74px;
  }
}
@media (min-width: 900px) {
  .l-offcanvas-iknauf .iknauf-highlight .iknauf-title:after {
    font-size: 30px;
    left: 72px;
    top: 50px;
  }
}
.iknauf-highlight .iknauf-title-center {
  color: var(--secondary);
  padding-left: 0;
  text-align: center;
}
.iknauf-highlight .iknauf-title-center:before, .iknauf-highlight .iknauf-title-center:after {
  display: none;
}
.iknauf-highlight .iknauf-title-center .iknauf-title__logo,
.iknauf-highlight .iknauf-title-center .iknauf-title__text {
  display: inline-block;
  vertical-align: middle;
}
.iknauf-highlight .iknauf-title-center .h2,
.iknauf-highlight .iknauf-title-center .h3 {
  text-align: left;
  margin-bottom: 0;
}
.iknauf-highlight .iknauf-title-center .iknauf-title__logo {
  margin-right: 15px;
  position: relative;
}
.iknauf-highlight .iknauf-title-center .iknauf-title__logo:before { /* stylelint-disable-line */
  font-family: "icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  content: "\ea1e";
  font-size: inherit;
  color: inherit;
  font-size: 46px;
  color: white;
  position: absolute;
  top: 0;
  left: 0;
}
.iknauf-highlight .iknauf-title-center .iknauf-title__logo:after { /* stylelint-disable-line */
  font-family: "icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  content: "\ea30";
  font-size: inherit;
  color: inherit;
  left: 36px;
  position: absolute;
  top: 26px;
}
.iknauf-highlight .iknauf-title-center .iknauf-title__logo:before {
  position: static;
}
.iknauf-highlight .iknauf-title-center .iknauf-title__logo:after {
  right: -7.5px;
  left: auto;
}
.iknauf-highlight .iknauf-content {
  font-size: 0.625rem;
  line-height: 1.1;
}
.region-footer-bottom .iknauf-highlight .iknauf-content {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.iknauf-highlight .iknauf-content .user-links {
  font-size: 0.875rem;
}
.iknauf-highlight .iknauf-content .user-links li {
  margin-bottom: 1rem;
}
.iknauf-highlight .iknauf-content .user-links li:last-child {
  margin-bottom: 0;
}
.iknauf-highlight .iknauf-content .user-links a:hover {
  color: white;
}
.region-footer-bottom .iknauf-highlight .iknauf-description {
  font-size: 0.75rem;
  line-height: 1.58em;
}

.user-picture.has-image:before, .user-picture.has-image:after {
  display: none !important;
}
.user-picture + .iknauf-title:before, .user-picture + .iknauf-title:after {
  display: none !important;
}

label.form-required:after {
  color: var(--red);
  content: "*";
  font-size: 75%;
  vertical-align: super;
}

label,
.label,
.form-composite > legend {
  color: var(--blue-main);
  font-family: var(--font-family-headings);
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0;
  text-transform: uppercase;
}

form [role=alert],
form .form-item--error-message {
  color: var(--red);
}
form [data-drupal-messages] {
  margin-bottom: var(--spacer-3);
}
form [data-drupal-messages] ul {
  list-style: none;
  padding-left: 0;
}
form [data-drupal-messages] ul li:not(:last-child) {
  margin-bottom: var(--spacer-1);
}

.form-item {
  color: var(--gray-800);
  font-size: 0.75rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  position: relative;
}
.form-item input {
  border: 0;
  width: 100%;
}
.form-item input[type=password], .form-item input[type=email], .form-item input[type=phone], .form-item input[type=tel], .form-item input[type=text] {
  background-color: var(--gray-200);
  border: 1px solid var(--gray-200);
  font-size: 0.75rem;
  line-height: 142%; /* 17.04px */
  max-width: 100%;
  padding: 0.625rem 1.25rem;
}
.form-item input:focus, .form-item input:focus-visible, .form-item input:focus-within {
  border: 1px solid var(--cyan);
  outline: none;
}
.form-item .description {
  color: var(--blue-main);
  font-size: 1rem;
  margin-top: 0.625rem;
}

#drupal-off-canvas .user-register-form,
#drupal-off-canvas .user-login-form {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 280px;
}
#drupal-off-canvas .user-register-form .form-item,
#drupal-off-canvas .user-register-form .form-actions,
#drupal-off-canvas .user-login-form .form-item,
#drupal-off-canvas .user-login-form .form-actions {
  margin-bottom: 1.25rem;
}

input[type=search] {
  background-color: var(--white);
  background-clip: padding-box;
  border: 1px solid var(--gray-500);
  border-radius: 0;
  color: var(--blue-main);
  display: block;
  font-size: 1rem;
  font-weight: 400;
  height: calc(2.6378rem + 2px);
  line-height: 1.2;
  padding: 0.7189rem 1rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  width: 100%;
}

.form-type-checkbox input[type=checkbox] {
  opacity: 0;
  position: absolute;
}
.form-type-checkbox input[type=checkbox] + label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: var(--font-family-base);
  font-weight: normal;
  margin-right: 1.5em;
  position: relative;
  text-transform: none;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.form-type-checkbox input[type=checkbox] + label:before { /* stylelint-disable-line */
  font-family: "icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  content: "\ea11";
  font-size: inherit;
  color: inherit;
  background-color: var(--white);
  border: 2px solid var(--gray-800);
  border-radius: 2px;
  color: var(--white);
  font-size: 0.7rem;
  line-height: 13px;
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  height: 15px;
  margin-right: 0.675rem;
  text-align: center;
  width: 15px;
}
.form-type-checkbox input[type=checkbox]:checked + label:before {
  background-color: var(--cyan);
  border-color: var(--cyan);
}

.form-type-radio input[type=radio] {
  accent-color: var(--cyan);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: white;
  border: 2px solid var(--gray-800);
  border-radius: 50%;
  cursor: pointer;
  height: 16px;
  left: 9px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  z-index: 1;
}
.form-type-radio input[type=radio]:checked {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}
.form-type-radio label {
  cursor: pointer;
  margin-bottom: 0;
  padding: 0 0.675rem 0 2.2rem;
}

.form-type-search .form-checkboxes label:after {
  left: 11px;
}

.chosen-container-single .chosen-drop .result-selected {
  background-color: var(--cyan);
  color: white;
}
.chosen-container-single .chosen-single {
  background-color: var(--gray-200);
  border: 1px solid var(--gray-200);
  border-radius: 0;
  font-size: 0.75rem;
  line-height: 142%;
  padding: 0.625rem 1.25rem;
}

.chosen-container {
  min-width: 200px;
}
.chosen-container .chosen-drop {
  border-color: var(--gray-200);
  border-radius: 0;
}
.chosen-container.chosen-container-active .chosen-single {
  border-color: var(--cyan);
}
.chosen-container.chosen-container-active .chosen-drop {
  border-color: var(--cyan);
}
.chosen-container .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container .chosen-results li {
  border-radius: 0;
  padding: 0.5rem 0.75rem;
}
.chosen-container .chosen-results li.highlighted {
  background: var(--gray-200);
  color: black;
}

ul.list-table {
  display: block;
  list-style: none;
  padding-left: 0;
}

li.list-table-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: var(--spacer-1);
  padding: 1.2rem;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  width: 100%;
  word-break: break-word;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
li.list-table-item:nth-child(odd) {
  background: var(--gray-200);
}
@media (min-width: 768px) {
  li.list-table-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.2rem 0.2rem 1.2rem 1.3rem;
  }
  li.list-table-item:nth-child(odd) {
    background: none;
  }
  li.list-table-item:hover {
    background-color: var(--gray-200);
    z-index: 2;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
}

.list-table-actions {
  font-size: var(--h6-font-size);
}
.list-table-actions a {
  text-decoration: none;
}

.card-layout {
  background-color: var(--gray-100);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  height: 100%;
  position: relative;
}
.card-layout .layout--onecol {
  height: 100%;
}
.card-layout .layout--onecol .layout__region {
  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%;
}
.card-layout .layout--onecol .paragraph--type--text {
  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-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100%;
  padding: var(--spacer-3) var(--spacer-2);
}
.card-layout .layout--onecol .paragraph--type--text .field--name-link {
  margin-top: auto;
}
.card-layout .layout--onecol .paragraph--type--text .field--name-link a:after {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.l-header {
  --iknauf-height-menu-level-1: 0;
  background-color: var(--blue-main);
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: var(--z-index-header);
}
.l-header:before {
  background-color: var(--white);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 55, 120, 0.1019607843);
          box-shadow: 0 2px 5px 0 rgba(0, 55, 120, 0.1019607843);
  content: "";
  display: block;
  height: var(--iknauf-height-menu-level-1);
  left: 50%;
  top: var(--header-height);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
  position: absolute;
  width: 100%;
  z-index: -1;
}
body.toolbar-fixed .l-header {
  margin-top: var(--toolbar-fixed-padding);
}
body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .l-header {
  margin-top: var(--toolbar-fixed-tray-open-padding);
}

.layout-container {
  margin-left: 0;
  margin-right: 0;
  min-height: 100vh;
  padding-top: var(--header-height);
}
body.toolbar-fixed .layout-container {
  min-height: calc(100vh - var(--toolbar-fixed-padding));
}
body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .layout-container {
  min-height: calc(100vh - var(--toolbar-fixed-tray-open-padding));
}

.main-content-block-padding,
.paragraph-root {
  padding-top: var(--paragraph-root-padding);
  padding-bottom: var(--paragraph-root-padding);
}