@charset "UTF-8";
/* ==========================================================================
   #BOX-SIZING
   ========================================================================== */
/**
 * More sensible default box-sizing:
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 */
@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900%3B1,300..900&family=Roboto:ital,wght@0,300%3B1,300&display=swap");
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

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

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

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

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

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

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

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

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

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

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

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

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

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

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

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

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

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

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

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

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

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

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

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

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

/* ==========================================================================
   #RESET
   ========================================================================== */
/**
 * A very simple reset that sits on top of Normalize.css.
 */
body,
h1, h2, h3, h4, h5, h6,
blockquote, p, pre,
dl, dd, ol, ul,
figure,
hr,
fieldset, legend {
  margin: 0;
  padding: 0;
}

/**
 * Remove trailing margins from nested lists.
 */
li > ol,
li > ul {
  margin-bottom: 0;
}

/**
 * Remove default table spacing.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**
 * 1. Reset Chrome and Firefox behaviour which sets a `min-width: min-content;`
 *    on fieldsets.
 */
fieldset {
  min-width: 0;
  /* [1] */
  border: 0;
}

/* ==========================================================================
   #SHARED
   ========================================================================== */
/**
 * Shared declarations for certain elements.
 */
/**
 * Always declare margins in the same direction:
 * csswizardry.com/2012/06/single-direction-margin-declarations
 */
address,
h1, h2, h3, h4, h5, h6,
blockquote, p, pre,
dl, ol, ul,
figure,
hr,
table,
fieldset {
  margin-bottom: 24px;
}

/**
 * Consistent indentation for lists.
 */
dd, ol, ul {
  margin-left: 24px;
}

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

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

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

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

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

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

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

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

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

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

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

.slick-slide img {
  display: block;
}

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

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

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

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

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

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

.slick-dots {
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.slick-dots li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 4px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li:only-child {
  display: none;
}

.slick-dots li button {
  font-size: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

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

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

.slick-dots li button:before {
  font-family: "slick";
  font-size: 40px;
  line-height: 10px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: #113B4B;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: #113B4B;
}

.slick-arrow {
  font-size: 0;
  background-color: transparent !important;
  border: 0;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  right: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  cursor: pointer;
}

.slick-arrow.slick-disabled {
  opacity: .5;
}

.slick-arrow svg {
  width: 24px;
}

.slick-arrow.prev-btn {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

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

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

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

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

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

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

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

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

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

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

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

.slick-slide img {
  display: block;
}

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

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

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

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

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

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

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

.h1,
h1 {
  font-size: 38px;
  font-size: 2.375rem;
  line-height: 1.2;
  font-weight: 300;
}

@media (min-width: 48em) {
  .h1,
  h1 {
    font-size: 56px;
    font-size: 3.5rem;
    line-height: 1.2;
  }
}

.h1.jambo, .home .p-banner h1.h1,
h1.jambo,
.home .p-banner h1 {
  font-size: 48px;
  font-size: 3rem;
  line-height: 1.2;
  font-weight: 300;
}

.h1.jambo b, .home .p-banner h1.h1 b,
h1.jambo b,
.home .p-banner h1 b {
  font-weight: 500;
}

@media (min-width: 48em) {
  .h1.jambo, .home .p-banner h1.h1,
  h1.jambo,
  .home .p-banner h1 {
    font-size: 76px;
    font-size: 4.75rem;
    line-height: 1.2;
  }
}

.h2,
h2 {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 300;
}

@media (min-width: 48em) {
  .h2,
  h2 {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.2;
  }
}

.h3,
h3 {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.25;
  font-weight: 400;
}

@media (min-width: 48em) {
  .h3,
  h3 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.2;
  }
}

.h4,
h4 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 400;
}

@media (min-width: 48em) {
  .h4,
  h4 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.3;
  }
}

.h5, blockquote, blockquote p,
h5 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 600;
}

@media (min-width: 48em) {
  .h5, blockquote, blockquote p,
  h5 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3;
  }
}

.h6,
h6 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.4;
  font-weight: 400;
}

@media (min-width: 48em) {
  .h6,
  h6 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}

.tagline {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
}

p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 400;
}

p.p-small {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 400;
}

p.p-medium, p.o-btn__link {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
}

p.p-large {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 400;
}

p.p-xlarge {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 400;
}

@media (min-width: 48em) {
  p.p-xlarge {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.4;
  }
}

#tinymce:not(.post-format-standard) p {
  margin-bottom: 0;
}

label {
  color: white;
  font-size: 18px;
  position: relative;
}

div:has(> span > input) ::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}

div:has(> span > input) label {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 18px;
  display: inline-block;
  -webkit-transform: translate(5px, 30px) scale(1);
      -ms-transform: translate(5px, 30px) scale(1);
          transform: translate(5px, 30px) scale(1);
  z-index: 0;
}

.c-contact-details div:has(> span > input) label {
  -webkit-transform: translate(0, 39px) scale(1);
      -ms-transform: translate(0, 39px) scale(1);
          transform: translate(0, 39px) scale(1);
}

div:has(> span > input:not(:placeholder-shown)) label,
div:has(> span > input:focus) label {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

select,
textarea,
input {
  outline: none;
}

select,
textarea,
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="date"],
input[type="text"] {
  display: block;
  width: 100%;
  padding: 4px 12px;
  border: 0;
  border-bottom: 1px solid var(--base-input, #e4e4e7);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  font-family: "Figtree", sans-serif;
  border-radius: 0;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: white;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
}

select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder {
  color: #41626f;
}

select::-moz-placeholder,
textarea::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="text"]::-moz-placeholder {
  color: #41626f;
}

select::-ms-input-placeholder,
textarea::-ms-input-placeholder,
input[type="email"]::-ms-input-placeholder,
input[type="number"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
input[type="search"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="date"]::-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder {
  color: #41626f;
}

select::-moz-placeholder,
textarea::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="text"]::-moz-placeholder {
  color: #41626f;
}

select::placeholder,
textarea::placeholder,
input[type="email"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="date"]::placeholder,
input[type="text"]::placeholder {
  color: #41626f;
}

textarea {
  height: 120px;
  resize: none;
}

select {
  padding: 8px 56px 8px 16px;
  background-image: url(../img/chevron-dark.svg);
  background-position: calc(100% - 12px) calc(1em + 0px);
  background-size: 24px;
  background-repeat: no-repeat;
  -webkit-box-shadow: none;
          box-shadow: none;
}

select option {
  color: #113B4B;
}

input[type="radio"] {
  opacity: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input[type="radio"]:checked {
  background: #41626f;
}

input[type="radio"] + span {
  display: inline-block;
  cursor: pointer;
}

input[type="radio"] + span:before {
  content: " ";
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 8px;
  border: 1px solid #41626f;
  border-radius: 10px;
  vertical-align: middle;
}

input[type="radio"]:checked + span::before {
  background: #41626f;
}

input[type="radio"]:focus + span {
  outline: 1px dotted #41626f;
  outline-offset: 2px;
}

input[type="checkbox"] {
  opacity: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -2 !important;
}

input[type="checkbox"]:checked {
  background-image: url("../img/checked-box.svg");
}

input[type="checkbox"] + span,
input[type="checkbox"] + label {
  display: inline;
  cursor: pointer;
  line-height: 1;
}

input[type="checkbox"] + span:before,
input[type="checkbox"] + label:before {
  content: " ";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  border: 0;
  border-radius: 0;
  vertical-align: -6px;
  background-color: white;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  position: relative;
  top: -3px;
}

input[type="checkbox"]:checked + span::before,
input[type="checkbox"]:checked + label::before {
  background-image: url("../img/checked-box.svg");
  background-size: cover;
  background-color: #99cc33;
}

.wpcf7-form-control-wrap {
  display: block;
  margin-bottom: 1px;
  position: relative;
  z-index: 1;
}

.wpcf7-not-valid .wpcf7-list-item-label {
  color: red;
}

.wpcf7-not-valid .wpcf7-list-item-label::before {
  border-color: red;
}

.wpcf7 .screen-reader-response {
  display: none !important;
}

.wpcf7-not-valid-tip, .wpcf7-validation-errors {
  color: red;
}

.wpcf7-not-valid-tip, .wpcf7-response-output {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.5;
}

.wpcf7 .item {
  margin-top: 18px;
}

.ajax-loader {
  pointer-events: none;
  display: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #113B4B;
}

.ajax-loader:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("../img/icon-submit-loader.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.ajax-loader.is-active {
  display: inline-block;
  opacity: 1;
}

.ajax-loader.is-active:after {
  -webkit-animation: spinLoader 1.5s infinite;
          animation: spinLoader 1.5s infinite;
}

@-webkit-keyframes spinLoader {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes spinLoader {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}

.wpcf7-response-output {
  font-weight: bold;
}

.grid-layout {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

@media (max-width: 47.99em) {
  .grid-layout {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-layout div {
  text-align: left;
}

.form-with-thankyou .thankyou {
  display: none;
  color: white;
  font-size: 18px;
}

.form-with-thankyou.sent .cf7__wrapper {
  display: none;
}

.form-with-thankyou.sent .cf7__wrapper .wpcf7-response-output {
  display: none;
}

.form-with-thankyou.sent .thankyou {
  display: block;
}

pre {
  display: block;
  width: 100%;
  padding: 24px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  overflow: auto;
  font-family: "Courier New", Courier, monospace;
  color: white;
  text-align: left;
  text-transform: initial;
  background: black;
}

a {
  color: inherit;
  cursor: pointer;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

a:hover {
  text-decoration: none;
}

.c-link {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.c-link svg {
  vertical-align: middle;
  margin-left: 8px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.c-link svg.c-svgicon--arrow {
  width: 14px;
  height: 12px;
}

.c-link:hover {
  text-decoration: none;
}

.c-link:hover svg {
  -webkit-transform: translateX(6px);
      -ms-transform: translateX(6px);
          transform: translateX(6px);
}

/* purgecss start ignore */
html {
  font-size: 16px;
  overflow-y: scroll;
  min-height: 100%;
}

body {
  min-height: 100%;
  font-family: "Figtree", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.6;
  color: #113B4B;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

.scroll-lock {
  height: 100%;
  max-height: 100vh;
  overflow: hidden;
}

.is-blured {
  pointer-events: none;
  -webkit-filter: blur(3px);
          filter: blur(3px);
}

.hide-scrollbar, body, .c-top {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.hide-scrollbar::-webkit-scrollbar, body::-webkit-scrollbar, .c-top::-webkit-scrollbar {
  display: none;
}

.hide-scrollbar::-moz-scrollbar, body::-moz-scrollbar, .c-top::-moz-scrollbar {
  display: none;
}

/* purgecss end ignore */
/* ==========================================================================
   #RATIO
   ========================================================================== */
/**
 * Create ratio-bound content blocks, to keep media (e.g. images, videos) in
 * their correct aspect ratios.
 *
 * http://alistapart.com/article/creating-intrinsic-ratios-for-video
 *
 * 1. Default is a 1:1 ratio (i.e. a perfect square).
 */
.o-ratio {
  position: relative;
  display: block;
}

.o-ratio:before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%;
  /* [1] */
}

.o-ratio__content,
.o-ratio > iframe,
.o-ratio > embed,
.o-ratio > object {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* Ratio variants.
   ========================================================================== */
/**
 * Generate a series of ratio classes to be used like so:
 *
 *   <div class="o-ratio  o-ratio--golden-ratio">
 *
 */
.o-ratio--2\:1:before {
  padding-bottom: 50%;
}

.o-ratio--4\:3:before {
  padding-bottom: 75%;
}

.o-ratio--16\:9:before {
  padding-bottom: 56.25%;
}

/* Contain modifier.
   ========================================================================== */
/**
 * Only works with image content.
 * Contains the image to the boundaries, without cropping or stretching it.
 */
.o-ratio--img-contain > .o-ratio__content:before {
  height: auto;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}

.o-wrapper, .testimonials.static-testimonials .testimonials__wrapper {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 24px;
}

@media (min-width: 80em) {
  .o-wrapper, .testimonials.static-testimonials .testimonials__wrapper {
    padding: 0 64px;
  }
}

.o-btn, input[type="submit"], .c-flexible-block__tabs .js-tab,
.c-flexible-block__tabs .js-filter-item {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 12px 24px;
  border: 0 solid #99cc33;
  border-radius: 50px;
  background-color: #99cc33;
  color: #113B4B;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  font-family: "Figtree", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  position: relative;
  gap: 8px;
}

.o-btn svg, input[type="submit"] svg, .c-flexible-block__tabs .js-tab svg, .c-flexible-block__tabs .js-filter-item svg {
  width: 24px;
  height: 24px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: relative;
}

.o-btn:hover, input:hover[type="submit"], .c-flexible-block__tabs .js-tab:hover,
.c-flexible-block__tabs .js-filter-item:hover {
  text-decoration: none;
  color: #113B4B;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))), #99cc33;
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%), #99cc33;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%), #99cc33;
}

.o-btn:hover svg, input:hover[type="submit"] svg, .c-flexible-block__tabs .js-tab:hover svg, .c-flexible-block__tabs .js-filter-item:hover svg {
  -webkit-animation: arrow_animation_btn 0.8s infinite linear;
          animation: arrow_animation_btn 0.8s infinite linear;
}

.o-btn.no-animation svg, input.no-animation[type="submit"] svg, .c-flexible-block__tabs .no-animation.js-tab svg, .c-flexible-block__tabs .no-animation.js-filter-item svg {
  -webkit-animation: none;
          animation: none;
}

.o-btn__outline {
  background: transparent;
  border-color: white;
  color: white;
  border-width: 1px;
}

.o-btn__outline:hover {
  background-color: white;
  color: #021d30;
}

.o-btn__beige {
  background: #e0dbc8;
  border-color: #e0dbc8;
  color: #113B4B;
  border: 0;
}

.o-btn__beige:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), #e0dbc8;
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #e0dbc8;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #e0dbc8;
}

.o-btn__greenblue {
  background: #113B4B;
  border-color: #113B4B;
  color: white;
  border: 0;
}

.o-btn__greenblue:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))), #113B4B;
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%), #113B4B;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%), #113B4B;
  color: white;
}

.o-btn__transparent {
  color: white;
  border: 0;
  background-color: transparent;
}

.o-btn__transparent:hover {
  background: transparent;
  opacity: 0.8;
  color: white;
}

.o-btn__white {
  background: white;
  border-color: white;
  color: #113B4B;
}

.o-btn__white:hover {
  background: rgba(255, 255, 255, 0.8);
}

.o-btn__link {
  display: inline-block;
  color: #021d30;
  background-color: transparent;
  padding: 0;
  border: 0;
  position: relative;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 47.99em) {
  .o-btn__link {
    width: auto;
  }
}

.o-btn__link:hover {
  background-color: transparent;
  color: #113B4B;
}

.o-btn__link:hover:after {
  height: 2px;
}

.o-btn--small {
  font-size: 14px;
  padding: 8px 24px;
}

.o-btn--medium, input[type="submit"] {
  font-size: 16px;
  padding: 10px 16px;
}

.o-btn--large {
  font-size: 20px;
  padding: 13px 32px;
  gap: 8px;
}

.o-btn__switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
}

.o-btn__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.o-btn__switch .slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #e0dbc8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: 5rem;
  padding: 4px;
}

.o-btn__switch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  background-color: white  !important;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: 5rem;
  top: auto  !important;
}

.o-btn__switch input:checked + .slider {
  background-color: #113B4B;
}

.o-btn__switch input:checked + .slider:before {
  -webkit-transform: translateX(16px);
      -ms-transform: translateX(16px);
          transform: translateX(16px);
}

.o-btn__switch input[type="checkbox"]:checked + span::before, .o-btn__switch input[type="checkbox"]:checked + label::before {
  background: white !important;
}

input[type="submit"] {
  min-width: 140px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media (max-width: 47.99em) {
  input[type="submit"] {
    width: 100%;
  }
}

@-webkit-keyframes arrow_animation_btn {
  0%,
  55% {
    opacity: 1;
    -webkit-transform: translateX(0) scale(1);
            transform: translateX(0) scale(1);
  }
  25% {
    opacity: 0;
    -webkit-transform: translateX(100%) scale(0.9);
            transform: translateX(100%) scale(0.9);
  }
  26% {
    opacity: 0;
    -webkit-transform: translateX(-100%) scale(0.9);
            transform: translateX(-100%) scale(0.9);
  }
}

@keyframes arrow_animation_btn {
  0%,
  55% {
    opacity: 1;
    -webkit-transform: translateX(0) scale(1);
            transform: translateX(0) scale(1);
  }
  25% {
    opacity: 0;
    -webkit-transform: translateX(100%) scale(0.9);
            transform: translateX(100%) scale(0.9);
  }
  26% {
    opacity: 0;
    -webkit-transform: translateX(-100%) scale(0.9);
            transform: translateX(-100%) scale(0.9);
  }
}

@-webkit-keyframes arrow_animation {
  0%,
  55% {
    opacity: 1;
    -webkit-transform: translateX(0) scale(1);
            transform: translateX(0) scale(1);
  }
  25% {
    opacity: 0;
    -webkit-transform: translateX(100%) scale(0.9);
            transform: translateX(100%) scale(0.9);
  }
  26% {
    opacity: 0;
    -webkit-transform: translateX(-100%) scale(0.9);
            transform: translateX(-100%) scale(0.9);
  }
}

@keyframes arrow_animation {
  0%,
  55% {
    opacity: 1;
    -webkit-transform: translateX(0) scale(1);
            transform: translateX(0) scale(1);
  }
  25% {
    opacity: 0;
    -webkit-transform: translateX(100%) scale(0.9);
            transform: translateX(100%) scale(0.9);
  }
  26% {
    opacity: 0;
    -webkit-transform: translateX(-100%) scale(0.9);
            transform: translateX(-100%) scale(0.9);
  }
}

@-webkit-keyframes arrow_animation_rev {
  0%,
  55% {
    opacity: 1;
    -webkit-transform: rotate(180deg) translateY(0) scale(1);
            transform: rotate(180deg) translateY(0) scale(1);
  }
  25% {
    opacity: 0;
    -webkit-transform: rotate(180deg) translateY(100%) scale(0.9);
            transform: rotate(180deg) translateY(100%) scale(0.9);
  }
  26% {
    opacity: 0;
    -webkit-transform: rotate(180deg) translateY(-100%) scale(0.9);
            transform: rotate(180deg) translateY(-100%) scale(0.9);
  }
}

@keyframes arrow_animation_rev {
  0%,
  55% {
    opacity: 1;
    -webkit-transform: rotate(180deg) translateY(0) scale(1);
            transform: rotate(180deg) translateY(0) scale(1);
  }
  25% {
    opacity: 0;
    -webkit-transform: rotate(180deg) translateY(100%) scale(0.9);
            transform: rotate(180deg) translateY(100%) scale(0.9);
  }
  26% {
    opacity: 0;
    -webkit-transform: rotate(180deg) translateY(-100%) scale(0.9);
            transform: rotate(180deg) translateY(-100%) scale(0.9);
  }
}

/* ==========================================================================
   #WIDTHS
   ========================================================================== */
/**
 * inuitcss generates a series of utility classes that give a fluid width to
 * whichever element they’re applied, e.g.:
 *
 *   <img src="" alt="" class="u-1/2" />
 *
 * These classes are most commonly used in conjunction with our layout system,
 * e.g.:
 *
 *   <div class="o-layout__item  u-1/2">
 *
 * By default, inuitcss will also generate responsive variants of each of these
 * classes by using your Sass MQ configuration, e.g.:
 *
 *   <div class="o-layout__item  u-1/1  u-1/2@tablet  u-1/3@desktop">
 *
 * Optionally, inuitcss can generate offset classes which can push and pull
 * elements left and right by a specified amount, e.g.:
 *
 *   <div class="o-layout__item  u-2/3  u-pull-1/3">
 *
 * This is useful for making very granular changes to the rendered order of
 * items in a layout.
 *
 * N.B. This option is turned off by default.
 */
/**
 * A series of width helper classes that you can use to size things like grid
 * systems. Classes take a fraction-like format (e.g. `.u-2/3`). Use these in
 * your markup:
 *
 * <div class="u-7/12">
 *
 * The following will generate widths helper classes based on the fractions
 * defined in the `$inuit-fractions` list.
 */
.u-1\/1 {
  width: 100% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-1\/1 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 100% !important;
}

.u-pull-1\/1 {
  position: relative !important;
  right: 100% !important;
  left: auto !important;
  /* [1] */
}

.u-1\/2 {
  width: 50% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-1\/2 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 50% !important;
}

.u-pull-1\/2 {
  position: relative !important;
  right: 50% !important;
  left: auto !important;
  /* [1] */
}

.u-2\/2 {
  width: 100% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-2\/2 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 100% !important;
}

.u-pull-2\/2 {
  position: relative !important;
  right: 100% !important;
  left: auto !important;
  /* [1] */
}

.u-1\/3 {
  width: 33.33333% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-1\/3 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 33.33333% !important;
}

.u-pull-1\/3 {
  position: relative !important;
  right: 33.33333% !important;
  left: auto !important;
  /* [1] */
}

.u-2\/3 {
  width: 66.66667% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-2\/3 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 66.66667% !important;
}

.u-pull-2\/3 {
  position: relative !important;
  right: 66.66667% !important;
  left: auto !important;
  /* [1] */
}

.u-3\/3 {
  width: 100% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-3\/3 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 100% !important;
}

.u-pull-3\/3 {
  position: relative !important;
  right: 100% !important;
  left: auto !important;
  /* [1] */
}

.u-1\/4 {
  width: 25% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-1\/4 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 25% !important;
}

.u-pull-1\/4 {
  position: relative !important;
  right: 25% !important;
  left: auto !important;
  /* [1] */
}

.u-2\/4 {
  width: 50% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-2\/4 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 50% !important;
}

.u-pull-2\/4 {
  position: relative !important;
  right: 50% !important;
  left: auto !important;
  /* [1] */
}

.u-3\/4 {
  width: 75% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-3\/4 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 75% !important;
}

.u-pull-3\/4 {
  position: relative !important;
  right: 75% !important;
  left: auto !important;
  /* [1] */
}

.u-4\/4 {
  width: 100% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-4\/4 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 100% !important;
}

.u-pull-4\/4 {
  position: relative !important;
  right: 100% !important;
  left: auto !important;
  /* [1] */
}

.u-1\/5 {
  width: 20% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-1\/5 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 20% !important;
}

.u-pull-1\/5 {
  position: relative !important;
  right: 20% !important;
  left: auto !important;
  /* [1] */
}

.u-2\/5 {
  width: 40% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-2\/5 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 40% !important;
}

.u-pull-2\/5 {
  position: relative !important;
  right: 40% !important;
  left: auto !important;
  /* [1] */
}

.u-3\/5 {
  width: 60% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-3\/5 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 60% !important;
}

.u-pull-3\/5 {
  position: relative !important;
  right: 60% !important;
  left: auto !important;
  /* [1] */
}

.u-4\/5 {
  width: 80% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-4\/5 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 80% !important;
}

.u-pull-4\/5 {
  position: relative !important;
  right: 80% !important;
  left: auto !important;
  /* [1] */
}

.u-5\/5 {
  width: 100% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-5\/5 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 100% !important;
}

.u-pull-5\/5 {
  position: relative !important;
  right: 100% !important;
  left: auto !important;
  /* [1] */
}

.u-1\/6 {
  width: 16.66667% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-1\/6 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 16.66667% !important;
}

.u-pull-1\/6 {
  position: relative !important;
  right: 16.66667% !important;
  left: auto !important;
  /* [1] */
}

.u-2\/6 {
  width: 33.33333% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-2\/6 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 33.33333% !important;
}

.u-pull-2\/6 {
  position: relative !important;
  right: 33.33333% !important;
  left: auto !important;
  /* [1] */
}

.u-3\/6 {
  width: 50% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-3\/6 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 50% !important;
}

.u-pull-3\/6 {
  position: relative !important;
  right: 50% !important;
  left: auto !important;
  /* [1] */
}

.u-4\/6 {
  width: 66.66667% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-4\/6 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 66.66667% !important;
}

.u-pull-4\/6 {
  position: relative !important;
  right: 66.66667% !important;
  left: auto !important;
  /* [1] */
}

.u-5\/6 {
  width: 83.33333% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-5\/6 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 83.33333% !important;
}

.u-pull-5\/6 {
  position: relative !important;
  right: 83.33333% !important;
  left: auto !important;
  /* [1] */
}

.u-6\/6 {
  width: 100% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-6\/6 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 100% !important;
}

.u-pull-6\/6 {
  position: relative !important;
  right: 100% !important;
  left: auto !important;
  /* [1] */
}

.u-1\/7 {
  width: 14.28571% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-1\/7 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 14.28571% !important;
}

.u-pull-1\/7 {
  position: relative !important;
  right: 14.28571% !important;
  left: auto !important;
  /* [1] */
}

.u-2\/7 {
  width: 28.57143% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-2\/7 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 28.57143% !important;
}

.u-pull-2\/7 {
  position: relative !important;
  right: 28.57143% !important;
  left: auto !important;
  /* [1] */
}

.u-3\/7 {
  width: 42.85714% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-3\/7 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 42.85714% !important;
}

.u-pull-3\/7 {
  position: relative !important;
  right: 42.85714% !important;
  left: auto !important;
  /* [1] */
}

.u-4\/7 {
  width: 57.14286% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-4\/7 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 57.14286% !important;
}

.u-pull-4\/7 {
  position: relative !important;
  right: 57.14286% !important;
  left: auto !important;
  /* [1] */
}

.u-5\/7 {
  width: 71.42857% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-5\/7 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 71.42857% !important;
}

.u-pull-5\/7 {
  position: relative !important;
  right: 71.42857% !important;
  left: auto !important;
  /* [1] */
}

.u-6\/7 {
  width: 85.71429% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-6\/7 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 85.71429% !important;
}

.u-pull-6\/7 {
  position: relative !important;
  right: 85.71429% !important;
  left: auto !important;
  /* [1] */
}

.u-7\/7 {
  width: 100% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-7\/7 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 100% !important;
}

.u-pull-7\/7 {
  position: relative !important;
  right: 100% !important;
  left: auto !important;
  /* [1] */
}

.u-1\/8 {
  width: 12.5% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-1\/8 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 12.5% !important;
}

.u-pull-1\/8 {
  position: relative !important;
  right: 12.5% !important;
  left: auto !important;
  /* [1] */
}

.u-2\/8 {
  width: 25% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-2\/8 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 25% !important;
}

.u-pull-2\/8 {
  position: relative !important;
  right: 25% !important;
  left: auto !important;
  /* [1] */
}

.u-3\/8 {
  width: 37.5% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-3\/8 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 37.5% !important;
}

.u-pull-3\/8 {
  position: relative !important;
  right: 37.5% !important;
  left: auto !important;
  /* [1] */
}

.u-4\/8 {
  width: 50% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-4\/8 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 50% !important;
}

.u-pull-4\/8 {
  position: relative !important;
  right: 50% !important;
  left: auto !important;
  /* [1] */
}

.u-5\/8 {
  width: 62.5% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-5\/8 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 62.5% !important;
}

.u-pull-5\/8 {
  position: relative !important;
  right: 62.5% !important;
  left: auto !important;
  /* [1] */
}

.u-6\/8 {
  width: 75% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-6\/8 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 75% !important;
}

.u-pull-6\/8 {
  position: relative !important;
  right: 75% !important;
  left: auto !important;
  /* [1] */
}

.u-7\/8 {
  width: 87.5% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-7\/8 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 87.5% !important;
}

.u-pull-7\/8 {
  position: relative !important;
  right: 87.5% !important;
  left: auto !important;
  /* [1] */
}

.u-8\/8 {
  width: 100% !important;
}

/**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
.u-push-8\/8 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 100% !important;
}

.u-pull-8\/8 {
  position: relative !important;
  right: 100% !important;
  left: auto !important;
  /* [1] */
}

