@import url(//hello.myfonts.net/count/3cde9e);
:root {
  --font-display: 'bebas-neue-pro-expanded', sans-serif;
  --font-body: urbane, sans-serif;
  --font-heading: 'Optima', sans-serif;
  /* 
   * Colours
  */
  --color-error: #cb3d3d;
  --color-notification: #e57600;
  --color-success: #2a8557;
  --color-black: #000;
  /*
    ** Dark green. 
  */
  --color-darkgreen-200: #22332b;
  --color-darkgreen-300: #15221b;
  /*
    ** Light gray. 
  */
  --color-lightgray-100: #979797;
  --color-lightgray-200: #d8d8d8;
  --color-lightgray-300: #808080;
  --color-lightgray-400: #a1a3a6;
  --color-lightgray-500: #d0d1d2;
  --color-lightgray-600: #f2f2f2;
  /*
    ** Dark gray. 
  */
  --color-darkgray-100: #0b110e;
  --color-gray-100: #e5f0ef;
  --color-gray-200: #070707;
  --color-gray-300: #696969;
  --color-gray-400: #3d3d3d;
  --color-gray-500: #a3a3a3;
  /* 
   * Updates
  */
  --warning-success: #2b8557;
  --warning-error: #cb3d3d;
  --white: #fff;
  --white-10: rgba(255, 255, 255, 0.1);
  --white-15: rgba(255, 255, 255, 0.15);
  --white-20: rgba(255, 255, 255, 0.2);
  --white-25: rgba(255, 255, 255, 0.25);
  --white-40: rgba(255, 255, 255, 0.4);
  --white-90: rgba(255, 255, 255, 0.9);
  --lime-essence: #cedc00;
  --lime-essence-10: #b9c600;
  --ivy-green: #006f62;
  --ivy-green-75: rgba(0, 111, 98, 0.75);
  --warning-success: #2b8557;
  --warning-error: #cb3d3d;
  --storm-green-hover: #337a72;
  --storm-green: #00594f;
  --storm-green-75: rgba(0, 89, 79, 0.75);
  --storm-green-85: rgba(0, 89, 79, 0.85);
  --storm-green-20: #00473f;
  --storm-green-20-75: rgba(0, 71, 63, 0.75);
  --storm-green-40: #00352f;
  --storm-green-60: #002420;
  --storm-green-80: #001210;
  --off-black: #00231f;
  --dark: #161a21;
  --pine-green: #385748;
  --pine-green-20: #2b4439;
  --dark-forest-green: #00231f;
  --dark-forest-green-two: #00110f;
  /* 
   * Font Size 
  */
  --font-size-xsm: 0.5rem; /* 8px */
  --font-size-1xsm: 0.5625rem; /* 9px */
  --font-size-2xsm: 0.625rem; /* 10px */
  --font-size-3xsm: 0.6875rem; /* 11px */
  --font-size-sm: 0.75rem; /* 12px */
  --font-size-1sm: 0.8125rem; /* 13px */
  --font-size-2sm: 0.875rem; /* 14px */
  --font-size-3sm: 0.9375rem; /* 15px */
  --font-size-base: 1rem; /* 16px */
  --font-size-md: 1.125rem; /* 18px */
  --font-size-1md: 1.25rem; /* 20px */
  --font-size-2md: 1.375rem; /* 22px */
  --font-size-3md: 1.5rem; /* 24px */
  --font-size-4md: 1.75rem; /* 28px */
  --font-size-5md: 2.0625rem; /* 33px */
  --font-size-6md: 2.375rem; /* 38px */
  --font-size-lg: 2.625rem; /* 42px */
  --font-size-1lg: 2.875rem; /* 46px */
  --font-size-2lg: 3.375rem; /* 54px */
  --font-size-3lg: 3.625rem; /* 58px */
  --font-size-4lg: 4rem; /* 64px */
  --font-size-xl: 4.5rem; /* 72px */
  --font-size-xlx1: 4.75rem; /* 76px */
  --font-size-1xl: 5.3125rem; /* 85px */
  --font-size-1xlx1: 5.625rem; /* 90px */
  --font-size-2xl: 5.9375rem; /* 95px */
  --font-size-3xl: 6.875rem; /* 110px */
  --font-size-4xl: 8.125rem; /* 130px */
  --font-size-5xl: 10rem; /* 160px */
  --font-size-xxl: 11.25rem; /* 180px */
  /* 
   * Letter Spacing 
  */
  --tracking-tightest: -1px;
  --tracking-tighter: -0.5px;
  --tracking-1tighter: -0.35px;
  --tracking-tight: -0.1px;
  --tracking-1tight: -0.18px;
  --tracking-normal: normal;
  --tracking-medium: 0.1px;
  --tracking-1medium: 0.2px;
  --tracking-2medium: 0.3px;
  --tracking-3medium: 0.4px;
  --tracking-4medium: 1px;
  --tracking-5medium: 1.29px;
  --tracking-6medium: 1.4px;
  --tracking-7medium: 2.2px;
  --tracking-wide: 3px;
  --tracking-1wide: 3.5px;
  --tracking-2wide: 4.2px;
  --tracking-wider: 5px;
  --tracking-1wider: 6px;
  --tracking-widest: 7px;
  --tracking-1widest: 7.13px;
  --tracking-2widest: 7.88px;
  --tracking-3widest: 8.73px;
  /* 
   * Wrapper 
  */
  --wrapper-normal: 1440px;
  /* 
   * Line Height
  */
  --leading-none: 1;
  --leading-extrasnug: 0.75;
  --leading-snug: 0.95;
  --leading-normal: normal;
  --leading-extrarelaxed: 1.15;
  --leading-1extrarelaxed: 1.3;
  --leading-relaxed: 1.35;
  --leading-1relaxed: 1.45;
  --leading-2relaxed: 1.55;
  --leading-3relaxed: 1.65;
  --leading-4relaxed: 1.75;
  --leading-5relaxed: 1.85;
  --leading-loose: 2;
  --leading-extra-loose: 2.15;
  --leading-loosest: 2.75;
  --leading-1loosest: 3.67;
  /* 
   * Spacing 
  */
  --section-spacing-tightest: 8px;
  --section-spacing-1tightest: 2px;
  --section-spacing-2tightest: 5px;
  --section-spacing-tighter: 10px;
  --section-spacing-1tighter: 12px;
  --section-spacing-extra-tight: 15px;
  --section-spacing-tight: 20px;
  --section-spacing-1tight: 25px;
  --section-spacing-normal: 30px;
  --section-spacing-1normal: 35px;
  --section-spacing-medium: 40px;
  --section-spacing-1medium: 45px;
  --section-spacing-2medium: 50px;
  --section-spacing-large: 60px;
  --section-spacing-1large: 70px;
  --section-spacing-2large: 85px;
  --section-spacing-larger: 90px;
  --section-spacing-1larger: 100px;
  --section-spacing-2larger: 115px;
  --section-spacing-3larger: 120px;
  --section-spacing-4larger: 135px;
  --section-spacing-largest: 140px;
  --section-spacing-1largest: 155px;
  --section-spacing-2largest: 170px;
  --section-spacing-3largest: 230px;
  --section-spacing-4largest: 250px;
}

/*! normalize.css v8.0.1 | 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 iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  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
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

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 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
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.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 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: urbane; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #696969;
  border-color: var(--color-gray-300); /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #a0aec0;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #a0aec0;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #a0aec0;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #a0aec0;
}

input::placeholder,
textarea::placeholder {
  color: #a0aec0;
}

button,
[role="button"] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

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

/**
 * @license
 * MyFonts Webfont Build ID 3989150, 2020-12-18T14:22:01-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: OptimaLTPro-Roman by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/optima/pro-roman2/
 * 
 * Webfont: OptimaLTPro-Bold by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/optima/pro-bold/
 * 
 * 
 * Webfonts copyright: Copyright &amp;#x00A9; 2014 Monotype Imaging Inc. All rights reserved.
 * 
 * © 2020 MyFonts Inc
*/

/* @import must be at top of file, otherwise CSS will not work */

@font-face {
  font-family: 'Optima';

  src: url(/public/fonts/optimaltpro-roman.woff2) format('woff2'), url(/public/fonts/optimaltpro-roman.woff) format('woff');

  font-weight: 400;

  font-style: normal;

  font-stretch: normal;

  font-display: swap;
}

@font-face {
  font-family: 'Optima';

  src: url(/public/fonts/optimaltpro-bold.woff2) format('woff2'), url(/public/fonts/optimaltpro-bold.woff) format('woff');

  font-weight: 600;

  font-style: normal;

  font-stretch: normal;

  font-display: swap;
}

body {
  font-family: urbane, sans-serif;
  font-family: var(--font-body);
  padding: 0;
  overflow-x: hidden;
  width: 100%;
}

body.expose-nav,
  body.modal-open {
    overflow: hidden;
  }

body.expose-nav .c-scrollbar, body.modal-open .c-scrollbar {
      display: none;
    }

body .native-share,
  body .inline-share {
    display: none;
  }

body.has-native-share .native-share {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }

body.no-native-share .inline-share {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }

body.is-touch .hide-for-touch {
      display: none;
    }

body.has-hover .show-for-touch {
      display: none;
    }

.container {
  padding: 0 20px;
}

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

@media (min-width: 100%){
  .container{
    max-width: 100%;
  }
}

@media (min-width: 375px){
  .container{
    max-width: 375px;
  }
}

@media (min-width: 414px){
  .container{
    max-width: 414px;
  }
}

@media (min-width: 560px){
  .container{
    max-width: 560px;
  }
}

@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}

@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}

.author__avatar {
    min-width: 50px;
    width: 50px;
  }

@media (min-width: 1024px) {

.author__avatar {
      min-width: 60px;

      width: 60px
  }
    }

.card {
  -webkit-transition: -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease;
  transition: -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  transition: transform 0.4s ease, box-shadow 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease;
}

.card--invert {
    border: 1px solid #00594f;
    border: 1px solid var(--storm-green);
  }

.card--racing__body {
      height: 410px;
    }

.card--racing__body img {
        margin-left: auto;
        margin-right: auto;
      }

.card--racing__image::before {
        background-color: rgba(0, 0, 0, 0.7);
        content: '';
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
      }

.card.fixed-height {
    height: 470px;
  }

@media (min-width: 1024px) {

.card.fixed-height {
      height: 570px
  }
    }

.card.has-before::before {
      background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(56%, rgba(7, 7, 7, 0.72)), to(#0c0c0d));
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(7, 7, 7, 0.72) 56%, #0c0c0d);
      bottom: 0;
      content: '';
      height: 70%;
      left: 0;
      opacity: 0.8;
      position: absolute;
      -webkit-transition: opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1);
      transition: opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1);
      width: 100%;
      z-index: 2;
    }

.card.has-before:hover {
      -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 14px 2px;
              box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 14px 2px;
    }

.card.has-before:hover::before {
        opacity: 1;
      }

.card:hover {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }

.card .heading.has-after::after {
    height: 2px;
  }

.card__image {
    z-index: 1;
  }

.card__modal-btn > span,
    .card__modal-btn svg {
      height: 40px;
      width: 40px;
    }

.card__modal-btn .btn-modal {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-transition: -webkit-box-shadow 0.4s ease;
      transition: -webkit-box-shadow 0.4s ease;
      transition: box-shadow 0.4s ease;
      transition: box-shadow 0.4s ease, -webkit-box-shadow 0.4s ease;
      width: 100%;
    }

.card__modal-btn .btn-modal:hover {
        -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 14px 2px;
                box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 14px 2px;
      }

.card__modal-btn .icon {
      margin: 0;
      -webkit-transition: -webkit-transform 0.4s ease;
      transition: -webkit-transform 0.4s ease;
      transition: transform 0.4s ease;
      transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    }

@media (min-width: 1024px) {
        .card__modal-btn .icon:hover {
          -webkit-transform: scale(1.1);
                  transform: scale(1.1);
        }
      }

.card__icon {
    pointer-events: none;
    top: 220px;
  }

.card__icon svg {
      height: 40px;
      width: 40px;
    }

.card .driver-results {
    height: 40px;
  }

.card .driver-results__position {
      height: 40px;
      min-width: 42px;
      padding-top: 6px;
      width: 42px;
    }

.article-meta > div > div:not(:last-of-type) {
    position: relative;
  }

.article-meta > div > div:not(:last-of-type)::after {
      background-color: #161a21;
      background-color: var(--dark);
      border-radius: 100%;
      bottom: 0;
      content: '';
      display: block;
      height: 3px;
      margin: auto;
      opacity: 0.5;
      position: absolute;
      right: -12px;
      top: 0;
      width: 3px;
    }

@media (min-width: 1024px) {

.article-meta > div > div:not(:last-of-type)::after {
        display: none
    }
      }

.article-meta .inline-share a,
    .article-meta .inline-share .icon {
      display: block;
    }

.article-meta .inline-share a:hover svg .svg-fill {
      fill: #337a72;
      fill: var(--storm-green-hover);
    }

.article-meta .inline-share .icon--twitter svg {
      height: 13px;
      width: 17px;
    }

.article-meta .inline-share .icon--facebook svg {
      height: 14px;
      width: 7px;
    }

.article-meta .inline-share .icon--linkedin svg {
      height: 14px;
      width: 14px;
    }

.article-meta .inline-share .icon--email svg {
      height: 11px;
      width: 14px;
    }

.article-view {
  margin-bottom: 60px;
}

.article-view > h2,
  .article-view > h3,
  .article-view > h4,
  .article-view > p,
  .article-view > ul,
  .article-view > ol {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-left: var(--section-spacing-tight);
    padding-right: 40px;
    padding-right: var(--section-spacing-medium);
    width: 100%;
  }

@media (min-width: 1024px) {

.article-view > h2,
  .article-view > h3,
  .article-view > h4,
  .article-view > p,
  .article-view > ul,
  .article-view > ol {
      max-width: 760px
  }
    }

.article-view .inline-share a:hover .svg-fill {
    fill: #cedc00;
    fill: var(--lime-essence);
  }

.bar-chart__bar span {
    border-radius: 2.5px;
    height: 5px;
    -webkit-transition: width 0.4s ease;
    transition: width 0.4s ease;
  }

.btn {
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-block;
  font-family: 'Optima', sans-serif;
  font-family: var(--font-heading);
  font-weight: bold;
  letter-spacing: normal;
  letter-spacing: var(--tracking-normal);
  line-height: 1;
  line-height: var(--leading-none);
  padding: 0;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
  }

.btn:focus,
  .btn:active {
    outline: none;
  }

.btn.theme-storm-green .icon--arrow-button-round .svg-fill {
      fill: #00594f;
      fill: var(--storm-green);
    }

.btn .has-opacity {
    -webkit-transition: opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    transition: opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  }

.btn .has-opacity:hover {
      opacity: 1;
    }

.btn-default {
    -webkit-transition: color 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    transition: color 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  }

.has-hover .btn-default:hover {
        color: #00594f;
        color: var(--storm-green);
      }

.has-hover .btn-default:hover .svg-stroke {
          stroke: #00594f;
          stroke: var(--storm-green);
        }

.btn-default.theme-lime-essence .svg-stroke {
        stroke: #cedc00;
        stroke: var(--lime-essence);
      }

.has-hover .btn-default.theme-lime-essence:hover {
          color: #fff;
          color: var(--white);
        }

.has-hover .btn-default.theme-lime-essence:hover .svg-stroke {
            stroke: #fff;
            stroke: var(--white);
          }

.btn-default.theme-white .svg-stroke {
        stroke: #fff;
        stroke: var(--white);
      }

.has-hover .btn-default.theme-white:hover {
          color: #fff;
          color: var(--white);
        }

.has-hover .btn-default.theme-white:hover .svg-stroke {
            stroke: #fff;
            stroke: var(--white);
          }

.btn-default.theme-dark .svg-stroke {
        stroke: #161a21;
        stroke: var(--dark);
      }

.has-hover .btn-default.theme-dark:hover {
          color: #00594f;
          color: var(--storm-green);
        }

.has-hover .btn-default.theme-dark:hover .svg-stroke {
            stroke: #00594f;
            stroke: var(--storm-green);
          }

.btn-default.theme-white-lime-essence .svg-stroke {
        stroke: #fff;
        stroke: var(--white);
      }

.has-hover .btn-default.theme-white-lime-essence:hover {
          color: #cedc00;
          color: var(--lime-essence);
        }

.has-hover .btn-default.theme-white-lime-essence:hover .svg-stroke {
            stroke: #cedc00;
            stroke: var(--lime-essence);
          }

.btn-primary {
    background-color: #cedc00;
    background-color: var(--lime-essence);
    border-color: #cedc00;
    border-color: var(--lime-essence);
    color: #15221b;
    color: var(--color-darkgreen-300);
    padding: 15px 35px;
    padding: var(--section-spacing-extra-tight) var(--section-spacing-1normal);
    position: relative;
    -webkit-transition: color 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    transition: color 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  }

.hero .btn-primary {
      padding: 15px 70px;
      padding: var(--section-spacing-extra-tight) var(--section-spacing-1large);
    }

.btn-primary.btn-thin {
      padding-left: 30px;
      padding-left: var(--section-spacing-normal);
    }

@media (min-width: 1024px) {

.btn-primary.btn-thin {
        padding-left: 45px;
        padding-left: var(--section-spacing-1medium)
    }
      }

.btn-primary.btn-thin:not(.has-icon) {
        padding-right: 30px;
        padding-right: var(--section-spacing-normal);
      }

@media (min-width: 1024px) {

.btn-primary.btn-thin:not(.has-icon) {
          padding-right: 45px;
          padding-right: var(--section-spacing-1medium)
      }
        }

.btn-primary.theme-lime-essence {
      background-color: #cedc00;
      background-color: var(--lime-essence);
      border-color: #cedc00;
      border-color: var(--lime-essence);
      color: #00473f;
      color: var(--storm-green-20);
    }

.btn-primary.theme-lime-essence::before {
        background-color: #00594f;
        background-color: var(--storm-green);
      }

.btn-primary.theme-lime-essence .svg-stroke {
        stroke: #00473f;
        stroke: var(--storm-green-20);
      }

.has-hover .btn-primary.theme-lime-essence:hover {
          color: #fff;
          color: var(--white);
        }

.has-hover .btn-primary.theme-lime-essence:hover .svg-stroke {
            stroke: #fff;
            stroke: var(--white);
          }

.btn-primary.theme-storm-green {
      background-color: #00594f;
      background-color: var(--storm-green);
      border-color: #00594f;
      border-color: var(--storm-green);
      color: #fff;
      color: var(--white);
    }

.btn-primary.theme-storm-green::before {
        background-color: #fff;
        background-color: var(--white);
      }

.btn-primary.theme-storm-green .svg-stroke {
        stroke: #fff;
        stroke: var(--white);
      }

.has-hover .btn-primary.theme-storm-green:hover {
          color: #00594f;
          color: var(--storm-green);
        }

.has-hover .btn-primary.theme-storm-green:hover .svg-stroke {
            stroke: #00594f;
            stroke: var(--storm-green);
          }

.btn-primary.theme-ivy-green-75 {
      background-color: rgba(0, 111, 98, 0.75);
      background-color: var(--ivy-green-75);
      border-color: rgba(0, 111, 98, 0.75);
      border-color: var(--ivy-green-75);
      color: #fff;
      color: var(--white);
    }

.btn-primary.theme-ivy-green-75::before {
        background-color: #cedc00;
        background-color: var(--lime-essence);
      }

.btn-primary.theme-ivy-green-75 .svg-stroke {
        stroke: #fff;
        stroke: var(--white);
      }

.has-hover .btn-primary.theme-ivy-green-75:hover {
          color: #006f62;
          color: var(--ivy-green);
        }

.has-hover .btn-primary.theme-ivy-green-75:hover .svg-stroke {
            stroke: #006f62;
            stroke: var(--ivy-green);
          }

.btn-primary.theme-storm-green-75 {
      background-color: rgba(0, 89, 79, 0.75);
      background-color: var(--storm-green-75);
      border-color: rgba(0, 89, 79, 0.75);
      border-color: var(--storm-green-75);
      color: #fff;
      color: var(--white);
    }

.btn-primary.theme-storm-green-75::before {
        background-color: #cedc00;
        background-color: var(--lime-essence);
      }

.btn-primary.theme-storm-green-75 .svg-stroke {
        stroke: #fff;
        stroke: var(--white);
      }

.has-hover .btn-primary.theme-storm-green-75:hover {
          color: #00594f;
          color: var(--storm-green);
        }

.has-hover .btn-primary.theme-storm-green-75:hover .svg-stroke {
            stroke: #00594f;
            stroke: var(--storm-green);
          }

.btn-primary.theme-pine-green-20 {
      background-color: #2b4439;
      background-color: var(--pine-green-20);
      border-color: #2b4439;
      border-color: var(--pine-green-20);
      color: #fff;
      color: var(--white);
    }

.btn-primary.theme-pine-green-20::before {
        background-color: #cedc00;
        background-color: var(--lime-essence);
      }

.btn-primary.theme-pine-green-20 .svg-stroke {
        stroke: #fff;
        stroke: var(--white);
      }

.has-hover .btn-primary.theme-pine-green-20:hover {
          color: #385748;
          color: var(--pine-green);
        }

.has-hover .btn-primary.theme-pine-green-20:hover .svg-stroke {
            stroke: #385748;
            stroke: var(--pine-green);
          }

.btn-primary.theme-storm-green-20-75 {
      background-color: rgba(0, 71, 63, 0.75);
      background-color: var(--storm-green-20-75);
      border-color: rgba(0, 71, 63, 0.75);
      border-color: var(--storm-green-20-75);
      color: #fff;
      color: var(--white);
    }

.btn-primary.theme-storm-green-20-75::before {
        background-color: #cedc00;
        background-color: var(--lime-essence);
      }

.btn-primary.theme-storm-green-20-75 .svg-stroke {
        stroke: #fff;
        stroke: var(--white);
      }

.has-hover .btn-primary.theme-storm-green-20-75:hover {
          color: #00473f;
          color: var(--storm-green-20);
        }

.has-hover .btn-primary.theme-storm-green-20-75:hover .svg-stroke {
            stroke: #00473f;
            stroke: var(--storm-green-20);
          }

.btn-primary.theme-pine-green {
      background-color: #385748;
      background-color: var(--pine-green);
      border-color: #385748;
      border-color: var(--pine-green);
      color: #fff;
      color: var(--white);
    }

.btn-primary.theme-pine-green::before {
        background-color: #fff;
        background-color: var(--white);
      }

.btn-primary.theme-pine-green.before-lime-essence::before {
          background-color: #cedc00;
          background-color: var(--lime-essence);
        }

.btn-primary.theme-pine-green .svg-stroke {
        stroke: #fff;
        stroke: var(--white);
      }

.has-hover .btn-primary.theme-pine-green:hover {
          color: #385748;
          color: var(--pine-green);
        }

.has-hover .btn-primary.theme-pine-green:hover .svg-stroke {
            stroke: #385748;
            stroke: var(--pine-green);
          }

.btn-primary::before {
      content: '';
      height: calc(100% + 2px);
      left: -1px;
      position: absolute;
      top: -1px;
      -webkit-transition: width 0.4s cubic-bezier(0.7, 0, 0.3, 1);
      transition: width 0.4s cubic-bezier(0.7, 0, 0.3, 1);
      width: 2px;
      z-index: 1;
    }

.has-hover .btn-primary:hover::before {
          width: calc(100% + 2px);
        }

.btn-primary span {
      position: relative;
      z-index: 2;
    }

.btn-modal.theme-white-lime-essence .svg-stroke {
        stroke: #fff;
        stroke: var(--white);
      }

.has-hover .btn-modal.theme-white-lime-essence:hover {
          color: #cedc00;
          color: var(--lime-essence);
        }

.has-hover .btn-modal.theme-white-lime-essence:hover .svg-stroke {
            stroke: #cedc00;
            stroke: var(--lime-essence);
          }

.btn-modal.has-icon .icon-wrapper, .btn-default.has-icon .icon-wrapper, .btn-primary.has-icon .icon-wrapper {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      }

.btn-modal.has-icon .icon, .btn-default.has-icon .icon, .btn-primary.has-icon .icon {
        margin-left: 12px;
        margin-left: var(--section-spacing-1tighter);
        margin-top: -1px;
      }

.btn-modal.has-icon.icon-inverted .icon-wrapper, .btn-default.has-icon.icon-inverted .icon-wrapper, .btn-primary.has-icon.icon-inverted .icon-wrapper {
        -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;
      }

.btn-modal.has-icon.icon-inverted .icon-wrapper .icon, .btn-default.has-icon.icon-inverted .icon-wrapper .icon, .btn-primary.has-icon.icon-inverted .icon-wrapper .icon {
          margin-left: 0;
          margin-right: 12px;
          margin-right: var(--section-spacing-1tighter);
        }

.btn-modal.has-icon.icon-inverted .icon.icon--arrow-right, .btn-default.has-icon.icon-inverted .icon.icon--arrow-right, .btn-primary.has-icon.icon-inverted .icon.icon--arrow-right {
        -webkit-transform: scaleX(-1);
                transform: scaleX(-1);
      }