/**
 * If we’re using Sass-MQ, automatically generate grid system(s) for each of our
 * defined breakpoints, and give them a Responsive Suffix, e.g.:
 *
 * <div class="u-3/12@mobile">
 */
@media (min-width: 23.4375em) {
  .u-1\/1\@mobile {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/1\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-1\/1\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/2\@mobile {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/2\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-1\/2\@mobile {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/2\@mobile {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/2\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-2\/2\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/3\@mobile {
    width: 33.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/3\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.33333% !important;
  }
  .u-pull-1\/3\@mobile {
    position: relative !important;
    right: 33.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/3\@mobile {
    width: 66.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/3\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.66667% !important;
  }
  .u-pull-2\/3\@mobile {
    position: relative !important;
    right: 66.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/3\@mobile {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/3\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-3\/3\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/4\@mobile {
    width: 25% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/4\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  .u-pull-1\/4\@mobile {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/4\@mobile {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/4\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-2\/4\@mobile {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/4\@mobile {
    width: 75% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/4\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  .u-pull-3\/4\@mobile {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/4\@mobile {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/4\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-4\/4\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/5\@mobile {
    width: 20% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/5\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 20% !important;
  }
  .u-pull-1\/5\@mobile {
    position: relative !important;
    right: 20% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/5\@mobile {
    width: 40% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/5\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 40% !important;
  }
  .u-pull-2\/5\@mobile {
    position: relative !important;
    right: 40% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/5\@mobile {
    width: 60% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/5\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 60% !important;
  }
  .u-pull-3\/5\@mobile {
    position: relative !important;
    right: 60% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/5\@mobile {
    width: 80% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/5\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 80% !important;
  }
  .u-pull-4\/5\@mobile {
    position: relative !important;
    right: 80% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/5\@mobile {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/5\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-5\/5\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/6\@mobile {
    width: 16.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/6\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 16.66667% !important;
  }
  .u-pull-1\/6\@mobile {
    position: relative !important;
    right: 16.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/6\@mobile {
    width: 33.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/6\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.33333% !important;
  }
  .u-pull-2\/6\@mobile {
    position: relative !important;
    right: 33.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/6\@mobile {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/6\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-3\/6\@mobile {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/6\@mobile {
    width: 66.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/6\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.66667% !important;
  }
  .u-pull-4\/6\@mobile {
    position: relative !important;
    right: 66.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/6\@mobile {
    width: 83.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/6\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 83.33333% !important;
  }
  .u-pull-5\/6\@mobile {
    position: relative !important;
    right: 83.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/6\@mobile {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/6\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-6\/6\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/7\@mobile {
    width: 14.28571% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/7\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 14.28571% !important;
  }
  .u-pull-1\/7\@mobile {
    position: relative !important;
    right: 14.28571% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/7\@mobile {
    width: 28.57143% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/7\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 28.57143% !important;
  }
  .u-pull-2\/7\@mobile {
    position: relative !important;
    right: 28.57143% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/7\@mobile {
    width: 42.85714% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/7\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 42.85714% !important;
  }
  .u-pull-3\/7\@mobile {
    position: relative !important;
    right: 42.85714% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/7\@mobile {
    width: 57.14286% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/7\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 57.14286% !important;
  }
  .u-pull-4\/7\@mobile {
    position: relative !important;
    right: 57.14286% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/7\@mobile {
    width: 71.42857% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/7\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 71.42857% !important;
  }
  .u-pull-5\/7\@mobile {
    position: relative !important;
    right: 71.42857% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/7\@mobile {
    width: 85.71429% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/7\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 85.71429% !important;
  }
  .u-pull-6\/7\@mobile {
    position: relative !important;
    right: 85.71429% !important;
    left: auto !important;
    /* [1] */
  }
  .u-7\/7\@mobile {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-7\/7\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-7\/7\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/8\@mobile {
    width: 12.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/8\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 12.5% !important;
  }
  .u-pull-1\/8\@mobile {
    position: relative !important;
    right: 12.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/8\@mobile {
    width: 25% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/8\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  .u-pull-2\/8\@mobile {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/8\@mobile {
    width: 37.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/8\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 37.5% !important;
  }
  .u-pull-3\/8\@mobile {
    position: relative !important;
    right: 37.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/8\@mobile {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/8\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-4\/8\@mobile {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/8\@mobile {
    width: 62.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/8\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 62.5% !important;
  }
  .u-pull-5\/8\@mobile {
    position: relative !important;
    right: 62.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/8\@mobile {
    width: 75% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/8\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  .u-pull-6\/8\@mobile {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  .u-7\/8\@mobile {
    width: 87.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-7\/8\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 87.5% !important;
  }
  .u-pull-7\/8\@mobile {
    position: relative !important;
    right: 87.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-8\/8\@mobile {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-8\/8\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-8\/8\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-push-none\@mobile {
    left: auto !important;
  }
  .u-pull-none\@mobile {
    right: auto !important;
  }
}

@media (min-width: 30em) {
  .u-1\/1\@mobileLarge {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/1\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-1\/1\@mobileLarge {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/2\@mobileLarge {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/2\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-1\/2\@mobileLarge {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/2\@mobileLarge {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/2\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-2\/2\@mobileLarge {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/3\@mobileLarge {
    width: 33.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/3\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.33333% !important;
  }
  .u-pull-1\/3\@mobileLarge {
    position: relative !important;
    right: 33.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/3\@mobileLarge {
    width: 66.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/3\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.66667% !important;
  }
  .u-pull-2\/3\@mobileLarge {
    position: relative !important;
    right: 66.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/3\@mobileLarge {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/3\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-3\/3\@mobileLarge {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/4\@mobileLarge {
    width: 25% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/4\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  .u-pull-1\/4\@mobileLarge {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/4\@mobileLarge {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/4\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-2\/4\@mobileLarge {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/4\@mobileLarge {
    width: 75% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/4\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  .u-pull-3\/4\@mobileLarge {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/4\@mobileLarge {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/4\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-4\/4\@mobileLarge {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/5\@mobileLarge {
    width: 20% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/5\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 20% !important;
  }
  .u-pull-1\/5\@mobileLarge {
    position: relative !important;
    right: 20% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/5\@mobileLarge {
    width: 40% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/5\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 40% !important;
  }
  .u-pull-2\/5\@mobileLarge {
    position: relative !important;
    right: 40% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/5\@mobileLarge {
    width: 60% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/5\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 60% !important;
  }
  .u-pull-3\/5\@mobileLarge {
    position: relative !important;
    right: 60% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/5\@mobileLarge {
    width: 80% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/5\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 80% !important;
  }
  .u-pull-4\/5\@mobileLarge {
    position: relative !important;
    right: 80% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/5\@mobileLarge {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/5\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-5\/5\@mobileLarge {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/6\@mobileLarge {
    width: 16.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/6\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 16.66667% !important;
  }
  .u-pull-1\/6\@mobileLarge {
    position: relative !important;
    right: 16.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/6\@mobileLarge {
    width: 33.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/6\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.33333% !important;
  }
  .u-pull-2\/6\@mobileLarge {
    position: relative !important;
    right: 33.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/6\@mobileLarge {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/6\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-3\/6\@mobileLarge {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/6\@mobileLarge {
    width: 66.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/6\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.66667% !important;
  }
  .u-pull-4\/6\@mobileLarge {
    position: relative !important;
    right: 66.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/6\@mobileLarge {
    width: 83.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/6\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 83.33333% !important;
  }
  .u-pull-5\/6\@mobileLarge {
    position: relative !important;
    right: 83.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/6\@mobileLarge {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/6\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-6\/6\@mobileLarge {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/7\@mobileLarge {
    width: 14.28571% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/7\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 14.28571% !important;
  }
  .u-pull-1\/7\@mobileLarge {
    position: relative !important;
    right: 14.28571% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/7\@mobileLarge {
    width: 28.57143% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/7\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 28.57143% !important;
  }
  .u-pull-2\/7\@mobileLarge {
    position: relative !important;
    right: 28.57143% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/7\@mobileLarge {
    width: 42.85714% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/7\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 42.85714% !important;
  }
  .u-pull-3\/7\@mobileLarge {
    position: relative !important;
    right: 42.85714% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/7\@mobileLarge {
    width: 57.14286% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/7\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 57.14286% !important;
  }
  .u-pull-4\/7\@mobileLarge {
    position: relative !important;
    right: 57.14286% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/7\@mobileLarge {
    width: 71.42857% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/7\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 71.42857% !important;
  }
  .u-pull-5\/7\@mobileLarge {
    position: relative !important;
    right: 71.42857% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/7\@mobileLarge {
    width: 85.71429% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/7\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 85.71429% !important;
  }
  .u-pull-6\/7\@mobileLarge {
    position: relative !important;
    right: 85.71429% !important;
    left: auto !important;
    /* [1] */
  }
  .u-7\/7\@mobileLarge {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-7\/7\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-7\/7\@mobileLarge {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/8\@mobileLarge {
    width: 12.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/8\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 12.5% !important;
  }
  .u-pull-1\/8\@mobileLarge {
    position: relative !important;
    right: 12.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/8\@mobileLarge {
    width: 25% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/8\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  .u-pull-2\/8\@mobileLarge {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/8\@mobileLarge {
    width: 37.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/8\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 37.5% !important;
  }
  .u-pull-3\/8\@mobileLarge {
    position: relative !important;
    right: 37.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/8\@mobileLarge {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/8\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-4\/8\@mobileLarge {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/8\@mobileLarge {
    width: 62.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/8\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 62.5% !important;
  }
  .u-pull-5\/8\@mobileLarge {
    position: relative !important;
    right: 62.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/8\@mobileLarge {
    width: 75% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/8\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  .u-pull-6\/8\@mobileLarge {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  .u-7\/8\@mobileLarge {
    width: 87.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-7\/8\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 87.5% !important;
  }
  .u-pull-7\/8\@mobileLarge {
    position: relative !important;
    right: 87.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-8\/8\@mobileLarge {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-8\/8\@mobileLarge {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-8\/8\@mobileLarge {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-push-none\@mobileLarge {
    left: auto !important;
  }
  .u-pull-none\@mobileLarge {
    right: auto !important;
  }
}

@media (min-width: 37.5em) {
  .u-1\/1\@mobileLandscape {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/1\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-1\/1\@mobileLandscape {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/2\@mobileLandscape {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/2\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-1\/2\@mobileLandscape {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/2\@mobileLandscape {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/2\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-2\/2\@mobileLandscape {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/3\@mobileLandscape {
    width: 33.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/3\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.33333% !important;
  }
  .u-pull-1\/3\@mobileLandscape {
    position: relative !important;
    right: 33.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/3\@mobileLandscape {
    width: 66.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/3\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.66667% !important;
  }
  .u-pull-2\/3\@mobileLandscape {
    position: relative !important;
    right: 66.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/3\@mobileLandscape {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/3\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-3\/3\@mobileLandscape {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/4\@mobileLandscape {
    width: 25% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/4\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  .u-pull-1\/4\@mobileLandscape {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/4\@mobileLandscape {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/4\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-2\/4\@mobileLandscape {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/4\@mobileLandscape {
    width: 75% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/4\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  .u-pull-3\/4\@mobileLandscape {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/4\@mobileLandscape {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/4\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-4\/4\@mobileLandscape {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/5\@mobileLandscape {
    width: 20% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/5\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 20% !important;
  }
  .u-pull-1\/5\@mobileLandscape {
    position: relative !important;
    right: 20% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/5\@mobileLandscape {
    width: 40% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/5\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 40% !important;
  }
  .u-pull-2\/5\@mobileLandscape {
    position: relative !important;
    right: 40% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/5\@mobileLandscape {
    width: 60% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/5\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 60% !important;
  }
  .u-pull-3\/5\@mobileLandscape {
    position: relative !important;
    right: 60% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/5\@mobileLandscape {
    width: 80% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/5\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 80% !important;
  }
  .u-pull-4\/5\@mobileLandscape {
    position: relative !important;
    right: 80% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/5\@mobileLandscape {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/5\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-5\/5\@mobileLandscape {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/6\@mobileLandscape {
    width: 16.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/6\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 16.66667% !important;
  }
  .u-pull-1\/6\@mobileLandscape {
    position: relative !important;
    right: 16.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/6\@mobileLandscape {
    width: 33.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/6\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.33333% !important;
  }
  .u-pull-2\/6\@mobileLandscape {
    position: relative !important;
    right: 33.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/6\@mobileLandscape {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/6\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-3\/6\@mobileLandscape {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/6\@mobileLandscape {
    width: 66.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/6\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.66667% !important;
  }
  .u-pull-4\/6\@mobileLandscape {
    position: relative !important;
    right: 66.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/6\@mobileLandscape {
    width: 83.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/6\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 83.33333% !important;
  }
  .u-pull-5\/6\@mobileLandscape {
    position: relative !important;
    right: 83.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/6\@mobileLandscape {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/6\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-6\/6\@mobileLandscape {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/7\@mobileLandscape {
    width: 14.28571% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/7\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 14.28571% !important;
  }
  .u-pull-1\/7\@mobileLandscape {
    position: relative !important;
    right: 14.28571% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/7\@mobileLandscape {
    width: 28.57143% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/7\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 28.57143% !important;
  }
  .u-pull-2\/7\@mobileLandscape {
    position: relative !important;
    right: 28.57143% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/7\@mobileLandscape {
    width: 42.85714% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/7\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 42.85714% !important;
  }
  .u-pull-3\/7\@mobileLandscape {
    position: relative !important;
    right: 42.85714% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/7\@mobileLandscape {
    width: 57.14286% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/7\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 57.14286% !important;
  }
  .u-pull-4\/7\@mobileLandscape {
    position: relative !important;
    right: 57.14286% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/7\@mobileLandscape {
    width: 71.42857% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/7\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 71.42857% !important;
  }
  .u-pull-5\/7\@mobileLandscape {
    position: relative !important;
    right: 71.42857% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/7\@mobileLandscape {
    width: 85.71429% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/7\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 85.71429% !important;
  }
  .u-pull-6\/7\@mobileLandscape {
    position: relative !important;
    right: 85.71429% !important;
    left: auto !important;
    /* [1] */
  }
  .u-7\/7\@mobileLandscape {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-7\/7\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-7\/7\@mobileLandscape {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/8\@mobileLandscape {
    width: 12.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/8\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 12.5% !important;
  }
  .u-pull-1\/8\@mobileLandscape {
    position: relative !important;
    right: 12.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/8\@mobileLandscape {
    width: 25% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/8\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  .u-pull-2\/8\@mobileLandscape {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/8\@mobileLandscape {
    width: 37.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/8\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 37.5% !important;
  }
  .u-pull-3\/8\@mobileLandscape {
    position: relative !important;
    right: 37.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/8\@mobileLandscape {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/8\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-4\/8\@mobileLandscape {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/8\@mobileLandscape {
    width: 62.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/8\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 62.5% !important;
  }
  .u-pull-5\/8\@mobileLandscape {
    position: relative !important;
    right: 62.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/8\@mobileLandscape {
    width: 75% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/8\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  .u-pull-6\/8\@mobileLandscape {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  .u-7\/8\@mobileLandscape {
    width: 87.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-7\/8\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 87.5% !important;
  }
  .u-pull-7\/8\@mobileLandscape {
    position: relative !important;
    right: 87.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-8\/8\@mobileLandscape {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-8\/8\@mobileLandscape {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-8\/8\@mobileLandscape {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-push-none\@mobileLandscape {
    left: auto !important;
  }
  .u-pull-none\@mobileLandscape {
    right: auto !important;
  }
}

@media (min-width: 48em) {
  .u-1\/1\@tablet {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/1\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-1\/1\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/2\@tablet {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/2\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-1\/2\@tablet {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/2\@tablet {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/2\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-2\/2\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/3\@tablet {
    width: 33.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/3\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.33333% !important;
  }
  .u-pull-1\/3\@tablet {
    position: relative !important;
    right: 33.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/3\@tablet {
    width: 66.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/3\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.66667% !important;
  }
  .u-pull-2\/3\@tablet {
    position: relative !important;
    right: 66.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/3\@tablet {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/3\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-3\/3\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/4\@tablet {
    width: 25% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/4\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  .u-pull-1\/4\@tablet {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/4\@tablet {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/4\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-2\/4\@tablet {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/4\@tablet {
    width: 75% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/4\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  .u-pull-3\/4\@tablet {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/4\@tablet {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/4\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-4\/4\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/5\@tablet {
    width: 20% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/5\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 20% !important;
  }
  .u-pull-1\/5\@tablet {
    position: relative !important;
    right: 20% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/5\@tablet {
    width: 40% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/5\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 40% !important;
  }
  .u-pull-2\/5\@tablet {
    position: relative !important;
    right: 40% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/5\@tablet {
    width: 60% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/5\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 60% !important;
  }
  .u-pull-3\/5\@tablet {
    position: relative !important;
    right: 60% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/5\@tablet {
    width: 80% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/5\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 80% !important;
  }
  .u-pull-4\/5\@tablet {
    position: relative !important;
    right: 80% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/5\@tablet {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/5\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-5\/5\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/6\@tablet {
    width: 16.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/6\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 16.66667% !important;
  }
  .u-pull-1\/6\@tablet {
    position: relative !important;
    right: 16.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/6\@tablet {
    width: 33.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/6\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.33333% !important;
  }
  .u-pull-2\/6\@tablet {
    position: relative !important;
    right: 33.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/6\@tablet {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/6\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-3\/6\@tablet {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/6\@tablet {
    width: 66.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/6\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.66667% !important;
  }
  .u-pull-4\/6\@tablet {
    position: relative !important;
    right: 66.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/6\@tablet {
    width: 83.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/6\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 83.33333% !important;
  }
  .u-pull-5\/6\@tablet {
    position: relative !important;
    right: 83.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/6\@tablet {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/6\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-6\/6\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/7\@tablet {
    width: 14.28571% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/7\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 14.28571% !important;
  }
  .u-pull-1\/7\@tablet {
    position: relative !important;
    right: 14.28571% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/7\@tablet {
    width: 28.57143% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/7\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 28.57143% !important;
  }
  .u-pull-2\/7\@tablet {
    position: relative !important;
    right: 28.57143% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/7\@tablet {
    width: 42.85714% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/7\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 42.85714% !important;
  }
  .u-pull-3\/7\@tablet {
    position: relative !important;
    right: 42.85714% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/7\@tablet {
    width: 57.14286% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/7\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 57.14286% !important;
  }
  .u-pull-4\/7\@tablet {
    position: relative !important;
    right: 57.14286% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/7\@tablet {
    width: 71.42857% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/7\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 71.42857% !important;
  }
  .u-pull-5\/7\@tablet {
    position: relative !important;
    right: 71.42857% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/7\@tablet {
    width: 85.71429% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/7\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 85.71429% !important;
  }
  .u-pull-6\/7\@tablet {
    position: relative !important;
    right: 85.71429% !important;
    left: auto !important;
    /* [1] */
  }
  .u-7\/7\@tablet {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-7\/7\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-7\/7\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/8\@tablet {
    width: 12.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/8\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 12.5% !important;
  }
  .u-pull-1\/8\@tablet {
    position: relative !important;
    right: 12.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/8\@tablet {
    width: 25% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/8\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  .u-pull-2\/8\@tablet {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/8\@tablet {
    width: 37.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/8\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 37.5% !important;
  }
  .u-pull-3\/8\@tablet {
    position: relative !important;
    right: 37.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/8\@tablet {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/8\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-4\/8\@tablet {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/8\@tablet {
    width: 62.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/8\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 62.5% !important;
  }
  .u-pull-5\/8\@tablet {
    position: relative !important;
    right: 62.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/8\@tablet {
    width: 75% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/8\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  .u-pull-6\/8\@tablet {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  .u-7\/8\@tablet {
    width: 87.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-7\/8\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 87.5% !important;
  }
  .u-pull-7\/8\@tablet {
    position: relative !important;
    right: 87.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-8\/8\@tablet {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-8\/8\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-8\/8\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-push-none\@tablet {
    left: auto !important;
  }
  .u-pull-none\@tablet {
    right: auto !important;
  }
}

@media (min-width: 62.5em) {
  .u-1\/1\@tabletWide {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/1\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-1\/1\@tabletWide {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/2\@tabletWide {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/2\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-1\/2\@tabletWide {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/2\@tabletWide {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/2\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-2\/2\@tabletWide {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/3\@tabletWide {
    width: 33.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/3\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.33333% !important;
  }
  .u-pull-1\/3\@tabletWide {
    position: relative !important;
    right: 33.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/3\@tabletWide {
    width: 66.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/3\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.66667% !important;
  }
  .u-pull-2\/3\@tabletWide {
    position: relative !important;
    right: 66.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/3\@tabletWide {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/3\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-3\/3\@tabletWide {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/4\@tabletWide {
    width: 25% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/4\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  .u-pull-1\/4\@tabletWide {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/4\@tabletWide {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/4\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-2\/4\@tabletWide {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/4\@tabletWide {
    width: 75% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/4\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  .u-pull-3\/4\@tabletWide {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/4\@tabletWide {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/4\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-4\/4\@tabletWide {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/5\@tabletWide {
    width: 20% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/5\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 20% !important;
  }
  .u-pull-1\/5\@tabletWide {
    position: relative !important;
    right: 20% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/5\@tabletWide {
    width: 40% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/5\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 40% !important;
  }
  .u-pull-2\/5\@tabletWide {
    position: relative !important;
    right: 40% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/5\@tabletWide {
    width: 60% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/5\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 60% !important;
  }
  .u-pull-3\/5\@tabletWide {
    position: relative !important;
    right: 60% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/5\@tabletWide {
    width: 80% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/5\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 80% !important;
  }
  .u-pull-4\/5\@tabletWide {
    position: relative !important;
    right: 80% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/5\@tabletWide {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/5\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-5\/5\@tabletWide {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/6\@tabletWide {
    width: 16.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/6\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 16.66667% !important;
  }
  .u-pull-1\/6\@tabletWide {
    position: relative !important;
    right: 16.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/6\@tabletWide {
    width: 33.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/6\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.33333% !important;
  }
  .u-pull-2\/6\@tabletWide {
    position: relative !important;
    right: 33.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/6\@tabletWide {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/6\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-3\/6\@tabletWide {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/6\@tabletWide {
    width: 66.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/6\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.66667% !important;
  }
  .u-pull-4\/6\@tabletWide {
    position: relative !important;
    right: 66.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/6\@tabletWide {
    width: 83.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/6\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 83.33333% !important;
  }
  .u-pull-5\/6\@tabletWide {
    position: relative !important;
    right: 83.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/6\@tabletWide {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/6\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-6\/6\@tabletWide {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/7\@tabletWide {
    width: 14.28571% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/7\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 14.28571% !important;
  }
  .u-pull-1\/7\@tabletWide {
    position: relative !important;
    right: 14.28571% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/7\@tabletWide {
    width: 28.57143% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/7\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 28.57143% !important;
  }
  .u-pull-2\/7\@tabletWide {
    position: relative !important;
    right: 28.57143% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/7\@tabletWide {
    width: 42.85714% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/7\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 42.85714% !important;
  }
  .u-pull-3\/7\@tabletWide {
    position: relative !important;
    right: 42.85714% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/7\@tabletWide {
    width: 57.14286% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/7\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 57.14286% !important;
  }
  .u-pull-4\/7\@tabletWide {
    position: relative !important;
    right: 57.14286% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/7\@tabletWide {
    width: 71.42857% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/7\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 71.42857% !important;
  }
  .u-pull-5\/7\@tabletWide {
    position: relative !important;
    right: 71.42857% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/7\@tabletWide {
    width: 85.71429% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/7\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 85.71429% !important;
  }
  .u-pull-6\/7\@tabletWide {
    position: relative !important;
    right: 85.71429% !important;
    left: auto !important;
    /* [1] */
  }
  .u-7\/7\@tabletWide {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-7\/7\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-7\/7\@tabletWide {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/8\@tabletWide {
    width: 12.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/8\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 12.5% !important;
  }
  .u-pull-1\/8\@tabletWide {
    position: relative !important;
    right: 12.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/8\@tabletWide {
    width: 25% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/8\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  .u-pull-2\/8\@tabletWide {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/8\@tabletWide {
    width: 37.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/8\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 37.5% !important;
  }
  .u-pull-3\/8\@tabletWide {
    position: relative !important;
    right: 37.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/8\@tabletWide {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/8\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-4\/8\@tabletWide {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/8\@tabletWide {
    width: 62.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/8\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 62.5% !important;
  }
  .u-pull-5\/8\@tabletWide {
    position: relative !important;
    right: 62.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/8\@tabletWide {
    width: 75% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/8\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  .u-pull-6\/8\@tabletWide {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  .u-7\/8\@tabletWide {
    width: 87.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-7\/8\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 87.5% !important;
  }
  .u-pull-7\/8\@tabletWide {
    position: relative !important;
    right: 87.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-8\/8\@tabletWide {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-8\/8\@tabletWide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-8\/8\@tabletWide {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-push-none\@tabletWide {
    left: auto !important;
  }
  .u-pull-none\@tabletWide {
    right: auto !important;
  }
}

@media (min-width: 80em) {
  .u-1\/1\@laptop {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/1\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-1\/1\@laptop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/2\@laptop {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/2\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-1\/2\@laptop {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/2\@laptop {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/2\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-2\/2\@laptop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/3\@laptop {
    width: 33.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/3\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.33333% !important;
  }
  .u-pull-1\/3\@laptop {
    position: relative !important;
    right: 33.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/3\@laptop {
    width: 66.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/3\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.66667% !important;
  }
  .u-pull-2\/3\@laptop {
    position: relative !important;
    right: 66.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/3\@laptop {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/3\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-3\/3\@laptop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/4\@laptop {
    width: 25% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/4\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  .u-pull-1\/4\@laptop {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/4\@laptop {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/4\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-2\/4\@laptop {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/4\@laptop {
    width: 75% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/4\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  .u-pull-3\/4\@laptop {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/4\@laptop {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/4\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-4\/4\@laptop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/5\@laptop {
    width: 20% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/5\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 20% !important;
  }
  .u-pull-1\/5\@laptop {
    position: relative !important;
    right: 20% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/5\@laptop {
    width: 40% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/5\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 40% !important;
  }
  .u-pull-2\/5\@laptop {
    position: relative !important;
    right: 40% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/5\@laptop {
    width: 60% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/5\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 60% !important;
  }
  .u-pull-3\/5\@laptop {
    position: relative !important;
    right: 60% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/5\@laptop {
    width: 80% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/5\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 80% !important;
  }
  .u-pull-4\/5\@laptop {
    position: relative !important;
    right: 80% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/5\@laptop {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/5\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-5\/5\@laptop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/6\@laptop {
    width: 16.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/6\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 16.66667% !important;
  }
  .u-pull-1\/6\@laptop {
    position: relative !important;
    right: 16.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/6\@laptop {
    width: 33.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/6\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.33333% !important;
  }
  .u-pull-2\/6\@laptop {
    position: relative !important;
    right: 33.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/6\@laptop {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/6\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-3\/6\@laptop {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/6\@laptop {
    width: 66.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/6\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.66667% !important;
  }
  .u-pull-4\/6\@laptop {
    position: relative !important;
    right: 66.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/6\@laptop {
    width: 83.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/6\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 83.33333% !important;
  }
  .u-pull-5\/6\@laptop {
    position: relative !important;
    right: 83.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/6\@laptop {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/6\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-6\/6\@laptop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/7\@laptop {
    width: 14.28571% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/7\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 14.28571% !important;
  }
  .u-pull-1\/7\@laptop {
    position: relative !important;
    right: 14.28571% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/7\@laptop {
    width: 28.57143% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/7\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 28.57143% !important;
  }
  .u-pull-2\/7\@laptop {
    position: relative !important;
    right: 28.57143% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/7\@laptop {
    width: 42.85714% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/7\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 42.85714% !important;
  }
  .u-pull-3\/7\@laptop {
    position: relative !important;
    right: 42.85714% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/7\@laptop {
    width: 57.14286% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/7\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 57.14286% !important;
  }
  .u-pull-4\/7\@laptop {
    position: relative !important;
    right: 57.14286% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/7\@laptop {
    width: 71.42857% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/7\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 71.42857% !important;
  }
  .u-pull-5\/7\@laptop {
    position: relative !important;
    right: 71.42857% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/7\@laptop {
    width: 85.71429% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/7\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 85.71429% !important;
  }
  .u-pull-6\/7\@laptop {
    position: relative !important;
    right: 85.71429% !important;
    left: auto !important;
    /* [1] */
  }
  .u-7\/7\@laptop {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-7\/7\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-7\/7\@laptop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/8\@laptop {
    width: 12.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/8\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 12.5% !important;
  }
  .u-pull-1\/8\@laptop {
    position: relative !important;
    right: 12.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/8\@laptop {
    width: 25% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/8\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  .u-pull-2\/8\@laptop {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/8\@laptop {
    width: 37.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/8\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 37.5% !important;
  }
  .u-pull-3\/8\@laptop {
    position: relative !important;
    right: 37.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/8\@laptop {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/8\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-4\/8\@laptop {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/8\@laptop {
    width: 62.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/8\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 62.5% !important;
  }
  .u-pull-5\/8\@laptop {
    position: relative !important;
    right: 62.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/8\@laptop {
    width: 75% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/8\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  .u-pull-6\/8\@laptop {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  .u-7\/8\@laptop {
    width: 87.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-7\/8\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 87.5% !important;
  }
  .u-pull-7\/8\@laptop {
    position: relative !important;
    right: 87.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-8\/8\@laptop {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-8\/8\@laptop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-8\/8\@laptop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-push-none\@laptop {
    left: auto !important;
  }
  .u-pull-none\@laptop {
    right: auto !important;
  }
}

@media (min-width: 90em) {
  .u-1\/1\@desktop {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/1\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-1\/1\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/2\@desktop {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/2\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-1\/2\@desktop {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/2\@desktop {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/2\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-2\/2\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/3\@desktop {
    width: 33.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/3\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.33333% !important;
  }
  .u-pull-1\/3\@desktop {
    position: relative !important;
    right: 33.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/3\@desktop {
    width: 66.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/3\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.66667% !important;
  }
  .u-pull-2\/3\@desktop {
    position: relative !important;
    right: 66.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/3\@desktop {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/3\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-3\/3\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/4\@desktop {
    width: 25% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/4\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  .u-pull-1\/4\@desktop {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/4\@desktop {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/4\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-2\/4\@desktop {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/4\@desktop {
    width: 75% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/4\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  .u-pull-3\/4\@desktop {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/4\@desktop {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/4\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-4\/4\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/5\@desktop {
    width: 20% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/5\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 20% !important;
  }
  .u-pull-1\/5\@desktop {
    position: relative !important;
    right: 20% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/5\@desktop {
    width: 40% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/5\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 40% !important;
  }
  .u-pull-2\/5\@desktop {
    position: relative !important;
    right: 40% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/5\@desktop {
    width: 60% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/5\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 60% !important;
  }
  .u-pull-3\/5\@desktop {
    position: relative !important;
    right: 60% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/5\@desktop {
    width: 80% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/5\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 80% !important;
  }
  .u-pull-4\/5\@desktop {
    position: relative !important;
    right: 80% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/5\@desktop {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/5\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-5\/5\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/6\@desktop {
    width: 16.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/6\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 16.66667% !important;
  }
  .u-pull-1\/6\@desktop {
    position: relative !important;
    right: 16.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/6\@desktop {
    width: 33.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/6\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.33333% !important;
  }
  .u-pull-2\/6\@desktop {
    position: relative !important;
    right: 33.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/6\@desktop {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/6\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-3\/6\@desktop {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/6\@desktop {
    width: 66.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/6\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.66667% !important;
  }
  .u-pull-4\/6\@desktop {
    position: relative !important;
    right: 66.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/6\@desktop {
    width: 83.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/6\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 83.33333% !important;
  }
  .u-pull-5\/6\@desktop {
    position: relative !important;
    right: 83.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/6\@desktop {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/6\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-6\/6\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/7\@desktop {
    width: 14.28571% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/7\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 14.28571% !important;
  }
  .u-pull-1\/7\@desktop {
    position: relative !important;
    right: 14.28571% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/7\@desktop {
    width: 28.57143% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/7\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 28.57143% !important;
  }
  .u-pull-2\/7\@desktop {
    position: relative !important;
    right: 28.57143% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/7\@desktop {
    width: 42.85714% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/7\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 42.85714% !important;
  }
  .u-pull-3\/7\@desktop {
    position: relative !important;
    right: 42.85714% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/7\@desktop {
    width: 57.14286% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/7\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 57.14286% !important;
  }
  .u-pull-4\/7\@desktop {
    position: relative !important;
    right: 57.14286% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/7\@desktop {
    width: 71.42857% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/7\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 71.42857% !important;
  }
  .u-pull-5\/7\@desktop {
    position: relative !important;
    right: 71.42857% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/7\@desktop {
    width: 85.71429% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/7\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 85.71429% !important;
  }
  .u-pull-6\/7\@desktop {
    position: relative !important;
    right: 85.71429% !important;
    left: auto !important;
    /* [1] */
  }
  .u-7\/7\@desktop {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-7\/7\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-7\/7\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/8\@desktop {
    width: 12.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/8\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 12.5% !important;
  }
  .u-pull-1\/8\@desktop {
    position: relative !important;
    right: 12.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/8\@desktop {
    width: 25% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/8\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  .u-pull-2\/8\@desktop {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/8\@desktop {
    width: 37.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/8\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 37.5% !important;
  }
  .u-pull-3\/8\@desktop {
    position: relative !important;
    right: 37.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/8\@desktop {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/8\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-4\/8\@desktop {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/8\@desktop {
    width: 62.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/8\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 62.5% !important;
  }
  .u-pull-5\/8\@desktop {
    position: relative !important;
    right: 62.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/8\@desktop {
    width: 75% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/8\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  .u-pull-6\/8\@desktop {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  .u-7\/8\@desktop {
    width: 87.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-7\/8\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 87.5% !important;
  }
  .u-pull-7\/8\@desktop {
    position: relative !important;
    right: 87.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-8\/8\@desktop {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-8\/8\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-8\/8\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-push-none\@desktop {
    left: auto !important;
  }
  .u-pull-none\@desktop {
    right: auto !important;
  }
}

@media (min-width: 100em) {
  .u-1\/1\@wideScreen {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/1\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-1\/1\@wideScreen {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/2\@wideScreen {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/2\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-1\/2\@wideScreen {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/2\@wideScreen {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/2\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-2\/2\@wideScreen {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/3\@wideScreen {
    width: 33.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/3\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.33333% !important;
  }
  .u-pull-1\/3\@wideScreen {
    position: relative !important;
    right: 33.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/3\@wideScreen {
    width: 66.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/3\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.66667% !important;
  }
  .u-pull-2\/3\@wideScreen {
    position: relative !important;
    right: 66.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/3\@wideScreen {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/3\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-3\/3\@wideScreen {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/4\@wideScreen {
    width: 25% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/4\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  .u-pull-1\/4\@wideScreen {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/4\@wideScreen {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/4\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-2\/4\@wideScreen {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/4\@wideScreen {
    width: 75% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/4\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  .u-pull-3\/4\@wideScreen {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/4\@wideScreen {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/4\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-4\/4\@wideScreen {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/5\@wideScreen {
    width: 20% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/5\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 20% !important;
  }
  .u-pull-1\/5\@wideScreen {
    position: relative !important;
    right: 20% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/5\@wideScreen {
    width: 40% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/5\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 40% !important;
  }
  .u-pull-2\/5\@wideScreen {
    position: relative !important;
    right: 40% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/5\@wideScreen {
    width: 60% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/5\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 60% !important;
  }
  .u-pull-3\/5\@wideScreen {
    position: relative !important;
    right: 60% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/5\@wideScreen {
    width: 80% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/5\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 80% !important;
  }
  .u-pull-4\/5\@wideScreen {
    position: relative !important;
    right: 80% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/5\@wideScreen {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/5\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-5\/5\@wideScreen {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/6\@wideScreen {
    width: 16.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/6\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 16.66667% !important;
  }
  .u-pull-1\/6\@wideScreen {
    position: relative !important;
    right: 16.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/6\@wideScreen {
    width: 33.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/6\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.33333% !important;
  }
  .u-pull-2\/6\@wideScreen {
    position: relative !important;
    right: 33.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/6\@wideScreen {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/6\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-3\/6\@wideScreen {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/6\@wideScreen {
    width: 66.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/6\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.66667% !important;
  }
  .u-pull-4\/6\@wideScreen {
    position: relative !important;
    right: 66.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/6\@wideScreen {
    width: 83.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/6\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 83.33333% !important;
  }
  .u-pull-5\/6\@wideScreen {
    position: relative !important;
    right: 83.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/6\@wideScreen {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/6\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-6\/6\@wideScreen {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/7\@wideScreen {
    width: 14.28571% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/7\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 14.28571% !important;
  }
  .u-pull-1\/7\@wideScreen {
    position: relative !important;
    right: 14.28571% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/7\@wideScreen {
    width: 28.57143% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/7\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 28.57143% !important;
  }
  .u-pull-2\/7\@wideScreen {
    position: relative !important;
    right: 28.57143% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/7\@wideScreen {
    width: 42.85714% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/7\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 42.85714% !important;
  }
  .u-pull-3\/7\@wideScreen {
    position: relative !important;
    right: 42.85714% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/7\@wideScreen {
    width: 57.14286% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/7\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 57.14286% !important;
  }
  .u-pull-4\/7\@wideScreen {
    position: relative !important;
    right: 57.14286% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/7\@wideScreen {
    width: 71.42857% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/7\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 71.42857% !important;
  }
  .u-pull-5\/7\@wideScreen {
    position: relative !important;
    right: 71.42857% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/7\@wideScreen {
    width: 85.71429% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/7\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 85.71429% !important;
  }
  .u-pull-6\/7\@wideScreen {
    position: relative !important;
    right: 85.71429% !important;
    left: auto !important;
    /* [1] */
  }
  .u-7\/7\@wideScreen {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-7\/7\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-7\/7\@wideScreen {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/8\@wideScreen {
    width: 12.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/8\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 12.5% !important;
  }
  .u-pull-1\/8\@wideScreen {
    position: relative !important;
    right: 12.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/8\@wideScreen {
    width: 25% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/8\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  .u-pull-2\/8\@wideScreen {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/8\@wideScreen {
    width: 37.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/8\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 37.5% !important;
  }
  .u-pull-3\/8\@wideScreen {
    position: relative !important;
    right: 37.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/8\@wideScreen {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/8\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-4\/8\@wideScreen {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/8\@wideScreen {
    width: 62.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/8\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 62.5% !important;
  }
  .u-pull-5\/8\@wideScreen {
    position: relative !important;
    right: 62.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/8\@wideScreen {
    width: 75% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/8\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  .u-pull-6\/8\@wideScreen {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  .u-7\/8\@wideScreen {
    width: 87.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-7\/8\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 87.5% !important;
  }
  .u-pull-7\/8\@wideScreen {
    position: relative !important;
    right: 87.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-8\/8\@wideScreen {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-8\/8\@wideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-8\/8\@wideScreen {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-push-none\@wideScreen {
    left: auto !important;
  }
  .u-pull-none\@wideScreen {
    right: auto !important;
  }
}

@media (min-width: 118.75em) {
  .u-1\/1\@extraWideScreen {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/1\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-1\/1\@extraWideScreen {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/2\@extraWideScreen {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/2\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-1\/2\@extraWideScreen {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/2\@extraWideScreen {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/2\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-2\/2\@extraWideScreen {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/3\@extraWideScreen {
    width: 33.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/3\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.33333% !important;
  }
  .u-pull-1\/3\@extraWideScreen {
    position: relative !important;
    right: 33.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/3\@extraWideScreen {
    width: 66.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/3\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.66667% !important;
  }
  .u-pull-2\/3\@extraWideScreen {
    position: relative !important;
    right: 66.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/3\@extraWideScreen {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/3\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-3\/3\@extraWideScreen {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/4\@extraWideScreen {
    width: 25% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/4\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  .u-pull-1\/4\@extraWideScreen {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/4\@extraWideScreen {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/4\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-2\/4\@extraWideScreen {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/4\@extraWideScreen {
    width: 75% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/4\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  .u-pull-3\/4\@extraWideScreen {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/4\@extraWideScreen {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/4\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-4\/4\@extraWideScreen {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/5\@extraWideScreen {
    width: 20% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/5\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 20% !important;
  }
  .u-pull-1\/5\@extraWideScreen {
    position: relative !important;
    right: 20% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/5\@extraWideScreen {
    width: 40% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/5\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 40% !important;
  }
  .u-pull-2\/5\@extraWideScreen {
    position: relative !important;
    right: 40% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/5\@extraWideScreen {
    width: 60% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/5\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 60% !important;
  }
  .u-pull-3\/5\@extraWideScreen {
    position: relative !important;
    right: 60% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/5\@extraWideScreen {
    width: 80% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/5\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 80% !important;
  }
  .u-pull-4\/5\@extraWideScreen {
    position: relative !important;
    right: 80% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/5\@extraWideScreen {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/5\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-5\/5\@extraWideScreen {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/6\@extraWideScreen {
    width: 16.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/6\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 16.66667% !important;
  }
  .u-pull-1\/6\@extraWideScreen {
    position: relative !important;
    right: 16.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/6\@extraWideScreen {
    width: 33.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/6\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.33333% !important;
  }
  .u-pull-2\/6\@extraWideScreen {
    position: relative !important;
    right: 33.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/6\@extraWideScreen {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/6\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-3\/6\@extraWideScreen {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/6\@extraWideScreen {
    width: 66.66667% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/6\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.66667% !important;
  }
  .u-pull-4\/6\@extraWideScreen {
    position: relative !important;
    right: 66.66667% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/6\@extraWideScreen {
    width: 83.33333% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/6\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 83.33333% !important;
  }
  .u-pull-5\/6\@extraWideScreen {
    position: relative !important;
    right: 83.33333% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/6\@extraWideScreen {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/6\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-6\/6\@extraWideScreen {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/7\@extraWideScreen {
    width: 14.28571% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/7\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 14.28571% !important;
  }
  .u-pull-1\/7\@extraWideScreen {
    position: relative !important;
    right: 14.28571% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/7\@extraWideScreen {
    width: 28.57143% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/7\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 28.57143% !important;
  }
  .u-pull-2\/7\@extraWideScreen {
    position: relative !important;
    right: 28.57143% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/7\@extraWideScreen {
    width: 42.85714% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/7\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 42.85714% !important;
  }
  .u-pull-3\/7\@extraWideScreen {
    position: relative !important;
    right: 42.85714% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/7\@extraWideScreen {
    width: 57.14286% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/7\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 57.14286% !important;
  }
  .u-pull-4\/7\@extraWideScreen {
    position: relative !important;
    right: 57.14286% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/7\@extraWideScreen {
    width: 71.42857% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/7\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 71.42857% !important;
  }
  .u-pull-5\/7\@extraWideScreen {
    position: relative !important;
    right: 71.42857% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/7\@extraWideScreen {
    width: 85.71429% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/7\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 85.71429% !important;
  }
  .u-pull-6\/7\@extraWideScreen {
    position: relative !important;
    right: 85.71429% !important;
    left: auto !important;
    /* [1] */
  }
  .u-7\/7\@extraWideScreen {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-7\/7\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-7\/7\@extraWideScreen {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-1\/8\@extraWideScreen {
    width: 12.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-1\/8\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 12.5% !important;
  }
  .u-pull-1\/8\@extraWideScreen {
    position: relative !important;
    right: 12.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-2\/8\@extraWideScreen {
    width: 25% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-2\/8\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  .u-pull-2\/8\@extraWideScreen {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  .u-3\/8\@extraWideScreen {
    width: 37.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-3\/8\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 37.5% !important;
  }
  .u-pull-3\/8\@extraWideScreen {
    position: relative !important;
    right: 37.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-4\/8\@extraWideScreen {
    width: 50% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-4\/8\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  .u-pull-4\/8\@extraWideScreen {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  .u-5\/8\@extraWideScreen {
    width: 62.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-5\/8\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 62.5% !important;
  }
  .u-pull-5\/8\@extraWideScreen {
    position: relative !important;
    right: 62.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-6\/8\@extraWideScreen {
    width: 75% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-6\/8\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  .u-pull-6\/8\@extraWideScreen {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  .u-7\/8\@extraWideScreen {
    width: 87.5% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-7\/8\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 87.5% !important;
  }
  .u-pull-7\/8\@extraWideScreen {
    position: relative !important;
    right: 87.5% !important;
    left: auto !important;
    /* [1] */
  }
  .u-8\/8\@extraWideScreen {
    width: 100% !important;
  }
  /**
         * 1. Reset any leftover or conflicting `left`/`right` values.
         */
  .u-push-8\/8\@extraWideScreen {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  .u-pull-8\/8\@extraWideScreen {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  .u-push-none\@extraWideScreen {
    left: auto !important;
  }
  .u-pull-none\@extraWideScreen {
    right: auto !important;
  }
}

.u-skip {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  top: -10px;
  z-index: -999;
}

.u-skip:hover, .u-skip:active, .u-skip:focus {
  width: auto;
  height: auto;
  display: inline-block;
  top: 12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 999;
}

.animate {
  opacity: 0;
}

.animated {
  opacity: 1;
  -webkit-animation: fadeInUp 1.25s;
          animation: fadeInUp 1.25s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.pre-animate {
  opacity: 0;
}

.visible {
  opacity: 1 !important;
}

.animate-delay-0 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.animate-delay-1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.animate-delay-2 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.animate-delay-3 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.animate-delay-4 {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.animate-delay-5 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.animate-delay-6 {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

.animate-delay-7 {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}

.animate-delay-8 {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}

.animate-delay-9 {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
}

@keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.clearfix:after {
  content: "" !important;
  display: block !important;
  clear: both !important;
}

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

.screen-reader-text:focus {
  top: 5px;
  left: 5px;
  z-index: 100000;
  display: block;
  width: auto;
  height: auto;
  padding: 15px 23px 14px;
  border-radius: 3px;
  clip: auto !important;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: normal;
  color: #21759b;
  text-decoration: none;
  background-color: #f1f1f1;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
}

@media (max-width: 47.99em) {
  .emptyP {
    display: none;
  }
}

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

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

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

.pt-t {
  padding-top: 24px;
}

.pt-s {
  padding-top: 24px;
}

@media (min-width: 48em) {
  .pt-s {
    padding-top: 48px;
  }
}

.pt-m {
  padding-top: 24px;
}

@media (min-width: 48em) {
  .pt-m {
    padding-top: 72px;
  }
}

.pt-l {
  padding-top: 90px;
}

@media (min-width: 48em) {
  .pt-l {
    padding-top: 128px;
  }
}

.pt-0 {
  padding-top: 1px;
}

.pb-t {
  padding-bottom: 1px;
}

@media (min-width: 48em) {
  .pb-t {
    padding-bottom: 24px;
  }
}

.pb-s {
  padding-bottom: 1px;
}

@media (min-width: 48em) {
  .pb-s {
    padding-bottom: 48px;
  }
}

.pb-m {
  padding-bottom: 1px;
}

@media (min-width: 48em) {
  .pb-m {
    padding-bottom: 72px;
  }
}

.pb-l {
  padding-bottom: 1px;
}

@media (min-width: 48em) {
  .pb-l {
    padding-bottom: 128px;
  }
}

.pb-0 {
  padding-bottom: 1px;
}

.pd.pb-m {
  padding-bottom: 36px;
}

@media (min-width: 48em) {
  .pd.pb-m {
    padding-bottom: 80px;
  }
}

.pd.pb-m .wysiwig-editor p {
  margin-bottom: 24px;
}

.pd.pb-m .wysiwig-editor p:last-of-type:not(:only-of-type) {
  margin-bottom: 0;
}

.mt-s {
  margin-top: 30px;
}

.mt-l {
  margin-top: 50px;
}

@media (min-width: 48em) {
  .mt-l {
    margin-top: 70px;
  }
}

.mb-s {
  margin-bottom: 30px;
}

.mb-l {
  margin-bottom: 50px;
}

@media (min-width: 48em) {
  .mb-l {
    margin-bottom: 70px;
  }
}

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

strong,
b {
  font-weight: 700;
}

html {
  margin-top: 0 !important;
  scroll-behavior: smooth;
  overflow: visible;
}

html #wpadminbar {
  width: 33px;
  min-width: 1px;
  overflow: hidden;
  -webkit-transition: 0.4s width;
  -o-transition: 0.4s width;
  transition: 0.4s width;
  -webkit-transition-delay: 3s;
       -o-transition-delay: 3s;
          transition-delay: 3s;
}

html #wpadminbar:hover {
  width: 100%;
  overflow: visible;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

@media (min-width: 48em) {
  .mobile-only {
    display: none;
  }
}

@media (max-width: 47.99em) {
  .desktop-only {
    display: none  !important;
  }
}

mark {
  color: #99cc33;
  background-color: transparent;
}

blockquote {
  border-left: 2px solid #ff6633;
  padding-left: 20px;
  font-style: italic;
}

blockquote p {
  font-style: italic;
}

.global-padding {
  padding: 112px 0;
}

.global-padding.pt-half {
  padding-top: 64px;
}

.global-padding.pb-half {
  padding-bottom: 64px;
}

.global-padding.pt-no {
  padding-top: 0;
}

.global-padding.pb-no {
  padding-bottom: 0;
}

@media (max-width: 47.99em) {
  .global-padding {
    padding: 48px 0;
  }
  .global-padding.pt-half {
    padding-top: 24px;
  }
  .global-padding.pb-half {
    padding-bottom: 24px;
  }
}

.c-svgicon--logo {
  width: 197px;
  height: 34px;
}

.alignleft,
.alignright,
.aligncenter,
.alignnone {
  display: block;
  overflow: hidden;
  height: auto;
  margin-bottom: 1.5em;
  background: color("white");
  border-radius: 3px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

.alignleft img,
.alignright img,
.aligncenter img,
.alignnone img {
  display: block;
  height: auto;
}

.size-full,
.alignnone img {
  width: 100%;
}

.alignleft {
  width: 100%;
  margin-bottom: 0.75em;
}

@media (min-width: 48em) {
  .alignleft {
    width: 40%;
    max-width: 40%;
    float: left;
    clear: left;
    margin-right: 1.5em;
  }
}

.alignleft img {
  display: block;
}

.alignright {
  width: 100%;
  margin-bottom: 0.75em;
}

@media (min-width: 48em) {
  .alignright {
    float: right;
    width: 40%;
    max-width: 40%;
    clear: right;
    margin-left: 1.5em;
  }
}

.aligncenter {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.alignnone {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.wp-caption-text {
  margin: 6px 12px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
  font-style: italic;
  text-align: center;
}

.grid {
  display: grid;
  gap: 36px 24px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 48em) {
  .grid {
    gap: 48px 24px;
  }
}

.grid.no-gap {
  gap: 0;
}

.grid > * {
  width: 100%;
}

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

@media (min-width: 48em) {
  .grid.col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 30em) {
  .grid.col-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 48em) {
  .grid.col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 30em) {
  .grid.col-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 48em) {
  .grid.col-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 80em) {
  .grid.col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.grid.col-5 {
  grid-template-columns: 1fr 1fr;
}

@media (min-width: 37.5em) {
  .grid.col-5 {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 48em) {
  .grid.col-5 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 80em) {
  .grid.col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

:root {
  --flex-gap-y: 36px;
  --flex-gap-x: 24px;
}

@media (min-width: 48em) {
  :root {
    --flex-gap-y: 48px;
  }
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--flex-gap-y) var(--flex-gap-x);
}

.flex.no-gap {
  gap: 0;
}

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

.flex > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 100%;
}

@media (min-width: 48em) {
  .flex.col-2 > * {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc((100% - var(--flex-gap-x)) / 2);
            flex: 0 1 calc((100% - var(--flex-gap-x)) / 2);
  }
}

@media (min-width: 30em) {
  .flex.col-3 > * {
    -ms-flex-preferred-size: calc((100% - calc(var(--flex-gap-x) * 1)) / 2);
        flex-basis: calc((100% - calc(var(--flex-gap-x) * 1)) / 2);
    max-width: calc((100% - calc(var(--flex-gap-x) * 1)) / 2);
  }
}

@media (min-width: 48em) {
  .flex.col-3 > * {
    -ms-flex-preferred-size: calc((100% - calc(var(--flex-gap-x) * 2)) / 3);
        flex-basis: calc((100% - calc(var(--flex-gap-x) * 2)) / 3);
    max-width: calc((100% - calc(var(--flex-gap-x) * 2)) / 3);
  }
}

@media (min-width: 37.5em) {
  .flex.col-4 > * {
    -ms-flex-preferred-size: calc((100% - calc(var(--flex-gap-x) * 1)) / 2);
        flex-basis: calc((100% - calc(var(--flex-gap-x) * 1)) / 2);
    max-width: calc((100% - calc(var(--flex-gap-x) * 1)) / 2);
  }
}

@media (min-width: 48em) {
  .flex.col-4 > * {
    -ms-flex-preferred-size: calc((100% - calc(var(--flex-gap-x) * 2)) / 3);
        flex-basis: calc((100% - calc(var(--flex-gap-x) * 2)) / 3);
    max-width: calc((100% - calc(var(--flex-gap-x) * 2)) / 3);
  }
}

@media (min-width: 80em) {
  .flex.col-4 > * {
    -ms-flex-preferred-size: calc((100% - calc(var(--flex-gap-x) * 3)) / 4);
        flex-basis: calc((100% - calc(var(--flex-gap-x) * 3)) / 4);
    max-width: calc((100% - calc(var(--flex-gap-x) * 3)) / 4);
  }
}

.flex.col-5 > * {
  -ms-flex-preferred-size: calc((100% - calc(var(--flex-gap-x) * 1)) / 2);
      flex-basis: calc((100% - calc(var(--flex-gap-x) * 1)) / 2);
  max-width: calc((100% - calc(var(--flex-gap-x) * 1)) / 2);
}

@media (min-width: 37.5em) {
  .flex.col-5 > * {
    -ms-flex-preferred-size: calc((100% - calc(var(--flex-gap-x) * 2)) / 3);
        flex-basis: calc((100% - calc(var(--flex-gap-x) * 2)) / 3);
    max-width: calc((100% - calc(var(--flex-gap-x) * 2)) / 3);
  }
}

@media (min-width: 48em) {
  .flex.col-5 > * {
    -ms-flex-preferred-size: calc((100% - calc(var(--flex-gap-x) * 3)) / 4);
        flex-basis: calc((100% - calc(var(--flex-gap-x) * 3)) / 4);
    max-width: calc((100% - calc(var(--flex-gap-x) * 3)) / 4);
  }
}

@media (min-width: 80em) {
  .flex.col-5 > * {
    -ms-flex-preferred-size: calc((100% - calc(var(--flex-gap-x) * 4)) / 5);
        flex-basis: calc((100% - calc(var(--flex-gap-x) * 4)) / 5);
    max-width: calc((100% - calc(var(--flex-gap-x) * 4)) / 5);
  }
}

.c-color-row {
  height: 8px;
  background: -webkit-gradient(linear, left top, right top, from(#66ccff), color-stop(25%, #66ccff), color-stop(25%, #99cc33), color-stop(50%, #99cc33), color-stop(50%, #6a747f), color-stop(75%, #6a747f), color-stop(75%, #ff6633), to(#ff6633));
  background: -o-linear-gradient(left, #66ccff 0%, #66ccff 25%, #99cc33 25%, #99cc33 50%, #6a747f 50%, #6a747f 75%, #ff6633 75%, #ff6633 100%);
  background: linear-gradient(90deg, #66ccff 0%, #66ccff 25%, #99cc33 25%, #99cc33 50%, #6a747f 50%, #6a747f 75%, #ff6633 75%, #ff6633 100%);
  width: 100%;
  margin: 0 auto;
}

.c-404-page {
  padding: 120px 0;
  text-align: center;
}

.c-footer {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  padding: 80px 0 42px;
  background-color: #021d30;
}

@media (max-width: 47.99em) {
  .c-footer {
    padding: 48px 0 24px;
  }
}

.c-footer .o-wrapper, .c-footer .testimonials.static-testimonials .testimonials__wrapper, .testimonials.static-testimonials .c-footer .testimonials__wrapper {
  padding: 0 24px;
}

.c-footer a {
  text-decoration: none;
}

.c-footer a:hover {
  text-decoration: none;
}

.c-footer__color {
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(#66ccff), color-stop(25%, #66ccff), color-stop(25%, #99cc33), color-stop(50%, #99cc33), color-stop(50%, #6a747f), color-stop(75%, #6a747f), color-stop(75%, #ff6633), to(#ff6633));
  background: -o-linear-gradient(left, #66ccff 0%, #66ccff 25%, #99cc33 25%, #99cc33 50%, #6a747f 50%, #6a747f 75%, #ff6633 75%, #ff6633 100%);
  background: linear-gradient(90deg, #66ccff 0%, #66ccff 25%, #99cc33 25%, #99cc33 50%, #6a747f 50%, #6a747f 75%, #ff6633 75%, #ff6633 100%);
  width: 100%;
}

.c-footer__subscribe {
  padding: 80px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  width: 100%;
}

@media (max-width: 62.49em) {
  .c-footer__subscribe {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 40px 0 26px;
  }
}

.c-footer__subscribe h3 {
  color: #e0dbc8;
  margin: 0;
}

@media (min-width: 62.5em) {
  .c-footer__subscribe h3 {
    max-width: 467px;
  }
}

@media (max-width: 62.49em) {
  .c-footer__subscribe h3 {
    text-align: center;
  }
}

.c-footer__subscribe form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 1rem;
}

.c-footer__subscribe form .hidden-fields-container {
  display: none;
}

@media (max-width: 47.99em) {
  .c-footer__subscribe form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-footer__subscribe form div {
    width: 100%;
  }
  .c-footer__subscribe form .wpcf7-submit {
    margin-top: 36px;
  }
}

.c-footer .social_icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.c-footer .social_icons svg {
  width: 24px;
  height: 24px;
}

.c-footer__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding-bottom: 20px;
  position: relative;
}

.c-footer__main-left {
  width: 44%;
}

.c-footer__main-left .cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  margin-top: 10px;
}

.c-footer__main-left .cta a {
  font-weight: 500;
}

.c-footer__main-right {
  width: 56%;
}

@media (max-width: 62.49em) {
  .c-footer__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 40px;
    padding-bottom: 0;
  }
  .c-footer__main > div {
    width: 100%;
  }
}

.c-footer__main .social_icons {
  color: #ffffff;
}

.c-footer__main .cta {
  color: #ffffff !important;
}

.c-footer__main .js-newsletter-trigger {
  margin-top: 16px;
}

.c-footer__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #ffffff;
}

@media (max-width: 62.49em) {
  .c-footer__menu {
    gap: 16px;
  }
}

@media (max-width: 47.99em) {
  .c-footer__menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 16px;
  }
}

.c-footer__menu a:after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  -webkit-transition: width 0.25s;
  -o-transition: width 0.25s;
  transition: width 0.25s;
  position: relative;
  background-color: white;
}

.c-footer__menu a:hover:after {
  width: 100%;
}

.c-footer__menu .c-footer__menu1 {
  width: 33%;
}

@media (max-width: 47.99em) {
  .c-footer__menu .c-footer__menu1 {
    width: 100%;
  }
}

.c-footer__menu .c-footer__menu2 {
  width: 66%;
}

@media (max-width: 47.99em) {
  .c-footer__menu .c-footer__menu2 {
    width: 100%;
  }
}

.c-footer__menu .c-footer__menu2 .sub-menu {
  display: block;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}

@media (max-width: 47.99em) {
  .c-footer__menu .c-footer__menu2 .sub-menu {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}

.c-footer__menu ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: 300;
  margin: 0;
}

@media (max-width: 47.99em) {
  .c-footer__menu ul .menu-item-has-children:before {
    content: "";
    background-image: url("../img/chevron.svg");
    width: 24px;
    height: 24px;
    background-size: cover;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .c-footer__menu ul .menu-item-has-children.active::before {
    rotate: 180deg;
  }
}

.c-footer__menu ul .menu-item-has-children > a {
  font-weight: 600;
  margin-bottom: 16px;
  display: inline-block;
}

@media (max-width: 47.99em) {
  .c-footer__menu ul .menu-item-has-children > a {
    margin-bottom: 0;
  }
}

@media (max-width: 47.99em) {
  .c-footer__menu ul .menu-item-has-children ul.sub-menu {
    display: none;
  }
}

.c-footer__menu ul .menu-item-has-children ul.sub-menu a {
  padding: 8px 0;
  display: inline-block;
}

.c-footer__wrap {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-footer__logo img {
  width: 100%;
  max-width: 255px;
}

.c-footer__logo a {
  display: inline-block;
}

.c-footer__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 36px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-footer__title {
  text-transform: uppercase;
  color: white;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 4px;
}

.c-footer__details {
  font-size: 12px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 36px;
}

.c-footer__details p {
  margin-bottom: 0;
}

.c-footer__details p a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-footer__details p a svg {
  width: 20px;
}

.c-footer__details svg {
  width: 24px;
}

.c-footer__suburbs {
  margin: 0 0 0 auto;
}

@media (min-width: 48em) {
  .c-footer__suburbs {
    width: 56%;
  }
}

.c-footer__suburbs--title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  color: white;
  max-width: 230px;
  margin-right: 0;
  margin: 12px 0 40px auto;
  font-weight: 600;
  cursor: pointer;
}

@media (max-width: 47.99em) {
  .c-footer__suburbs--title {
    max-width: initial;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.c-footer__suburbs--title svg {
  width: 24px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #ff6633;
}

.active .c-footer__suburbs--title svg {
  rotate: 180deg;
}

.c-footer__suburbs--content {
  display: none;
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
}

.c-footer__suburbs--content * {
  color: white;
}

.c-footer__suburbs--content p {
  font-size: 16px !important;
  font-weight: 300;
}

.c-footer hr {
  margin: 52px 0 32px 0;
  border-color: #113B4B;
}

@media (max-width: 47.99em) {
  .c-footer hr {
    margin: 12px 0 32px 0;
  }
}

.c-footer__copy {
  color: white;
  font-weight: 500;
  font-size: 12px;
}

@media (max-width: 47.99em) {
  .c-footer__copy {
    text-align: center;
  }
}

.c-footer__copy .copyright {
  color: #6a747f;
}

.c-footer__copy .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

@media (max-width: 47.99em) {
  .c-footer__copy .links {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.c-footer__copy > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
}

.c-footer__copy > div:after {
  content: none !important;
}

@media (max-width: 47.99em) {
  .c-footer__copy > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.c-footer__copy p {
  margin-bottom: 0;
  font-size: 14px;
}

.c-footer__copy p a {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  color: white;
}

.c-footer__copy p a:hover {
  text-decoration: underline;
}

.c-top {
  background-color: #113B4B;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(2, 29, 48, 0)), color-stop(52.4%, rgba(2, 29, 48, 0.5)), to(rgba(2, 29, 48, 0.8)));
  background: -o-linear-gradient(bottom, rgba(2, 29, 48, 0) 0%, rgba(2, 29, 48, 0.5) 52.4%, rgba(2, 29, 48, 0.8) 100%);
  background: linear-gradient(0deg, rgba(2, 29, 48, 0) 0%, rgba(2, 29, 48, 0.5) 52.4%, rgba(2, 29, 48, 0.8) 100%);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  z-index: 600;
  top: 0;
  left: 0;
  width: 100%;
  position: fixed;
}

.c-top .o-wrapper, .c-top .testimonials.static-testimonials .testimonials__wrapper, .testimonials.static-testimonials .c-top .testimonials__wrapper {
  padding: 0 24px;
}

@media (max-width: 47.99em) {
  .c-top .o-wrapper, .c-top .testimonials.static-testimonials .testimonials__wrapper, .testimonials.static-testimonials .c-top .testimonials__wrapper {
    padding: 0 20px;
  }
}

@media (min-width: 62.5em) {
  .c-top.fixed, .c-top.search-open, .c-top.menu-open, .c-top:hover {
    background: #314655;
  }
}

.c-top.fixed:not(.menu-open) {
  position: fixed;
}

@media (max-width: 62.49em) {
  .c-top {
    background: #113B4B;
  }
  .c-top.menu-open {
    padding-right: 15px;
  }
  .c-top.menu-open .header-right {
    right: 0 !important;
  }
}

@media (max-width: 62.49em) {
  .c-top {
    padding: 9.5px 0;
  }
}

.c-top .cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}

.c-top .cta .search {
  line-height: 1;
  position: relative;
}

.c-top .cta .search svg {
  width: 25px;
  color: white;
  cursor: pointer;
}

.c-top .cta .search > svg {
  width: 19px;
  height: 20px;
  opacity: 1;
  margin-right: 10px;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media (max-width: 62.49em) {
  .c-top .cta .search > svg {
    display: none;
  }
}

.c-top .cta .o-btn, .c-top .cta input[type="submit"], .c-top .cta .c-flexible-block__tabs .js-tab, .c-flexible-block__tabs .c-top .cta .js-tab,
.c-top .cta .c-flexible-block__tabs .js-filter-item, .c-flexible-block__tabs .c-top .cta .js-filter-item {
  padding: 12px 22px;
  gap: 8px;
  font-size: 16px;
  -webkit-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}

.c-top .cta .o-btn:last-child, .c-top .cta input:last-child[type="submit"], .c-top .cta .c-flexible-block__tabs .js-tab:last-child, .c-flexible-block__tabs .c-top .cta .js-tab:last-child,
.c-top .cta .c-flexible-block__tabs .js-filter-item:last-child, .c-flexible-block__tabs .c-top .cta .js-filter-item:last-child {
  padding: 12px 16px;
}

@media (max-width: 62.49em) {
  .c-top .cta .o-btn:last-child, .c-top .cta input:last-child[type="submit"], .c-top .cta .c-flexible-block__tabs .js-tab:last-child, .c-flexible-block__tabs .c-top .cta .js-tab:last-child,
  .c-top .cta .c-flexible-block__tabs .js-filter-item:last-child, .c-flexible-block__tabs .c-top .cta .js-filter-item:last-child {
    border: 1px solid white;
    padding: 11px 16px;
  }
}

.c-top .cta .o-btn:hover svg, .c-top .cta input:hover[type="submit"] svg, .c-top .cta .c-flexible-block__tabs .js-tab:hover svg, .c-flexible-block__tabs .c-top .cta .js-tab:hover svg, .c-top .cta .c-flexible-block__tabs .js-filter-item:hover svg, .c-flexible-block__tabs .c-top .cta .js-filter-item:hover svg {
  -webkit-animation: none;
          animation: none;
}

.c-top .cta .o-btn__beige,
.c-top .cta .o-btn__greenblue {
  -webkit-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}

@media (max-width: 62.49em) {
  .c-top .cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .c-top .cta a {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.c-top.search-open form {
  width: 335px !important;
}

.c-top .search-form {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media (min-width: 62.5em) {
  .c-top .search-form {
    position: absolute;
    right: 0;
    overflow: hidden;
    width: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #3a4755;
  }
}

.c-top .search-form ::-webkit-input-placeholder {
  color: white;
}

.c-top .search-form ::-moz-placeholder {
  color: white;
}

.c-top .search-form ::-ms-input-placeholder {
  color: white;
}

.c-top .search-form ::placeholder {
  color: white;
}

.c-top .search-form .close-search {
  width: 25px;
  position: absolute;
  left: 12px;
  top: 12px;
}

@media (max-width: 62.49em) {
  .c-top .search-form .close-search {
    display: none;
  }
}

.c-top .search-form input[type="search"] {
  border: 1px solid white;
  border-radius: 5rem;
  min-width: 322px;
  font-size: 14px;
  font-weight: 500;
  padding: 11px 50px;
  line-height: 1.5;
  background: rgba(255, 255, 255, 0.12);
}

@media (max-width: 62.49em) {
  .c-top .search-form input[type="search"] {
    background: #021d30;
    border-color: #021d30;
    padding: 12.5px 50px;
  }
}

.c-top .search-form button[type="submit"] {
  background-color: transparent;
  position: absolute;
  right: -0.5px;
  top: 0;
  width: 40px;
  height: 100%;
  border: 0;
  min-width: 25px;
  line-height: 1;
}

.c-top .search-form button[type="submit"] svg {
  width: 19px;
}

@media (max-width: 62.49em) {
  .c-top .search-form button[type="submit"] {
    left: 0;
    right: auto;
  }
}

.c-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 62.49em) {
  .c-header {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 100%;
  }
}

.c-header__logo {
  margin-right: 32px;
  line-height: 0 !important;
}

.c-header__logo img {
  max-width: 139px;
  height: 45px;
}

.c-header__nav-toggle-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-header__nav-toggle-wrapper .mobile-cta-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

@media (max-width: 47.99em) {
  .c-header__nav-toggle-wrapper .mobile-cta-buttons .contact-us {
    display: none;
  }
}

@media (max-width: 29.99em) {
  .c-header__nav-toggle-wrapper .mobile-cta-buttons {
    display: none;
  }
}

@media (min-width: 62.5em) {
  .c-header__nav-toggle-wrapper .mobile-cta-buttons {
    display: none;
  }
}

.c-header__nav-toggle {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  position: relative;
  z-index: 700;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 41px;
  height: 41px;
  margin-left: 6px;
  z-index: 9999;
}

@media (min-width: 62.5em) {
  .c-header__nav-toggle {
    display: none !important;
  }
}

.c-header__nav-toggle span, .c-header__nav-toggle:before, .c-header__nav-toggle:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  height: 1px;
  width: 33px;
  background-color: #ffffff;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin-top: 7px;
}

.c-header__nav-toggle::before {
  top: 8px;
}

.c-header__nav-toggle span {
  top: 13px;
}

.c-header__nav-toggle::after {
  top: 18px;
}

.menu-open .c-header__nav-toggle:before, .menu-open .c-header__nav-toggle:after {
  top: 10px;
}

.menu-open .c-header__nav-toggle span {
  opacity: 0;
}

.menu-open .c-header__nav-toggle::before {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.menu-open .c-header__nav-toggle::after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.c-header .header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (max-width: 62.49em) {
  .c-header .header-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: fixed;
    height: 100vh;
    top: 0;
    right: -400px;
    background-color: #113B4B;
    width: 375px;
    z-index: 999;
    padding: 88px 20px 20px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}

.c-cms-content :last-child {
  margin-bottom: 0;
}

.c-site-nav {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (max-width: 62.49em) {
  .menu-open .c-site-nav {
    display: block;
  }
}

.c-page-nav {
  margin-top: 36px;
  padding-top: 12px;
  border-top: 1px solid #113B4B;
  text-align: center;
}

.c-page-nav .page-numbers {
  display: inline-block;
  padding: 4px 6px;
  color: #113B4B;
  text-decoration: none;
}

.c-page-nav .page-numbers:hover, .c-page-nav .page-numbers.current {
  color: #0c2935;
}

#menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 32px;
  row-gap: 16px;
  list-style: none;
  margin: 0;
  position: relative;
}

@media (max-width: 62.49em) {
  #menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

#menu a {
  color: white;
  text-decoration: none;
  font-weight: 400;
  line-height: 1;
}

@media (max-width: 62.49em) {
  #menu a {
    padding: 12px 0;
  }
}

#menu > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 12px 0;
}

#menu > li > a span {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  top: 0;
  position: relative;
}

#menu > li > a::after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  -webkit-transition: width 0.25s;
  -o-transition: width 0.25s;
  transition: width 0.25s;
  position: relative;
  background-color: white;
}

@media (min-width: 62.5em) {
  #menu > li > a:hover span {
    top: -3px;
  }
  #menu > li > a:hover::after {
    width: 100%;
  }
}

#menu > li.current-menu-item > a span {
  top: -3px;
}

#menu > li.current-menu-item > a:after {
  width: 100%;
  background-color: #99cc33;
}

@media (max-width: 62.49em) {
  #menu > li.current-menu-item > a:after {
    top: 10px;
  }
}

@media (min-width: 62.5em) {
  #menu > li {
    padding: 35.5px 0;
  }
  #menu > li:hover:after {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
  #menu > li:hover > .sub-menu {
    display: block !important;
    left: -24px;
  }
}

@media (max-width: 62.49em) {
  #menu > li {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 !important;
    display: block;
  }
  #menu > li.show-submenu .sub-menu {
    right: 0;
  }
}

#menu > .menu-item-has-children {
  position: relative;
}

@media (max-width: 62.49em) {
  #menu > .menu-item-has-children > a {
    display: block;
    width: 100%;
    padding: 12px 0;
  }
}

#menu > .menu-item-has-children::after {
  content: "";
  background: url("../img/chevron.svg");
  width: 9px;
  height: 9px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media (max-width: 62.49em) {
  #menu > .menu-item-has-children::after {
    position: absolute;
    right: 0;
    top: 16px;
  }
}

#menu > .menu-item-has-children > .sub-menu {
  margin: 0;
  min-width: 250px;
  list-style: none;
  padding: 6px 24px 16px;
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  background-color: #314655;
  border-radius: 0;
  z-index: 99;
}

#menu > .menu-item-has-children > .sub-menu a {
  display: block;
  padding: 12px 0;
}

@media (max-width: 62.49em) {
  #menu > .menu-item-has-children > .sub-menu {
    background: #113B4B;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    top: 0;
    padding: 4px 12px;
    position: relative;
    left: auto;
    z-index: 100;
  }
  #menu > .menu-item-has-children > .sub-menu a {
    padding: 12px 0;
  }
}

#menu > .menu-item-has-children.active svg {
  rotate: 180deg;
}

html.lock-scroll {
  overflow: hidden;
  padding-right: 15px;
}

html.lock-scroll .c-top {
  width: calc(100vw - 15px);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

@media (max-width: 62.49em) {
  html:has(.menu-open) {
    overflow: hidden;
    padding-right: 15px;
  }
  body.show_nav {
    overflow: hidden;
  }
  body.show_nav .c-top {
    top: 0 !important;
  }
  body.show_nav .mobile_navigation {
    right: 0;
  }
}

.card-land {
  border-radius: 12px;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.12), 0 0 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.12), 0 0 20px 0 rgba(0, 0, 0, 0.1);
  background-color: white;
  max-width: 453px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.card-land a {
  text-decoration: none;
}

.card-land a:hover .card-land__image img {
  scale: 1.11;
}

.card-land__image {
  line-height: 0;
  aspect-ratio: 44 / 27;
  position: relative;
  overflow: hidden;
}

.card-land__image img {
  aspect-ratio: 44 / 27;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.card-land__status {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  right: 16px;
  bottom: 16px;
  border-radius: 5em;
  line-height: 1.5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.card-land__status.soon {
  background-color: #ff6633;
  color: white;
}

.card-land__status.selling {
  background-color: #99cc33;
}

.card-land__status.completed {
  background-color: #113B4B;
  color: white;
}

.card-land__logo {
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.card-land__info {
  padding: 24px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.card-land__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 17px;
}

.card-land__details .stage-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.card-land__details .stage-info .dot {
  width: 3px;
}

.c-land-filter form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin-bottom: 12px;
}

.c-land-filter__search {
  position: relative;
}

@media (max-width: 47.99em) {
  .c-land-filter__search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 4px;
    background-color: white;
    border-radius: 28px;
  }
}

@media (max-width: 47.99em) {
  .c-land-filter__search .input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-right: 8px;
    padding-left: 8px;
  }
  .c-land-filter__search .input-wrapper .instant-mix-icon {
    width: 24px;
    height: 24px;
  }
}

@media (min-width: 48em) {
  .c-land-filter__search .input-wrapper .instant-mix-icon {
    display: none;
  }
}

.c-land-filter__search input {
  font-size: 16px;
  color: #021d30;
  background-color: white;
  padding: 16px 24px;
  border-radius: 5rem;
  font-weight: 600;
  line-height: 1.5;
  border: 0;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

@media (max-width: 47.99em) {
  .c-land-filter__search input {
    padding: 16px 0;
  }
}

.c-land-filter__search button {
  position: absolute;
  right: 4px;
  top: 4px;
  font-size: 16px;
  gap: 12px;
}

@media (max-width: 47.99em) {
  .c-land-filter__search button {
    position: unset;
  }
}

.c-land-filter__search button .loader {
  display: none;
}

.c-land-filter__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

@media (max-width: 47.99em) {
  .c-land-filter__options {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.c-land-filter__filters {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 0 24px 8px;
}

.c-land-filter__filters .price input {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  padding-right: 10px !important;
}

@media (max-width: 47.99em) {
  .c-land-filter__filters {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.c-land-filter__filters > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}

.c-land-filter__filters input.show-price,
.c-land-filter__filters select {
  padding: 12px 0;
  font-size: 16px;
  font-weight: 300;
  width: 100% !important;
  background-image: url(../img/chevron-beige.svg);
  background-position: 100% 12px;
  background-size: 24px;
  border-color: #e0dbc8;
  background-repeat: no-repeat;
  cursor: pointer;
}

@media (max-width: 47.99em) {
  .c-land-filter__filters input.show-price,
  .c-land-filter__filters select {
    display: block;
    width: 100% !important;
  }
}

.c-land-filter .price-filter {
  display: none;
  position: absolute;
  min-width: 320px;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.12), 0 0 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.12), 0 0 20px 0 rgba(0, 0, 0, 0.1);
  z-index: 1;
  left: 0;
  top: calc(100% + 16px);
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  background-color: white;
  z-index: 2;
}

.c-land-filter .price-filter select {
  color: #113B4B;
}

.c-land-filter .price-filter .close-price {
  width: 30px;
  position: absolute;
  right: 8px;
  top: 10px;
  cursor: pointer;
}

.c-land-filter .price-filter .close-price svg {
  width: 30px;
}

.c-land-filter .price-filter__inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  padding: 24px;
  padding-bottom: 0;
  padding-right: 45px;
}

@media (max-width: 29.99em) {
  .c-land-filter .price-filter__inputs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.c-land-filter .price-filter__inputs input {
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 300;
  color: #113B4B;
  border: 1px solid #e0dbc8;
  border-radius: 6px;
  -moz-appearance: textfield;
}

.c-land-filter .price-filter__inputs input::-webkit-inner-spin-button, .c-land-filter .price-filter__inputs input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.c-land-filter .price-filter__values {
  padding: 0 24px 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.c-land-filter .price-filter__values a {
  font-size: 18px;
  padding: 8px 0;
  text-decoration: none;
  line-height: 1.5;
}

.c-land-filter .price-filter__action {
  padding: 12px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 32px;
}

.toggle-map {
  background-color: white;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
}

@media (max-width: 47.99em) {
  .toggle-map {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.c-featured_post {
  padding: 52px 0 72px;
}

@media (max-width: 47.99em) {
  .c-featured_post {
    padding: 48px 0;
  }
  .c-featured_post__single {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.c-featured_post__single {
  background: #113B4B;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 10px;
}

.c-featured_post__single > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.c-featured_post .feature_image {
  background-size: cover;
  background-position: center;
  aspect-ratio: 6.4 / 5;
  background-repeat: no-repeat;
}

@media (max-width: 47.99em) {
  .c-featured_post .feature_image {
    aspect-ratio: 3.7 / 2.5;
  }
}

.c-featured_post .content {
  padding: 20px 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}

@media (max-width: 47.99em) {
  .c-featured_post .content {
    padding: 24px 12px 48px;
  }
}

.c-featured_post .content * {
  margin-bottom: 0;
}

.c-featured_post .content a {
  text-decoration: none;
}

.c-featured_post .content a.read-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 48em) {
  .c-featured_post .content a.read-more {
    margin-top: 16px;
  }
}

.c-featured_post .content a.read-more svg {
  width: 24px;
  rotate: -90deg;
}

.c-featured_post .content a:hover {
  text-decoration: none;
}

.c-featured_post .metadata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-featured_post p.categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-featured_post p.categories span {
  color: #e0dbc8;
  font-size: 18px;
}

.c-post-card {
  position: relative;
}

@media (min-width: 62.5em) {
  .c-post-card {
    min-height: 430px;
  }
}

.c-post-card a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 17px;
  padding-bottom: 24px;
}

.c-post-card a:hover img {
  scale: 1.11;
}

.c-post-card a:hover h4 {
  color: #ff6633;
}

.c-post-card__thumb {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
  line-height: 0;
  aspect-ratio: 4.1 / 2;
  background-color: #eee;
}

.c-post-card__thumb img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 4.1 / 2;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

.c-post-card__thumb:hover img {
  -webkit-transform: scale(1.03);
      -ms-transform: scale(1.03);
          transform: scale(1.03);
}

.c-post-card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.c-post-card__content h4 {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 400;
  margin-bottom: 0;
  font-size: 24px;
}

.c-post-card__content .metadata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-post-card__content .metadata p {
  margin: 0;
}

.c-post-card .tags {
  font-size: 14px;
}

.c-share-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  font-size: 18px;
}

.c-share-post__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

.c-share-post__links a {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

.c-share-post__links a svg {
  color: black;
  width: 24px;
}

.c-share-post__links a svg.share-x {
  width: 16px;
}

.c-share-post__links a svg:hover {
  color: #113B4B;
}

html.lock-scroll {
  overflow: hidden;
}

.newsletter,
.js-footer-newsletter,
.js-general-newsletter {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 500px;
  width: 80%;
  min-height: 400px;
  max-width: 600px;
  max-height: 93vh;
  z-index: 9999;
  background-color: #021d30;
  border: 1px solid #99cc33;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 52px;
  display: none;
  border-radius: 16px;
  overflow-y: auto;
}

.newsletter__offers h4,
.newsletter__offers h5,
.newsletter__offers h6,
.js-footer-newsletter__offers h4,
.js-footer-newsletter__offers h5,
.js-footer-newsletter__offers h6,
.js-general-newsletter__offers h4,
.js-general-newsletter__offers h5,
.js-general-newsletter__offers h6 {
  color: red !important;
}

.newsletter.active,
.js-footer-newsletter.active,
.js-general-newsletter.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.newsletter #close-pop-up-button,
.js-footer-newsletter #close-pop-up-button,
.js-general-newsletter #close-pop-up-button {
  position: absolute;
  top: 60px;
  right: 52px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border: 1px solid #a5a5a5;
  border-radius: 100%;
  padding: 20px;
}

@media (max-width: 37.49em) {
  .newsletter #close-pop-up-button,
  .js-footer-newsletter #close-pop-up-button,
  .js-general-newsletter #close-pop-up-button {
    top: 20px;
    right: 20px;
    border-color: #ffffff;
  }
  .newsletter #close-pop-up-button:before, .newsletter #close-pop-up-button:after,
  .js-footer-newsletter #close-pop-up-button:before,
  .js-footer-newsletter #close-pop-up-button:after,
  .js-general-newsletter #close-pop-up-button:before,
  .js-general-newsletter #close-pop-up-button:after {
    opacity: 1 !important;
  }
}

.newsletter #close-pop-up-button:before, .newsletter #close-pop-up-button:after,
.js-footer-newsletter #close-pop-up-button:before,
.js-footer-newsletter #close-pop-up-button:after,
.js-general-newsletter #close-pop-up-button:before,
.js-general-newsletter #close-pop-up-button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 2px;
  background-color: #ffffff;
  opacity: 0.5;
}

.newsletter #close-pop-up-button:before,
.js-footer-newsletter #close-pop-up-button:before,
.js-general-newsletter #close-pop-up-button:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.newsletter #close-pop-up-button:after,
.js-footer-newsletter #close-pop-up-button:after,
.js-general-newsletter #close-pop-up-button:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.newsletter #close-pop-up-button:hover,
.js-footer-newsletter #close-pop-up-button:hover,
.js-general-newsletter #close-pop-up-button:hover {
  border: 1px solid #ffffff;
}

.newsletter #close-pop-up-button:hover:before, .newsletter #close-pop-up-button:hover:after,
.js-footer-newsletter #close-pop-up-button:hover:before,
.js-footer-newsletter #close-pop-up-button:hover:after,
.js-general-newsletter #close-pop-up-button:hover:before,
.js-general-newsletter #close-pop-up-button:hover:after {
  opacity: 1;
}

.newsletter__content,
.js-footer-newsletter__content,
.js-general-newsletter__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  z-index: 200;
}

.newsletter__content .cta-btn,
.js-footer-newsletter__content .cta-btn,
.js-general-newsletter__content .cta-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.newsletter__content h1,
.newsletter__content h2,
.newsletter__content h3,
.newsletter__content h4,
.js-footer-newsletter__content h1,
.js-footer-newsletter__content h2,
.js-footer-newsletter__content h3,
.js-footer-newsletter__content h4,
.js-general-newsletter__content h1,
.js-general-newsletter__content h2,
.js-general-newsletter__content h3,
.js-general-newsletter__content h4 {
  color: #ffffff !important;
}

.newsletter__content p,
.js-footer-newsletter__content p,
.js-general-newsletter__content p {
  color: #ffc0cb !important;
}

.newsletter__content .wpcf7-submit,
.js-footer-newsletter__content .wpcf7-submit,
.js-general-newsletter__content .wpcf7-submit {
  width: 100%;
  margin-top: 18px;
}

.newsletter__content .accept,
.js-footer-newsletter__content .accept,
.js-general-newsletter__content .accept {
  margin-top: 18px;
}

.newsletter__content__content-wrapper,
.js-footer-newsletter__content__content-wrapper,
.js-general-newsletter__content__content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.newsletter .terms,
.js-footer-newsletter .terms,
.js-general-newsletter .terms {
  margin-top: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

@media (max-width: 47.99em) {
  .newsletter .terms,
  .js-footer-newsletter .terms,
  .js-general-newsletter .terms {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.newsletter #mc_embed_signup_scroll label,
.js-footer-newsletter #mc_embed_signup_scroll label,
.js-general-newsletter #mc_embed_signup_scroll label {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 18px;
  display: inline-block;
  -webkit-transform: translate(5px, 30px) scale(1);
      -ms-transform: translate(5px, 30px) scale(1);
          transform: translate(5px, 30px) scale(1);
  z-index: 0;
}

.newsletter #mc_embed_signup_scroll .mc-field-group:has(input:not(:placeholder-shown)) label, .newsletter #mc_embed_signup_scroll .mc-field-group:has(input:focus) label,
.js-footer-newsletter #mc_embed_signup_scroll .mc-field-group:has(input:not(:placeholder-shown)) label,
.js-footer-newsletter #mc_embed_signup_scroll .mc-field-group:has(input:focus) label,
.js-general-newsletter #mc_embed_signup_scroll .mc-field-group:has(input:not(:placeholder-shown)) label,
.js-general-newsletter #mc_embed_signup_scroll .mc-field-group:has(input:focus) label {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.newsletter #mc_embed_signup_scroll input::-webkit-input-placeholder,
.js-footer-newsletter #mc_embed_signup_scroll input::-webkit-input-placeholder,
.js-general-newsletter #mc_embed_signup_scroll input::-webkit-input-placeholder {
  color: transparent;
}

.newsletter #mc_embed_signup_scroll input::-moz-placeholder,
.js-footer-newsletter #mc_embed_signup_scroll input::-moz-placeholder,
.js-general-newsletter #mc_embed_signup_scroll input::-moz-placeholder {
  color: transparent;
}

.newsletter #mc_embed_signup_scroll input::-ms-input-placeholder,
.js-footer-newsletter #mc_embed_signup_scroll input::-ms-input-placeholder,
.js-general-newsletter #mc_embed_signup_scroll input::-ms-input-placeholder {
  color: transparent;
}

.newsletter #mc_embed_signup_scroll input::placeholder,
.js-footer-newsletter #mc_embed_signup_scroll input::placeholder,
.js-general-newsletter #mc_embed_signup_scroll input::placeholder {
  color: transparent;
}

.newsletter #mc_embed_signup_scroll #mc-embedded-subscribe,
.js-footer-newsletter #mc_embed_signup_scroll #mc-embedded-subscribe,
.js-general-newsletter #mc_embed_signup_scroll #mc-embedded-subscribe {
  width: 100%;
  margin-top: 30px;
}

.c-flex-block h1, .c-flex-block h2, .c-flex-block h3, .c-flex-block h4, .c-flex-block h5, .c-flex-block h6, .c-flex-block p, .c-flex-block .tagline, .c-flex-block .c-accordion__question, .c-flex-block ul, .c-flex-block ol, .c-flex-block dl, .c-flex-block blockquote, .c-flex-block p, .c-flex-block address, .c-flex-block hr, .c-flex-block table, .c-flex-block fieldset, .c-flex-block figure, .c-flex-block pre {
  margin-bottom: 0;
}

.c-flex-block .wysiwig-editor p {
  margin-bottom: 24px;
}

.c-flex-block .wysiwig-editor p:last-of-type:not(:only-of-type) {
  margin-bottom: 0 !important;
}

.c-flex-block .wysiwig-editor .c-cms-content P:last-child {
  margin-bottom: 0;
}

.c-flexible-block {
  position: relative;
  clear: both;
  overflow: hidden;
}

.c-flexible-block__top {
  margin-bottom: 24px;
}

@media (min-width: 62.5em) {
  .c-flexible-block__top.wrap-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .c-flexible-block__top.wrap-flex > * {
    max-width: 50%;
    width: 100%;
  }
}

.c-flexible-block__top p {
  max-width: 850px;
  margin-bottom: 12px;
}

.c-flexible-block__tabs {
  position: relative;
  z-index: 10;
  margin-bottom: 36px;
}

.c-flexible-block__tabs .js-tab,
.c-flexible-block__tabs .js-filter-item {
  cursor: pointer !important;
  display: inline-block;
  min-width: 200px;
  text-align: center;
  margin-left: 6px;
}

.c-flexible-block__tabs .js-tab:hover, .c-flexible-block__tabs .js-tab.is-active,
.c-flexible-block__tabs .js-filter-item:hover,
.c-flexible-block__tabs .js-filter-item.is-active {
  background: #113B4B !important;
  color: #ffffff !important;
}

@media (max-width: 47.99em) {
  .c-flexible-block__tabs .js-tab,
  .c-flexible-block__tabs .js-filter-item {
    display: none !important;
  }
}

.c-flexible-block__tabs .js-tab-selectfilter,
.c-flexible-block__tabs .js-tab-selectfilter-label,
.c-flexible-block__tabs .js-select-mob {
  text-align: left;
  margin-bottom: 6px;
}

@media (min-width: 48em) {
  .c-flexible-block__tabs .js-tab-selectfilter,
  .c-flexible-block__tabs .js-tab-selectfilter-label,
  .c-flexible-block__tabs .js-select-mob {
    display: none;
  }
}

.c-flexible-block .js-tab-wrap {
  display: none;
}

.c-flexible-block .js-tab-wrap.is-active {
  display: block;
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
}

.c-flexible-block.color-white > *:not(.o-btn):not(input[type="submit"]) {
  color: white;
}

.c-f-content {
  position: relative;
}

.c-f-content__content {
  width: 100%;
}

.c-f-content__content .link {
  margin-top: 20px;
}

.c-contentimg__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
  position: relative;
}

.c-contentimg__wrapper > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.c-contentimg__wrapper .wysiwig-editor p {
  margin-bottom: -8px !important;
}

@media (max-width: 47.99em) {
  .c-contentimg__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
  .c-contentimg__wrapper .o-btn, .c-contentimg__wrapper input[type="submit"], .c-contentimg__wrapper .c-flexible-block__tabs .js-tab, .c-flexible-block__tabs .c-contentimg__wrapper .js-tab,
  .c-contentimg__wrapper .c-flexible-block__tabs .js-filter-item, .c-flexible-block__tabs .c-contentimg__wrapper .js-filter-item {
    width: 100%;
  }
}

.c-contentimg .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.c-contentimg .c-cms-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.c-contentimg__img {
  width: 100%;
  display: block;
  position: relative;
  z-index: 5;
  overflow: hidden;
  -ms-flex-item-align: center;
      align-self: center;
  border-radius: 40px;
  aspect-ratio: 5.9 /5.74;
}

@media (min-width: 62.5em) {
  .c-contentimg__img.reduced-image-height {
    aspect-ratio: 6/4;
  }
  .c-contentimg__img.reduced-image-height img {
    aspect-ratio: 6/4;
  }
}

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

.c-contentimg__img img {
  aspect-ratio: 5.9 /5.74;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 47.99em) {
  .c-contentimg__img {
    border-radius: 16px;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-bottom: 0 !important;
  }
  .c-contentimg__img img {
    margin: 0 auto;
    display: block;
    width: 100%;
  }
}

.c-accordion {
  margin: 64px 0;
}

.c-accordion:has(.c-accordion__tab-each) {
  margin-top: 72px;
  margin-bottom: 0;
}

@media (max-width: 47.99em) {
  .c-accordion:has(.c-accordion__tab-each) {
    margin-top: 48px;
  }
}

@media (max-width: 47.99em) {
  .c-accordion .o-wrapper, .c-accordion .testimonials.static-testimonials .testimonials__wrapper, .testimonials.static-testimonials .c-accordion .testimonials__wrapper {
    padding: 0 12px;
  }
}

.c-accordion .c-flexible-block__top {
  margin-bottom: 0;
}

.c-accordion .c-flexible-block__top p {
  margin-bottom: 5px;
}

.c-accordion__wrapper {
  background-color: #D9E2EC;
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 52px;
  padding-left: 12px;
  padding-right: 12px;
}

@media (min-width: 80em) {
  .c-accordion__wrapper {
    padding-left: 64px;
    padding-right: 64px;
  }
}

.c-accordion__top {
  margin-bottom: 24px;
}

@media (min-width: 48em) {
  .c-accordion__top {
    margin-bottom: 36px;
  }
}

.c-accordion__list {
  width: 100%;
  margin: 0 auto;
  max-width: 848px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.c-accordion__item {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-color: white;
  border-radius: 12px;
  padding: 8px 8px 8px 24px;
}

.c-accordion__question {
  cursor: pointer;
  position: relative;
  width: 100%;
  display: block;
  margin-bottom: 0;
  text-decoration: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #113B4B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-accordion__question svg {
  width: 40px;
  fill: transparent;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.c-accordion__question.is-active {
  opacity: 1;
}

.c-accordion__question.is-active svg {
  rotate: -45deg;
}

.c-accordion__question:focus {
  text-decoration: none;
}

.c-accordion__answer {
  overflow: hidden;
  width: 100% !important;
  display: none;
  color: #113B4B;
}

.c-accordion__content {
  padding-top: 8px;
}

@media (max-width: 47.99em) {
  .c-accordion .o-btn, .c-accordion input[type="submit"], .c-accordion .c-flexible-block__tabs .js-tab, .c-flexible-block__tabs .c-accordion .js-tab,
  .c-accordion .c-flexible-block__tabs .js-filter-item, .c-flexible-block__tabs .c-accordion .js-filter-item {
    width: 100%;
  }
}

.c-accordion__tab-header {
  border-bottom: 0.5px solid #6a747f;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-accordion__tab-header a {
  font-size: 18px;
  text-decoration: none;
  padding: 8px;
  position: relative;
}

.c-accordion__tab-header a.active:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #ff6633;
  bottom: 2px;
  left: 0;
}

.c-accordion__tab-each {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
  padding: 64px 0;
  display: none;
}

@media (max-width: 47.99em) {
  .c-accordion__tab-each {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
    padding: 48px 0;
  }
}

.c-accordion__tab-each.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-accordion__tab-each .left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (min-width: 48em) {
  .c-accordion__tab-each .left {
    max-width: 450px;
  }
}

.c-accordion__tab-each .side_image {
  aspect-ratio: 45 / 34;
  border-radius: 12px;
  overflow: hidden;
  padding: 32px;
  background-size: cover;
  position: relative;
}

@media (max-width: 47.99em) {
  .c-accordion__tab-each .side_image {
    aspect-ratio: initial;
    height: 327px;
  }
}

.c-accordion__tab-each .side_image:before {
  content: "";
  inset: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), color-stop(62.5%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 62.5%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 62.5%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  z-index: 0;
}

.c-accordion__tab-each .side_image h3, .c-accordion__tab-each .side_image h2 {
  position: relative;
  color: white;
  z-index: 1;
}

.c-accordion__tab-each .c-accordion__list {
  max-width: 768px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
}

.c-accordion__tab-each .c-accordion__list .c-accordion__item {
  background-color: #D9E2EC;
}

.c-accordion__tab-each > div {
  opacity: 1;
}

.c-timeline {
  padding: 120px 0 112px;
}

@media (max-width: 47.99em) {
  .c-timeline {
    padding: 48px 0;
  }
}

.c-timeline__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.c-timeline__wrapper > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (max-width: 47.99em) {
  .c-timeline__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}

.c-timeline__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

@media (min-width: 48em) {
  .c-timeline__header {
    position: sticky;
    top: 120px;
  }
}

.c-timeline__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  overflow: hidden;
  gap: 16px;
}

@media (min-width: 48em) {
  .c-timeline__content {
    margin: 40px 0;
  }
}

.c-timeline__line {
  position: absolute;
  height: 100%;
  width: 1px;
  left: 34px;
  z-index: 0;
  top: 120px;
}

.c-timeline__line-progress {
  width: 100%;
  height: 0;
  background-color: #113B4B;
}

.c-timeline__each {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px;
  z-index: 1;
}

.c-timeline__each .number {
  width: 100%;
  max-width: 68px;
  padding: 16px 0;
  font-size: 56px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  background-color: white;
  color: white;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.c-timeline__each .copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  padding-top: 14px;
  opacity: 0;
  -webkit-transform: translateX(80%);
      -ms-transform: translateX(80%);
          transform: translateX(80%);
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  -o-transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
}

.c-timeline__each.active .copy {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

.c-timeline__each.active .number {
  color: #113B4B;
}

.testimonials {
  background-color: #ECEEF2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 100vw;
}

.testimonials .o-wrapper, .testimonials.static-testimonials .testimonials__wrapper {
  width: 100%;
}

.testimonials .p-large {
  margin-bottom: 32px;
}

.testimonials .relative {
  padding-top: 52px;
}

.testimonials.static-testimonials .testimonials__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.testimonials.static-testimonials .testimonials__wrapper .testimonials__each {
  max-width: 790px;
}

.testimonials.static-testimonials.size-2 .testimonials__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}

@media (max-width: 47.99em) {
  .testimonials.static-testimonials.size-2 .testimonials__wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.testimonials__each {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
  height: 100%;
  background: #fff;
  will-change: transform, box-shadow;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: relative;
  z-index: 20;
  -webkit-transition: -webkit-box-shadow 0.25s ease;
  transition: -webkit-box-shadow 0.25s ease;
  -o-transition: box-shadow 0.25s ease;
  transition: box-shadow 0.25s ease;
  transition: box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.12), 0 0 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.12), 0 0 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  padding: 24px;
  margin: 0;
  min-height: 388px;
}

@media (min-width: 48em) {
  .testimonials__each {
    padding: 36px;
  }
}

.testimonials__each-copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.testimonials__each-copy h5 {
  font-style: italic;
}

.testimonials__each-copy p {
  color: #6a747f;
}

.testimonials__each-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  color: #6a747f;
}

.testimonials__each-footer .name {
  font-weight: 600;
  font-size: 16px;
}

.testimonials__each-footer .position {
  font-size: 14px;
  font-weight: 400;
}

.testimonials__each-footer img {
  width: 56px;
  height: 56px;
  border-radius: 5rem;
}

.slick-active.slick-center .testimonials__each {
  height: calc(100% + 48px);
  background: #fff;
}

.testimonials .slick-track, .testimonials .slick-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: visible !important;
}

.testimonials .slick-slide {
  height: auto;
  margin: 0 6px;
}

.testimonials .slick-slide > div {
  height: 100%;
}

@media (min-width: 48em) {
  .testimonials .slick-slide {
    margin: 0 12px;
  }
}

.c-cta {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-cta .o-wrapper, .c-cta .testimonials.static-testimonials .testimonials__wrapper, .testimonials.static-testimonials .c-cta .testimonials__wrapper {
  border-radius: 16px;
  width: 100%;
  padding: 80px 12px;
}

.c-cta.has-bg {
  margin: 0;
  min-height: 500px;
  position: relative;
}

@media (max-width: 47.99em) {
  .c-cta.has-bg {
    padding: 24px 0;
  }
}

.c-cta.has-bg .o-wrapper, .c-cta.has-bg .testimonials.static-testimonials .testimonials__wrapper, .testimonials.static-testimonials .c-cta.has-bg .testimonials__wrapper {
  width: 100%;
  padding: 80px 12px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media (max-width: 47.99em) {
  .c-cta.has-bg .o-wrapper, .c-cta.has-bg .testimonials.static-testimonials .testimonials__wrapper, .testimonials.static-testimonials .c-cta.has-bg .testimonials__wrapper {
    margin: 0 12px;
  }
}

.c-cta__wrapper {
  position: relative;
  max-width: 738px;
  margin: 0 auto;
  text-align: center;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
}

.c-cta__wrapper > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

@media (max-width: 47.99em) {
  .c-cta__wrapper {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

.c-cta__wrapper .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media (max-width: 47.99em) {
  .c-featured {
    padding: 48px 0;
  }
}

.c-featured__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  margin-bottom: 48px;
}

.c-featured__header .wysiwig-editor {
  max-width: 670px;
}

.c-featured__header .wysiwig-editor * {
  margin: 0;
}

.c-featured__header .wysiwig-editor > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

@media (max-width: 47.99em) {
  .c-featured__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 36px;
  }
  .c-featured__header .o-btn, .c-featured__header input[type="submit"], .c-featured__header .c-flexible-block__tabs .js-tab, .c-flexible-block__tabs .c-featured__header .js-tab,
  .c-featured__header .c-flexible-block__tabs .js-filter-item, .c-flexible-block__tabs .c-featured__header .js-filter-item {
    width: 100%;
  }
  .c-featured__header .wysiwig-editor {
    width: 100%;
  }
}

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

.c-featured__content img {
  border-radius: 12px;
}

@media (min-width: 48em) {
  .c-featured__content img {
    display: none;
  }
}

.c-featured__each {
  padding: 20px 24px;
  position: relative;
  cursor: pointer;
}

@media (max-width: 47.99em) {
  .c-featured__each {
    padding: 12px 0 20px;
  }
}

@media (min-width: 48em) {
  .c-featured__each:before {
    content: "";
    width: 2px;
    background-color: transparent;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}

.c-featured__each h5 {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #6a747f;
}

.c-featured__each h5 svg {
  width: 24px;
}

.c-featured__each .details .copy p {
  margin-bottom: 16px;
}

.c-featured__each .details .copy p:last-child {
  margin-bottom: 0;
}

.c-featured__each .details .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-top: 8px;
}

.c-featured__each.open:before {
  width: 2px;
  background: #ff6633;
}

.c-featured__each.open h5 {
  color: #ff6633;
}

.c-featured__each.open .c-contentimg__img img {
  opacity: 1;
}

.c-featured .c-contentimg__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 80px;
  row-gap: 36px;
}

.c-featured .c-contentimg__wrapper .btn-wrapper {
  margin: 30px 0 40px;
}

@media (max-width: 47.99em) {
  .c-featured .c-contentimg__wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.c-featured .c-contentimg__img {
  aspect-ratio: 6.1 / 5.6;
}

.c-featured .c-contentimg__img-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.c-featured .c-contentimg__img img {
  aspect-ratio: 6.1 / 5.6;
  width: auto;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  border-radius: 12px;
}

@media (max-width: 62.49em) {
  .c-featured .c-contentimg__img {
    padding: 0;
    width: 100%;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: -0;
            order: -0;
  }
}

.c-stats {
  text-align: center;
  background-color: #021d30;
}

.c-stats__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 40px 0 60px;
  row-gap: 32px;
}

.c-stats__value {
  font-size: 56px;
  font-weight: 500;
  line-height: 130%;
}

@media (max-width: 47.99em) {
  .c-stats__value {
    font-size: 40px;
  }
}

.c-stats__each {
  padding: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.home .p-banner {
  aspect-ratio: 2/1;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 100vh;
}

.home .p-banner__content {
  gap: 12px;
}

.banner:has(.no-banner) {
  display: none;
}

.banner.black-overlay .p-banner:after {
  background: black !important;
  opacity: .3;
}

.banner.no-bg .p-banner {
  color: white;
  aspect-ratio: auto;
  background-color: #021d30;
}

.banner.no-bg .p-banner p,
.banner.no-bg .p-banner h1,
.banner.no-bg .p-banner h2,
.banner.no-bg .p-banner h3,
.banner.no-bg .p-banner h4,
.banner.no-bg .p-banner h5 {
  color: white;
}

.banner.no-bg .p-banner:after {
  content: none;
}

.banner.no-bg .p-banner .p-banner__wrapper {
  padding-bottom: 0;
}

.banner.no-bg .c-color-row {
  display: none;
}

.p-banner {
  background-color: white;
  aspect-ratio: 2/.8;
  -o-object-fit: cover;
     object-fit: cover;
  background-size: cover;
  padding: 60px 24px 0;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-size: cover !important;
  width: 100%;
  position: relative;
  background-position: center;
}

.p-banner h1,
.p-banner h2,
.p-banner h3,
.p-banner h4,
.p-banner h5,
.p-banner h6,
.p-banner p,
.p-banner .tagline,
.p-banner .c-accordion__question,
.p-banner h5,
.p-banner h6,
.p-banner ul,
.p-banner ol,
.p-banner dl,
.p-banner blockquote,
.p-banner p,
.p-banner address,
.p-banner hr,
.p-banner table,
.p-banner fieldset,
.p-banner figure,
.p-banner pre {
  margin-bottom: 0;
}

.p-banner:after {
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, color-stop(4.98%, rgba(2, 29, 48, 0)), color-stop(53.55%, rgba(2, 29, 48, 0.8)), color-stop(96.68%, #021D30));
  background: -o-linear-gradient(top, rgba(2, 29, 48, 0) 4.98%, rgba(2, 29, 48, 0.8) 53.55%, #021D30 96.68%);
  background: linear-gradient(180deg, rgba(2, 29, 48, 0) 4.98%, rgba(2, 29, 48, 0.8) 53.55%, #021D30 96.68%);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}

.p-banner .back-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
}

.p-banner .back-icon svg {
  width: 24px;
  rotate: 90deg;
}

.p-banner__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
}

@media (max-width: 47.99em) {
  .p-banner__cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media (min-width: 48em) {
  .p-banner {
    padding: 120px 0 0;
  }
}

@media (max-width: 62.49em) {
  .p-banner {
    aspect-ratio: 1 / .8;
  }
}

@media (max-width: 47.99em) {
  .p-banner {
    min-height: 300px;
    overflow: hidden;
    aspect-ratio: 1 / 1.4;
    padding-bottom: 30px;
    height: 430px;
  }
  .p-banner .back-icon {
    display: none;
  }
  .p-banner .o-btn, .p-banner input[type="submit"], .p-banner .c-flexible-block__tabs .js-tab, .c-flexible-block__tabs .p-banner .js-tab,
  .p-banner .c-flexible-block__tabs .js-filter-item, .c-flexible-block__tabs .p-banner .js-filter-item {
    width: 100%;
  }
}

.p-banner h1,
.p-banner h2,
.p-banner h3,
.p-banner h4 {
  color: white;
}

.p-banner__wrapper {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  padding-bottom: 64px;
}

@media (max-width: 47.99em) {
  .p-banner__wrapper {
    padding-bottom: 18px;
    padding-left: 0;
    padding-right: 0;
  }
}

.p-banner__content {
  max-width: 720px;
  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;
  gap: 24px;
  color: white;
  z-index: 1;
}

.p-banner__video {
  position: absolute;
  /* ensure positioning regardless of parent flex settings */
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  /* important */
  container-type: size;
  /* cut off overflowing video */
  overflow: hidden;
}

.p-banner__video iframe {
  position: absolute;
  /* keep video centered both vertically and horizontally */
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  /* force aspect ratio based on parent container */
  /* prevent interaction */
  pointer-events: none;
}

@container (min-aspect-ratio: 16/9) {
  .p-banner__video iframe {
    height: 56.25cqw;
    /* 100*9/16 */
  }
}

@container (max-aspect-ratio: 16/9) {
  .p-banner__video iframe {
    width: 177.78cqh;
    /* 100*16/9 */
  }
}

.p-banner__slick .banner_dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-banner__slick ul.slick-dots {
  text-align: left;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  background: none;
  margin: 0 auto 0 0;
  z-index: 2;
  left: 0;
}

.p-banner__slick ul.slick-dots li {
  cursor: pointer;
}

.p-banner__slick ul.slick-dots li button {
  width: 12px;
  height: 12px;
  border: 1px solid white;
  border-radius: 10px !important;
}

.p-banner__slick ul.slick-dots li button::before {
  content: none !important;
}

.p-banner__slick ul.slick-dots li.slick-active button {
  background-color: white;
  opacity: 1;
}

.p-banner__slick .o-wrapper, .p-banner__slick .testimonials.static-testimonials .testimonials__wrapper, .testimonials.static-testimonials .p-banner__slick .testimonials__wrapper {
  position: relative;
}

.p-banner__slick .o-wrapper .btn-wrap, .p-banner__slick .testimonials.static-testimonials .testimonials__wrapper .btn-wrap, .testimonials.static-testimonials .p-banner__slick .testimonials__wrapper .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  min-width: 300px;
  bottom: 50px;
}

@media (max-width: 47.99em) {
  .p-banner__slick .o-wrapper .btn-wrap, .p-banner__slick .testimonials.static-testimonials .testimonials__wrapper .btn-wrap, .testimonials.static-testimonials .p-banner__slick .testimonials__wrapper .btn-wrap {
    left: 24px;
    max-width: 900px;
    width: calc(100% - 50px);
    bottom: 30px;
  }
}

.p-banner__slick .o-wrapper .btn-wrap .banner_next-prev, .p-banner__slick .testimonials.static-testimonials .testimonials__wrapper .btn-wrap .banner_next-prev, .testimonials.static-testimonials .p-banner__slick .testimonials__wrapper .btn-wrap .banner_next-prev {
  width: 27px;
  height: 27px;
  border: 1px solid white;
  fill: white;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  z-index: 3;
  position: relative;
}

.p-banner__slick .o-wrapper .btn-wrap .banner_next-prev:hover, .p-banner__slick .testimonials.static-testimonials .testimonials__wrapper .btn-wrap .banner_next-prev:hover, .testimonials.static-testimonials .p-banner__slick .testimonials__wrapper .btn-wrap .banner_next-prev:hover {
  color: white;
}

.p-banner__slick .o-wrapper .btn-wrap .banner_next-prev.banner_prev-btn, .p-banner__slick .testimonials.static-testimonials .testimonials__wrapper .btn-wrap .banner_next-prev.banner_prev-btn, .testimonials.static-testimonials .p-banner__slick .testimonials__wrapper .btn-wrap .banner_next-prev.banner_prev-btn {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.p-banner__slick .o-wrapper .btn-wrap .banner_next-prev.banner_next-btn, .p-banner__slick .testimonials.static-testimonials .testimonials__wrapper .btn-wrap .banner_next-prev.banner_next-btn, .testimonials.static-testimonials .p-banner__slick .testimonials__wrapper .btn-wrap .banner_next-prev.banner_next-btn {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.p-banner__slick .o-wrapper .btn-wrap .banner_next-prev svg, .p-banner__slick .testimonials.static-testimonials .testimonials__wrapper .btn-wrap .banner_next-prev svg, .testimonials.static-testimonials .p-banner__slick .testimonials__wrapper .btn-wrap .banner_next-prev svg {
  width: 8px;
}

@media (max-width: 47.99em) {
  .no-banner {
    padding-bottom: 100px;
  }
}

.banner_slider {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

.banner_slider .o-wrapper, .banner_slider .testimonials.static-testimonials .testimonials__wrapper, .testimonials.static-testimonials .banner_slider .testimonials__wrapper {
  width: 100%;
  position: relative;
}

.banner_slider__each {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 80px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (max-width: 47.99em) {
  .banner_slider__each {
    padding: 48px 0 24px;
  }
}

.banner_slider__each:after {
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, color-stop(46.29%, rgba(0, 0, 0, 0)), color-stop(67.01%, rgba(0, 0, 0, 0.47)), to(rgba(0, 0, 0, 0.8)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 46.29%, rgba(0, 0, 0, 0.47) 67.01%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 46.29%, rgba(0, 0, 0, 0.47) 67.01%, rgba(0, 0, 0, 0.8) 100%);
  position: absolute;
  inset: 0;
  z-index: 0;
}

@media (min-width: 100em) {
  .banner_slider__each {
    height: 900px !important;
  }
}

@media (max-width: 99.99em) {
  .banner_slider__each {
    height: 600px;
  }
}

.banner_slider__copy {
  max-width: 616px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 32px;
  color: white;
  position: relative;
  z-index: 1;
}

@media (max-width: 47.99em) {
  .banner_slider__copy {
    gap: 12px;
  }
  .banner_slider__copy .o-btn, .banner_slider__copy input[type="submit"], .banner_slider__copy .c-flexible-block__tabs .js-tab, .c-flexible-block__tabs .banner_slider__copy .js-tab,
  .banner_slider__copy .c-flexible-block__tabs .js-filter-item, .c-flexible-block__tabs .banner_slider__copy .js-filter-item {
    margin-top: 24px;
  }
}

.banner_slider .o-btn, .banner_slider input[type="submit"], .banner_slider .c-flexible-block__tabs .js-tab, .c-flexible-block__tabs .banner_slider .js-tab,
.banner_slider .c-flexible-block__tabs .js-filter-item, .c-flexible-block__tabs .banner_slider .js-filter-item {
  padding: 8px 24px;
}

.banner_slider__navigation {
  position: absolute;
  bottom: 80px;
  right: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
}

@media (max-width: 47.99em) {
  .banner_slider__navigation {
    bottom: 40px;
  }
}

.banner_slider__navigation .o-btn, .banner_slider__navigation input[type="submit"], .banner_slider__navigation .c-flexible-block__tabs .js-tab, .c-flexible-block__tabs .banner_slider__navigation .js-tab,
.banner_slider__navigation .c-flexible-block__tabs .js-filter-item, .c-flexible-block__tabs .banner_slider__navigation .js-filter-item {
  padding: 12px;
}

.banner_slider__navigation .o-btn.prev, .banner_slider__navigation input.prev[type="submit"], .banner_slider__navigation .c-flexible-block__tabs .prev.js-tab, .c-flexible-block__tabs .banner_slider__navigation .prev.js-tab,
.banner_slider__navigation .c-flexible-block__tabs .prev.js-filter-item, .c-flexible-block__tabs .banner_slider__navigation .prev.js-filter-item {
  rotate: 90deg;
}

.banner_slider__navigation .o-btn.next, .banner_slider__navigation input.next[type="submit"], .banner_slider__navigation .c-flexible-block__tabs .next.js-tab, .c-flexible-block__tabs .banner_slider__navigation .next.js-tab,
.banner_slider__navigation .c-flexible-block__tabs .next.js-filter-item, .c-flexible-block__tabs .banner_slider__navigation .next.js-filter-item {
  rotate: -90deg;
}

.banner_slider__navigation .o-btn svg, .banner_slider__navigation input[type="submit"] svg, .banner_slider__navigation .c-flexible-block__tabs .js-tab svg, .c-flexible-block__tabs .banner_slider__navigation .js-tab svg, .banner_slider__navigation .c-flexible-block__tabs .js-filter-item svg, .c-flexible-block__tabs .banner_slider__navigation .js-filter-item svg {
  -webkit-animation: none;
          animation: none;
}

@media (max-width: 47.99em) {
  .banner_slider__navigation .o-btn, .banner_slider__navigation input[type="submit"], .banner_slider__navigation .c-flexible-block__tabs .js-tab, .c-flexible-block__tabs .banner_slider__navigation .js-tab,
  .banner_slider__navigation .c-flexible-block__tabs .js-filter-item, .c-flexible-block__tabs .banner_slider__navigation .js-filter-item {
    display: none !important;
  }
}

.banner_slider .goto-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9px;
}

.banner_slider .goto-wrapper .goto {
  width: 8px;
  height: 8px;
  border-radius: 5em;
  background-color: white;
  cursor: pointer;
}

.banner_slider .goto-wrapper .goto.active {
  background-color: #99cc33;
}

.c-team {
  padding: 112px 0 200px;
}

@media (max-width: 47.99em) {
  .c-team {
    padding: 48px 0;
  }
}

.c-team__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  max-width: 768px;
  margin-bottom: 60px;
}

.c-team__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 72px;
}

@media (max-width: 79.99em) {
  .c-team__wrapper {
    gap: 32px;
  }
}

@media (max-width: 62.49em) {
  .c-team__wrapper {
    gap: 32px;
  }
}

@media (max-width: 47.99em) {
  .c-team__wrapper {
    gap: 24px;
  }
}

.c-team__img {
  background-position: center;
  background-size: cover;
  aspect-ratio: 1 / 1;
  border-radius: 12px;
  width: 100%;
  height: auto;
}

.c-team__each {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  width: calc(33.33% - 48px);
}

@media (max-width: 79.99em) {
  .c-team__each {
    width: calc(33.33% - 22px);
  }
}

@media (max-width: 47.99em) {
  .c-team__each {
    width: calc(50% - 16px);
  }
}

@media (max-width: 37.49em) {
  .c-team__each {
    width: calc(50% - 16px);
  }
}

@media (max-width: 29.99em) {
  .c-team__each {
    width: 100%;
  }
}

.c-team__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}

.c-team__header > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
}

.c-team__header > div.active .toggle-details {
  rotate: 180deg;
}

@media (max-width: 47.99em) {
  .c-team__header > div {
    cursor: pointer;
  }
}

.c-team .toggle-details {
  color: #021d30;
  width: 24px;
  max-width: 24px;
  margin-top: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media (min-width: 48em) {
  .c-team .toggle-details {
    display: none;
  }
}

.c-team__linkedin {
  width: 100%;
  color: #113B4B;
  max-width: 26px;
  line-height: 1;
  margin-top: 8px;
}

@media (max-width: 47.99em) {
  .c-team__linkedin {
    margin-top: 4px;
  }
}

.c-team__linkedin svg {
  width: 26px;
  height: 26px;
}

.c-team__bio {
  overflow: hidden;
  box-orient: vertical;
  position: relative;
}

@media (max-width: 47.99em) {
  .c-team__bio {
    display: none;
  }
}

body {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

.c-buy-land {
  background-color: #021d30;
  padding: 72px 0;
  position: relative;
  scroll-snap-align: start;
  min-height: 60vh;
}

.c-buy-land * {
  font-family: "Figtree", sans-serif;
}

.c-buy-land.loading:before {
  content: "";
  position: absolute;
  inset: 0;
  background: #021d30;
  opacity: 0.5;
  z-index: 1;
}

.c-buy-land.loading .land-filter-btn {
  color: #add65b;
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))), #99cc33;
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%), #99cc33;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%), #99cc33;
}

.c-buy-land.loading .land-filter-btn .loader {
  display: block;
  width: 24px;
  height: 24px;
  border: 2px solid white;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-animation: rotation 1s linear infinite;
          animation: rotation 1s linear infinite;
  z-index: 1;
  position: absolute;
  left: calc(50% - 12px);
}

.c-buy-land__result {
  color: white;
  padding: 0 24px 24px;
}

.c-buy-land__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  container-type: inline-size;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@container (width >= 900px) {
  .c-buy-land__cards .card-land {
    max-width: calc(33% - 12px) !important;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}

@container (width < 900px) {
  .c-buy-land__cards .card-land {
    max-width: calc(50% - 8px) !important;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}

@container (width < 500px) {
  .c-buy-land__cards .card-land {
    max-width: 100% !important;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}

.c-buy-land__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}

@media (max-width: 47.99em) {
  .c-buy-land__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.c-buy-land__list {
  width: 100%;
}

.c-buy-land__map {
  width: calc(34% - 17px);
  position: relative;
}

@media (max-width: 47.99em) {
  .c-buy-land__map {
    width: 100%;
  }
}

.c-buy-land__map .toggle-map {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1;
}

.c-buy-land__map #map {
  height: 100vh;
  width: 100%;
  border-radius: 10px;
  background-color: #cccccc;
}

.c-buy-land.show-map .c-buy-land__list {
  width: calc(66% - 17px);
}

@media (max-width: 47.99em) {
  .c-buy-land.show-map .c-buy-land__list {
    width: 100%;
  }
}

.c-buy-land.show-map .c-land-filter .toggle-map {
  display: none;
}

.c-buy-land.show-map .gradient {
  position: relative;
}

.c-buy-land.show-map .gradient:before, .c-buy-land.show-map .gradient:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 24px;
  left: 0;
  z-index: 1;
}

.c-buy-land.show-map .gradient:after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 29, 48, 0)), color-stop(54.33%, rgba(2, 29, 48, 0.69)), to(#021d30));
  background: -o-linear-gradient(top, rgba(2, 29, 48, 0) 0%, rgba(2, 29, 48, 0.69) 54.33%, #021d30 100%);
  background: linear-gradient(180deg, rgba(2, 29, 48, 0) 0%, rgba(2, 29, 48, 0.69) 54.33%, #021d30 100%);
  bottom: 0;
}

.c-buy-land.show-map .gradient:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 29, 48, 0)), color-stop(54.33%, rgba(2, 29, 48, 0.69)), to(#021d30));
  background: -o-linear-gradient(top, rgba(2, 29, 48, 0) 0%, rgba(2, 29, 48, 0.69) 54.33%, #021d30 100%);
  background: linear-gradient(180deg, rgba(2, 29, 48, 0) 0%, rgba(2, 29, 48, 0.69) 54.33%, #021d30 100%);
  rotate: 180deg;
  top: 0;
}

.c-buy-land.show-map .c-buy-land__cards-wrapper {
  height: calc(100dvh - 200px);
  overflow: auto;
  padding-right: 16px;
}

.c-buy-land.show-map .c-buy-land__cards-wrapper::-webkit-scrollbar {
  width: 6px;
  background: rgba(255, 255, 255, 0.16);
}

.c-buy-land.show-map .c-buy-land__cards-wrapper::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  border-radius: 20px;
}

.c-buy-land:not(.show-map) .c-buy-land__map {
  display: none;
}

.c-buy-land.full-width-map {
  padding: 64px 0 64px;
  min-height: auto;
}

.c-buy-land.full-width-map .section-title {
  text-align: center;
  color: white;
  margin-bottom: 42px;
}

.c-buy-land.full-width-map .c-buy-land__wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.c-buy-land.full-width-map .c-land-filter {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
}

.c-buy-land.full-width-map .c-buy-land__result {
  display: none;
}

.c-buy-land.full-width-map .c-buy-land__list {
  width: 100%;
}

.c-buy-land.full-width-map.show-map .c-buy-land__list .gradient {
  display: none;
}

.c-buy-land.full-width-map.show-map .c-buy-land__map {
  width: 100%;
}

.c-buy-land.full-width-map.show-map .c-buy-land__map #map {
  height: 80vh;
  max-height: 720px;
}

.related-news {
  background-color: #113B4B;
  padding: 80px 0 112px;
}

@media (max-width: 47.99em) {
  .related-news {
    padding: 48px 0;
  }
}

.related-news__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
  color: white;
}

.related-news__header :last-child {
  margin-bottom: 0;
}

.related-news__header .o-btn, .related-news__header input[type="submit"], .related-news__header .c-flexible-block__tabs .js-tab, .c-flexible-block__tabs .related-news__header .js-tab,
.related-news__header .c-flexible-block__tabs .js-filter-item, .c-flexible-block__tabs .related-news__header .js-filter-item {
  font-size: 16px;
}

@media (max-width: 47.99em) {
  .related-news__header .o-btn, .related-news__header input[type="submit"], .related-news__header .c-flexible-block__tabs .js-tab, .c-flexible-block__tabs .related-news__header .js-tab,
  .related-news__header .c-flexible-block__tabs .js-filter-item, .c-flexible-block__tabs .related-news__header .js-filter-item {
    width: 100%;
  }
}

.related-news__header .o-btn svg, .related-news__header input[type="submit"] svg, .related-news__header .c-flexible-block__tabs .js-tab svg, .c-flexible-block__tabs .related-news__header .js-tab svg, .related-news__header .c-flexible-block__tabs .js-filter-item svg, .c-flexible-block__tabs .related-news__header .js-filter-item svg {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

@media (max-width: 47.99em) {
  .related-news__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.related-news .o-wrapper, .related-news .testimonials.static-testimonials .testimonials__wrapper, .testimonials.static-testimonials .related-news .testimonials__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 60px;
}

@media (max-width: 47.99em) {
  .related-news .o-wrapper, .related-news .testimonials.static-testimonials .testimonials__wrapper, .testimonials.static-testimonials .related-news .testimonials__wrapper {
    gap: 40px;
  }
}

.related-news__posts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 64px;
}

@media (min-width: 48em) {
  .related-news__posts {
    gap: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media (min-width: 62.5em) {
  .related-news__posts {
    gap: 40px;
  }
}

.related-news__posts .c-post-card {
  width: 100%;
  color: white;
  min-height: auto;
}

.related-news__posts .c-post-card a {
  padding: 0;
}

.related-news__posts .c-post-card .metadata {
  color: #cccccc;
}

@media (min-width: 48em) and (max-width: 62.49em) {
  .related-news__posts .c-post-card {
    width: calc(50% - 20px);
  }
}

@media (min-width: 62.5em) {
  .related-news__posts .c-post-card {
    width: calc(33.33% - 27px);
  }
}

.c-contact-details {
  background-color: #021d30;
  padding: 24px 0 140px;
  color: white;
}

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

@media (max-width: 47.99em) {
  .c-contact-details__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 80px;
  }
}

.c-contact-details__wrapper > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.c-contact-details .addresses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

.c-contact-details .addresses__each {
  border-bottom: 1px solid #113B4B;
  padding-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

@media (min-width: 48em) {
  .c-contact-details .addresses__each {
    max-width: 548px;
  }
}

@media (min-width: 48em) and (min-width: 62.5em) {
  .c-contact-details .addresses__each {
    margin-right: 40px;
    padding-right: 40px;
  }
}

@media (min-width: 48em) and (min-width: 48em) {
  .c-contact-details .addresses__each {
    margin-right: 20px;
  }
}

.c-contact-details .addresses__each a,
.c-contact-details .addresses__each div {
  color: #99cc33;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.c-contact-details .addresses__each a svg,
.c-contact-details .addresses__each div svg {
  color: white;
  width: 24px;
}

.c-contact-details .addresses__each .name {
  font-size: 20px;
  color: white;
  line-height: 130%;
}

.c-contact-details .form label {
  color: #e0dbc8;
}

.c-contact-details .form input,
.c-contact-details .form select {
  padding: 12px 0;
}

.c-contact-details .form > div,
.c-contact-details .form label:has(select),
.c-contact-details .form label:has(textarea) {
  margin-top: 24px;
  display: block;
}

.c-contact-details .form select {
  color: #e0dbc8;
  margin-top: 8px;
  background-image: url(../img/chevron-beige.svg);
}

.c-contact-details .form textarea {
  padding: 12px;
  margin-top: 8px;
}

.c-contact-details .form textarea::-webkit-input-placeholder {
  color: #6a747f;
}

.c-contact-details .form textarea::-moz-placeholder {
  color: #6a747f;
}

.c-contact-details .form textarea::-ms-input-placeholder {
  color: #6a747f;
}

.c-contact-details .form textarea::placeholder {
  color: #6a747f;
}

.c-contact-details .form .terms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
  margin: 24px 0;
}

@media (max-width: 47.99em) {
  .c-contact-details .form .terms {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.c-contact-details .form .wpcf7-submit {
  width: 100%;
}

.trusted-by {
  background-color: #ECEEF2;
  padding: 60px 0px;
  color: #3e4a50;
  /* the slides */
  /* the parent */
}

@media (max-width: 47.99em) {
  .trusted-by {
    padding: 24px 0 48px;
  }
}

.trusted-by__logos {
  gap: 15px;
  text-align: center;
  margin-top: 32px;
}

.trusted-by__logos img {
  max-width: 152px;
  max-height: 76px;
  width: auto !important;
  margin: 0 auto;
}

.trusted-by .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.trusted-by .slick-slide {
  margin: 0 15px;
}

.trusted-by .slick-list {
  margin: 0 -15px;
}

.related-estates {
  background-color: #113B4B;
  padding: 80px 0 112px;
}

@media (max-width: 47.99em) {
  .related-estates {
    padding: 48px 0;
  }
}

.related-estates .o-wrapper, .related-estates .testimonials.static-testimonials .testimonials__wrapper, .testimonials.static-testimonials .related-estates .testimonials__wrapper {
  margin-bottom: 40px;
}

@media (min-width: 62.5em) {
  .related-estates .o-wrapper, .related-estates .testimonials.static-testimonials .testimonials__wrapper, .testimonials.static-testimonials .related-estates .testimonials__wrapper {
    margin-bottom: 60px;
  }
}

.related-estates__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
  color: white;
}

.related-estates__header :last-child {
  margin-bottom: 0;
}

.related-estates__header .o-btn, .related-estates__header input[type="submit"], .related-estates__header .c-flexible-block__tabs .js-tab, .c-flexible-block__tabs .related-estates__header .js-tab,
.related-estates__header .c-flexible-block__tabs .js-filter-item, .c-flexible-block__tabs .related-estates__header .js-filter-item {
  font-size: 16px;
}

@media (max-width: 47.99em) {
  .related-estates__header .o-btn, .related-estates__header input[type="submit"], .related-estates__header .c-flexible-block__tabs .js-tab, .c-flexible-block__tabs .related-estates__header .js-tab,
  .related-estates__header .c-flexible-block__tabs .js-filter-item, .c-flexible-block__tabs .related-estates__header .js-filter-item {
    width: 100%;
  }
}

.related-estates__header .o-btn svg, .related-estates__header input[type="submit"] svg, .related-estates__header .c-flexible-block__tabs .js-tab svg, .c-flexible-block__tabs .related-estates__header .js-tab svg, .related-estates__header .c-flexible-block__tabs .js-filter-item svg, .c-flexible-block__tabs .related-estates__header .js-filter-item svg {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

@media (max-width: 47.99em) {
  .related-estates__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.related-estates .o-wrapper, .related-estates .testimonials.static-testimonials .testimonials__wrapper, .testimonials.static-testimonials .related-estates .testimonials__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 60px;
}

@media (max-width: 47.99em) {
  .related-estates .o-wrapper, .related-estates .testimonials.static-testimonials .testimonials__wrapper, .testimonials.static-testimonials .related-estates .testimonials__wrapper {
    gap: 40px;
  }
}

.related-estates__estates {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 64px;
}

.related-estates__estates .c-state-card {
  width: 100%;
  color: white;
  min-height: auto;
}

.related-estates__estates .c-state-card a {
  padding: 0;
}

.related-estates__estates .c-state-card .metadata {
  color: #cccccc;
}

@media (min-width: 48em) and (max-width: 62.49em) {
  .related-estates__estates .c-state-card {
    width: calc(50% - 20px);
  }
}

@media (min-width: 62.5em) {
  .related-estates__estates .c-state-card {
    width: calc(33.33% - 27px);
  }
}

.related-estates .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.related-estates a.related-estate {
  min-height: 410px;
  display: block;
}

.related-estates__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
  margin-bottom: 120px;
}

@media (max-width: 47.99em) {
  .related-estates__navigation {
    margin-top: 32px;
    margin-bottom: 48px;
  }
}

.related-estates__navigation .o-btn, .related-estates__navigation input[type="submit"], .related-estates__navigation .c-flexible-block__tabs .js-tab, .c-flexible-block__tabs .related-estates__navigation .js-tab,
.related-estates__navigation .c-flexible-block__tabs .js-filter-item, .c-flexible-block__tabs .related-estates__navigation .js-filter-item {
  padding: 12px;
  cursor: pointer;
}

.related-estates__navigation .o-btn:hover, .related-estates__navigation input:hover[type="submit"], .related-estates__navigation .c-flexible-block__tabs .js-tab:hover, .c-flexible-block__tabs .related-estates__navigation .js-tab:hover,
.related-estates__navigation .c-flexible-block__tabs .js-filter-item:hover, .c-flexible-block__tabs .related-estates__navigation .js-filter-item:hover {
  background-color: #ffffff !important;
}

.related-estates__navigation .o-btn.prev, .related-estates__navigation input.prev[type="submit"], .related-estates__navigation .c-flexible-block__tabs .prev.js-tab, .c-flexible-block__tabs .related-estates__navigation .prev.js-tab,
.related-estates__navigation .c-flexible-block__tabs .prev.js-filter-item, .c-flexible-block__tabs .related-estates__navigation .prev.js-filter-item {
  rotate: 90deg;
}

.related-estates__navigation .o-btn.next, .related-estates__navigation input.next[type="submit"], .related-estates__navigation .c-flexible-block__tabs .next.js-tab, .c-flexible-block__tabs .related-estates__navigation .next.js-tab,
.related-estates__navigation .c-flexible-block__tabs .next.js-filter-item, .c-flexible-block__tabs .related-estates__navigation .next.js-filter-item {
  rotate: -90deg;
}

.related-estates__navigation .o-btn svg, .related-estates__navigation input[type="submit"] svg, .related-estates__navigation .c-flexible-block__tabs .js-tab svg, .c-flexible-block__tabs .related-estates__navigation .js-tab svg, .related-estates__navigation .c-flexible-block__tabs .js-filter-item svg, .c-flexible-block__tabs .related-estates__navigation .js-filter-item svg {
  -webkit-animation: none;
          animation: none;
  width: 24px;
}

.related-estates__navigation .related-estates__dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.related-estates__navigation .related-estates__dots ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}

.related-estates__navigation .related-estates__dots li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.related-estates__navigation .related-estates__dots li button {
  font-size: 0;
  padding: 0;
  border: 0;
  background: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  width: 8px;
  height: 8px;
}

.related-estates__navigation .related-estates__dots li button:hover, .related-estates__navigation .related-estates__dots li button:focus {
  outline: none;
}

.related-estates__navigation .related-estates__dots li button:before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: white;
  -webkit-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.related-estates__navigation .related-estates__dots li button:hover:before {
  background-color: #99cc33;
}

.related-estates__navigation .related-estates__dots li.slick-active button:before {
  background-color: #99cc33;
}

.single-our-land .p-banner {
  max-height: 550px;
}

.single-our-land .p-banner__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 33px;
}

.single-our-land .p-banner__content h2 {
  margin-bottom: 0;
}

.single-our-land .p-banner__wrapper {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 10px;
  padding-bottom: 24px;
}

.single-our-land .p-banner__wrapper * {
  color: white;
}

.single-our-land .p-banner__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.single-our-land .p-banner__header p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.single-our-land .p-banner__header p svg {
  width: 24px;
}

.single-our-land .p-banner__header img {
  border-radius: 12px;
  width: 110px;
  height: 110px;
  aspect-ratio: 1 / 1;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: #ffffff;
  padding: 5px;
}

.single-our-land .p-banner__land-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.single-our-land .p-banner__land-details .size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.single-our-land .p-banner__land-details .size svg {
  width: 24px;
}

.our-land {
  background-color: #021d30;
}

.our-land__wrapper {
  padding-bottom: 70px;
}

@media (max-width: 62.49em) {
  .our-land__wrapper {
    padding-bottom: 40px;
  }
}

.our-land .section_title {
  color: white;
  border-bottom: 1px solid white;
  padding: 20px 0;
  cursor: pointer;
}

.our-land .section_title h2.h5,
.our-land .section_title h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}

.our-land .section_title svg {
  width: 32px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.our-land .section_title.active svg {
  rotate: 180deg;
}

.our-land .wysiwig-editor {
  color: white;
}

.our-land .tabs {
  overflow: hidden;
}

.our-land .tabs__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  margin-top: 24px;
  margin-bottom: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.our-land .tabs__header .each {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px 0;
  font-size: 14px;
  font-weight: 400;
  color: #d5d5d5;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media (max-width: 47.99em) {
  .our-land .tabs__header .each span {
    display: none;
  }
}

.our-land .tabs__header .each::after {
  position: absolute;
  height: 1px;
  width: 0%;
  bottom: 0;
  content: "";
  background: #99cc33;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.our-land .tabs__header .each svg {
  width: 24px;
}

.our-land .tabs__header .each:hover {
  color: #99cc33;
}

.our-land .tabs__header .each.active {
  color: #99cc33;
  border-color: #99cc33;
}

.our-land .tabs__header .each.active:after {
  width: 100%;
}

.our-land .tabs__details.loading {
  max-height: 600px;
  overflow: auto;
}

.our-land .tabs__details.loading .each.tabs__details-2 {
  display: block !important;
  opacity: 0;
}

.our-land .tabs__details.loading::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: transparent;
}

.our-land .tabs__details.loading::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.our-land .tabs__details.loading::-webkit-scrollbar-track {
  background-color: transparent;
}

.our-land .tabs__details .each {
  display: none;
}

.our-land .tabs__details .each.active {
  display: block;
}

.our-land .tabs__details iframe {
  aspect-ratio: 12 / 7.5;
}

.our-land .c-gallery-estate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  border-radius: 12px;
  overflow: hidden;
}

@media (max-width: 47.99em) {
  .our-land .c-gallery-estate {
    border-radius: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .our-land .c-gallery-estate > div {
    width: 100%;
    line-height: 0;
  }
}

.our-land .c-gallery-estate .next-prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  background-color: rgba(0, 0, 0, 0.7) !important;
  border-radius: 5rem;
  width: 26px;
  height: 26px;
}

.our-land .c-gallery-estate .next-prev svg {
  width: 24px;
}

.our-land .c-gallery-estate__main {
  position: relative;
}

.our-land .c-gallery-estate__main-nav .prev-btn {
  left: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.our-land .c-gallery-estate__main-nav .prev-btn svg {
  rotate: 90deg;
}

.our-land .c-gallery-estate__main-nav .next-btn {
  right: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.our-land .c-gallery-estate__main-nav .next-btn svg {
  rotate: -90deg;
}

.our-land .c-gallery-estate__main div {
  line-height: 0;
}

@media (min-width: 48em) {
  .our-land .c-gallery-estate__main {
    width: calc(72% - 8px);
    overflow: hidden;
  }
}

.our-land .c-gallery-estate__main .each img {
  aspect-ratio: 64 / 39.28;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.our-land .c-gallery-estate__nav {
  overflow: hidden;
  position: relative;
  /* the slides */
  /* the parent */
}

.our-land .c-gallery-estate__nav .c-gallery-nav .prev-btn {
  top: 16px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.our-land .c-gallery-estate__nav .c-gallery-nav .prev-btn svg {
  rotate: -180deg;
}

.our-land .c-gallery-estate__nav .c-gallery-nav .next-btn {
  bottom: 16px;
  top: auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.our-land .c-gallery-estate__nav .slick-slide {
  margin: 0 4px;
}

.our-land .c-gallery-estate__nav .slick-list {
  margin: 0 -4px;
}

.our-land .c-gallery-estate__nav div {
  line-height: 0;
}

@media (min-width: 48em) {
  .our-land .c-gallery-estate__nav {
    width: calc(28% - 8px);
    /* the slides */
    /* the parent */
  }
  .our-land .c-gallery-estate__nav .slick-slide {
    margin: 8px 0;
  }
  .our-land .c-gallery-estate__nav .slick-list {
    margin: -8px 0;
  }
}

.our-land .c-gallery-estate__nav .each img {
  aspect-ratio: 33 /19;
  -o-object-fit: cover;
     object-fit: cover;
}

.our-land #map {
  aspect-ratio: 12 / 5.5;
  width: 100%;
  border-radius: 12px;
}

.our-land .flex-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 80px;
  margin-top: 48px;
  color: white;
}

@media (max-width: 62.49em) {
  .our-land .flex-section {
    gap: 40px;
  }
}

@media (max-width: 62.49em) {
  .our-land .flex-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.our-land .flex-section > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (min-width: 62.5em) {
  .our-land .flex-section > div.right-section {
    max-width: 384px;
    position: sticky;
    top: 10px;
  }
}

@media (max-width: 62.49em) {
  .our-land .flex-section > div.right-section {
    padding-top: 0;
    width: 100%;
  }
}

.our-land .left-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

@media (max-width: 47.99em) {
  .our-land .left-section {
    width: 100%;
  }
}

.our-land .c-price-list {
  color: white;
}

@media (max-width: 47.99em) {
  .our-land .c-price-list__content {
    overflow: auto;
  }
}

.our-land .c-price-list .price-list-table {
  width: 100%;
}

.our-land .c-price-list .price-list-table thead {
  font-weight: 700;
  border-bottom: 1px solid white;
}

.our-land .c-price-list .price-list-table thead th {
  font-size: 12px;
  padding: 16px 8px;
  text-align: left;
}

.our-land .c-price-list .price-list-table tr {
  border-bottom: 1px solid white;
  font-size: 18px;
}

.our-land .c-price-list .price-list-table tr span {
  color: #ff6633;
  margin-left: 4px;
}

.our-land .c-price-list .price-list-table tr td {
  padding: 16px 8px;
}

.our-land .c-price-list .price-list-table tr td .sold {
  color: white;
  background-color: #6a747f;
  padding: 2px 12px;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  border-radius: 5rem;
}

.our-land .c-price-list .price-list-table tr:has(.sold) {
  color: #7e8b91;
  border-color: #7e8b91;
}

.our-land .c-price-list__info-wrapper {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 16px;
}

.our-land .c-price-list__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  font-size: 12px;
  color: #D5D5D5;
}

.our-land .c-price-list__info span {
  display: inline-block;
  min-width: 15px;
  color: #ff6633;
}

.our-land .c-price-list__last-update, .our-land .c-price-list__disclaimer {
  color: #D5D5D5;
  font-size: 12px;
}

.our-land .c-rebate {
  border: 1px solid #99cc33;
  background-color: #20516f;
  padding: 24px;
  border-radius: 12px;
}

.our-land .c-rebate__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  padding-top: 0;
}

.our-land .c-rebate__content {
  padding-top: 24px;
}

.our-land .c-rebate__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.our-land .c-rebate__list-each {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.our-land .c-rebate__list-each > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.our-land .c-rebate__list-each > div p {
  font-weight: 600;
}

.our-land .c-rebate__list-each img {
  width: 18px;
}

.our-land .c-about-dev,
.our-land .c-additional-info {
  color: white;
}

.our-land .c-about-dev .wysiwig-editor,
.our-land .c-additional-info .wysiwig-editor {
  margin-top: 16px;
  display: none;
}

.our-land .c-facilities {
  color: white;
}

.our-land .c-facilities__wrapper {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  padding-top: 16px;
}

.our-land .c-facilities__type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.our-land .c-facilities__type svg {
  width: 24px;
}

.our-land .c-facilities__locations {
  padding: 16px 24px 16px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.our-land .c-facilities__each {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.our-land .c-facilities__each > p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.our-land .c-facilities__each > p:nth-child(2) {
  text-align: center;
}

.our-land .c-facilities__each > p:last-child {
  text-align: right;
}

.our-land .c-builder-info {
  color: white;
}

.our-land .c-builder-info__files {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-top: 24px;
}

.our-land .c-builder-info__each {
  border: 1px solid white;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-height: 56px;
  margin-bottom: 16px;
}

.our-land .c-builder-info__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.our-land .c-builder-info__data p:first-child {
  font-weight: 600;
}

.our-land .c-builder-info__download {
  gap: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #99cc33;
  text-decoration: none;
  padding: 8px 41px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0e273a;
  border-left: 1px solid white;
  font-weight: 600;
}

.our-land .c-builder-info__download svg {
  width: 18px;
  fill: #99cc33;
}

.our-land .c-faq .o-wrapper, .our-land .c-faq .testimonials.static-testimonials .testimonials__wrapper, .testimonials.static-testimonials .our-land .c-faq .testimonials__wrapper {
  padding: 0;
}

.our-land .c-faq .c-accordion {
  margin: 0;
}

.our-land .c-faq .c-accordion__title {
  color: #d5d5d5;
  padding: 20px 0;
}

.our-land .c-faq .c-accordion__wrapper {
  padding-left: 0;
  padding: 0;
}

.our-land .c-faq .c-accordion__list {
  margin-left: 0;
  max-width: initial;
}

.our-land .c-faq .c-accordion__item {
  background-color: #f9f7f4;
  color: #113B4B;
}

.our-land .right-section {
  padding-top: 112px;
}

.our-land .right-section__buttons {
  padding-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.our-land .right-section__buttons .o-btn, .our-land .right-section__buttons input[type="submit"], .our-land .right-section__buttons .c-flexible-block__tabs .js-tab, .c-flexible-block__tabs .our-land .right-section__buttons .js-tab,
.our-land .right-section__buttons .c-flexible-block__tabs .js-filter-item, .c-flexible-block__tabs .our-land .right-section__buttons .js-filter-item {
  width: 100%;
  padding: 12px;
}

@media (max-width: 62.49em) {
  .our-land .right-section__buttons {
    display: none;
  }
}

.our-land .right-section .builder-files-dropdown {
  border: 1px solid white;
  border-radius: 5rem;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  color: white;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 24px center;
  background-size: 20px;
  padding-right: 52px;
  cursor: pointer;
}

.our-land .right-section .builder-files-dropdown option {
  background-color: #021d30;
  color: white;
}

.our-land .right-section .c-contact-form {
  margin-top: 16px;
  margin-bottom: 16px;
}

.our-land .right-section .c-contact-form__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.our-land .right-section .c-contact-form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin-top: 20px;
}

.our-land .right-section .c-contact-form form .hidden-fields-container {
  display: none;
}

.our-land .right-section .c-contact-form form input {
  font-size: 14px;
  padding-block: 12px;
}

.our-land .right-section .c-contact-form form input::-webkit-input-placeholder {
  color: white;
  font-size: 14px;
}

.our-land .right-section .c-contact-form form input::-moz-placeholder {
  color: white;
  font-size: 14px;
}

.our-land .right-section .c-contact-form form input::-ms-input-placeholder {
  color: white;
  font-size: 14px;
}

.our-land .right-section .c-contact-form form input::placeholder {
  color: white;
  font-size: 14px;
}

.our-land .right-section .c-contact-form form input[type="submit"] {
  margin-top: 8px;
  font-size: 16px;
  padding: 12px;
}

.our-land .right-section .c-contact-form form .wpcf7-form-control-wrap input {
  position: relative;
  padding-left: 22px;
}

.our-land .right-section .c-contact-form form .wpcf7-form-control-wrap::before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  background-size: contain;
  top: 15px;
  background-repeat: no-repeat;
  background-position: center;
}

.our-land .right-section .c-contact-form form .wpcf7-form-control-wrap[data-name*="name"]::before {
  background-image: url("../img/form-profile.svg");
}

.our-land .right-section .c-contact-form form .wpcf7-form-control-wrap[data-name*="mail"]::before {
  background-image: url("../img/form-email.svg");
}

.our-land .right-section .c-contact-form form .wpcf7-form-control-wrap[data-name*="phone"]::before {
  background-image: url("../img/form-phone.svg");
}

@media print {
  h5 {
    font-size: 20px;
  }
  table tr {
    font-size: 12px !important;
  }
  li,
  p {
    font-size: 12px;
  }
  li.p-large,
  p.p-large {
    font-size: 16px;
  }
  .our-land {
    background-color: white;
  }
  .our-land .wysiwig-editor {
    font-size: 12px;
  }
  .our-land * {
    color: #113B4B !important;
  }
  .back-icon,
  .p-banner__video,
  .social_icons,
  .c-footer__copy .links,
  .c-footer__suburbs,
  .c-footer__subscribe,
  .c-footer__main-right,
  .section_title h5 svg,
  .right-section,
  .tabs__header,
  .tabs__details-3,
  .c-gallery-estate__nav,
  .c-gallery-estate__main-nav,
  .c-rebate__header svg,
  .c-faq,
  .c-builder-info,
  .c-top {
    display: none !important;
  }
  .left-section {
    page-break-before: always;
    gap: 12px;
    padding-top: 30px;
  }
  .o-wrapper, .testimonials.static-testimonials .testimonials__wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .our-land__wrapper {
    padding-bottom: 0;
  }
  .section_title {
    padding: 10px 0 0 !important;
    border-bottom: 0 !important;
  }
  .p-banner {
    aspect-ratio: 2 / 0.5;
    padding-top: 80px;
  }
  .p-banner__wrapper {
    z-index: 99;
  }
  .p-banner:after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(4.98%, rgba(2, 29, 48, 0)), color-stop(53.55%, rgba(2, 29, 48, 0.33)), color-stop(96.68%, #ffffff));
    background: -o-linear-gradient(top, rgba(2, 29, 48, 0) 4.98%, rgba(2, 29, 48, 0.33) 53.55%, #ffffff 96.68%);
    background: linear-gradient(180deg, rgba(2, 29, 48, 0) 4.98%, rgba(2, 29, 48, 0.33) 53.55%, #ffffff 96.68%);
  }
  .tabs__details-1,
  .tabs__details-2 {
    display: block !important;
    margin: 40px 0;
  }
  .tabs__details-3 {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .c-gallery-estate__main {
    width: 100% !important;
    border-radius: 0;
  }
  .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .slick-track:before,
  .slick-track:after {
    content: none;
  }
  .slick-slider .slick-list,
  .slick-slider .slick-track {
    height: auto !important;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
    width: auto !important;
  }
  .slick-slide {
    display: block !important;
    float: none !important;
    position: static !important;
    opacity: 1 !important;
    width: calc(25% - 10px) !important;
  }
  .c-rebate {
    background-color: white !important;
  }
  .c-footer__logo {
    text-align: center;
  }
}

.page-template-tmpl-archive {
  background-color: #F9F8F4;
}

.c-archive__header {
  background-color: #021d30;
  padding-top: 160px;
}

.c-archive__header * {
  color: white;
}

@media (max-width: 47.99em) {
  .c-archive__header {
    padding-top: 112px;
  }
}

.c-archive__section {
  padding: 80px 0 112px;
}

@media (max-width: 47.99em) {
  .c-archive__section {
    padding: 48px 0;
  }
}

.c-archive__nav {
  border-radius: 20px;
  padding-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 16px;
  overflow: hidden;
}

@media (max-width: 47.99em) {
  .c-archive__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.c-archive__nav * {
  color: #113B4B;
}

.c-archive__nav > div {
  border-bottom: 0.5px solid #6a747f;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.c-archive__nav .filter-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-archive__nav .filter-group a {
  font-size: 18px;
  text-decoration: none;
  padding: 8px;
  position: relative;
}

.c-archive__nav .filter-group a.active:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #ff6633;
  bottom: 2px;
  left: 0;
}

@media (min-width: 48em) {
  .c-archive__nav .sort-group {
    max-width: 225px;
  }
}

.c-archive__nav .sort-group select {
  padding: 14px 36px 14px 12px;
}

.c-archive__content {
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 72px;
}

.c-archive__posts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 48em) {
  .c-archive__posts {
    gap: 20px;
  }
}

@media (min-width: 62.5em) {
  .c-archive__posts {
    gap: 40px;
  }
}

.c-archive__posts .c-post-card {
  width: 100%;
}

@media (min-width: 48em) and (max-width: 62.49em) {
  .c-archive__posts .c-post-card {
    width: calc(50% - 20px);
  }
}

@media (min-width: 62.5em) {
  .c-archive__posts .c-post-card {
    width: calc(33.33% - 27px);
  }
}

#posts-container.loading:before {
  content: "";
  position: fixed;
  inset: 0;
  background: #021d30;
  opacity: 0.5;
  z-index: 1;
}

#posts-container.loading .loader {
  display: block;
  width: 24px;
  height: 24px;
  border: 2px solid white;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-animation: rotation 1s linear infinite;
          animation: rotation 1s linear infinite;
  z-index: 1;
  position: fixed;
  left: calc(50% - 12px);
  top: calc(50% - 12px);
}

.c-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}

.c-pagination .page-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-pagination a, .c-pagination span {
  border: 1px solid #e0dbc8;
  border-radius: 5rem;
  font-size: 14px;
  text-decoration: none;
  font-weight: 400;
  width: 38px;
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-pagination a.prev, .c-pagination a.next, .c-pagination span.prev, .c-pagination span.next {
  width: 78px;
}

.c-pagination a:hover {
  border-color: #113B4B;
}

.c-pagination .is-active {
  border-color: #113B4B;
  font-weight: 600;
}

.single-post {
  background-color: #F9F8F4;
}

.single-post .p-banner {
  padding: 136px 0 32px;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

@media (min-width: 62.5em) {
  .single-post .p-banner {
    aspect-ratio: 14 / 6.8;
    max-height: 680px;
    padding: 146px 0 56px;
  }
}

.single-post .p-banner:after {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(8.49%, rgba(0, 0, 0, 0.55)), color-stop(25.36%, rgba(0, 0, 0, 0))), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.55) 8.49%, rgba(0, 0, 0, 0) 25.36%), -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.55) 8.49%, rgba(0, 0, 0, 0) 25.36%), linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.single-post .p-banner .o-wrapper, .single-post .p-banner .testimonials.static-testimonials .testimonials__wrapper, .testimonials.static-testimonials .single-post .p-banner .testimonials__wrapper {
  width: 100%;
}

.single-post .p-banner__content {
  max-width: 1056px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}

@media (max-width: 47.99em) {
  .single-post .p-banner__content {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.single-post .p-banner__content .back-icon {
  font-size: 16px;
}

.single-post .p-banner .post_metadata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  font-size: 14px;
  margin-bottom: 9px;
}

.single-post .p-banner .post_metadata svg {
  color: #e0dbc8;
  width: 6px;
}

.single-post .p-banner .tags {
  margin-top: 32px;
  font-size: 14px;
}

.single-post .c-single-post {
  padding-top: 48px;
  padding-bottom: 112px;
}

.single-post .c-single-post__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}

@media (max-width: 47.99em) {
  .single-post .c-single-post__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.single-post .c-single-post__content {
  max-width: 765px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.single-post .c-single-post__content mark {
  background-color: #99cc33;
  color: #113B4B;
}

.single-post .c-single-post__sidebar {
  max-width: 357px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (min-width: 48em) and (max-width: 62.49em) {
  .single-post .c-single-post__sidebar {
    max-width: 280px;
  }
}

@media (max-width: 47.99em) {
  .single-post .c-single-post__sidebar {
    max-width: 800px;
    margin-bottom: 24px;
  }
}

.single-post .c-single-post__sidebar hr {
  height: 1px;
  border: 0;
  margin-bottom: 24px;
  background-color: #e0dbc8;
}

@media (max-width: 47.99em) {
  .single-post .c-single-post__sidebar hr {
    margin-bottom: 12px;
  }
}

.single-post .contributors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  margin-bottom: 48px;
}

@media (max-width: 47.99em) {
  .single-post .contributors {
    margin-bottom: 36px;
  }
}

.single-post .contributors h5 {
  margin: 0;
}

.single-post .contributors .each {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}

.single-post .contributors .each .photo {
  width: 56px;
  height: 56px;
  border-radius: 5rem;
  background-size: cover;
  background-position: center;
}

.single-post .contributors .each .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.single-post .contributors .each .name {
  font-size: 16px;
  font-weight: 600;
  color: #3e4a50;
}

.single-post .contributors .each .position {
  font-size: 14px;
  font-weight: 400;
  color: #6a747f;
}

.single-post .contributors .each .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
}

.single-post .contributors .each .contact .phone,
.single-post .contributors .each .contact .mail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #3e4a50;
}

.single-post .contributors .each .contact .phone svg,
.single-post .contributors .each .contact .mail svg {
  width: 24px;
}

.search-no-results .header-bg,
.search-results .header-bg {
  max-width: 870px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

@media (max-width: 47.99em) {
  .search-no-results .header-bg,
  .search-results .header-bg {
    display: none;
  }
}

.search-no-results h1,
.search-results h1 {
  margin-bottom: 16px;
}

.search-no-results #Main,
.search-results #Main {
  background-color: white;
  padding: 190px 0 80px;
}

@media (max-width: 47.99em) {
  .search-no-results #Main,
  .search-results #Main {
    padding: 140px 0 80px;
  }
}

.search-no-results #Main > div,
.search-results #Main > div {
  position: relative;
  z-index: 1;
}

.search-no-results .search-filter,
.search-results .search-filter {
  border-bottom: 0.5px solid #6a747f;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.search-no-results .search-filter a,
.search-results .search-filter a {
  font-size: 18px;
  text-decoration: none;
  padding: 8px;
  position: relative;
}

.search-no-results .search-filter a.active:after,
.search-results .search-filter a.active:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #ff6633;
  bottom: 2px;
  left: 0;
}

.search-no-results .result-section,
.search-results .result-section {
  padding: 55px 0;
}

@media (max-width: 47.99em) {
  .search-no-results .result-section,
  .search-results .result-section {
    padding: 24px 0;
  }
}

.search-no-results .page_results,
.search-results .page_results {
  display: none;
}

.search-no-results .page_results .result-section__content,
.search-results .page_results .result-section__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

.search-no-results .page_results .result-section__content h5,
.search-results .page_results .result-section__content h5 {
  margin-bottom: 8px;
}

.search-no-results .page_results .result-section__content p,
.search-results .page_results .result-section__content p {
  font-size: 18px;
  margin-bottom: 0;
}

.search-no-results .article_results,
.search-results .article_results {
  display: none;
}

.search-no-results .article_results .c-post-card,
.search-results .article_results .c-post-card {
  opacity: 1;
}

:root {
  --bm-gap: 48px;
  --bm-gap-mobile: 16px;
  --bm-scroll-start: 0;
  --bm-scroll-end: calc(-100% - var(--bm-gap));
}

.c-awards-slider {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

.c-awards-slider__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-bottom: 20px;
  max-width: 738px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.c-awards-slider__logo {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  width: 107px;
  height: 107px;
}

.c-awards-slider__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: scale(1.001);
      -ms-transform: scale(1.001);
          transform: scale(1.001);
  -webkit-transition: .25s;
  -o-transition: .25s;
  transition: .25s;
}

@media (max-width: 47.99em) {
  .c-awards-slider__logo img {
    max-width: 64px;
    max-height: 64px;
  }
}

.c-awards-slider__logo.is-link:hover img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

.c-awards-slider__logos-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  gap: var(--bm-gap);
  margin-bottom: 20px;
}

@media (min-width: 48em) {
  .c-awards-slider__logos-wrap {
    margin-bottom: 40px;
  }
}

.c-awards-slider__logos-wrap:last-child {
  margin-bottom: 0;
}

.c-awards-slider__logos {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: var(--bm-gap);
  min-width: 100%;
  -webkit-animation: scroll-x 160s linear infinite;
          animation: scroll-x 160s linear infinite;
}

@media (max-width: 47.99em) {
  .c-awards-slider__logos {
    gap: var(--bm-gap-mobile);
  }
}

.c-brands-module__logos-wrap.reverse .c-awards-slider__logos {
  animation-direction: reverse;
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
}

@-webkit-keyframes scroll-x {
  from {
    -webkit-transform: translateX(var(--bm-scroll-start));
            transform: translateX(var(--bm-scroll-start));
  }
  to {
    -webkit-transform: translateX(var(--bm-scroll-end));
            transform: translateX(var(--bm-scroll-end));
  }
}

@keyframes scroll-x {
  from {
    -webkit-transform: translateX(var(--bm-scroll-start));
            transform: translateX(var(--bm-scroll-start));
  }
  to {
    -webkit-transform: translateX(var(--bm-scroll-end));
            transform: translateX(var(--bm-scroll-end));
  }
}