.btn-primary {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

.btn[data-type='video'] {
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
  }

.cookie-prompt {
  background-color: rgba(34, 51, 43, 0.85);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
  z-index: 9999;
}

.cookie-prompt.is-active {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

.cookie-prompt a {
    color: #cedc00;
    color: var(--lime-essence);
  }

.cookie-prompt a:hover {
      text-decoration: underline;
    }

.module-content-body > h2,
  .module-content-body > h3,
  .module-content-body > h4,
  .module-content-body > p,
  .module-content-body > ul,
  .content-body > h2,
  .content-body > h3,
  .content-body > h4,
  .content-body > p,
  .content-body > ul {
    margin-bottom: 10px;
    margin-bottom: var(--section-spacing-tighter);
    width: 100%;
  }

@media (min-width: 1024px) {

.module-content-body > h2,
  .module-content-body > h3,
  .module-content-body > h4,
  .module-content-body > p,
  .module-content-body > ul,
  .content-body > h2,
  .content-body > h3,
  .content-body > h4,
  .content-body > p,
  .content-body > ul {
      margin-bottom: 20px;
      margin-bottom: var(--section-spacing-tight)
  }
    }

.module-content-body > h2,
  .module-content-body > h3,
  .module-content-body > h4,
  .content-body > h2,
  .content-body > h3,
  .content-body > h4 {
    font-family: 'Optima', sans-serif;
    font-family: var(--font-heading);
    font-size: 1.375rem;
    font-size: var(--font-size-2md);
    font-weight: bold;
  }

@media (min-width: 1024px) {

.module-content-body > h2,
  .module-content-body > h3,
  .module-content-body > h4,
  .content-body > h2,
  .content-body > h3,
  .content-body > h4 {
      font-size: 1.375rem;
      font-size: var(--font-size-2md)
  }
    }

.module-content-body > ul li p,
  .module-content-body > p,
  .content-body > ul li p,
  .content-body > p {
    font-size: 0.9375rem;
    font-size: var(--font-size-3sm);
    font-weight: 200;
    line-height: 2;
    line-height: var(--leading-loose);
  }

@media (min-width: 1024px) {

.module-content-body > ul li p,
  .module-content-body > p,
  .content-body > ul li p,
  .content-body > p {
      font-size: 1rem;
      font-size: var(--font-size-base);

      letter-spacing: 0.4px;

      letter-spacing: var(--tracking-3medium);

      line-height: 2.15;

      line-height: var(--leading-extra-loose)
  }
    }

.module-content-body > ul li p a, .module-content-body > p a, .content-body > ul li p a, .content-body > p a {
      color: #00594f;
      color: var(--storm-green);
      text-decoration: underline;
    }

.module-content-body > ul li p a:hover, .module-content-body > p a:hover, .content-body > ul li p a:hover, .content-body > p a:hover {
        text-decoration: none;
      }

.module-content-body > ul li, .content-body > ul li {
    position: relative;
    margin-bottom: 10px;
    margin-bottom: var(--section-spacing-tighter);
    margin-left: 30px;
    margin-left: var(--section-spacing-normal);
  }

.module-content-body > ul li::after, .content-body > ul li::after {
      background-color: #161a21;
      background-color: var(--dark);
      border-radius: 100%;
      content: '';
      height: 8px;
      left: calc(30px * -1);
      left: calc(var(--section-spacing-normal) * -1);
      position: absolute;
      top: 12px;
      width: 8px;
    }

.module-content-body p:empty, .content-body p:empty {
    margin: 0;
  }

.content-body > h2,
  .content-body > h3,
  .content-body > h4,
  .content-body > p,
  .content-body > ul,
  .content-body > ol {
    margin-bottom: 10px;
    margin-bottom: var(--section-spacing-tighter);
    width: 100%;
  }

@media (min-width: 1024px) {

.content-body > h2,
  .content-body > h3,
  .content-body > h4,
  .content-body > p,
  .content-body > ul,
  .content-body > ol {
      margin-bottom: 20px;
      margin-bottom: var(--section-spacing-tight)
  }
    }

.content-body > h2,
  .content-body > h3,
  .content-body > h4 {
    font-family: 'Optima', sans-serif;
    font-family: var(--font-heading);
    font-size: 1.375rem;
    font-size: var(--font-size-2md);
    font-weight: bold;
  }

@media (min-width: 1024px) {

.content-body > h2,
  .content-body > h3,
  .content-body > h4 {
      font-size: 1.375rem;
      font-size: var(--font-size-2md)
  }
    }

.content-body > ul li p,
  .content-body > ol li p,
  .content-body > p {
    font-size: 0.9375rem;
    font-size: var(--font-size-3sm);
    font-weight: 200;
    line-height: 2;
    line-height: var(--leading-loose);
  }

@media (min-width: 1024px) {

.content-body > ul li p,
  .content-body > ol li p,
  .content-body > p {
      font-size: 1rem;
      font-size: var(--font-size-base);

      letter-spacing: 0.4px;

      letter-spacing: var(--tracking-3medium);

      line-height: 2.15;

      line-height: var(--leading-extra-loose)
  }
    }

.content-body > ul li p a, .content-body > ol li p a, .content-body > p a {
      color: #00594f;
      color: var(--storm-green);
      text-decoration: underline;
    }

.content-body > ul li p a:hover, .content-body > ol li p a:hover, .content-body > p a:hover {
        text-decoration: none;
      }

.content-body > p:first-of-type {
      font-family: 'Optima', sans-serif;
      font-family: var(--font-heading);
      font-size: 1.375rem;
      font-size: var(--font-size-2md);
      letter-spacing: -0.1px;
      letter-spacing: var(--tracking-tight);
      line-height: 1.65;
      line-height: var(--leading-3relaxed);
    }

@media (min-width: 1024px) {

.content-body > p:first-of-type {
        margin-bottom: 50px;
        margin-bottom: var(--section-spacing-2medium);

        line-height: 1.75;

        line-height: var(--leading-4relaxed)
    }
      }

.content-body > p ~ h2,
    .content-body > p ~ h3,
    .content-body > p ~ h4 {
      margin-top: 20px;
      margin-top: var(--section-spacing-tight);
    }

.content-body > ul li {
    position: relative;
    margin-bottom: 10px;
    margin-bottom: var(--section-spacing-tighter);
    margin-left: 30px;
    margin-left: var(--section-spacing-normal);
  }

.content-body > ul li::after {
      background-color: #161a21;
      background-color: var(--dark);
      border-radius: 100%;
      content: '';
      height: 8px;
      left: calc(30px * -1);
      left: calc(var(--section-spacing-normal) * -1);
      position: absolute;
      top: 12px;
      width: 8px;
    }

.content-body > ol {
    counter-reset: items;
    margin-top: 60px;
    margin-top: var(--section-spacing-large);
    margin-bottom: 60px;
    margin-bottom: var(--section-spacing-large);
  }

.content-body > ol li {
      counter-increment: items;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      margin-bottom: 30px;
      margin-bottom: var(--section-spacing-normal);
    }

.content-body > ol li p {
        max-width: 600px;
      }

.content-body > ol li:last-child {
        margin-bottom: 0;
      }

.content-body > ol li:before {
        content: '0' counter(items);
        margin-right: 25px;
        margin-right: var(--section-spacing-1tight);
        color: #385748;
        color: var(--pine-green);
        letter-spacing: 3.5px;
        letter-spacing: var(--tracking-1wide);
        font-size: 0.75rem;
        font-size: var(--font-size-sm);
        font-weight: 600;
      }

.content-body > ol li:nth-child(n + 10):before {
        content: counter(items);
      }

.content-body p:empty {
    margin: 0;
  }

.module-content-body .content-body:not(.article-view):not(.partner-view) > section:not(:first-of-type):not(:last-of-type) {
    margin-top: 50px;
    margin-top: var(--section-spacing-2medium);
    margin-bottom: 50px;
    margin-bottom: var(--section-spacing-2medium);
  }

@media (min-width: 1024px) {

.module-content-body .content-body:not(.article-view):not(.partner-view) > section:not(:first-of-type):not(:last-of-type) {
      margin-bottom: 100px;
      margin-bottom: var(--section-spacing-1larger)
  }
    }

.article-view.content-body > p, .partner-view.content-body > p {
    letter-spacing: 0.4px;
    letter-spacing: var(--tracking-3medium);
  }

.article-view.content-body > p:not(:empty):last-of-type, .partner-view.content-body > p:not(:empty):last-of-type {
      margin-bottom: 85px;
      margin-bottom: var(--section-spacing-2large);
    }

.article-view.content-body > p:empty, .partner-view.content-body > p:empty {
      margin-bottom: 0px;
    }

@media (max-width: 1024px) {
      .article-view.content-body > p + section.basic-text-image--article\:left > div, .partner-view.content-body > p + section.basic-text-image--article\:left > div {
        margin-top: 12px;
        margin-top: var(--section-spacing-1tighter);
      }
    }

.article-view.content-body > section:not(.hero) > div, .partner-view.content-body > section:not(.hero) > div {
    margin-top: 50px;
    margin-top: var(--section-spacing-2medium);
    margin-bottom: 60px;
    margin-bottom: var(--section-spacing-large);
  }

@media (min-width: 1024px) {

.article-view.content-body > section:not(.hero) > div, .partner-view.content-body > section:not(.hero) > div {
      margin-top: 85px;
      margin-top: var(--section-spacing-2large);

      margin-bottom: 120px;

      margin-bottom: var(--section-spacing-3larger)
  }
    }

.article-view.content-body > section:last-of-type, .partner-view.content-body > section:last-of-type {
    margin-bottom: -60px;
  }

.article-view.content-body > section:last-of-type > div, .partner-view.content-body > section:last-of-type > div {
      margin-bottom: 0;
    }

.article-view.content-body > section:last-of-type + p:not(:empty), .partner-view.content-body > section:last-of-type + p:not(:empty) {
      margin-top: 60px;
      margin-top: var(--section-spacing-large);
    }

@media (min-width: 1024px) {

.article-view.content-body > section:last-of-type + p:not(:empty), .partner-view.content-body > section:last-of-type + p:not(:empty) {
        margin-top: 120px;
        margin-top: var(--section-spacing-3larger)
    }
      }

@media (max-width: 1024px) {
    .article-view.content-body section.basic-text-image--article\:right + p, .partner-view.content-body section.basic-text-image--article\:right + p {
      margin-top: calc(0px - 60px);
      margin-top: calc(0px - var(--section-spacing-large));
    }
  }

.article-view > section:first-of-type.image-gallery > div, .partner-view > section:first-of-type.image-gallery > div {
    margin-top: 0;
  }

.article-view > section:first-of-type:last-of-type.image-gallery, .partner-view > section:first-of-type:last-of-type.image-gallery {
    margin-bottom: 120px;
    margin-bottom: var(--section-spacing-3larger);
  }

.countdown--full-width .countdown__overview {
      background-color: rgba(0, 89, 79, 0.8);
    }

.countdown-race,
  .countdown-event {
    background-color: #00594f;
    background-color: var(--storm-green);
  }

.countdown-race .countdown__category, .countdown-event .countdown__category {
      background-color: #00352f;
      background-color: var(--storm-green-40);
    }

.countdown-race .countdown__sponsor svg .svg-fill, .countdown-event .countdown__sponsor svg .svg-fill {
        fill: #fff;
        fill: var(--white);
      }

.countdown-esports {
    background-color: #cedc00;
    background-color: var(--lime-essence);
  }

.countdown-esports .countdown__category {
      background-color: #b9c600;
      background-color: var(--lime-essence-10);
    }

.countdown-esports .countdown__sponsor svg .svg-fill {
        fill: #000;
        fill: var(--color-black);
      }

.countdown [data-countdown] > div {
    width: 60px;
  }

.countdown__sponsor--above {
      display: none;
    }

.countdown__sponsor svg {
      height: auto;
      margin: 0 auto;
      width: 110px;
    }

.countdown.has-sync .countdown__sponsor--above {
      display: block;
    }

.countdown.has-sync .countdown__sponsor--below {
      display: none;
    }

@media (min-width: 1024px) {

.hero__countdown .countdown {
      max-width: 295px
  }
    }

.doughnut-chart__chart {
    position: relative;
    height: 160px;
    width: 160px;
  }

.doughnut-chart__chart::after {
      border: solid 2px #00473f;
      border: solid 2px var(--storm-green-20);
      border-radius: 100%;
      content: '';
      height: calc(100% - 6px);
      left: 0;
      margin: auto;
      position: absolute;
      right: 0;
      top: 3px;
      width: calc(100% - 6px);
      z-index: 1;
    }

.doughnut-ring {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.doughnut-ring__circle {
    -webkit-transition: 0.35s stroke-dashoffset;
    transition: 0.35s stroke-dashoffset;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }

.doughnut-ring__circle.theme-white {
      stroke: #fff;
      stroke: var(--white);
    }

.doughnut-ring__circle.theme-lime-essence {
      stroke: #cedc00;
      stroke: var(--lime-essence);
    }

figure.has-caption figcaption {
      width: 75%;
      position: relative;
      padding-left: 25px;
      padding-left: var(--section-spacing-1tight);
      text-align: left;
    }

figure.has-caption figcaption::before {
        background-color: #cedc00;
        background-color: var(--lime-essence);
        content: '';
        height: 2px;
        left: 0;
        position: absolute;
        top: 13px;
        width: 16px;
      }

figure.has-caption--vertical {
    position: relative;
  }

figure.has-caption--vertical figcaption {
      bottom: 20px;
      bottom: var(--section-spacing-tight);
      left: 15px;
      left: var(--section-spacing-extra-tight);
      padding-left: 30px;
      padding-left: var(--section-spacing-normal);
      position: absolute;
      -webkit-transform: rotate(-90deg) translate(0, 100%);
              transform: rotate(-90deg) translate(0, 100%);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom;
    }

@media (min-width: 1024px) {

figure.has-caption--vertical figcaption {
        width: 100%;

        bottom: 60px;

        bottom: var(--section-spacing-large);

        left: calc(30px * -1);

        left: calc(var(--section-spacing-normal) * -1);

        opacity: 0.6
    }
      }

figure.has-caption--vertical figcaption::before {
        top: 8px;
        width: 18px;
      }

.filters-list a {
      opacity: 0.6;
      position: relative;
      -webkit-transition: opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1);
      transition: opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    }

.filters-list a:hover {
        opacity: 1;
      }

.filters-list a.is-active {
        font-weight: 600;
        opacity: 1;
      }

.filters-list a.is-active::after {
          background: #cedc00;
          background: var(--lime-essence);
          bottom: -6px;
          content: '';
          height: 2px;
          left: 0;
          position: absolute;
          width: 100%;
        }

.filters.sort-container [data-sort-target]:not(.is-active) {
        display: none;
      }

.global-header {
  left: 0;
  min-height: 55px;
  position: fixed;
  top: 0;
  -webkit-transition: background-color 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  transition: background-color 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  width: 100%;
  z-index: 1000;
}

@media (min-width: 1280px) {

.global-header {
    min-height: 72px
}
  }

.has-scrolled .global-header {
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background-color: rgba(22, 26, 33, 0.55);
  }

.global-header button:focus,
    .global-header button:active {
      outline: none;
    }

.expose-nav .global-header__inner {
      background: #00473f;
      background: var(--storm-green-20);
      height: 100vh;
      overflow: auto;
    }

@media (min-width: 1280px) {

.expose-nav .global-header__inner {
        background: #00594f;
        background: var(--storm-green)
    }
      }

.global-header__logo {
    top: 10px;
    top: var(--section-spacing-tighter);
    width: 144px;
    z-index: 2;
  }

@media (min-width: 1280px) {

.global-header__logo {
      top: 12px;
      top: var(--section-spacing-1tighter);

      width: 206px
  }
    }

.global-header__logo svg {
      width: 100%;
      height: 100%;
    }

.global-header--bg-split svg polyline,
      .global-header--bg-split svg polygon[fill='#fff'],
      .global-header--bg-split svg .svg-fill,
      .global-header--bg-split svg rect[fill='#fff'],
      .global-header--bg-split svg path[fill='#fff'] {
        fill: var(--black);
        -webkit-transition: fill 0.4s cubic-bezier(0.7, 0, 0.3, 1);
        transition: fill 0.4s cubic-bezier(0.7, 0, 0.3, 1);
      }

.has-scrolled .global-header--bg-split svg polyline,
        .expose-nav .global-header--bg-split svg polyline,
        .has-scrolled .global-header--bg-split svg polygon[fill='#fff'],
        .expose-nav .global-header--bg-split svg polygon[fill='#fff'],
        .has-scrolled .global-header--bg-split svg .svg-fill,
        .expose-nav .global-header--bg-split svg .svg-fill,
        .has-scrolled .global-header--bg-split svg rect[fill='#fff'],
        .expose-nav .global-header--bg-split svg rect[fill='#fff'],
        .has-scrolled .global-header--bg-split svg path[fill='#fff'],
        .expose-nav .global-header--bg-split svg path[fill='#fff'] {
          fill: #fff;
          fill: var(--white);
        }

.global-header--bg-split .icon--link-plus svg circle.svg-fill {
        fill: #cedc00;
        fill: var(--lime-essence);
      }

.global-header--bg-split .icon--link-plus svg path.svg-fill {
        fill: #161a21;
        fill: var(--dark);
      }

@media (min-width: 1280px) {
        .has-scrolled .global-header--bg-split nav:first-of-type .global-header__link-parent {
          color: #fff;
          color: var(--white);
        }
      }

@media (min-width: 1280px) {
      .global-header--bg-split nav:first-of-type .global-header__link-parent {
        color: #161a21;
        color: var(--dark);
      }
        .expose-nav .global-header--bg-split nav:first-of-type .global-header__link-parent {
          color: #fff;
          color: var(--white);
        }
    }

.global-header--bg-white {
    background-color: white;
  }

.has-scrolled .global-header--bg-white {
      background-color: rgba(255, 255, 255, 0.9);
      background-color: var(--white-90);
    }

.expose-nav .global-header--bg-white {
      min-height: auto;
    }

.global-header--bg-white svg polyline,
      .global-header--bg-white svg polygon[fill='#fff'],
      .global-header--bg-white svg .svg-fill,
      .global-header--bg-white svg rect[fill='#fff'],
      .global-header--bg-white svg path[fill='#fff'] {
        fill: black;
      }

.expose-nav .global-header--bg-white svg polyline, .expose-nav .global-header--bg-white svg polygon[fill='#fff'], .expose-nav .global-header--bg-white svg .svg-fill, .expose-nav .global-header--bg-white svg rect[fill='#fff'], .expose-nav .global-header--bg-white svg path[fill='#fff'] {
          fill: #fff;
          fill: var(--white);
        }

.global-header--bg-white .icon--link-plus svg circle.svg-fill {
        fill: #cedc00;
        fill: var(--lime-essence);
      }

.global-header--bg-white .icon--link-plus svg path.svg-fill {
        fill: #161a21;
        fill: var(--dark);
      }

.global-header--bg-white .global-header__toggle::after,
      .global-header--bg-white .global-header__toggle::before,
      .global-header--bg-white .global-header__toggle span {
        background: #161a21;
        background: var(--dark);
      }

.expose-nav .global-header--bg-white .global-header__toggle::after, .expose-nav .global-header--bg-white .global-header__toggle::before, .expose-nav .global-header--bg-white .global-header__toggle span {
          background: #fff;
          background: var(--white);
        }

.global-header--bg-white .global-header__link {
      color: #161a21;
      color: var(--dark);
    }

.expose-nav .global-header--bg-white .global-header__link {
        color: #fff;
        color: var(--white);
      }

.global-header--bg-white .global-header__submenu-simple .global-header__link:not(.global-header__link-menu-sso-button) {
      color: #fff;
      color: var(--white);
    }

.global-header--bg-white .global-header__menu--parent-sso svg .svg-stroke {
      stroke: #161a21;
      stroke: var(--dark);
    }

.global-header__toggle {
    height: 14px;
    overflow: hidden;
    right: 20px;
    right: var(--section-spacing-tight);
    top: 18px;
    width: 20px;
  }

.global-header__toggle::after,
    .global-header__toggle::before,
    .global-header__toggle span {
      background: #fff;
      background: var(--white);
      content: '';
      height: 25px;
      position: absolute;
      -webkit-transition: background 0.3s ease-out, height 0.3s ease-out, -webkit-transform 0.3s ease-out;
      transition: background 0.3s ease-out, height 0.3s ease-out, -webkit-transform 0.3s ease-out;
      transition: background 0.3s ease-out, height 0.3s ease-out, transform 0.3s ease-out;
      transition: background 0.3s ease-out, height 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
      width: 1px;
    }

.global-header__toggle::before {
      top: -8px;
      left: 0;
      -webkit-transform-origin: bottom left;
              transform-origin: bottom left;
    }

.expose-nav .global-header__toggle::before {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
      }

.global-header__toggle::after {
      top: -10px;
      right: 0;
      -webkit-transform-origin: bottom right;
              transform-origin: bottom right;
    }

.expose-nav .global-header__toggle::after {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
      }

.global-header__toggle span {
      bottom: 0;
      height: 14px;
      left: 50%;
    }

.expose-nav .global-header__toggle span {
        height: 0;
      }

.has-hover:not(.expose-nav) .global-header__toggle:hover span {
        height: 12px;
      }

.global-header__link {
    color: #fff;
    color: var(--white);
    position: relative;
  }

.global-header__link:not(.global-header__link-simplified)::after {
      background-color: #cedc00;
      background-color: var(--lime-essence);
      bottom: -5px;
      content: '';
      height: 2px;
      left: 0;
      position: absolute;
      -webkit-transition: width 0.4s cubic-bezier(0.5, 0, 0.5, 1);
      transition: width 0.4s cubic-bezier(0.5, 0, 0.5, 1);
      width: 0;
    }

.global-header__link.global-header__link-parent-sso::after {
      bottom: -1px;
    }

.global-header__link:hover::after, .global-header__link.is-active::after {
        width: 20px;
      }

.global-header__link.is-active {
      font-weight: 600;
    }

.global-header__link.sso-display-name .icon {
        bottom: -3px;
        height: 17px;
      }

.global-header__link.sso-display-name .forename {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
      }

@media (min-width: 1280px) {

.global-header__link.sso-display-name .forename {
          max-width: 180px;

          padding-top: 3px
      }
        }

.global-header__link.sso-display-name.is-active .svg-stroke {
        stroke: #cedc00;
        stroke: var(--lime-essence);
      }

.global-header__link-child {
      font-size: 32px;
    }

@media (min-width: 1280px) {

.global-header__link-child {
        font-size: 65px;

        font-size: 4.514vw;

        letter-spacing: -0.5px;

        letter-spacing: -0.035vw
    }
      }

.global-header li.global-header__menu--parent-sso {
    padding-bottom: 10px;
  }

.global-header li.global-header__menu--parent-sso:hover a {
        font-weight: 200;
      }

.global-header li.global-header__menu--parent-sso:hover a .svg-stroke {
          stroke: #cedc00;
          stroke: var(--lime-essence);
        }

.global-header li.global-header__menu--parent-sso:hover ul {
        -webkit-animation: sso-menu-in 0.4s ease forwards;
                animation: sso-menu-in 0.4s ease forwards;
        display: block;
        opacity: 0;
      }

@-webkit-keyframes sso-menu-in {
    from {
      opacity: 0;
      -webkit-transform: translateY(-20px);
              transform: translateY(-20px);
    }

    to {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }

@keyframes sso-menu-in {
    from {
      opacity: 0;
      -webkit-transform: translateY(-20px);
              transform: translateY(-20px);
    }

    to {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }

.global-header__submenu {
    height: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    -webkit-transition: opacity 0.4s cubic-bezier(0.5, 0, 0.5, 1);
    transition: opacity 0.4s cubic-bezier(0.5, 0, 0.5, 1);
    z-index: 11;
  }

.expose-nav .global-header__submenu {
      background: #00594f;
      background: var(--storm-green);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: auto;
      opacity: 1;
      padding: 90px 0 0;
      pointer-events: inherit;
    }

@media (min-width: 1280px) {

.expose-nav .global-header__submenu {
        background: transparent;

        padding-top: calc(182px - 64px)
    }
      }

.expose-nav .global-header__submenu-left {
        background: #00594f;
        background: var(--storm-green);
      }

.expose-nav .global-header__submenu-right {
        background: #00473f;
        background: var(--storm-green-20);
      }

@media (min-width: 1280px) {

.expose-nav .global-header__submenu-right {
          background: #00594f;
          background: var(--storm-green)
      }
        }

.global-header__submenu-simple {
      border-radius: 1px;
      -webkit-backdrop-filter: blur(12px);
      backdrop-filter: blur(12px);
      background-color: #00594f;
      background-color: var(--storm-green);
      display: none;
      min-width: 220px;
      position: absolute;
      right: 0;
      top: 100%;
      width: 100%;
    }

.global-header__submenu-simple .global-header__link::after {
          display: none;
        }

.global-header__submenu-simple .global-header__link:not(.global-header__link-menu-sso-button):not(.global-header__link-menu-sso-title) {
          -webkit-transition: color 0.2s cubic-bezier(0.7, 0, 0.3, 1);
          transition: color 0.2s cubic-bezier(0.7, 0, 0.3, 1);
        }

.global-header__submenu-simple .global-header__link:not(.global-header__link-menu-sso-button):not(.global-header__link-menu-sso-title):hover {
            color: #cedc00;
            color: var(--lime-essence);
          }

.global-header__submenu-simple .global-header__link.global-header__link-menu-sso-title {
          cursor: default;
        }

.global-header__close-btn {
    height: 30px;
    opacity: 0;
    outline: none;
    right: 40px;
    right: var(--section-spacing-medium);
    top: 75px;
    -webkit-transition: opacity 0.4s cubic-bezier(0.5, 0, 0.5, 1);
    transition: opacity 0.4s cubic-bezier(0.5, 0, 0.5, 1);
    visibility: hidden;
    width: 30px;
  }

.expose-nav .global-header__close-btn {
      opacity: 1;
      visibility: visible;
    }

.global-header__close-btn svg {
      height: 30px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      width: 30px;
    }

.global-header__social-links a {
      opacity: 0.6;
      -webkit-transition: opacity 0.4s cubic-bezier(0.5, 0, 0.5, 1);
      transition: opacity 0.4s cubic-bezier(0.5, 0, 0.5, 1);
    }

.global-header__social-links a:hover {
        opacity: 1;
      }

.global-header nav li a, .global-header__submenu nav li a {
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }

.global-header__submenu nav {
  display: none;
}

.global-header__submenu nav.is-active {
    display: block;
  }

.global-header__submenu nav li a {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.5, 0, 0.5, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.5, 0, 0.5, 1);
    transition: transform 0.4s cubic-bezier(0.5, 0, 0.5, 1);
    transition: transform 0.4s cubic-bezier(0.5, 0, 0.5, 1), -webkit-transform 0.4s cubic-bezier(0.5, 0, 0.5, 1);
  }

@media (min-width: 1280px) {

.global-header__submenu nav li a::after {
        height: 7px
    }
      }

@media (min-width: 1280px) {

.global-header__submenu nav li a:hover {
        -webkit-transform: scale(1.04);
                transform: scale(1.04)
    }
      }

@media (min-width: 1280px) {

.global-header__submenu nav li a:hover::after, .global-header__submenu nav li a.is-active::after {
          width: 60px;

          width: 4.167vw
      }
        }

.global-footer .footer-brand svg {
    fill: #fff;
    fill: var(--white);
    width: 62px;
  }

@media (min-width: 768px) {

.global-footer .footer-brand svg {
      width: 93px
  }
    }

.global-footer a {
    -webkit-transition: color 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    transition: color 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  }

.heading {
  position: relative;
}

.heading.has-after {
    padding-left: 30px;
  }

.heading.has-after::after {
      bottom: 0;
      content: '';
      height: 4px;
      left: 0;
      margin: auto;
      position: absolute;
      top: 0;
      -webkit-transition: width 0.6s 0.2s ease;
      transition: width 0.6s 0.2s ease;
      width: 20px;
    }

[data-scroll] .heading.has-after::after {
        width: 0;
      }

.is-ie .heading.has-after::after,
      [data-scroll].is-inview .heading.has-after::after,
      .tab-pane.is-active .heading.has-after::after {
        width: 20px;
      }

.heading.has-after.theme-white::after {
      background-color: #fff;
      background-color: var(--white);
    }

.heading.has-after.theme-lime-essence::after {
      background-color: #cedc00;
      background-color: var(--lime-essence);
    }

.heading.has-after.theme-ivy-green::after {
      background-color: #006f62;
      background-color: var(--ivy-green);
    }

.heading.has-after.theme-pine-green::after {
      background-color: #385748;
      background-color: var(--pine-green);
      opacity: 0.25;
    }

.heading.has-after.theme-storm-green::after {
      background-color: #00594f;
      background-color: var(--storm-green);
      opacity: 0.25;
    }

.hero--short {
    min-height: 350px;
  }

.hero--short > div > div:not(.countdown) {
      min-height: 350px;
    }

.hero--short::after {
      background: #000;
      background: var(--color-black);
      opacity: 0.3;
    }

@media (min-width: 1024px) {

.hero--fullscreen {
      min-height: 849px
  }

      .hero--fullscreen .hero__body {
        max-width: 100%;
      }
    }

.hero--default {
    min-height: 350px;
  }

.hero--default > div > div:not(.countdown) {
      min-height: 350px;
    }

@media (min-width: 1024px) {

.hero--default {
      min-height: 550px
  }

      .hero--default > div > div:not(.countdown) {
        min-height: 550px;
      }
    }

.hero--default-with-breadcrumb {
    min-height: 240px;
    padding-top: 110px;
  }

.hero--default-with-breadcrumb > div > div:not(.countdown) {
      min-height: 240px;
    }

.hero--default-with-breadcrumb .hero__button {
      top: -40px;
    }

@media (min-width: 1024px) {

.hero--default-with-breadcrumb .hero__button {
        top: 100px
    }
      }

.hero--default-with-breadcrumb .hero__sub-title {
      margin-bottom: 40px;
    }

@media (min-width: 1024px) {

.hero--default-with-breadcrumb .hero__sub-title {
        margin-bottom: 0
    }
      }

@media (min-width: 1024px) {

.hero--default-with-breadcrumb {
      min-height: 550px;

      padding-top: 0
  }

      .hero--default-with-breadcrumb > div > div:not(.countdown) {
        min-height: 550px;
      }
    }

.hero--default::after, .hero--default-with-breadcrumb::after {
      background: #000;
      background: var(--color-black);
      opacity: 0.3;
    }

.hero--article .hero__article {
      bottom: 0;
    }

.hero--article .hero__article .featured-article {
        width: 242px;
      }

.hero--article.hero--default {
      margin-bottom: 0;
    }

.hero--article.hero--default .hero__article {
        bottom: 0;
      }

.hero:not(.hero--default)::after {
      opacity: 0.55;
      background-image: -webkit-gradient(linear, left bottom, left top, from(#000000), color-stop(65%, rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.68)));
      background-image: linear-gradient(to top, #000000, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.68));
    }

.hero::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
    pointer-events: none;
    z-index: 2;
  }

.hero .h-screen {
    min-height: 740px;
  }

.hero .inner-fade__pager {
      bottom: 40px;
      bottom: var(--section-spacing-medium);
      left: 40px;
      left: var(--section-spacing-medium);
    }

.hero .inner-fade__tally {
      letter-spacing: 0.125rem;
      line-height: 1;
      line-height: var(--leading-none);
      margin-bottom: 0.25rem;
    }

.hero .inner-fade__tally-current {
        position: relative;
        width: 20px;
      }

.hero .inner-fade__tally-current span {
          left: 0;
          position: absolute;
          top: 0;
        }

.hero .inner-fade__tally-current .tally-next {
          opacity: 0;
          -webkit-transform: translateY(100%);
                  transform: translateY(100%);
        }

.hero .inner-fade__tally-current.can-animate span {
          -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
          transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
          transition: opacity 0.4s ease, transform 0.4s ease;
          transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
        }

.hero .inner-fade__tally-current.is-transitioning .tally-active {
            opacity: 0;
            -webkit-transform: translateY(-100%);
                    transform: translateY(-100%);
          }

.hero .inner-fade__tally-current.is-transitioning .tally-next {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
          }

.hero .inner-fade__tally-total {
        opacity: 0.7;
        font-weight: 200;
      }

.hero .inner-fade__title {
      line-height: 1.88;
      letter-spacing: 2.5px;
    }

.hero .inner-fade__progress {
      background-color: rgba(255, 255, 255, 0.25);
      background-color: var(--white-25);
      height: 2px;
    }

.hero .inner-fade__progress span {
        background-color: #cedc00;
        background-color: var(--lime-essence);
        display: block;
        height: 100%;
        width: 0;
      }

.hero .inner-fade__progress span.can-animate {
          -webkit-transition: width 6s linear;
          transition: width 6s linear;
        }

.hero .inner-fade__item {
      opacity: 0;
      display: none;
    }

.hero .inner-fade__item.is-loaded {
        display: block;
      }

.hero .inner-fade__item.is-active,
      .hero .inner-fade__item.is-next {
        opacity: 1;
        z-index: 1;
      }

.hero .inner-fade__item.is-active {
        z-index: 2;
      }

.hero .inner-fade__item.mask {
        -webkit-animation: mask-animation 1s forwards;
                animation: mask-animation 1s forwards;
      }

[data-barba-namespace='error-404'] .hero {
    height: 100vh;
  }

@media (min-width: 1024px) {

[data-barba-namespace='error-404'] .hero {
      min-height: 849px
  }
    }

@media (min-width: 1024px) {

[data-barba-namespace='amr21'] .hero h1 {
        font-size: 80px;

        letter-spacing: 3.5px;

        letter-spacing: var(--tracking-1wide)
    }
      }

@media (min-width: 1024px) {

.hero__body {
      max-width: calc(100% - 560px)
  }
    }

@media (min-width: 1280px) {

.hero__body {
      max-width: calc(100% - 590px)
  }
    }

@-webkit-keyframes mask-animation {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
}

@keyframes mask-animation {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
}

.modal {
  height: 0;
  left: 0;
  margin: auto;
  opacity: 0;
  outline: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  width: 0;
  z-index: 1072;
}

.modal-open .modal {
    height: 100%;
    opacity: 1;
    width: 100%;
  }

.modal-dialog {
    height: 100%;
  }

.modal-body {
    height: 100%;
    opacity: 0;
  }

.modal-open .modal-body {
      opacity: 1;
    }

.has-modal-content .modal .modal-dialog {
      padding: 70px 20px;
      padding: var(--section-spacing-1large) var(--section-spacing-tight);
    }

@media (min-width: 1024px) {

.has-modal-content .modal .modal-dialog {
        padding: 15px 100px;
        padding: var(--section-spacing-extra-tight) var(--section-spacing-1larger)
    }
      }

.has-modal-content .modal .modal-content {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }

@media (min-width: 1024px) {
        .has-modal-content .modal .modal-content iframe {
          max-height: 581px;
          max-width: 930px;
        }
      }

.has-modal-gallery .modal .modal-gallery {
      padding: 15px 0;
      padding: var(--section-spacing-extra-tight) 0;
      height: 100%;
    }

@media (min-width: 1024px) {

.has-modal-gallery .modal .modal-gallery {
        padding-bottom: 15px;
        padding-bottom: var(--section-spacing-extra-tight);

        padding-top: 15px;

        padding-top: var(--section-spacing-extra-tight)
    }
      }

.has-modal-gallery .modal .modal-gallery .swiper-slide {
        padding: 0 20px;
        padding: 0 var(--section-spacing-tight);
      }

@media (min-width: 1024px) {

.has-modal-gallery .modal .modal-gallery .swiper-slide {
          padding-left: 100px;

          padding-right: 100px
      }
        }

.has-modal-gallery .modal .modal-gallery img {
        height: auto;
        max-height: 100%;
        max-width: 100%;
        width: auto;
      }

.has-modal-bio .modal .modal-body {
      -webkit-animation: modal-body-bio 0.6s cubic-bezier(0.5, 0, 0.5, 1) forwards;
              animation: modal-body-bio 0.6s cubic-bezier(0.5, 0, 0.5, 1) forwards;
      background: #00594f;
      background: var(--storm-green);
      opacity: 0;
      overflow: auto;
      padding: 50px 50px 50px 20px;
      padding: var(--section-spacing-2medium) var(--section-spacing-2medium) var(--section-spacing-2medium) var(--section-spacing-tight);
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
      width: 100%;
    }

@media (min-width: 1024px) {

.has-modal-bio .modal .modal-body {
        max-width: 65%;

        padding: 70px 230px 70px 155px;

        padding: var(--section-spacing-1large) var(--section-spacing-3largest) var(--section-spacing-1large) var(--section-spacing-1largest)
    }
      }

.has-modal-bio .modal .modal-body .modal-content {
        -webkit-animation: modal-content-bio 0.2s 0.4s cubic-bezier(0.5, 0, 0.5, 1) forwards;
                animation: modal-content-bio 0.2s 0.4s cubic-bezier(0.5, 0, 0.5, 1) forwards;
        opacity: 0;
      }

.modal-backdrop {
    opacity: 0;
  }

.modal-open .modal-backdrop {
      -webkit-animation: modal-open 0.6s cubic-bezier(0.5, 0, 0.5, 1) forwards;
              animation: modal-open 0.6s cubic-bezier(0.5, 0, 0.5, 1) forwards;
      background-color: #00352f;
      background-color: var(--storm-green-40);
      bottom: 0;
      left: 0;
      position: fixed;
      right: 0;
      top: 0;
      z-index: 1071;
    }

.modal-open.has-modal-bio .modal-backdrop {
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px);
      background-color: rgba(255, 255, 255, 0.4);
      background-color: var(--white-40);
    }

.modal-close {
    position: absolute;
    right: 20px;
    right: var(--section-spacing-tight);
    top: 20px;
    top: var(--section-spacing-tight);
    z-index: 20;
  }

@media (min-width: 1024px) {

.modal-close {
      right: 40px;
      right: var(--section-spacing-medium)
  }
    }

.modal-close.icon-inverted {
      left: 40px;
      left: var(--section-spacing-medium);
    }

.has-modal-bio .modal-close.icon-inverted {
        display: none;
      }

.modal-close:not(.icon-inverted) svg {
        height: 30px;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
        transition: -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
        transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
        transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
        width: 30px;
      }

.modal-close:not(.icon-inverted):hover svg {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
      }

@media (min-width: 1024px) {

.has-modal-bio .modal-close {
        -webkit-animation: modal-bio-close 0.2s 0.6s ease forwards;
                animation: modal-bio-close 0.2s 0.6s ease forwards;

        bottom: 0;

        left: 35px;

        left: var(--section-spacing-1normal);

        margin: auto;

        opacity: 0;

        right: auto;

        top: 0
    }

        .has-modal-bio .modal-close svg {
          height: 36px;
          width: 36px;
        }

        .has-modal-bio .modal-close:hover svg {
          -webkit-transform: rotate(-135deg);
                  transform: rotate(-135deg);
        }
      }

.modal-close:focus,
    .modal-close:active {
      outline: none;
    }

@-webkit-keyframes modal-open {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes modal-open {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes modal-content-bio {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes modal-content-bio {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes modal-body-bio {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes modal-body-bio {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes modal-bio-close {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes modal-bio-close {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.partner-view {
  margin-bottom: 60px;
}

.partner-view > h2,
  .partner-view > h3,
  .partner-view > h4,
  .partner-view > p,
  .partner-view > ul,
  .partner-view > ol {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-left: var(--section-spacing-tight);
    padding-right: 40px;
    padding-right: var(--section-spacing-medium);
    width: 100%;
  }

@media (min-width: 1024px) {

.partner-view > h2,
  .partner-view > h3,
  .partner-view > h4,
  .partner-view > p,
  .partner-view > ul,
  .partner-view > ol {
      max-width: 760px
  }
    }

.partner-view .inline-share a:hover .svg-fill {
    fill: #cedc00;
    fill: var(--lime-essence);
  }

.section-label {
  line-height: 2.67;
}

.section-label > div:not(.flex-row-reverse) span:first-of-type,
  .section-label > div.flex-row-reverse span:last-of-type {
    margin-right: 70px;
    position: relative;
  }

.section-label > div:not(.flex-row-reverse) span:first-of-type::after, .section-label > div.flex-row-reverse span:last-of-type::after {
      background-color: #cedc00;
      background-color: var(--lime-essence);
      bottom: 0;
      content: '';
      height: 1px;
      margin: auto;
      position: absolute;
      right: -60px;
      top: 0;
      width: 50px;
    }

.select-element {
  max-width: 280px;
}

@media (min-width: 768px) {

.select-element {
    min-width: 200px
}
  }

.select-element select {
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid var(--white-40);
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-appearance: none;
  }

.select-element select option {
      background-color: #fff;
      background-color: var(--white);
      color: #161a21;
      color: var(--dark);
    }

.select-element select::-ms-expand {
      display: none;
    }

.select-element select:focus,
    .select-element select:active {
      outline: none;
    }

.select-element .icon {
    right: 8px;
  }

.signup-cta__background-text {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(15%, var(--white-40)), color-stop(97%, var(--white-15)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 15%, rgba(255, 255, 255, 0.15) 97%);
    background-image: linear-gradient(to bottom, var(--white-40) 15%, var(--white-15) 97%);
    font-family: 'bebas-neue-pro-expanded', sans-serif;
    font-family: var(--font-display);
    font-size: 550px;
    font-style: normal;
    left: 0;
    letter-spacing: -3.06px;
    line-height: 0.91;
    margin: auto;
    opacity: 0.45;
    position: absolute;
    text-align: center;
    right: 0;
    top: -85px;
    white-space: nowrap;
    width: 100%;
    z-index: 1;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }

.svg-fill {
  -webkit-transition: fill 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  transition: fill 0.4s cubic-bezier(0.7, 0, 0.3, 1);
}

.svg-stroke {
  -webkit-transition: stroke 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  transition: stroke 0.4s cubic-bezier(0.7, 0, 0.3, 1);
}

.fill-green-200 .svg-fill {
    fill: var(--color-green-200);
  }

.stroke-green-200 .svg-stroke {
    stroke: var(--color-green-200);
  }

.fill-pine-green-20 .svg-fill {
    fill: #2b4439;
    fill: var(--pine-green-20);
  }

.stroke-pine-green-20 .svg-stroke {
    stroke: #2b4439;
    stroke: var(--pine-green-20);
  }

.fill-gray-500 .svg-fill {
    fill: #a3a3a3;
    fill: var(--color-gray-500);
  }

.stroke-gray-500 .svg-stroke {
    stroke: #a3a3a3;
    stroke: var(--color-gray-500);
  }

.fill-white .svg-fill {
    fill: #fff;
    fill: var(--white);
  }

.stroke-white .svg-stroke {
    stroke: #fff;
    stroke: var(--white);
  }

.theme-storm-green .icon--btn-arrow-left .svg-fill {
    fill: #00594f;
    fill: var(--storm-green);
  }

.theme-white-lime-essence .icon.icon--video-icon .svg-stroke, .theme-white-lime-essence .icon.icon--audio-icon .svg-stroke {
      stroke: #161a21 !important;
      stroke: var(--dark) !important;
    }

.has-hover .theme-white-lime-essence .icon.icon--video-icon:hover .svg-stroke, .has-hover .theme-white-lime-essence .icon.icon--audio-icon:hover .svg-stroke {
        stroke: #161a21 !important;
        stroke: var(--dark) !important;
      }

.icon.icon--audio-icon .audio-off {
    display: none;
  }

.icon.icon--audio-icon.is-active .audio-on {
      display: none;
    }

.icon.icon--audio-icon.is-active .audio-off {
      display: block;
    }

.swiper .swiper-pagination-bullet {
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
    background-color: #fff;
    background-color: var(--white);
    height: 5px;
    opacity: 0.4;
    width: 5px;
  }

@media (min-width: 1024px) {

.swiper .swiper-pagination-bullet {
      height: 9px;

      width: 9px
  }
    }

.swiper .swiper-pagination-bullet-active {
      background-color: #cedc00;
      background-color: var(--lime-essence);
      height: 9px;
      opacity: 1;
      width: 9px;
    }

@media (min-width: 1024px) {

.swiper .swiper-pagination-bullet-active {
        height: 15px;

        width: 15px
    }
      }

.swiper.swiper-container-horizontal > .swiper-pagination-bullets {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    bottom: 15px;
    bottom: var(--section-spacing-extra-tight);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

@media (min-width: 1024px) {

.swiper.swiper-container-horizontal > .swiper-pagination-bullets {
      bottom: 20px;
      bottom: var(--section-spacing-tight)
  }
    }

.swiper-button {
  background-color: #2b4439;
  background-color: var(--pine-green-20);
  border-radius: 100%;
  bottom: 0;
  height: 35px;
  position: absolute;
  width: 35px;
  z-index: 10;
}

@media (min-width: 1024px) {

.swiper-button {
    height: 50px;

    width: 50px
}
  }

.modal-gallery .swiper-button,
  .simple-image-carousel .swiper-button {
    margin: auto;
    top: 0;
  }

@media (min-width: 1024px) {

.products-list .swiper-button {
      height: 40px;

      width: 40px
  }
    }

.swiper-button-next {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }

.swiper-button-next:hover .svg-stroke {
      stroke: #cedc00;
      stroke: var(--lime-essence);
    }

.modal-gallery .swiper-button-next,
    .simple-image-carousel .swiper-button-next {
      right: 20px;
      right: var(--section-spacing-tight);
    }

@media (min-width: 1024px) {

.modal-gallery .swiper-button-next,
    .simple-image-carousel .swiper-button-next {
        right: 40px;
        right: var(--section-spacing-medium)
    }
      }

.products-list .swiper-button-next {
      background-color: #cedc00;
      background-color: var(--lime-essence);
      left: 60px;
      left: var(--section-spacing-large);
    }

.products-list .swiper-button-next .svg-stroke {
        stroke: #161a21;
        stroke: var(--dark);
      }

.products-list .swiper-button-next:hover .svg-stroke {
        stroke: #161a21;
        stroke: var(--dark);
      }

.swiper-button-prev:hover .svg-stroke {
      stroke: #cedc00;
      stroke: var(--lime-essence);
    }

.modal-gallery .swiper-button-prev,
    .simple-image-carousel .swiper-button-prev {
      left: 20px;
      left: var(--section-spacing-tight);
    }

@media (min-width: 1024px) {

.modal-gallery .swiper-button-prev,
    .simple-image-carousel .swiper-button-prev {
        left: 40px;
        left: var(--section-spacing-medium)
    }
      }

.modal-slider .swiper-button-disabled {
      opacity: 0.25;
    }

.swiper-button svg {
    height: 100%;
    width: 100%;
  }

.modal-slider .swiper-button {
    background-color: #cedc00;
    background-color: var(--lime-essence);
  }

@media (min-width: 1024px) {

.modal-slider .swiper-button {
      height: 40px;

      width: 40px
  }
    }

.modal-slider .swiper-button .svg-stroke {
      stroke: #161a21;
      stroke: var(--dark);
    }

.swiper-lazyload-image span {
    border: 1px solid #cedc00;
    border: 1px solid var(--lime-essence);
    border-radius: 4px;
    bottom: 0;
    height: 16px;
    left: 0;
    margin: auto;
    padding: 2px;
    position: absolute;
    right: 0;
    top: 0;
    width: 54px;
    z-index: 1;
  }

.swiper-lazyload-image span::after {
      -webkit-animation: lazyloading 1s linear infinite;
              animation: lazyloading 1s linear infinite;
      background: #cedc00;
      background: var(--lime-essence);
      border-radius: 2px;
      content: '';
      display: block;
      height: 10px;
      position: absolute;
      width: 0;
    }

.swiper-lazyload-image--target {
    z-index: 2;
  }

@-webkit-keyframes lazyloading {
  0% {
    left: 2px;
    width: 0;
  }

  50% {
    right: 2px;
    width: 48px;
  }

  100% {
    right: 2px;
    width: 0;
  }
}

@keyframes lazyloading {
  0% {
    left: 2px;
    width: 0;
  }

  50% {
    right: 2px;
    width: 48px;
  }

  100% {
    right: 2px;
    width: 0;
  }
}

.toggle {
  cursor: pointer;
}

.toggle__input {
    background-color: #00352f;
    background-color: var(--storm-green-40);
    border: 1px solid #fff;
    border: 1px solid var(--white);
    border-radius: 10px;
    height: 20px;
    opacity: 0.5;
    position: relative;
    -webkit-transition: background 0.4s ease, opacity 0.4s ease;
    transition: background 0.4s ease, opacity 0.4s ease;
    width: 40px;
  }

.toggle__input span {
      background-color: #fff;
      background-color: var(--white);
      border-radius: 100%;
      top: 3px;
      display: block;
      height: 11px;
      left: 5px;
      position: absolute;
      -webkit-transition: left 0.4s ease;
      transition: left 0.4s ease;
      width: 11px;
    }

.toggle.is-active .toggle__input {
    background-color: #337a72;
    background-color: var(--storm-green-hover);
    opacity: 1;
  }

.toggle.is-active .toggle__input span {
      left: calc(100% - 15px);
    }

.toggle:hover .toggle__input {
    opacity: 0.8;
  }

.basic-text-image--two-thirds p, .basic-text-image--left p, .basic-text-image--right p {
      margin-bottom: 20px;
      margin-bottom: var(--section-spacing-tight);
    }

.basic-text-image--two-thirds p:last-of-type, .basic-text-image--left p:last-of-type, .basic-text-image--right p:last-of-type {
        margin-bottom: 0;
      }

.basic-text-image--right figure.has-caption--vertical figcaption {
      left: auto;
      right: 15px;
      right: var(--section-spacing-extra-tight);
      -webkit-transform: rotate(-90deg) translate(100%, 0);
              transform: rotate(-90deg) translate(100%, 0);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }

@media (min-width: 1024px) {

.basic-text-image--right figure.has-caption--vertical figcaption {
        left: auto;

        right: calc(30px * -1);

        right: calc(var(--section-spacing-normal) * -1)
    }
      }

.basic-text-image--two-thirds figure.has-caption figcaption {
      display: none;
    }

.basic-text-image--shop .basic-text-image__container,
      .basic-text-image--shop .basic-text-image__container .basic-text-image__background {
        min-height: 400px;
        -webkit-transition: opacity 1s cubic-bezier(0.7, 0, 0.3, 1);
        transition: opacity 1s cubic-bezier(0.7, 0, 0.3, 1);
      }

@media (min-width: 1024px) {

.basic-text-image--shop .basic-text-image__container,
      .basic-text-image--shop .basic-text-image__container .basic-text-image__background {
          min-height: 450px
      }
        }

.basic-text-image--shop .basic-text-image__container:hover > .basic-text-image__background {
        opacity: 0;
      }

.basic-text-image--shop .btn {
      bottom: 20px;
      bottom: var(--section-spacing-tight);
      left: 20px;
      left: var(--section-spacing-tight);
      position: absolute;
    }

@media (min-width: 1024px) {

.basic-text-image--shop .btn {
        bottom: 40px;
        bottom: var(--section-spacing-medium);

        left: 40px;

        left: var(--section-spacing-medium)
    }
      }

.basic-text-image--shop .btn-primary.theme-pine-green::before {
      background-color: #cedc00;
      background-color: var(--lime-essence);
    }

.basic-text-image--article p {
      margin-bottom: 20px;
      margin-bottom: var(--section-spacing-tight);
    }

.basic-text-image--article figcaption {
      margin-bottom: 20px;
      margin-bottom: var(--section-spacing-tight);
    }

.basic-text-image__stats {
    margin-bottom: -140px;
    margin-top: -40px;
  }

@media (min-width: 1024px) {

.basic-text-image__stats {
      margin-bottom: 0;

      margin-left: calc(100% - 275px);

      margin-top: 0;

      width: calc(275px * 2)
  }
    }

.basic-text-image__stats-statistic {
      height: 140px;
      width: 160px;
    }

@media (min-width: 1024px) {

.basic-text-image__stats-statistic {
        height: 275px;

        width: 275px
    }
      }

.basic-text-image__stats-statistic:first-of-type {
        background-blend-mode: multiply;
        background-image: -webkit-gradient(linear, left top, left bottom, from(var(--storm-green)), to(var(--storm-green)));
        background-image: linear-gradient(to bottom, #00594f, #00594f);
        background-image: linear-gradient(to bottom, var(--storm-green), var(--storm-green));
      }

.basic-text-image__stats-statistic:last-of-type {
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
        background-color: rgba(0, 89, 79, 0.85);
        background-color: var(--storm-green-85);
      }

.basic-text-image__video-btn {
    bottom: 0;
    height: 75px;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    width: 75px;
  }

@media (min-width: 1024px) {
      .basic-text-image__video-btn:hover {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
      }
    }

.basic-title-tagline > div {
    min-height: 400px;
  }

@media (min-width: 1024px) {

.basic-title-tagline > div {
      min-height: 500px
  }
    }

.basic-title-tagline .btn {
    bottom: 20px;
    bottom: var(--section-spacing-tight);
    left: 20px;
    left: var(--section-spacing-tight);
    position: absolute;
  }

@media (min-width: 1024px) {

.basic-title-tagline .btn {
      bottom: 40px;
      bottom: var(--section-spacing-medium);

      left: 40px;

      left: var(--section-spacing-medium)
  }
    }

.basic-title-tagline .btn-primary.theme-pine-green::before {
    background-color: #cedc00;
    background-color: var(--lime-essence);
  }

.car-highlight--fixed {
    background-color: #00473f;
    background-color: var(--storm-green-20);
  }

.car-highlight--fixed:first-of-type {
      padding-top: 60px;
      padding-top: var(--section-spacing-large);
    }

.car-highlight--fixed:last-of-type {
      padding-bottom: 120px;
      padding-bottom: var(--section-spacing-3larger);
    }

@media (min-width: 1024px) {
      .car-highlight--fixed,
      .car-highlight--fixed:first-of-type,
      .car-highlight--fixed:last-of-type {
        padding-bottom: 0;
        padding-top: 0;
      }
    }

@media (min-width: 1024px) {

.car-highlight--fixed .car-highlight__container {
          margin-bottom: 25vh
      }
        }

.car-highlight--fixed .car-highlight__fixed {
        opacity: 0;
        -webkit-transition: opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1);
        transition: opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1);
      }

.car-highlight--fixed .car-highlight__fixed.is-inview {
          opacity: 1;
        }

@media (max-width: 1024px) {

.car-highlight--fixed .car-highlight__fixed {
          -webkit-transform: none !important;
                  transform: none !important
      }
        }

@media (min-width: 1024px) {

.car-highlight--fixed .car-highlight__fixed {
          padding-top: 30vh
      }
        }

@media (min-width: 1024px) {

.car-highlight--fixed .car-highlight__image {
          height: 200vh
      }

          .car-highlight--fixed .car-highlight__image.car-highlight__annotations-1 {
            height: 150vh;
          }

          .car-highlight--fixed .car-highlight__image.car-highlight__annotations-2 {
            height: 300vh;
          }

          .car-highlight--fixed .car-highlight__image.car-highlight__annotations-3 {
            height: 450vh;
          }

          .car-highlight--fixed .car-highlight__image.car-highlight__annotations-4 {
            height: 600vh;
          }

          .car-highlight--fixed .car-highlight__image.car-highlight__annotations-5 {
            height: 750vh;
          }
        }

@media (min-width: 1024px) {
          .car-highlight--fixed .car-highlight__annotation.annotation-0 {
            bottom: auto;
            top: 100vh;
          }

          .car-highlight--fixed .car-highlight__annotation.annotation-1 {
            bottom: auto;
            top: 250vh;
          }

          .car-highlight--fixed .car-highlight__annotation.annotation-2 {
            bottom: auto;
            top: 400vh;
          }

          .car-highlight--fixed .car-highlight__annotation.annotation-3 {
            bottom: auto;
            top: 550vh;
          }

          .car-highlight--fixed .car-highlight__annotation.annotation-4 {
            bottom: auto;
            top: 700vh;
          }
        }

.car-highlight--default {
    background-color: #00594f;
    background-color: var(--storm-green);
  }

.car-highlight--default .module-content-body {
      max-width: 500px;
    }

.car-highlight__stats {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid var(--white-10);
    max-width: 500px;
  }

.car-highlight__stat {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid var(--white-10);
  }

.car-highlight__media-btn .icon svg {
      height: 24px;
      width: 24px;
    }

.annotation {
  max-width: 220px;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

@media (min-width: 1024px) {

.annotation {
    opacity: 0
}
  }

.annotation::before {
    content: '';
    display: block;
    height: 100px;
    position: absolute;
    top: 15px;
    width: 20px;
  }

.annotation.is-active {
    opacity: 1;
  }

.annotation-tyre {
    height: 85px;
    left: 20px;
    top: 20px;
  }

@media (min-width: 1024px) {

.annotation-tyre {
      left: 35%;

      top: 5%
  }
    }

.annotation-tyre::before {
      border-left: 1px solid rgba(255, 255, 255, 0.2);
      border-left: 1px solid var(--white-20);
      border-top: 1px solid rgba(255, 255, 255, 0.2);
      border-top: 1px solid var(--white-20);
      height: 190%;
      left: -35px;
    }

.annotation-wing {
    left: 15%;
    bottom: 0;
    top: -70%;
    margin: auto;
    height: 10%;
  }

@media (min-width: 1024px) {

.annotation-wing {
      bottom: 0;

      left: 15%;

      margin: auto;

      top: -50%
  }
    }

.annotation-wing::before {
      border-left: 1px solid rgba(255, 255, 255, 0.2);
      border-left: 1px solid var(--white-20);
      border-top: 1px solid rgba(255, 255, 255, 0.2);
      border-top: 1px solid var(--white-20);
      height: 400%;
      left: -35px;
    }

@media (min-width: 1024px) {

.annotation-wing::before {
        height: 300%
    }
      }

.annotation-cockpit {
    right: 35%;
    bottom: 0;
    top: -72%;
    margin: auto;
    height: 10%;
  }

@media (min-width: 1024px) {

.annotation-cockpit {
      top: -75%
  }
    }

.annotation-cockpit::before {
      border-right: 1px solid rgba(255, 255, 255, 0.2);
      border-right: 1px solid var(--white-20);
      border-top: 1px solid rgba(255, 255, 255, 0.2);
      border-top: 1px solid var(--white-20);
      height: 170%;
      right: -35px;
    }

@media (min-width: 1024px) {

.annotation-cockpit::before {
        height: 185%
    }
      }

.annotation-engine {
    right: 15%;
    bottom: -90%;
    top: 0;
    margin: auto;
    height: 10%;
  }

@media (min-width: 1024px) {

.annotation-engine {
      top: 0;

      bottom: -75%;

      margin: auto
  }
    }

.annotation-engine::before {
      border-right: 1px solid rgba(255, 255, 255, 0.2);
      border-right: 1px solid var(--white-20);
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      border-bottom: 1px solid var(--white-20);
      height: 420%;
      right: -35px;
      top: calc(-420% + 17px);
    }

@media (min-width: 1024px) {

.annotation-engine::before {
        height: 250%;

        top: calc(-250% + 17px)
    }
      }

/* Branding */

.annotation-pirelli img {
      width: 88px;
    }

.driver-bio__shop-button {
    height: 40px;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    width: 40px;
  }

.driver-bio__shop-button:hover circle.svg-fill {
        fill: #337a72;
        fill: var(--storm-green-hover);
      }

@media (min-width: 1024px) {

.driver-bio__shop-button:hover {
        -webkit-transform: scale(1.1);
                transform: scale(1.1)
    }
      }

.driver-bio__number {
    max-width: 854px;
    width: 60%;
  }

.driver-bio__bio-button {
    -webkit-transition: color 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    transition: color 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  }

.driver-bio__bio-button .icon-wrapper > span:not(.icon) {
      position: relative;
      -webkit-transition: opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1);
      transition: opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    }

.driver-bio__bio-button .icon-wrapper > span:not(.icon)::after {
        background: #00594f;
        background: var(--storm-green);
        bottom: -3px;
        content: '';
        height: 1px;
        left: 0;
        position: absolute;
        -webkit-transition: width 0.4s cubic-bezier(0.7, 0, 0.3, 1);
        transition: width 0.4s cubic-bezier(0.7, 0, 0.3, 1);
        width: 0;
      }

.driver-bio__bio-button:hover {
      color: #337a72;
      color: var(--storm-green-hover);
    }

.driver-bio__bio-button:hover circle.svg-fill {
        fill: #337a72;
        fill: var(--storm-green-hover);
      }

.driver-bio__bio-button:hover .icon-wrapper > span:not(.icon) {
        opacity: 1;
      }

.driver-bio__bio-button:hover .icon-wrapper > span:not(.icon)::after {
          width: 15px;
        }

.has-modal-bio .modal-content {
  color: #fff;
  color: var(--white);
  font-size: 0.9375rem;
  font-size: var(--font-size-3sm);
  font-weight: 200;
  letter-spacing: 0.4px;
  letter-spacing: var(--tracking-3medium);
  line-height: 2;
  line-height: var(--leading-loose);
}

@media (min-width: 1024px) {

.has-modal-bio .modal-content {
    font-size: 1rem;
    font-size: var(--font-size-base);

    letter-spacing: 0.4px;

    letter-spacing: var(--tracking-3medium);

    line-height: 2.15;

    line-height: var(--leading-extra-loose)
}
  }

.has-modal-bio .modal-content p {
    margin-bottom: 40px;
    margin-bottom: var(--section-spacing-medium);
  }

.has-modal-bio .modal-content p:first-of-type {
      font-family: 'Optima', sans-serif;
      font-family: var(--font-heading);
      font-size: 1.375rem;
      font-size: var(--font-size-2md);
      font-weight: normal;
      letter-spacing: -0.1px;
      letter-spacing: var(--tracking-tight);
      line-height: 1.65;
      line-height: var(--leading-3relaxed);
    }

@media (min-width: 1024px) {

.has-modal-bio .modal-content p:first-of-type {
        line-height: 1.75;
        line-height: var(--leading-4relaxed)
    }
      }

.driver-hero--tagline {
    -webkit-transform: rotate(-90deg) translate(100%, 0);
            transform: rotate(-90deg) translate(100%, 0);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
  }

@media (min-width: 1280px) {

.driver-hero--stacked-block {
      height: 50vh
  }
    }

.driver-hero__background {
    background-position: 60% center;
  }

@media (min-width: 1024px) {

.driver-hero__background {
      background-position: right center
  }
    }

.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid rgba(22, 26, 33, 0.25);
    border-radius: 0;
    -webkit-transition: border 0.4s ease;
    transition: border 0.4s ease;
  }

.form-control::-webkit-input-placeholder {
      color: rgba(22, 26, 33, 0.3);
    }

.form-control::-moz-placeholder {
      color: rgba(22, 26, 33, 0.3);
    }

.form-control:-ms-input-placeholder {
      color: rgba(22, 26, 33, 0.3);
    }

.form-control::-ms-input-placeholder {
      color: rgba(22, 26, 33, 0.3);
    }

.form-control::placeholder {
      color: rgba(22, 26, 33, 0.3);
    }

.form-control:active,
    .form-control:focus {
      border-color: rgb(56, 87, 72, 0.65);
      outline: none;
    }

.form-control:invalid,
    .form-control:required {
      -webkit-box-shadow: none;
              box-shadow: none;
    }

.form-control:invalid {
      color: #cb3d3d;
      color: var(--color-error);
    }

.form-input .icon {
      height: 16px;
      pointer-events: none;
      right: 12px;
      right: var(--section-spacing-1tighter);
      top: 17px;
    }

.form-input .icon.icon--caret-down {
        height: 7px;
        top: 21px;
      }

.form-input .form-error,
    .form-input .form-success {
      display: none;
    }

.form-input .form-control {
      padding: 8px 12px;
    }

.form-check-input input {
      cursor: pointer;
      height: 16px;
      width: 16px;
    }

.form-check-input input:checked + div .icon {
        opacity: 1;
      }

.form-check-input input:invalid:not(:checked) {
        border-color: #cb3d3d;
        border-color: var(--color-error);
        color: #cb3d3d;
        color: var(--color-error);
      }

.form-check-input input:invalid:not(:checked) + div .form-text {
          color: #cb3d3d;
          color: var(--color-error);
        }

.form-check-input .icon {
      left: 4px;
      opacity: 0;
      top: 5px;
      -webkit-transition: opacity 0.4s ease;
      transition: opacity 0.4s ease;
    }

.form-control:not(:-moz-placeholder-shown):invalid {
      border-color: #cb3d3d;
      border-color: var(--color-error);
    }

.form-control:not(:-ms-input-placeholder):invalid {
      border-color: #cb3d3d;
      border-color: var(--color-error);
    }

.form-control:not(:placeholder-shown):invalid {
      border-color: #cb3d3d;
      border-color: var(--color-error);
    }

.form-control:not(:-moz-placeholder-shown):invalid + div .icon--caret-down .svg-stroke {
          stroke: #cb3d3d;
          stroke: var(--color-error);
        }

.form-control:not(:-ms-input-placeholder):invalid + div .icon--caret-down .svg-stroke {
          stroke: #cb3d3d;
          stroke: var(--color-error);
        }

.form-control:not(:placeholder-shown):invalid + div .icon--caret-down .svg-stroke {
          stroke: #cb3d3d;
          stroke: var(--color-error);
        }

.form-control:not(:-moz-placeholder-shown):invalid + div .form-error {
          display: block;
        }

.form-control:not(:-ms-input-placeholder):invalid + div .form-error {
          display: block;
        }

.form-control:not(:placeholder-shown):invalid + div .form-error {
          display: block;
        }

.form-control:not(:-moz-placeholder-shown):valid + div .form-success {
        display: block;
      }

.form-control:not(:-ms-input-placeholder):valid + div .form-success {
        display: block;
      }

.form-control:not(:placeholder-shown):valid + div .form-success {
        display: block;
      }

.form-label {
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
  }

.fake-select {
  position: relative;
  width: 100%;
}

.fake-select--trigger .icon--caret-down {
      -webkit-transition: -webkit-transform 0.4s ease;
      transition: -webkit-transform 0.4s ease;
      transition: transform 0.4s ease;
      transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    }

.fake-select.is-required .fake-select--trigger {
      border-color: #cb3d3d;
      border-color: var(--color-error);
    }

.fake-select.is-required .icon--caret-down .svg-stroke {
      stroke: #cb3d3d;
      stroke: var(--color-error);
    }

.fake-select.is-required + div .form-error {
        display: block;
      }

.fake-select.is-active .fake-select--trigger {
      border-color: rgb(56, 87, 72, 0.65);
    }

.fake-select.is-active .fake-select--list {
      display: block;
    }

.fake-select.is-active .icon--caret-down {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
    }

.fake-select--list {
    border: 1px solid rgb(56, 87, 72, 0.65);
    display: none;
    max-height: 200px;
    overflow: auto;
    padding: 5px 12px;
    padding: var(--section-spacing-2tightest) var(--section-spacing-1tighter);
    top: calc(100% - 1px);
  }

.fake-select--list li {
      padding: 10px 0;
      padding: var(--section-spacing-tighter) 0;
    }

.fake-select--list li::after {
        background-color: #cedc00;
        background-color: var(--lime-essence);
        bottom: 0;
        content: '';
        height: 1px;
        left: 0;
        position: absolute;
        -webkit-transition: width 0.4s cubic-bezier(0.7, 0, 0.3, 1);
        transition: width 0.4s cubic-bezier(0.7, 0, 0.3, 1);
        width: 0;
      }

.fake-select--list li.is-active,
      .fake-select--list li:hover {
        color: #385748;
        color: var(--pine-green);
        font-weight: 500;
      }

.fake-select--list li.is-active::after, .fake-select--list li:hover::after {
          width: 100%;
        }

.fragment-container__item {
    min-height: 300px;
  }

@media (min-width: 1024px) {

.fragment-container__item {
      min-height: 388px
  }
    }

.fragment-container--scroll {
  }

.fragment-container--tiled .fragment-container__item::before {
        background-color: #000;
        background-color: var(--color-black);
        bottom: 0;
        content: '';
        left: 0;
        margin: auto;
        opacity: 0.2;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition: opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1);
        transition: opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1);
        z-index: 1;
      }

.fragment-container--tiled .fragment-container__item:hover::before {
        opacity: 0.4;
      }

.fragment-container--tiled .fragment-container__item .btn {
        bottom: 20px;
        bottom: var(--section-spacing-tight);
        left: 20px;
        left: var(--section-spacing-tight);
        position: absolute;
        z-index: 11;
      }

@media (min-width: 1024px) {

.fragment-container--tiled .fragment-container__item .btn {
          bottom: 40px;
          bottom: var(--section-spacing-medium);

          left: 40px;

          left: var(--section-spacing-medium)
      }
        }

.fragment-container--tiled .fragment-container__item .btn circle {
          -webkit-transition: fill-opacity 0.4s ease;
          transition: fill-opacity 0.4s ease;
        }

.fragment-container--tiled .fragment-container__item .btn:hover circle {
          fill-opacity: 1;
        }

.fragment-container--tiled-coloured .fragment-container__item > div {
      max-width: 410px;
    }

@media (min-width: 1024px) {
      .fragment-container--paginated,
      .fragment-container--paginated .fragment-highlight,
      .fragment-container--paginated .fragment-highlight__container,
      .fragment-container--paginated .fragment-container__slider {
        min-height: 800px;
      }
    }

.fragment-container--paginated .fragment-container__pagination li {
        color: #385748;
        color: var(--pine-green);
        cursor: pointer;
        opacity: 0.25;
        position: relative;
        -webkit-transform: translate3d(0, 0, 0);
      }

.fragment-container--paginated .fragment-container__pagination li.is-active {
          color: #2b4439;
          color: var(--pine-green-20);
          font-weight: 600;
          opacity: 1;
        }

.fragment-container--paginated .fragment-container__pagination li.is-active::after {
            background: #cedc00;
            background: var(--lime-essence);
            bottom: -6px;
            content: '';
            height: 2px;
            left: 0;
            position: absolute;
            width: 100%;
          }

.fragment-container--paginated .fragment-container__slide {
      -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
      transition: -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
      transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
      transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    }

.fragment-container--paginated .fragment-container__slide p {
        margin-bottom: 20px;
        margin-bottom: var(--section-spacing-tight);
      }

.fragment-container--paginated .fragment-container__slide p:last-of-type {
          margin-bottom: 0;
        }

.fragment-container--paginated .fragment-container__year {
      font-size: 7.639vw;
      height: 115px;
      width: 240px;
      -webkit-transform: translate3d(0, 0, 0);
    }

@media (min-width: 1280px) {

.fragment-container--paginated .fragment-container__year {
        font-size: 110px
    }
      }

.fragment-container--paginated .fragment-container__pager {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
    }

.fragment-container--paginated .fragment-container__pager .pager-year,
      .fragment-container--paginated .fragment-container__pager .pager-icon {
        width: 50px;
      }

.fragment-container--paginated .fragment-container__pager .pager-year svg, .fragment-container--paginated .fragment-container__pager .pager-icon svg {
          width: 40px;
        }

.fragment-container--paginated .fragment-container__pager.is-active {
        cursor: pointer;
        opacity: 1;
      }

.fragment-container--paginated .fragment-container__pager-hold {
        width: 240px;
      }

.fragment-container .cursor-override {
    display: none;
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
    transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
    transition: transform 0.4s ease, opacity 0.4s ease;
    transition: transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;
  }

@media (min-width: 1024px) {

.fragment-container__slider.hide-cursor {
        /* cursor: none; */
    }

        .fragment-container__slider.hide-cursor .cursor-override {
          display: block;
          z-index: 100;
        }
      }

.fragment-highlight__stats--container {
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      background-color: rgba(0, 89, 79, 0.75);
      background-color: var(--storm-green-75);
      display: none;
      width: 300px;
    }

@media (min-width: 1024px) {

.fragment-highlight__stats--container {
        display: block
    }
      }

.fragment-highlight__stats.is-active .fragment-highlight__stats--container {
      display: block;
    }

.fragment-highlight__stats-bar {
      background-color: rgba(255, 255, 255, 0.15);
      background-color: var(--white-15);
      height: 2px;
    }

.fragment-highlight__stats-bar span {
        background-color: #cedc00;
        background-color: var(--lime-essence);
        height: 100%;
        -webkit-transition: width 0.4s cubic-bezier(0.5, 0, 0.5, 1);
        transition: width 0.4s cubic-bezier(0.5, 0, 0.5, 1);
        width: 0;
      }

.fragment-highlight__stats-bar--wrapper {
        width: 180px;
      }

.fragment-highlight__subtitle {
    bottom: 20px;
    bottom: var(--section-spacing-tight);
    width: calc(100% - 40px);
  }

@media (min-width: 1024px) {

.fragment-highlight__subtitle {
      bottom: 40px;
      bottom: var(--section-spacing-medium);

      width: calc(100% - 80px)
  }
    }

.fragment-highlight__subtitle strong {
      padding-left: 17px;
      position: relative;
    }

.fragment-highlight__subtitle strong::before {
        background: #cedc00;
        background: var(--lime-essence);
        bottom: 0;
        content: '';
        height: 2px;
        left: 0;
        margin: auto;
        position: absolute;
        top: 0;
        width: 10px;
      }

.highlight-carousel .swiper-slide {
    padding-top: 5px;
    width: 310px;
  }

@media (min-width: 1024px) {

.highlight-carousel .swiper-slide {
      min-width: 325px;

      width: calc(25% - 25px)
  }
    }

.highlight-carousel .swiper-slide:last-of-type {
      margin-right: 20px;
    }

.image-gallery > div::after {
    content: '';
    clear: both;
    display: table;
  }

.image-gallery .btn {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  }

@media (min-width: 1024px) {
      .image-gallery .btn:hover {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
      }
    }

.job-listing ul {
    border-top: 1px solid #d8d8d8;
    border-top: 1px solid var(--color-lightgray-200);
  }

.job-listing ul li {
      border-bottom: 1px solid #d8d8d8;
      border-bottom: 1px solid var(--color-lightgray-200);
    }

.partners-footer a {
    -webkit-transition: color 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    transition: color 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  }

.partners-footer img {
    display: block;
    opacity: 0.25;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    width: 100%;
  }

.partners-footer img:hover {
      opacity: 1;
    }

@media (min-width: 1024px) {

.partners-footer .title-partner {
      max-width: 320px
  }
    }

.partners-footer .title-partner img {
      max-width: 210px;
    }

@media (min-width: 1024px) {

.partners-footer .title-partner img {
        max-width: 280px
    }
      }

.partners-footer .regional-partner li,
  .partners-footer .global-partner li {
    width: 100px;
  }

@media (min-width: 1024px) {

.partners-footer .regional-partner li,
  .partners-footer .global-partner li {
      width: 130px
  }
    }

.partners-footer .team-supplier li,
  .partners-footer .official-supplier li {
    max-width: 70px;
  }

@media (min-width: 1024px) {

.partners-footer .team-supplier li,
  .partners-footer .official-supplier li {
      max-width: 90px
  }
    }

@media (min-width: 1024px) {
    .partners-footer--after::after {
      background-color: #002420;
      background-color: var(--storm-green-60);
      content: '';
      height: 100%;
      position: absolute;
      top: 0;
      left: 33.333333%;
      width: 500%;
    }
  }

.partners-list img {
    display: block;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    opacity: 0.5;
    -webkit-transition: opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1), -webkit-filter 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    transition: opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1), -webkit-filter 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    transition: filter 0.4s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    transition: filter 0.4s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1), -webkit-filter 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    width: 100%;
  }

.partners-list img:hover {
      -webkit-filter: grayscale(0);
              filter: grayscale(0);
      opacity: 1;
    }

.partners-list .title-partner img {
      max-width: 200px;
    }

@media (min-width: 1024px) {

.partners-list .title-partner img {
        max-width: 330px
    }
      }

.partners-list .regional-partner img,
  .partners-list .global-partner img {
    max-width: 100px;
  }

@media (min-width: 1024px) {

.partners-list .regional-partner img,
  .partners-list .global-partner img {
      max-width: 180px
  }
    }

.partners-list .team-supplier img,
  .partners-list .official-supplier img {
    max-width: 80px;
  }

@media (min-width: 1024px) {

.partners-list .team-supplier img,
  .partners-list .official-supplier img {
      max-width: 120px
  }
    }

@media (min-width: 768px) {

.persons-highlight .person {
      min-height: 41.667vw
  }
    }

.persons-highlight--feature .person-name span {
      font-size: 33px;
      font-size: 7.971014492753623vw;
      font-weight: normal;
      letter-spacing: 0.99px;
      letter-spacing: 0.2391304347826087vw;
    }

@media (min-width: 768px) {

.persons-highlight--feature .person-name span {
        font-size: 55px;

        font-size: 3.8194444444444446vw;

        letter-spacing: 1.65px;

        letter-spacing: 0.11458333333333333vw
    }
      }

.persons-highlight--feature .person-name span:last-of-type {
        font-size: 78px;
        font-size: 18.840579710144926vw;
        font-weight: bold;
        letter-spacing: 10.8px;
        letter-spacing: 2.608695652173913vw;
        line-height: 0.92;
      }

@media (min-width: 768px) {

.persons-highlight--feature .person-name span:last-of-type {
          font-size: 130px;

          font-size: 9.027777777777779vw;

          letter-spacing: 18px;

          letter-spacing: 1.25vw;

          line-height: 0.92
      }
        }

.persons-highlight--list .person-name span {
      font-size: 33px;
      font-size: 7.971014492753623vw;
      font-weight: normal;
      letter-spacing: 0.99px;
      letter-spacing: 0.2391304347826087vw;
    }

@media (min-width: 768px) {

.persons-highlight--list .person-name span {
        font-size: 45px;

        font-size: 3.125vw;

        letter-spacing: 1.35px;

        letter-spacing: 0.094vw;

        line-height: 1.05
    }
      }

.persons-highlight--list .person-name span:last-of-type {
        font-size: 70px;
        font-size: 16.908vw;
        font-weight: bold;
        letter-spacing: 9.69px;
        letter-spacing: 2.341vw;
        line-height: 0.92;
      }

@media (min-width: 768px) {

.persons-highlight--list .person-name span:last-of-type {
          font-size: 76px;

          font-size: 5.278vw;

          letter-spacing: 9px;

          letter-spacing: 0.625vw;

          line-height: 1.05
      }
        }

.products-list .swiper-slide {
    padding-top: 5px;
    width: 310px;
  }

@media (min-width: 1024px) {

.products-list .swiper-slide {
      min-width: 325px;

      width: calc(33.3333% - 33px)
  }
    }

.products-list .swiper-slide:last-of-type {
      margin-right: 20px;
    }

.quote--full-width .quote__icon .svg-fill {
      fill: #cedc00;
      fill: var(--lime-essence);
    }

.quote--full-width .quote__author-title {
      max-width: 300px;
    }

.quote--full-width .quote__video-btn {
      bottom: 135px;
      left: calc(50% - 27.5px);
    }

@media (min-width: 1024px) {

.quote--full-width .quote__video-btn {
        bottom: 0;

        left: calc(75% - 37.5px);

        margin: auto;

        top: 0
    }
      }

.quote--half-and-half .quote__icon .svg-fill {
      fill: #fff;
      fill: var(--white);
    }

.quote--half-and-half .quote__video-btn {
      bottom: 0;
      left: 0;
      margin: auto;
      right: 0;
      top: 0;
    }

.quote--half-and-half .heading.has-after {
      padding: 0;
    }

.quote--half-and-half .heading.has-after::after {
        bottom: auto;
        height: 2px;
        left: 0;
        margin: auto;
        right: 0;
        top: -15px;
        width: 30px;
      }

.quote__video-btn {
    height: 55px;
    left: calc(50% - 27.5px);
    width: 55px;
  }

@media (min-width: 1024px) {

.quote__video-btn {
      height: 75px;

      width: 75px
  }
    }

.quote__video-btn svg {
      height: 100%;
      opacity: 0.8;
      -webkit-transition: opacity 0.4s ease;
      transition: opacity 0.4s ease;
      width: 100%;
    }

.quote__video-btn:hover svg {
      opacity: 1;
    }

.quote__icon {
    height: 89px;
    left: -20px;
    opacity: 0.1;
    position: absolute;
    top: -40px;
    width: 115px;
  }

@media (min-width: 1024px) {

.quote__icon {
      height: 112px;

      left: -28px;

      top: -45px;

      width: 144px
  }
    }

.quote--article\:full-width .quote__icon svg {
        max-width: 100%;
        max-height: 100%;
      }

@media (min-width: 1024px) {

.quote--article\:full-width .quote__icon {
        height: 74px;

        width: 96px
    }
      }

.quote--article\:full-width .quote__icon:nth-of-type(1) {
        top: 40px;
        top: var(--section-spacing-medium);
        left: 8px;
        left: var(--section-spacing-tightest);
      }

@media (min-width: 1024px) {

.quote--article\:full-width .quote__icon:nth-of-type(1) {
          top: 50px;
          top: var(--section-spacing-2medium);

          left: 30px;

          left: var(--section-spacing-normal)
      }
        }

.quote--article\:full-width .quote__icon:nth-of-type(2) {
        display: none;
      }

@media (min-width: 1024px) {

.quote--article\:full-width .quote__icon:nth-of-type(2) {
          display: block;

          top: auto;

          left: auto;

          right: 30px;

          right: var(--section-spacing-normal);

          bottom: 40px;

          bottom: var(--section-spacing-medium)
      }
        }

.quote--article\:full-width .quote__icon:nth-of-type(2) svg {
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg);
        }

.social-highlight ul {
    margin-left: 70px;
    position: relative;
  }

.social-highlight ul::before {
      background: var(--color-green-200);
      bottom: 0;
      content: '';
      height: 2px;
      left: -70px;
      margin: auto;
      position: absolute;
      top: 0;
      width: 40px;
    }

.statistics-grid .nav-tabs a {
    display: block;
    opacity: 0.5;
    position: relative;
    -webkit-transition: opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    transition: opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1);
  }

.statistics-grid .nav-tabs a::after {
      background-color: #cedc00;
      background-color: var(--lime-essence);
      bottom: -4px;
      content: '';
      height: 2px;
      left: 0;
      position: absolute;
      -webkit-transition: background 0.4s ease, width 0.4s cubic-bezier(0.7, 0, 0.3, 1);
      transition: background 0.4s ease, width 0.4s cubic-bezier(0.7, 0, 0.3, 1);
      width: 0;
    }

.statistics-grid .nav-tabs a.is-active {
      color: #00594f;
      color: var(--storm-green);
      font-weight: 600;
      opacity: 1;
    }

.statistics-grid .nav-tabs a.is-active::after {
        width: 100%;
      }

.statistics-grid .nav-tabs a:not(.is-active):hover {
      opacity: 1;
    }

.statistics-grid .nav-tabs a:not(.is-active):hover::after {
        width: 15px;
      }

.statistics-grid .tab-content .tab-pane:not(.is-active) {
        display: none;
      }

.results-table--season-list,
  .results-table--constructor-standings,
  .results-table--driver-standings {
    background-color: #00594f;
    background-color: var(--storm-green);
    padding-bottom: 60px;
    padding-bottom: var(--section-spacing-large);
    padding-top: 60px;
    padding-top: var(--section-spacing-large);
  }

@media (min-width: 1024px) {

.results-table--season-list,
  .results-table--constructor-standings,
  .results-table--driver-standings {
      padding-bottom: 100px;
      padding-bottom: var(--section-spacing-1larger);

      padding-top: 70px;

      padding-top: var(--section-spacing-1large)
  }
    }

.results-table--season-list .results-table__cell, .results-table--constructor-standings .results-table__cell, .results-table--driver-standings .results-table__cell {
      width: 100%;
    }

.results-table--season-list .results-table__header, .results-table--constructor-standings .results-table__header, .results-table--driver-standings .results-table__header {
      border-color: rgba(255, 255, 255, 0.1);
      border-color: var(--white-10);
      color: #fff;
      color: var(--white);
    }

.results-table--season-list .results-table__header .results-table__cell, .results-table--constructor-standings .results-table__header .results-table__cell, .results-table--driver-standings .results-table__header .results-table__cell {
        padding-bottom: 4px;
        padding-top: 4px;
      }

.results-table--season-list .results-table__row, .results-table--constructor-standings .results-table__row, .results-table--driver-standings .results-table__row {
      border-color: rgba(255, 255, 255, 0.1);
      border-color: var(--white-10);
    }

.results-table--season-list .results-table__row.is-active, .results-table--constructor-standings .results-table__row.is-active, .results-table--driver-standings .results-table__row.is-active {
        background-color: #00473f;
        background-color: var(--storm-green-20);
      }

.results-table--season-list .results-table__row .results-table__cell, .results-table--constructor-standings .results-table__row .results-table__cell, .results-table--driver-standings .results-table__row .results-table__cell {
        padding-bottom: 12px;
        padding-top: 12px;
      }

.results-table--season-list {
    background-color: #00473f;
    background-color: var(--storm-green-20);
  }

.results-table--season-list .results-table__cell-0.results-table__cell {
        padding-left: 0;
        min-width: 50%;
      }

.results-table--season-list .results-table__cell-1 {
        min-width: 50%;
      }

@media (min-width: 1024px) {

.results-table--season-list .results-table__cell-1 {
          min-width: 30%
      }
        }

.results-table--season-list .results-table__cell-2 {
        min-width: 20%;
      }

.results-table--driver-standings .results-table__cell {
      padding-left: 15px;
      padding-right: 15px;
    }

.results-table--driver-standings .results-table__cell-0,
      .results-table--driver-standings .results-table__cell-3 {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        max-width: 45px;
        min-width: 45px;
      }

.results-table--driver-standings .results-table__cell-0.results-table__cell-0 {
        margin-right: 20px;
      }

.results-table--driver-standings .results-table__row .results-table__cell-0.results-table__cell-0 {
        padding-top: 14px;
      }

.results-table--constructor-standings .results-table__cell {
      padding-left: 15px;
      padding-right: 15px;
    }

.results-table--constructor-standings .results-table__cell-0,
      .results-table--constructor-standings .results-table__cell-2 {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        max-width: 42px;
        min-width: 42px;
      }

.results-table--constructor-standings .results-table__cell-0.results-table__cell-0 {
        margin-right: 20px;
      }

.results-table--constructor-standings .results-table__row .results-table__cell-0.results-table__cell-0 {
        padding-top: 14px;
      }

.race-view .results-table--default {
      margin: 20px auto 90px;
      margin: var(--section-spacing-tight) auto var(--section-spacing-larger);
    }

@media (min-width: 1024px) {

.race-view .results-table--default {
        margin-bottom: 120px;
        margin-bottom: var(--section-spacing-3larger)
    }
      }

.results-table--default .results-table__body {
      border-top: 1px solid #d8d8d8;
      border-top: 1px solid var(--color-lightgray-200);
    }

.results-table--default .results-table__body .table-cell {
        border-bottom: 1px solid #d8d8d8;
        border-bottom: 1px solid var(--color-lightgray-200);
      }

.results-table--default .results-table__body .table-cell.last {
          border-bottom: none;
          width: 1%;
          white-space: nowrap;
        }

.results-table--default .results-table__body .table-cell.last .icon svg {
              display: inline;
            }

.results-table--default .results-table__body .table-row:last-child .last {
            border-bottom: 1px solid #d8d8d8;
            border-bottom: 1px solid var(--color-lightgray-200);
          }

.results-table__container {
    max-width: 900px;
  }

.results-table__header {
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid var(--white);
  }

.results-table__row {
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid var(--white);
  }

.season-overview-tables .season-overview-table {
    min-width: 550px;
  }

@media (max-width: 1280px) {

.season-overview-tables .season-overview-table {
      min-width: unset
  }
    }

.season-overview-tables .table-1 .top-stats {
      background-color: #cedc00;
      background-color: var(--lime-essence);
    }

.season-overview-tables .table-1 .top-stats .title,
      .season-overview-tables .table-1 .top-stats .name {
        color: #161a21;
        color: var(--dark);
      }

.season-overview-tables .table-1 .top-stats .tagline {
        color: #385748;
        color: var(--pine-green);
      }

.season-overview-tables .table-1 .top-stats .value {
        color: #2b4439;
        color: var(--pine-green-20);
      }

.season-overview-tables .table-1 .bottom-info .info {
        background-color: #22332b;
        background-color: var(--color-darkgreen-200);
      }

.season-overview-tables .table-1 .bottom-info .info .date {
          color: #cedc00;
          color: var(--lime-essence);
        }

.season-overview-tables .table-1 .bottom-info .info .race {
          color: #fff;
          color: var(--white);
        }

@media (min-width: 1024px) {

.trackmap__toggles {
      max-width: 230px
  }
    }

.trackmap__images-speedtrap {
      z-index: 2;
    }

.trackmap__images-drs {
      z-index: 3;
    }

.trackmap__images-turns {
      z-index: 4;
    }

.trackmap__images-sectors {
      z-index: 5;
    }

.loading-screen {
  -webkit-transform: scaleY(0) skewX(0);
          transform: scaleY(0) skewX(0);
  -webkit-transform-origin: top left;
          transform-origin: top left;
}

.loading-container {
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 9999;
  pointer-events: none;
}

.loading-container__svg {
    z-index: 2;
  }

.loading-container__svg svg {
      opacity: 0;
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
    }

.loading-container__svg.svg-brand svg {
      height: 50px;
      width: 150px;
    }

.loading-container__svg.svg-number svg {
      width: 150px;
    }

.loading-container__svg.svg-video svg {
      width: 150px;
    }

.loading-container__svg.svg-video svg .svg-fill {
        fill: #fff;
        fill: var(--white);
      }

.loading-container__svg.svg-video svg .svg-stroke {
        stroke: #2b4439;
        stroke: var(--pine-green-20);
      }

.splitting-stagger-opacity .char {
  -webkit-animation: stagger-opacity 0.4s forwards;
          animation: stagger-opacity 0.4s forwards;
  -webkit-animation-delay: calc(0.05s * var(--char-index));
          animation-delay: calc(0.05s * var(--char-index));
  opacity: 0;
}

@-webkit-keyframes stagger-opacity {
  to {
    opacity: 1;
  }
}

@keyframes stagger-opacity {
  to {
    opacity: 1;
  }
}

.splitting-slide-in .char {
  -webkit-animation: slide-in 0.6s cubic-bezier(0.5, 0, 0.5, 1) both;
          animation: slide-in 0.6s cubic-bezier(0.5, 0, 0.5, 1) both;
  -webkit-animation-delay: calc(3ms * var(--char-index) + 1000ms);
          animation-delay: calc(3ms * var(--char-index) + 1000ms);
}

@-webkit-keyframes slide-in {
  from {
    -webkit-transform: translateY(1.5em);
            transform: translateY(1.5em);
    opacity: 0;
  }
}

@keyframes slide-in {
  from {
    -webkit-transform: translateY(1.5em);
            transform: translateY(1.5em);
    opacity: 0;
  }
}

/*! locomotive-scroll v4.0.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */

html.has-scroll-smooth {
  overflow: hidden;
}

html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.has-scroll-smooth body {
  overflow: hidden;
}

.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh;
  -webkit-transition: background 0.4s ease;
  transition: background 0.4s ease;
}

.is-ie [data-scroll-container] {
  overflow: hidden;
}

[data-scroll-direction='horizontal'] [data-scroll-container] {
  white-space: nowrap;
  height: 100vh;
  display: inline-block;
  white-space: nowrap;
}

[data-scroll-direction='horizontal'] [data-scroll-section] {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  height: 100%;
}

.c-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
  height: 100%;
  -webkit-transform-origin: center right;
          transform-origin: center right;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  opacity: 0;
}

.c-scrollbar:hover {
  -webkit-transform: scaleX(1.45);
          transform: scaleX(1.45);
}

.c-scrollbar:hover,
.has-scroll-scrolling .c-scrollbar,
.has-scroll-dragging .c-scrollbar {
  opacity: 1;
}

[data-scroll-direction='horizontal'] .c-scrollbar {
  width: 100%;
  height: 10px;
  top: auto;
  bottom: 0;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}

[data-scroll-direction='horizontal'] .c-scrollbar:hover {
  -webkit-transform: scaleY(1.3);
          transform: scaleY(1.3);
}

.c-scrollbar_thumb {
  position: absolute;
  top: 0;
  right: 0;
  background-color: black;
  opacity: 0.5;
  width: 7px;
  border-radius: 10px;
  margin: 2px;
  cursor: -webkit-grab;
  cursor: grab;
}

.has-scroll-dragging .c-scrollbar_thumb {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

[data-scroll-direction='horizontal'] .c-scrollbar_thumb {
  right: auto;
  bottom: 0;
}

/* Recommended styles for Splitting */

.splitting .word,
.splitting .char {
  display: inline-block;
}

/* Psuedo-element chars */

.splitting .char {
  position: relative;
}

/**
 * Populate the psuedo elements with the character to allow for expanded effects
 * Set to `display: none` by default; just add `display: block` when you want
 * to use the psuedo elements
 */

.splitting .char::before,
.splitting .char::after {
  content: attr(data-char);
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  -webkit-transition: inherit;
  transition: inherit;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* Expanded CSS Variables */

.splitting {
  /* The center word index */
  --word-center: calc((var(--word-total) - 1) / 2);
  /* The center character index */
  --char-center: calc((var(--char-total) - 1) / 2);
  /* The center character index */
  --line-center: calc((var(--line-total) - 1) / 2);
}

.splitting .word {
  /* Pecent (0-1) of the word's position */
  --word-percent: calc(var(--word-index) / var(--word-total));
  /* Pecent (0-1) of the line's position */
  --line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char {
  /* Percent (0-1) of the char's position */
  --char-percent: calc(var(--char-index) / var(--char-total));
  /* Offset from center, positive & negative */
  --char-offset: calc(var(--char-index) - var(--char-center));
  /* Absolute distance from center, only positive */
  --distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center));
  /* Distance from center where -1 is the far left, 0 is center, 1 is far right */
  --distance-sine: calc(var(--char-offset) / var(--char-center));
  /* Distance from center where 1 is far left/far right, 0 is center */
  --distance-percent: calc((var(--distance) / var(--char-center)));
}

/**
 * Swiper 6.3.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 30, 2020
 */

@font-face {
  font-family: 'swiper-icons';

  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA')
    format('woff');

  font-weight: 400;

  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */

.swiper-container-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
    --swiper-navigation-color: var(--swiper-theme-color);
    */
}

.swiper-button-prev,
.swiper-button-next {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.65;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
    --swiper-pagination-color: var(--swiper-theme-color);
    */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-theme-color);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-theme-color);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */

:root {
  /*
    --swiper-preloader-color: var(--swiper-theme-color);
    */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-theme-color);
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* a11y */

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.bg-black{
  --bg-opacity: 1;
  background-color: #000;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
}

.bg-white{
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.bg-red-500{
  --bg-opacity: 1;
  background-color: #f56565;
  background-color: rgba(245, 101, 101, var(--bg-opacity));
}

.bg-teal-500{
  --bg-opacity: 1;
  background-color: #38b2ac;
  background-color: rgba(56, 178, 172, var(--bg-opacity));
}

.bg-blue-500{
  --bg-opacity: 1;
  background-color: #4299e1;
  background-color: rgba(66, 153, 225, var(--bg-opacity));
}

.bg-lightgray-600{
  background-color: #f2f2f2;
  background-color: var(--color-lightgray-600);
}

.bg-lime-essence{
  background-color: #cedc00;
  background-color: var(--lime-essence);
}

.bg-storm-green{
  background-color: #00594f;
  background-color: var(--storm-green);
}

.bg-storm-green-20{
  background-color: #00473f;
  background-color: var(--storm-green-20);
}

.bg-storm-green-40{
  background-color: #00352f;
  background-color: var(--storm-green-40);
}

.bg-storm-green-60{
  background-color: #002420;
  background-color: var(--storm-green-60);
}

.bg-storm-green-80{
  background-color: #001210;
  background-color: var(--storm-green-80);
}

.bg-dark{
  background-color: #161a21;
  background-color: var(--dark);
}

.bg-darkforest-green{
  background-color: #00231f;
  background-color: var(--dark-forest-green);
}

.hover\:bg-blue-700:hover{
  --bg-opacity: 1;
  background-color: #2b6cb0;
  background-color: rgba(43, 108, 176, var(--bg-opacity));
}

.bg-center{
  background-position: center;
}

.bg-right{
  background-position: right;
}

.bg-top{
  background-position: top;
}

.bg-no-repeat{
  background-repeat: no-repeat;
}

.bg-cover{
  background-size: cover;
}

.bg-contain{
  background-size: contain;
}

.border-blue-500{
  --border-opacity: 1;
  border-color: #4299e1;
  border-color: rgba(66, 153, 225, var(--border-opacity));
}

.rounded{
  border-radius: 0.25rem;
}

.rounded-full{
  border-radius: 9999px;
}

.border{
  border-width: 1px;
}

.cursor-default{
  cursor: default;
}

.cursor-pointer{
  cursor: pointer;
}

.block{
  display: block;
}

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

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

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

.table{
  display: table;
}

.table-cell{
  display: table-cell;
}

.table-row{
  display: table-row;
}

.grid{
  display: grid;
}

.contents{
  display: contents;
}

.hidden{
  display: none;
}

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

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

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

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

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

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

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

.justify-items-center{
  justify-items: center;
}

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

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

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

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

.flex-initial{
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

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

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

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

.float-left{
  float: left;
}

.clear-left{
  clear: left;
}

.font-sans{
  font-family: urbane;
}

.font-display{
  font-family: bebas-neue-pro-expanded;
}

.font-heading{
  font-family: Optima;
}

.font-body{
  font-family: urbane;
}

.font-thin{
  font-weight: 200;
}

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

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

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

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

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

.h-4{
  height: 1rem;
}

.h-56{
  height: 14rem;
}

.h-larger{
  height: 90px;
  height: var(--section-spacing-larger);
}

.h-full{
  height: 100%;
}

.h-screen{
  height: 100vh;
}

.text-xsm{
  font-size: 0.5rem;
  font-size: var(--font-size-xsm);
}

.text-1xsm{
  font-size: 0.5625rem;
  font-size: var(--font-size-1xsm);
}

.text-2xsm{
  font-size: 0.625rem;
  font-size: var(--font-size-2xsm);
}

.text-3xsm{
  font-size: 0.6875rem;
  font-size: var(--font-size-3xsm);
}

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

.text-1sm{
  font-size: 0.8125rem;
  font-size: var(--font-size-1sm);
}

.text-2sm{
  font-size: 0.875rem;
  font-size: var(--font-size-2sm);
}

.text-3sm{
  font-size: 0.9375rem;
  font-size: var(--font-size-3sm);
}

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

.text-md{
  font-size: 1.125rem;
  font-size: var(--font-size-md);
}

.text-1md{
  font-size: 1.25rem;
  font-size: var(--font-size-1md);
}

.text-2md{
  font-size: 1.375rem;
  font-size: var(--font-size-2md);
}

.text-3md{
  font-size: 1.5rem;
  font-size: var(--font-size-3md);
}

.text-4md{
  font-size: 1.75rem;
  font-size: var(--font-size-4md);
}

.text-5md{
  font-size: 2.0625rem;
  font-size: var(--font-size-5md);
}

.text-6md{
  font-size: 2.375rem;
  font-size: var(--font-size-6md);
}

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

.text-1lg{
  font-size: 2.875rem;
  font-size: var(--font-size-1lg);
}

.text-2lg{
  font-size: 3.375rem;
  font-size: var(--font-size-2lg);
}

.text-3lg{
  font-size: 3.625rem;
  font-size: var(--font-size-3lg);
}

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

.text-xlx1{
  font-size: 4.75rem;
  font-size: var(--font-size-xlx1);
}

.text-1xl{
  font-size: 5.3125rem;
  font-size: var(--font-size-1xl);
}

.text-2xl{
  font-size: 5.9375rem;
  font-size: var(--font-size-2xl);
}

.leading-none{
  line-height: 1;
  line-height: var(--leading-none);
}

.leading-tight{
  line-height: 1.25;
}

.leading-snug{
  line-height: 0.95;
  line-height: var(--leading-snug);
}

.leading-normal{
  line-height: normal;
  line-height: var(--leading-normal);
}

.leading-relaxed{
  line-height: 1.35;
  line-height: var(--leading-relaxed);
}

.leading-loose{
  line-height: 2;
  line-height: var(--leading-loose);
}

.leading-extrasnug{
  line-height: 0.75;
  line-height: var(--leading-extrasnug);
}

.leading-extrarelaxed{
  line-height: 1.15;
  line-height: var(--leading-extrarelaxed);
}

.leading-1extrarelaxed{
  line-height: 1.3;
  line-height: var(--leading-1extrarelaxed);
}

.leading-1relaxed{
  line-height: 1.45;
  line-height: var(--leading-1relaxed);
}

.leading-2relaxed{
  line-height: 1.55;
  line-height: var(--leading-2relaxed);
}

.leading-3relaxed{
  line-height: 1.65;
  line-height: var(--leading-3relaxed);
}

.leading-4relaxed{
  line-height: 1.75;
  line-height: var(--leading-4relaxed);
}

.leading-5relaxed{
  line-height: 1.85;
  line-height: var(--leading-5relaxed);
}

.leading-extra-loose{
  line-height: 2.15;
  line-height: var(--leading-extra-loose);
}

.leading-loosest{
  line-height: 2.75;
  line-height: var(--leading-loosest);
}

.leading-1loosest{
  line-height: 3.67;
  line-height: var(--leading-1loosest);
}

.m-0{
  margin: 0;
}

.m-2{
  margin: 0.5rem;
}

.m-auto{
  margin: auto;
}

.m-tight{
  margin: 20px;
  margin: var(--section-spacing-tight);
}

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

.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

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

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

.mx-tightest{
  margin-left: 8px;
  margin-left: var(--section-spacing-tightest);
  margin-right: 8px;
  margin-right: var(--section-spacing-tightest);
}

.mx-2tightest{
  margin-left: 5px;
  margin-left: var(--section-spacing-2tightest);
  margin-right: 5px;
  margin-right: var(--section-spacing-2tightest);
}

.mx-tighter{
  margin-left: 10px;
  margin-left: var(--section-spacing-tighter);
  margin-right: 10px;
  margin-right: var(--section-spacing-tighter);
}

.my-extra-tight{
  margin-top: 15px;
  margin-top: var(--section-spacing-extra-tight);
  margin-bottom: 15px;
  margin-bottom: var(--section-spacing-extra-tight);
}

.mx-extra-tight{
  margin-left: 15px;
  margin-left: var(--section-spacing-extra-tight);
  margin-right: 15px;
  margin-right: var(--section-spacing-extra-tight);
}

.my-tight{
  margin-top: 20px;
  margin-top: var(--section-spacing-tight);
  margin-bottom: 20px;
  margin-bottom: var(--section-spacing-tight);
}

.mx-tight{
  margin-left: 20px;
  margin-left: var(--section-spacing-tight);
  margin-right: 20px;
  margin-right: var(--section-spacing-tight);
}

.my-1normal{
  margin-top: 35px;
  margin-top: var(--section-spacing-1normal);
  margin-bottom: 35px;
  margin-bottom: var(--section-spacing-1normal);
}

.my-medium{
  margin-top: 40px;
  margin-top: var(--section-spacing-medium);
  margin-bottom: 40px;
  margin-bottom: var(--section-spacing-medium);
}

.my-large{
  margin-top: 60px;
  margin-top: var(--section-spacing-large);
  margin-bottom: 60px;
  margin-bottom: var(--section-spacing-large);
}

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

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

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

.mr-2{
  margin-right: 0.5rem;
}

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

.mr-3{
  margin-right: 0.75rem;
}

.mb-4{
  margin-bottom: 1rem;
}

.mb-6{
  margin-bottom: 1.5rem;
}

.mr-tightest{
  margin-right: 8px;
  margin-right: var(--section-spacing-tightest);
}

.mb-tightest{
  margin-bottom: 8px;
  margin-bottom: var(--section-spacing-tightest);
}

.ml-tightest{
  margin-left: 8px;
  margin-left: var(--section-spacing-tightest);
}

.mt-1tightest{
  margin-top: 2px;
  margin-top: var(--section-spacing-1tightest);
}

.mt-2tightest{
  margin-top: 5px;
  margin-top: var(--section-spacing-2tightest);
}

.mr-2tightest{
  margin-right: 5px;
  margin-right: var(--section-spacing-2tightest);
}

.mb-2tightest{
  margin-bottom: 5px;
  margin-bottom: var(--section-spacing-2tightest);
}

.mt-tighter{
  margin-top: 10px;
  margin-top: var(--section-spacing-tighter);
}

.mr-tighter{
  margin-right: 10px;
  margin-right: var(--section-spacing-tighter);
}

.mb-tighter{
  margin-bottom: 10px;
  margin-bottom: var(--section-spacing-tighter);
}

.ml-tighter{
  margin-left: 10px;
  margin-left: var(--section-spacing-tighter);
}

.mt-1tighter{
  margin-top: 12px;
  margin-top: var(--section-spacing-1tighter);
}

.mr-1tighter{
  margin-right: 12px;
  margin-right: var(--section-spacing-1tighter);
}

.mb-1tighter{
  margin-bottom: 12px;
  margin-bottom: var(--section-spacing-1tighter);
}

.ml-1tighter{
  margin-left: 12px;
  margin-left: var(--section-spacing-1tighter);
}

.mt-extra-tight{
  margin-top: 15px;
  margin-top: var(--section-spacing-extra-tight);
}

.mr-extra-tight{
  margin-right: 15px;
  margin-right: var(--section-spacing-extra-tight);
}

.mb-extra-tight{
  margin-bottom: 15px;
  margin-bottom: var(--section-spacing-extra-tight);
}

.ml-extra-tight{
  margin-left: 15px;
  margin-left: var(--section-spacing-extra-tight);
}

.mt-tight{
  margin-top: 20px;
  margin-top: var(--section-spacing-tight);
}

.mr-tight{
  margin-right: 20px;
  margin-right: var(--section-spacing-tight);
}

.mb-tight{
  margin-bottom: 20px;
  margin-bottom: var(--section-spacing-tight);
}

.ml-tight{
  margin-left: 20px;
  margin-left: var(--section-spacing-tight);
}

.mr-1tight{
  margin-right: 25px;
  margin-right: var(--section-spacing-1tight);
}

.mb-1tight{
  margin-bottom: 25px;
  margin-bottom: var(--section-spacing-1tight);
}

.mt-normal{
  margin-top: 30px;
  margin-top: var(--section-spacing-normal);
}

.mb-normal{
  margin-bottom: 30px;
  margin-bottom: var(--section-spacing-normal);
}

.ml-normal{
  margin-left: 30px;
  margin-left: var(--section-spacing-normal);
}

.mb-1normal{
  margin-bottom: 35px;
  margin-bottom: var(--section-spacing-1normal);
}

.mt-medium{
  margin-top: 40px;
  margin-top: var(--section-spacing-medium);
}

.mr-medium{
  margin-right: 40px;
  margin-right: var(--section-spacing-medium);
}

.mb-medium{
  margin-bottom: 40px;
  margin-bottom: var(--section-spacing-medium);
}

.mb-1medium{
  margin-bottom: 45px;
  margin-bottom: var(--section-spacing-1medium);
}

.mt-2medium{
  margin-top: 50px;
  margin-top: var(--section-spacing-2medium);
}

.mb-2medium{
  margin-bottom: 50px;
  margin-bottom: var(--section-spacing-2medium);
}

.mt-large{
  margin-top: 60px;
  margin-top: var(--section-spacing-large);
}

.mb-large{
  margin-bottom: 60px;
  margin-bottom: var(--section-spacing-large);
}

.mb-1large{
  margin-bottom: 70px;
  margin-bottom: var(--section-spacing-1large);
}

.mb-1larger{
  margin-bottom: 100px;
  margin-bottom: var(--section-spacing-1larger);
}

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

.max-w-lg{
  max-width: 600px;
}

.min-w-full{
  min-width: 100%;
}

.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}

.opacity-0{
  opacity: 0;
}

.opacity-40{
  opacity: .4;
}

.opacity-50{
  opacity: .5;
}

.opacity-60{
  opacity: .6;
}

.opacity-70{
  opacity: .7;
}

.opacity-80{
  opacity: .8;
}

.opacity-90{
  opacity: .9;
}

.opacity-100{
  opacity: 1;
}

.hover\:opacity-100:hover{
  opacity: 1;
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.overflow-hidden{
  overflow: hidden;
}

.p-2tightest{
  padding: 5px;
  padding: var(--section-spacing-2tightest);
}

.p-tighter{
  padding: 10px;
  padding: var(--section-spacing-tighter);
}

.p-extra-tight{
  padding: 15px;
  padding: var(--section-spacing-extra-tight);
}

.p-tight{
  padding: 20px;
  padding: var(--section-spacing-tight);
}

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

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

.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-2tightest{
  padding-top: 5px;
  padding-top: var(--section-spacing-2tightest);
  padding-bottom: 5px;
  padding-bottom: var(--section-spacing-2tightest);
}

.py-tighter{
  padding-top: 10px;
  padding-top: var(--section-spacing-tighter);
  padding-bottom: 10px;
  padding-bottom: var(--section-spacing-tighter);
}

.px-tighter{
  padding-left: 10px;
  padding-left: var(--section-spacing-tighter);
  padding-right: 10px;
  padding-right: var(--section-spacing-tighter);
}

.px-1tighter{
  padding-left: 12px;
  padding-left: var(--section-spacing-1tighter);
  padding-right: 12px;
  padding-right: var(--section-spacing-1tighter);
}

.py-extra-tight{
  padding-top: 15px;
  padding-top: var(--section-spacing-extra-tight);
  padding-bottom: 15px;
  padding-bottom: var(--section-spacing-extra-tight);
}

.px-extra-tight{
  padding-left: 15px;
  padding-left: var(--section-spacing-extra-tight);
  padding-right: 15px;
  padding-right: var(--section-spacing-extra-tight);
}

.py-tight{
  padding-top: 20px;
  padding-top: var(--section-spacing-tight);
  padding-bottom: 20px;
  padding-bottom: var(--section-spacing-tight);
}

.px-tight{
  padding-left: 20px;
  padding-left: var(--section-spacing-tight);
  padding-right: 20px;
  padding-right: var(--section-spacing-tight);
}

.py-1tight{
  padding-top: 25px;
  padding-top: var(--section-spacing-1tight);
  padding-bottom: 25px;
  padding-bottom: var(--section-spacing-1tight);
}

.py-normal{
  padding-top: 30px;
  padding-top: var(--section-spacing-normal);
  padding-bottom: 30px;
  padding-bottom: var(--section-spacing-normal);
}

.px-normal{
  padding-left: 30px;
  padding-left: var(--section-spacing-normal);
  padding-right: 30px;
  padding-right: var(--section-spacing-normal);
}

.px-1normal{
  padding-left: 35px;
  padding-left: var(--section-spacing-1normal);
  padding-right: 35px;
  padding-right: var(--section-spacing-1normal);
}

.py-medium{
  padding-top: 40px;
  padding-top: var(--section-spacing-medium);
  padding-bottom: 40px;
  padding-bottom: var(--section-spacing-medium);
}

.px-medium{
  padding-left: 40px;
  padding-left: var(--section-spacing-medium);
  padding-right: 40px;
  padding-right: var(--section-spacing-medium);
}

.py-2medium{
  padding-top: 50px;
  padding-top: var(--section-spacing-2medium);
  padding-bottom: 50px;
  padding-bottom: var(--section-spacing-2medium);
}

.py-large{
  padding-top: 60px;
  padding-top: var(--section-spacing-large);
  padding-bottom: 60px;
  padding-bottom: var(--section-spacing-large);
}

.px-1large{
  padding-left: 70px;
  padding-left: var(--section-spacing-1large);
  padding-right: 70px;
  padding-right: var(--section-spacing-1large);
}

.py-2large{
  padding-top: 85px;
  padding-top: var(--section-spacing-2large);
  padding-bottom: 85px;
  padding-bottom: var(--section-spacing-2large);
}

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

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

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

.pl-3{
  padding-left: 0.75rem;
}

.pt-6{
  padding-top: 1.5rem;
}

.pb-8{
  padding-bottom: 2rem;
}

.pb-tightest{
  padding-bottom: 8px;
  padding-bottom: var(--section-spacing-tightest);
}

.pt-1tightest{
  padding-top: 2px;
  padding-top: var(--section-spacing-1tightest);
}

.pt-2tightest{
  padding-top: 5px;
  padding-top: var(--section-spacing-2tightest);
}

.pr-tighter{
  padding-right: 10px;
  padding-right: var(--section-spacing-tighter);
}

.pb-tighter{
  padding-bottom: 10px;
  padding-bottom: var(--section-spacing-tighter);
}

.pl-tighter{
  padding-left: 10px;
  padding-left: var(--section-spacing-tighter);
}

.pt-1tighter{
  padding-top: 12px;
  padding-top: var(--section-spacing-1tighter);
}

.pt-extra-tight{
  padding-top: 15px;
  padding-top: var(--section-spacing-extra-tight);
}

.pr-extra-tight{
  padding-right: 15px;
  padding-right: var(--section-spacing-extra-tight);
}

.pb-extra-tight{
  padding-bottom: 15px;
  padding-bottom: var(--section-spacing-extra-tight);
}

.pl-extra-tight{
  padding-left: 15px;
  padding-left: var(--section-spacing-extra-tight);
}

.pt-tight{
  padding-top: 20px;
  padding-top: var(--section-spacing-tight);
}

.pr-tight{
  padding-right: 20px;
  padding-right: var(--section-spacing-tight);
}

.pb-tight{
  padding-bottom: 20px;
  padding-bottom: var(--section-spacing-tight);
}

.pl-tight{
  padding-left: 20px;
  padding-left: var(--section-spacing-tight);
}

.pr-1tight{
  padding-right: 25px;
  padding-right: var(--section-spacing-1tight);
}

.pb-1tight{
  padding-bottom: 25px;
  padding-bottom: var(--section-spacing-1tight);
}

.pt-normal{
  padding-top: 30px;
  padding-top: var(--section-spacing-normal);
}

.pr-normal{
  padding-right: 30px;
  padding-right: var(--section-spacing-normal);
}

.pb-normal{
  padding-bottom: 30px;
  padding-bottom: var(--section-spacing-normal);
}

.pl-normal{
  padding-left: 30px;
  padding-left: var(--section-spacing-normal);
}

.pb-1normal{
  padding-bottom: 35px;
  padding-bottom: var(--section-spacing-1normal);
}

.pt-medium{
  padding-top: 40px;
  padding-top: var(--section-spacing-medium);
}

.pr-medium{
  padding-right: 40px;
  padding-right: var(--section-spacing-medium);
}

.pb-medium{
  padding-bottom: 40px;
  padding-bottom: var(--section-spacing-medium);
}

.pt-1medium{
  padding-top: 45px;
  padding-top: var(--section-spacing-1medium);
}

.pt-2medium{
  padding-top: 50px;
  padding-top: var(--section-spacing-2medium);
}

.pb-2medium{
  padding-bottom: 50px;
  padding-bottom: var(--section-spacing-2medium);
}

.pt-large{
  padding-top: 60px;
  padding-top: var(--section-spacing-large);
}

.pb-large{
  padding-bottom: 60px;
  padding-bottom: var(--section-spacing-large);
}

.pt-1large{
  padding-top: 70px;
  padding-top: var(--section-spacing-1large);
}

.pb-1large{
  padding-bottom: 70px;
  padding-bottom: var(--section-spacing-1large);
}

.pt-2large{
  padding-top: 85px;
  padding-top: var(--section-spacing-2large);
}

.pt-larger{
  padding-top: 90px;
  padding-top: var(--section-spacing-larger);
}

.pb-larger{
  padding-bottom: 90px;
  padding-bottom: var(--section-spacing-larger);
}

.pb-1larger{
  padding-bottom: 100px;
  padding-bottom: var(--section-spacing-1larger);
}

.pt-3larger{
  padding-top: 120px;
  padding-top: var(--section-spacing-3larger);
}

.pb-4largest{
  padding-bottom: 250px;
  padding-bottom: var(--section-spacing-4largest);
}

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

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.inset-0{
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

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

.top-0{
  top: 0;
}

.right-0{
  right: 0;
}

.bottom-0{
  bottom: 0;
}

.left-0{
  left: 0;
}

.shadow{
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-lg{
  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.focus\:shadow-outline:focus{
  -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
          box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}

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

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

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

.text-white{
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.text-gray-100{
  color: #e5f0ef;
  color: var(--color-gray-100);
}

.text-gray-200{
  color: #070707;
  color: var(--color-gray-200);
}

.text-gray-400{
  color: #3d3d3d;
  color: var(--color-gray-400);
}

.text-red-500{
  --text-opacity: 1;
  color: #f56565;
  color: rgba(245, 101, 101, var(--text-opacity));
}

.text-error{
  color: #cb3d3d;
  color: var(--color-error);
}

.text-lightgray-100{
  color: #979797;
  color: var(--color-lightgray-100);
}

.text-lightgray-500{
  color: #d0d1d2;
  color: var(--color-lightgray-500);
}

.text-lime-essence{
  color: #cedc00;
  color: var(--lime-essence);
}

.text-storm-green{
  color: #00594f;
  color: var(--storm-green);
}

.text-storm-green-40{
  color: #00352f;
  color: var(--storm-green-40);
}

.text-off-black{
  color: #00231f;
  color: var(--off-black);
}

.text-dark{
  color: #161a21;
  color: var(--dark);
}

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

.text-pine-green-20{
  color: #2b4439;
  color: var(--pine-green-20);
}

.hover\:text-lightgray-300:hover{
  color: #808080;
  color: var(--color-lightgray-300);
}

.hover\:text-lime-essence:hover{
  color: #cedc00;
  color: var(--lime-essence);
}

.text-opacity-60{
  --text-opacity: 0.6;
}

.italic{
  font-style: italic;
}

.uppercase{
  text-transform: uppercase;
}

.capitalize{
  text-transform: capitalize;
}

.underline{
  text-decoration: underline;
}

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

.hover\:no-underline:hover{
  text-decoration: none;
}

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

.ordinal{
  --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
  -webkit-font-feature-settings: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
          font-feature-settings: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
  font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
}

.ordinal{
  --font-variant-numeric-ordinal: ordinal;
}

.tracking-tightest{
  letter-spacing: -1px;
  letter-spacing: var(--tracking-tightest);
}

.tracking-tighter{
  letter-spacing: -0.5px;
  letter-spacing: var(--tracking-tighter);
}

.tracking-1tighter{
  letter-spacing: -0.35px;
  letter-spacing: var(--tracking-1tighter);
}

.tracking-tight{
  letter-spacing: -0.1px;
  letter-spacing: var(--tracking-tight);
}

.tracking-1tight{
  letter-spacing: -0.18px;
  letter-spacing: var(--tracking-1tight);
}

.tracking-normal{
  letter-spacing: normal;
  letter-spacing: var(--tracking-normal);
}

.tracking-medium{
  letter-spacing: 0.1px;
  letter-spacing: var(--tracking-medium);
}

.tracking-1medium{
  letter-spacing: 0.2px;
  letter-spacing: var(--tracking-1medium);
}

.tracking-2medium{
  letter-spacing: 0.3px;
  letter-spacing: var(--tracking-2medium);
}

.tracking-3medium{
  letter-spacing: 0.4px;
  letter-spacing: var(--tracking-3medium);
}

.tracking-4medium{
  letter-spacing: 1px;
  letter-spacing: var(--tracking-4medium);
}

.tracking-5medium{
  letter-spacing: 1.29px;
  letter-spacing: var(--tracking-5medium);
}

.tracking-6medium{
  letter-spacing: 1.4px;
  letter-spacing: var(--tracking-6medium);
}

.tracking-7medium{
  letter-spacing: 2.2px;
  letter-spacing: var(--tracking-7medium);
}

.tracking-wide{
  letter-spacing: 3px;
  letter-spacing: var(--tracking-wide);
}

.tracking-1wide{
  letter-spacing: 3.5px;
  letter-spacing: var(--tracking-1wide);
}

.tracking-2wide{
  letter-spacing: 4.2px;
  letter-spacing: var(--tracking-2wide);
}

.tracking-wider{
  letter-spacing: 5px;
  letter-spacing: var(--tracking-wider);
}

.tracking-1wider{
  letter-spacing: 6px;
  letter-spacing: var(--tracking-1wider);
}

.tracking-widest{
  letter-spacing: 7px;
  letter-spacing: var(--tracking-widest);
}

.tracking-2widest{
  letter-spacing: 7.88px;
  letter-spacing: var(--tracking-2widest);
}

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

.break-words{
  word-wrap: break-word;
  word-wrap: break-word;
}

.break-all{
  word-break: break-all;
}

.w-4{
  width: 1rem;
}

.w-1\/2{
  width: 50%;
}

.w-1\/3{
  width: 33.333333%;
}

.w-2\/3{
  width: 66.666667%;
}

.w-3\/4{
  width: 75%;
}

.w-4\/12{
  width: 33.333333%;
}

.w-5\/12{
  width: 41.666667%;
}

.w-8\/12{
  width: 66.666667%;
}

.w-full{
  width: 100%;
}

.z-10{
  z-index: 10;
}

.z-20{
  z-index: 20;
}

.gap-3{
  grid-gap: 0.75rem;
  grid-gap: 0.75rem;
  gap: 0.75rem;
}

.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.transition-opacity{
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.duration-300{
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.duration-500{
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

@-webkit-keyframes spin{
  to{
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin{
  to{
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes ping{
  75%, 100%{
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}

@keyframes ping{
  75%, 100%{
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}

@-webkit-keyframes pulse{
  50%{
    opacity: .5;
  }
}

@keyframes pulse{
  50%{
    opacity: .5;
  }
}

@-webkit-keyframes bounce{
  0%, 100%{
    -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
            animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50%{
    -webkit-transform: none;
            transform: none;
    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
            animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

@keyframes bounce{
  0%, 100%{
    -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
            animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50%{
    -webkit-transform: none;
            transform: none;
    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
            animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

.h-half {
  height: 50%;
}

@media (min-width: 375px){
  .xxs\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 375px) and (min-width: 100%){
    .xxs\:container{
      max-width: 100%;
    }
  }

@media (min-width: 375px) and (min-width: 375px){
    .xxs\:container{
      max-width: 375px;
    }
  }

@media (min-width: 375px) and (min-width: 414px){
    .xxs\:container{
      max-width: 414px;
    }
  }

@media (min-width: 375px) and (min-width: 560px){
    .xxs\:container{
      max-width: 560px;
    }
  }

@media (min-width: 375px) and (min-width: 640px){
    .xxs\:container{
      max-width: 640px;
    }
  }

@media (min-width: 375px) and (min-width: 768px){
    .xxs\:container{
      max-width: 768px;
    }
  }

@media (min-width: 375px) and (min-width: 1024px){
    .xxs\:container{
      max-width: 1024px;
    }
  }

@media (min-width: 375px) and (min-width: 1280px){
    .xxs\:container{
      max-width: 1280px;
    }
  }

@media (min-width: 375px){

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

  .xxs\:text-base{
    font-size: 1rem;
    font-size: var(--font-size-base);
  }

  .xxs\:text-4lg{
    font-size: 4rem;
    font-size: var(--font-size-4lg);
  }

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

  .xxs\:w-1\/2{
    width: 50%;
  }
}

@media (min-width: 414px){
  .xs\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 414px) and (min-width: 100%){
    .xs\:container{
      max-width: 100%;
    }
  }

@media (min-width: 414px) and (min-width: 375px){
    .xs\:container{
      max-width: 375px;
    }
  }

@media (min-width: 414px) and (min-width: 414px){
    .xs\:container{
      max-width: 414px;
    }
  }

@media (min-width: 414px) and (min-width: 560px){
    .xs\:container{
      max-width: 560px;
    }
  }

@media (min-width: 414px) and (min-width: 640px){
    .xs\:container{
      max-width: 640px;
    }
  }

@media (min-width: 414px) and (min-width: 768px){
    .xs\:container{
      max-width: 768px;
    }
  }

@media (min-width: 414px) and (min-width: 1024px){
    .xs\:container{
      max-width: 1024px;
    }
  }

@media (min-width: 414px) and (min-width: 1280px){
    .xs\:container{
      max-width: 1280px;
    }
  }

@media (min-width: 414px){

  .xs\:text-base{
    font-size: 1rem;
    font-size: var(--font-size-base);
  }

  .xs\:text-1md{
    font-size: 1.25rem;
    font-size: var(--font-size-1md);
  }

  .xs\:text-2md{
    font-size: 1.375rem;
    font-size: var(--font-size-2md);
  }

  .xs\:text-lg{
    font-size: 2.625rem;
    font-size: var(--font-size-lg);
  }

  .xs\:px-tight{
    padding-left: 20px;
    padding-left: var(--section-spacing-tight);
    padding-right: 20px;
    padding-right: var(--section-spacing-tight);
  }

  .xs\:tracking-1wider{
    letter-spacing: 6px;
    letter-spacing: var(--tracking-1wider);
  }
}

@media (min-width: 560px){
  .xs1\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 560px) and (min-width: 100%){
    .xs1\:container{
      max-width: 100%;
    }
  }

@media (min-width: 560px) and (min-width: 375px){
    .xs1\:container{
      max-width: 375px;
    }
  }

@media (min-width: 560px) and (min-width: 414px){
    .xs1\:container{
      max-width: 414px;
    }
  }

@media (min-width: 560px) and (min-width: 560px){
    .xs1\:container{
      max-width: 560px;
    }
  }

@media (min-width: 560px) and (min-width: 640px){
    .xs1\:container{
      max-width: 640px;
    }
  }

@media (min-width: 560px) and (min-width: 768px){
    .xs1\:container{
      max-width: 768px;
    }
  }

@media (min-width: 560px) and (min-width: 1024px){
    .xs1\:container{
      max-width: 1024px;
    }
  }

@media (min-width: 560px) and (min-width: 1280px){
    .xs1\:container{
      max-width: 1280px;
    }
  }

@media (min-width: 560px){

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

  .xs1\:text-2sm{
    font-size: 0.875rem;
    font-size: var(--font-size-2sm);
  }

  .xs1\:text-1xlx1{
    font-size: 5.625rem;
    font-size: var(--font-size-1xlx1);
  }

  .xs1\:max-w-mdx{
    max-width: 550px;
  }

  .xs1\:px-0{
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 640px){
  .xsm\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 640px) and (min-width: 100%){
    .xsm\:container{
      max-width: 100%;
    }
  }

@media (min-width: 640px) and (min-width: 375px){
    .xsm\:container{
      max-width: 375px;
    }
  }

@media (min-width: 640px) and (min-width: 414px){
    .xsm\:container{
      max-width: 414px;
    }
  }

@media (min-width: 640px) and (min-width: 560px){
    .xsm\:container{
      max-width: 560px;
    }
  }

@media (min-width: 640px) and (min-width: 640px){
    .xsm\:container{
      max-width: 640px;
    }
  }

@media (min-width: 640px) and (min-width: 768px){
    .xsm\:container{
      max-width: 768px;
    }
  }

@media (min-width: 640px) and (min-width: 1024px){
    .xsm\:container{
      max-width: 1024px;
    }
  }

@media (min-width: 640px) and (min-width: 1280px){
    .xsm\:container{
      max-width: 1280px;
    }
  }

@media (min-width: 768px){
  .sm\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 768px) and (min-width: 100%){
    .sm\:container{
      max-width: 100%;
    }
  }

@media (min-width: 768px) and (min-width: 375px){
    .sm\:container{
      max-width: 375px;
    }
  }

@media (min-width: 768px) and (min-width: 414px){
    .sm\:container{
      max-width: 414px;
    }
  }

@media (min-width: 768px) and (min-width: 560px){
    .sm\:container{
      max-width: 560px;
    }
  }

@media (min-width: 768px) and (min-width: 640px){
    .sm\:container{
      max-width: 640px;
    }
  }

@media (min-width: 768px) and (min-width: 768px){
    .sm\:container{
      max-width: 768px;
    }
  }

@media (min-width: 768px) and (min-width: 1024px){
    .sm\:container{
      max-width: 1024px;
    }
  }

@media (min-width: 768px) and (min-width: 1280px){
    .sm\:container{
      max-width: 1280px;
    }
  }

@media (min-width: 768px){

  .sm\:block{
    display: block;
  }

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

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

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

  .sm\:text-sm{
    font-size: 0.75rem;
    font-size: var(--font-size-sm);
  }

  .sm\:text-base{
    font-size: 1rem;
    font-size: var(--font-size-base);
  }

  .sm\:text-3md{
    font-size: 1.5rem;
    font-size: var(--font-size-3md);
  }

  .sm\:text-1lg{
    font-size: 2.875rem;
    font-size: var(--font-size-1lg);
  }

  .sm\:text-3xl{
    font-size: 6.875rem;
    font-size: var(--font-size-3xl);
  }

  .sm\:mx-tightest{
    margin-left: 8px;
    margin-left: var(--section-spacing-tightest);
    margin-right: 8px;
    margin-right: var(--section-spacing-tightest);
  }

  .sm\:mb-normal{
    margin-bottom: 30px;
    margin-bottom: var(--section-spacing-normal);
  }

  .sm\:mb-medium{
    margin-bottom: 40px;
    margin-bottom: var(--section-spacing-medium);
  }

  .sm\:px-tighter{
    padding-left: 10px;
    padding-left: var(--section-spacing-tighter);
    padding-right: 10px;
    padding-right: var(--section-spacing-tighter);
  }

  .sm\:pb-tight{
    padding-bottom: 20px;
    padding-bottom: var(--section-spacing-tight);
  }

  .sm\:w-auto{
    width: auto;
  }

  .sm\:w-1\/2{
    width: 50%;
  }

  .sm\:w-1\/3{
    width: 33.333333%;
  }
}

@media (min-width: 1024px){
  .md\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 1024px) and (min-width: 100%){
    .md\:container{
      max-width: 100%;
    }
  }

@media (min-width: 1024px) and (min-width: 375px){
    .md\:container{
      max-width: 375px;
    }
  }

@media (min-width: 1024px) and (min-width: 414px){
    .md\:container{
      max-width: 414px;
    }
  }

@media (min-width: 1024px) and (min-width: 560px){
    .md\:container{
      max-width: 560px;
    }
  }

@media (min-width: 1024px) and (min-width: 640px){
    .md\:container{
      max-width: 640px;
    }
  }

@media (min-width: 1024px) and (min-width: 768px){
    .md\:container{
      max-width: 768px;
    }
  }

@media (min-width: 1024px) and (min-width: 1024px){
    .md\:container{
      max-width: 1024px;
    }
  }

@media (min-width: 1024px) and (min-width: 1280px){
    .md\:container{
      max-width: 1280px;
    }
  }

@media (min-width: 1024px){

  .md\:block{
    display: block;
  }

  .md\:inline{
    display: inline;
  }

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

  .md\:hidden{
    display: none;
  }

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

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

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

  .md\:flex-no-wrap{
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

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

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

  .md\:items-stretch{
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }

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

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

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

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

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

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

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

  .md\:text-3xsm{
    font-size: 0.6875rem;
    font-size: var(--font-size-3xsm);
  }

  .md\:text-sm{
    font-size: 0.75rem;
    font-size: var(--font-size-sm);
  }

  .md\:text-2sm{
    font-size: 0.875rem;
    font-size: var(--font-size-2sm);
  }

  .md\:text-base{
    font-size: 1rem;
    font-size: var(--font-size-base);
  }

  .md\:text-md{
    font-size: 1.125rem;
    font-size: var(--font-size-md);
  }

  .md\:text-1md{
    font-size: 1.25rem;
    font-size: var(--font-size-1md);
  }

  .md\:text-4md{
    font-size: 1.75rem;
    font-size: var(--font-size-4md);
  }

  .md\:text-5md{
    font-size: 2.0625rem;
    font-size: var(--font-size-5md);
  }

  .md\:text-6md{
    font-size: 2.375rem;
    font-size: var(--font-size-6md);
  }

  .md\:text-lg{
    font-size: 2.625rem;
    font-size: var(--font-size-lg);
  }

  .md\:text-1lg{
    font-size: 2.875rem;
    font-size: var(--font-size-1lg);
  }

  .md\:text-2lg{
    font-size: 3.375rem;
    font-size: var(--font-size-2lg);
  }

  .md\:text-4lg{
    font-size: 4rem;
    font-size: var(--font-size-4lg);
  }

  .md\:text-xl{
    font-size: 4.5rem;
    font-size: var(--font-size-xl);
  }

  .md\:text-1xl{
    font-size: 5.3125rem;
    font-size: var(--font-size-1xl);
  }

  .md\:text-3xl{
    font-size: 6.875rem;
    font-size: var(--font-size-3xl);
  }

  .md\:text-4xl{
    font-size: 8.125rem;
    font-size: var(--font-size-4xl);
  }

  .md\:text-5xl{
    font-size: 10rem;
    font-size: var(--font-size-5xl);
  }

  .md\:leading-none{
    line-height: 1;
    line-height: var(--leading-none);
  }

  .md\:leading-snug{
    line-height: 0.95;
    line-height: var(--leading-snug);
  }

  .md\:leading-relaxed{
    line-height: 1.35;
    line-height: var(--leading-relaxed);
  }

  .md\:leading-extrarelaxed{
    line-height: 1.15;
    line-height: var(--leading-extrarelaxed);
  }

  .md\:leading-1extrarelaxed{
    line-height: 1.3;
    line-height: var(--leading-1extrarelaxed);
  }

  .md\:leading-1relaxed{
    line-height: 1.45;
    line-height: var(--leading-1relaxed);
  }

  .md\:leading-2relaxed{
    line-height: 1.55;
    line-height: var(--leading-2relaxed);
  }

  .md\:leading-3relaxed{
    line-height: 1.65;
    line-height: var(--leading-3relaxed);
  }

  .md\:leading-5relaxed{
    line-height: 1.85;
    line-height: var(--leading-5relaxed);
  }

  .md\:m-medium{
    margin: 40px;
    margin: var(--section-spacing-medium);
  }

  .md\:mx-extra-tight{
    margin-left: 15px;
    margin-left: var(--section-spacing-extra-tight);
    margin-right: 15px;
    margin-right: var(--section-spacing-extra-tight);
  }

  .md\:mx-tight{
    margin-left: 20px;
    margin-left: var(--section-spacing-tight);
    margin-right: 20px;
    margin-right: var(--section-spacing-tight);
  }

  .md\:mx-1tight{
    margin-left: 25px;
    margin-left: var(--section-spacing-1tight);
    margin-right: 25px;
    margin-right: var(--section-spacing-1tight);
  }

  .md\:mx-normal{
    margin-left: 30px;
    margin-left: var(--section-spacing-normal);
    margin-right: 30px;
    margin-right: var(--section-spacing-normal);
  }

  .md\:mx-medium{
    margin-left: 40px;
    margin-left: var(--section-spacing-medium);
    margin-right: 40px;
    margin-right: var(--section-spacing-medium);
  }

  .md\:my-1large{
    margin-top: 70px;
    margin-top: var(--section-spacing-1large);
    margin-bottom: 70px;
    margin-bottom: var(--section-spacing-1large);
  }

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

  .md\:ml-0{
    margin-left: 0;
  }

  .md\:mb-tightest{
    margin-bottom: 8px;
    margin-bottom: var(--section-spacing-tightest);
  }

  .md\:mr-tighter{
    margin-right: 10px;
    margin-right: var(--section-spacing-tighter);
  }

  .md\:ml-tighter{
    margin-left: 10px;
    margin-left: var(--section-spacing-tighter);
  }

  .md\:mb-1tighter{
    margin-bottom: 12px;
    margin-bottom: var(--section-spacing-1tighter);
  }

  .md\:mr-extra-tight{
    margin-right: 15px;
    margin-right: var(--section-spacing-extra-tight);
  }

  .md\:mb-extra-tight{
    margin-bottom: 15px;
    margin-bottom: var(--section-spacing-extra-tight);
  }

  .md\:mr-tight{
    margin-right: 20px;
    margin-right: var(--section-spacing-tight);
  }

  .md\:mb-tight{
    margin-bottom: 20px;
    margin-bottom: var(--section-spacing-tight);
  }

  .md\:mb-1tight{
    margin-bottom: 25px;
    margin-bottom: var(--section-spacing-1tight);
  }

  .md\:mt-normal{
    margin-top: 30px;
    margin-top: var(--section-spacing-normal);
  }

  .md\:mb-normal{
    margin-bottom: 30px;
    margin-bottom: var(--section-spacing-normal);
  }

  .md\:mt-medium{
    margin-top: 40px;
    margin-top: var(--section-spacing-medium);
  }

  .md\:mr-medium{
    margin-right: 40px;
    margin-right: var(--section-spacing-medium);
  }

  .md\:mb-medium{
    margin-bottom: 40px;
    margin-bottom: var(--section-spacing-medium);
  }

  .md\:ml-medium{
    margin-left: 40px;
    margin-left: var(--section-spacing-medium);
  }

  .md\:mb-2medium{
    margin-bottom: 50px;
    margin-bottom: var(--section-spacing-2medium);
  }

  .md\:mt-large{
    margin-top: 60px;
    margin-top: var(--section-spacing-large);
  }

  .md\:mr-large{
    margin-right: 60px;
    margin-right: var(--section-spacing-large);
  }

  .md\:mb-large{
    margin-bottom: 60px;
    margin-bottom: var(--section-spacing-large);
  }

  .md\:mt-1large{
    margin-top: 70px;
    margin-top: var(--section-spacing-1large);
  }

  .md\:mb-1large{
    margin-bottom: 70px;
    margin-bottom: var(--section-spacing-1large);
  }

  .md\:mt-2large{
    margin-top: 85px;
    margin-top: var(--section-spacing-2large);
  }

  .md\:mb-larger{
    margin-bottom: 90px;
    margin-bottom: var(--section-spacing-larger);
  }

  .md\:ml-larger{
    margin-left: 90px;
    margin-left: var(--section-spacing-larger);
  }

  .md\:mb-1larger{
    margin-bottom: 100px;
    margin-bottom: var(--section-spacing-1larger);
  }

  .md\:mb-2larger{
    margin-bottom: 115px;
    margin-bottom: var(--section-spacing-2larger);
  }

  .md\:mb-3larger{
    margin-bottom: 120px;
    margin-bottom: var(--section-spacing-3larger);
  }

  .md\:max-w-md{
    max-width: 470px;
  }

  .md\:max-w-lg{
    max-width: 600px;
  }

  .md\:max-w-xl{
    max-width: 900px;
  }

  .md\:opacity-0{
    opacity: 0;
  }

  .md\:opacity-80{
    opacity: .8;
  }

  .md\:p-tight{
    padding: 20px;
    padding: var(--section-spacing-tight);
  }

  .md\:p-normal{
    padding: 30px;
    padding: var(--section-spacing-normal);
  }

  .md\:p-medium{
    padding: 40px;
    padding: var(--section-spacing-medium);
  }

  .md\:py-0{
    padding-top: 0;
    padding-bottom: 0;
  }

  .md\:px-0{
    padding-left: 0;
    padding-right: 0;
  }

  .md\:px-tighter{
    padding-left: 10px;
    padding-left: var(--section-spacing-tighter);
    padding-right: 10px;
    padding-right: var(--section-spacing-tighter);
  }

  .md\:py-tight{
    padding-top: 20px;
    padding-top: var(--section-spacing-tight);
    padding-bottom: 20px;
    padding-bottom: var(--section-spacing-tight);
  }

  .md\:px-tight{
    padding-left: 20px;
    padding-left: var(--section-spacing-tight);
    padding-right: 20px;
    padding-right: var(--section-spacing-tight);
  }

  .md\:px-normal{
    padding-left: 30px;
    padding-left: var(--section-spacing-normal);
    padding-right: 30px;
    padding-right: var(--section-spacing-normal);
  }

  .md\:px-1normal{
    padding-left: 35px;
    padding-left: var(--section-spacing-1normal);
    padding-right: 35px;
    padding-right: var(--section-spacing-1normal);
  }

  .md\:py-medium{
    padding-top: 40px;
    padding-top: var(--section-spacing-medium);
    padding-bottom: 40px;
    padding-bottom: var(--section-spacing-medium);
  }

  .md\:px-medium{
    padding-left: 40px;
    padding-left: var(--section-spacing-medium);
    padding-right: 40px;
    padding-right: var(--section-spacing-medium);
  }

  .md\:py-large{
    padding-top: 60px;
    padding-top: var(--section-spacing-large);
    padding-bottom: 60px;
    padding-bottom: var(--section-spacing-large);
  }

  .md\:py-1large{
    padding-top: 70px;
    padding-top: var(--section-spacing-1large);
    padding-bottom: 70px;
    padding-bottom: var(--section-spacing-1large);
  }

  .md\:py-1larger{
    padding-top: 100px;
    padding-top: var(--section-spacing-1larger);
    padding-bottom: 100px;
    padding-bottom: var(--section-spacing-1larger);
  }

  .md\:py-largest{
    padding-top: 140px;
    padding-top: var(--section-spacing-largest);
    padding-bottom: 140px;
    padding-bottom: var(--section-spacing-largest);
  }

  .md\:pr-0{
    padding-right: 0;
  }

  .md\:pb-0{
    padding-bottom: 0;
  }

  .md\:pl-0{
    padding-left: 0;
  }

  .md\:pb-tight{
    padding-bottom: 20px;
    padding-bottom: var(--section-spacing-tight);
  }

  .md\:pt-1tight{
    padding-top: 25px;
    padding-top: var(--section-spacing-1tight);
  }

  .md\:pb-1tight{
    padding-bottom: 25px;
    padding-bottom: var(--section-spacing-1tight);
  }

  .md\:pt-normal{
    padding-top: 30px;
    padding-top: var(--section-spacing-normal);
  }

  .md\:pb-normal{
    padding-bottom: 30px;
    padding-bottom: var(--section-spacing-normal);
  }

  .md\:pl-normal{
    padding-left: 30px;
    padding-left: var(--section-spacing-normal);
  }

  .md\:pl-1normal{
    padding-left: 35px;
    padding-left: var(--section-spacing-1normal);
  }

  .md\:pb-medium{
    padding-bottom: 40px;
    padding-bottom: var(--section-spacing-medium);
  }

  .md\:pl-medium{
    padding-left: 40px;
    padding-left: var(--section-spacing-medium);
  }

  .md\:pb-2medium{
    padding-bottom: 50px;
    padding-bottom: var(--section-spacing-2medium);
  }

  .md\:pt-large{
    padding-top: 60px;
    padding-top: var(--section-spacing-large);
  }

  .md\:pr-large{
    padding-right: 60px;
    padding-right: var(--section-spacing-large);
  }

  .md\:pb-large{
    padding-bottom: 60px;
    padding-bottom: var(--section-spacing-large);
  }

  .md\:pl-large{
    padding-left: 60px;
    padding-left: var(--section-spacing-large);
  }

  .md\:pr-1large{
    padding-right: 70px;
    padding-right: var(--section-spacing-1large);
  }

  .md\:pb-1large{
    padding-bottom: 70px;
    padding-bottom: var(--section-spacing-1large);
  }

  .md\:pt-larger{
    padding-top: 90px;
    padding-top: var(--section-spacing-larger);
  }

  .md\:pr-larger{
    padding-right: 90px;
    padding-right: var(--section-spacing-larger);
  }

  .md\:pb-larger{
    padding-bottom: 90px;
    padding-bottom: var(--section-spacing-larger);
  }

  .md\:pl-larger{
    padding-left: 90px;
    padding-left: var(--section-spacing-larger);
  }

  .md\:pt-1larger{
    padding-top: 100px;
    padding-top: var(--section-spacing-1larger);
  }

  .md\:pt-2larger{
    padding-top: 115px;
    padding-top: var(--section-spacing-2larger);
  }

  .md\:pb-2larger{
    padding-bottom: 115px;
    padding-bottom: var(--section-spacing-2larger);
  }

  .md\:pb-3larger{
    padding-bottom: 120px;
    padding-bottom: var(--section-spacing-3larger);
  }

  .md\:pt-4larger{
    padding-top: 135px;
    padding-top: var(--section-spacing-4larger);
  }

  .md\:pr-4larger{
    padding-right: 135px;
    padding-right: var(--section-spacing-4larger);
  }

  .md\:pt-largest{
    padding-top: 140px;
    padding-top: var(--section-spacing-largest);
  }

  .md\:pb-largest{
    padding-bottom: 140px;
    padding-bottom: var(--section-spacing-largest);
  }

  .md\:pl-1largest{
    padding-left: 155px;
    padding-left: var(--section-spacing-1largest);
  }

  .md\:pt-2largest{
    padding-top: 170px;
    padding-top: var(--section-spacing-2largest);
  }

  .md\:absolute{
    position: absolute;
  }

  .md\:right-0{
    right: 0;
  }

  .md\:bottom-0{
    bottom: 0;
  }

  .md\:left-auto{
    left: auto;
  }

  .md\:text-dark{
    color: #161a21;
    color: var(--dark);
  }

  .md\:tracking-tightest{
    letter-spacing: -1px;
    letter-spacing: var(--tracking-tightest);
  }

  .md\:tracking-tighter{
    letter-spacing: -0.5px;
    letter-spacing: var(--tracking-tighter);
  }

  .md\:tracking-1medium{
    letter-spacing: 0.2px;
    letter-spacing: var(--tracking-1medium);
  }

  .md\:tracking-2medium{
    letter-spacing: 0.3px;
    letter-spacing: var(--tracking-2medium);
  }

  .md\:tracking-3medium{
    letter-spacing: 0.4px;
    letter-spacing: var(--tracking-3medium);
  }

  .md\:tracking-4medium{
    letter-spacing: 1px;
    letter-spacing: var(--tracking-4medium);
  }

  .md\:tracking-6medium{
    letter-spacing: 1.4px;
    letter-spacing: var(--tracking-6medium);
  }

  .md\:tracking-wide{
    letter-spacing: 3px;
    letter-spacing: var(--tracking-wide);
  }

  .md\:tracking-1wide{
    letter-spacing: 3.5px;
    letter-spacing: var(--tracking-1wide);
  }

  .md\:tracking-wider{
    letter-spacing: 5px;
    letter-spacing: var(--tracking-wider);
  }

  .md\:tracking-widest{
    letter-spacing: 7px;
    letter-spacing: var(--tracking-widest);
  }

  .md\:tracking-2widest{
    letter-spacing: 7.88px;
    letter-spacing: var(--tracking-2widest);
  }

  .md\:tracking-3widest{
    letter-spacing: 8.73px;
    letter-spacing: var(--tracking-3widest);
  }

  .md\:w-auto{
    width: auto;
  }

  .md\:w-1\/2{
    width: 50%;
  }

  .md\:w-1\/3{
    width: 33.333333%;
  }

  .md\:w-2\/3{
    width: 66.666667%;
  }

  .md\:w-4\/12{
    width: 33.333333%;
  }

  .md\:w-6\/12{
    width: 50%;
  }

  .md\:w-7\/12{
    width: 58.333333%;
  }

  .md\:w-8\/12{
    width: 66.666667%;
  }

  .md\:w-9\/12{
    width: 75%;
  }

  .md\:w-full{
    width: 100%;
  }

  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1280px){
  .lg\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 1280px) and (min-width: 100%){
    .lg\:container{
      max-width: 100%;
    }
  }

@media (min-width: 1280px) and (min-width: 375px){
    .lg\:container{
      max-width: 375px;
    }
  }

@media (min-width: 1280px) and (min-width: 414px){
    .lg\:container{
      max-width: 414px;
    }
  }

@media (min-width: 1280px) and (min-width: 560px){
    .lg\:container{
      max-width: 560px;
    }
  }

@media (min-width: 1280px) and (min-width: 640px){
    .lg\:container{
      max-width: 640px;
    }
  }

@media (min-width: 1280px) and (min-width: 768px){
    .lg\:container{
      max-width: 768px;
    }
  }

@media (min-width: 1280px) and (min-width: 1024px){
    .lg\:container{
      max-width: 1024px;
    }
  }

@media (min-width: 1280px) and (min-width: 1280px){
    .lg\:container{
      max-width: 1280px;
    }
  }

@media (min-width: 1280px){

  .lg\:block{
    display: block;
  }

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

  .lg\:hidden{
    display: none;
  }

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

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

  .lg\:text-3sm{
    font-size: 0.9375rem;
    font-size: var(--font-size-3sm);
  }

  .lg\:text-md{
    font-size: 1.125rem;
    font-size: var(--font-size-md);
  }

  .lg\:text-3md{
    font-size: 1.5rem;
    font-size: var(--font-size-3md);
  }

  .lg\:text-6md{
    font-size: 2.375rem;
    font-size: var(--font-size-6md);
  }

  .lg\:text-2lg{
    font-size: 3.375rem;
    font-size: var(--font-size-2lg);
  }

  .lg\:text-xl{
    font-size: 4.5rem;
    font-size: var(--font-size-xl);
  }

  .lg\:leading-none{
    line-height: 1;
    line-height: var(--leading-none);
  }

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

  .lg\:mr-1larger{
    margin-right: 100px;
    margin-right: var(--section-spacing-1larger);
  }

  .lg\:ml-4larger{
    margin-left: 135px;
    margin-left: var(--section-spacing-4larger);
  }

  .lg\:mr-1largest{
    margin-right: 155px;
    margin-right: var(--section-spacing-1largest);
  }

  .lg\:mr-3largest{
    margin-right: 230px;
    margin-right: var(--section-spacing-3largest);
  }

  .lg\:p-medium{
    padding: 40px;
    padding: var(--section-spacing-medium);
  }

  .lg\:py-0{
    padding-top: 0;
    padding-bottom: 0;
  }

  .lg\:py-tight{
    padding-top: 20px;
    padding-top: var(--section-spacing-tight);
    padding-bottom: 20px;
    padding-bottom: var(--section-spacing-tight);
  }

  .lg\:px-medium{
    padding-left: 40px;
    padding-left: var(--section-spacing-medium);
    padding-right: 40px;
    padding-right: var(--section-spacing-medium);
  }

  .lg\:py-larger{
    padding-top: 90px;
    padding-top: var(--section-spacing-larger);
    padding-bottom: 90px;
    padding-bottom: var(--section-spacing-larger);
  }

  .lg\:px-4larger{
    padding-left: 135px;
    padding-left: var(--section-spacing-4larger);
    padding-right: 135px;
    padding-right: var(--section-spacing-4larger);
  }

  .lg\:pr-medium{
    padding-right: 40px;
    padding-right: var(--section-spacing-medium);
  }

  .lg\:pb-1large{
    padding-bottom: 70px;
    padding-bottom: var(--section-spacing-1large);
  }

  .lg\:pr-larger{
    padding-right: 90px;
    padding-right: var(--section-spacing-larger);
  }

  .lg\:pl-larger{
    padding-left: 90px;
    padding-left: var(--section-spacing-larger);
  }

  .lg\:pr-1larger{
    padding-right: 100px;
    padding-right: var(--section-spacing-1larger);
  }

  .lg\:pl-4larger{
    padding-left: 135px;
    padding-left: var(--section-spacing-4larger);
  }

  .lg\:pr-1largest{
    padding-right: 155px;
    padding-right: var(--section-spacing-1largest);
  }

  .lg\:pl-1largest{
    padding-left: 155px;
    padding-left: var(--section-spacing-1largest);
  }

  .lg\:tracking-2medium{
    letter-spacing: 0.3px;
    letter-spacing: var(--tracking-2medium);
  }

  .lg\:w-1\/2{
    width: 50%;
  }

  .lg\:w-1\/4{
    width: 25%;
  }

  .lg\:w-3\/4{
    width: 75%;
  }

  .lg\:w-3\/12{
    width: 25%;
  }

  .lg\:w-4\/12{
    width: 33.333333%;
  }

  .lg\:w-8\/12{
    width: 66.666667%;
  }

  .lg\:w-9\/12{
    width: 75%;
  }

  .lg\:w-full{
    width: 100%;
  }

  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 100%){
  .xl\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 100%) and (min-width: 100%){
    .xl\:container{
      max-width: 100%;
    }
  }

@media (min-width: 100%) and (min-width: 375px){
    .xl\:container{
      max-width: 375px;
    }
  }

@media (min-width: 100%) and (min-width: 414px){
    .xl\:container{
      max-width: 414px;
    }
  }

@media (min-width: 100%) and (min-width: 560px){
    .xl\:container{
      max-width: 560px;
    }
  }

@media (min-width: 100%) and (min-width: 640px){
    .xl\:container{
      max-width: 640px;
    }
  }

@media (min-width: 100%) and (min-width: 768px){
    .xl\:container{
      max-width: 768px;
    }
  }

@media (min-width: 100%) and (min-width: 1024px){
    .xl\:container{
      max-width: 1024px;
    }
  }

@media (min-width: 100%) and (min-width: 1280px){
    .xl\:container{
      max-width: 1280px;
    }
  }