/** Shopify CDN: Minification failed

Line 9144:26 Expected ")" to end URL token

**/
@charset "UTF-8";

/*! tailwindcss v2.2.7 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/


/**
Use a better box model (opinionated).
*/

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

/* Global h2 kerning */
h2,
.h2,
h2.h0,
.kicker__heading {
  letter-spacing: 0.5px !important;
}


/**
Use a more readable tab size (opinionated).
*/

html {
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

/**
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;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
  font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
}

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

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

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

b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		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;
}

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
}

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

/**
Remove the inheritance of text transform in Edge and Firefox.
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.
*/

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

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

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
  padding: 0;
}

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

progress {
  vertical-align: baseline;
}

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

::-webkit-inner-spin-button,
::-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.
*/

::-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 Chrome and Safari.
*/

summary {
  display: list-item;
}

/**
 * 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;
}

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: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 1 */
  line-height: 1.5;
  /* 2 */
}

/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */

body {
  font-family: inherit;
  line-height: inherit;
}

/**
 * 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 {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: currentColor;
  /* 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::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

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: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * 1. 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
 * 
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 * 
 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */

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

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

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

/**
 * Ensure the default browser behavior of the `hidden` attribute.
 */

[hidden] {
  display: none;
}

*, ::before, ::after{
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-blur: var(--tw-empty,/*!*/ /*!*/);
  --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
  --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
  --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
  --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
  --tw-invert: var(--tw-empty,/*!*/ /*!*/);
  --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
  --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
  --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
  --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}


      [type='text'],
      [type='email'],
      [type='url'],
      [type='password'],
      [type='number'],
      [type='date'],
      [type='datetime-local'],
      [type='month'],
      [type='search'],
      [type='tel'],
      [type='time'],
      [type='week'],
      [multiple],
      textarea,
      select
    {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  border-color: #2563eb;
}

input::-moz-placeholder, textarea::-moz-placeholder{
  color: #6b7280;
  opacity: 1;
}

input::placeholder, textarea::placeholder{
  color: #6b7280;
  opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper{
  padding: 0;
}

::-webkit-date-and-time-value{
  min-height: 1.5em;
}

select{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          color-adjust: exact;
}

[multiple]{
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          color-adjust: unset;
}


      [type='checkbox'],
      [type='radio']
    {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
}

[type='checkbox']{
  border-radius: 0px;
}

[type='radio']{
  border-radius: 100%;
}


      [type='checkbox']:focus,
      [type='radio']:focus
    {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}


      [type='checkbox']:checked,
      [type='radio']:checked
    {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

[type='radio']:checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}


      [type='checkbox']:checked:hover,
      [type='checkbox']:checked:focus,
      [type='radio']:checked:hover,
      [type='radio']:checked:focus
    {
  border-color: transparent;
  background-color: currentColor;
}

[type='checkbox']:indeterminate{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}


      [type='checkbox']:indeterminate:hover,
      [type='checkbox']:indeterminate:focus
    {
  border-color: transparent;
  background-color: currentColor;
}

[type='file']{
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}

[type='file']:focus{
  outline: 1px auto -webkit-focus-ring-color;
}

body{
  font-family: montserrat, sans-serif;
  color: #0A1931;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
}

@media (min-width: 768px){
}

.home-hero-header{
  font-family: alternate-gothic-atf, sans-serif;
  font-weight: 700;
  letter-spacing: 0.235rem;
  line-height: 1;
  font-size: 4rem;
  text-transform: uppercase;
}

@media (min-width: 768px){
  .home-hero-header{
    font-size: 7.75rem !important;
  }
}

@media (min-width: 1280px){
  .home-hero-header{
    letter-spacing: 0.4rem;
    font-size: 10rem !important;
  }
}

h0, .h0, .text-hero-over-image h1{
  font-family: alternate-gothic-atf, sans-serif;
  font-weight: 700;
  letter-spacing: 0.235rem;
  line-height: 1;
  text-transform: uppercase;
  font-size: 4rem;
}

@media (min-width: 768px){
  h0, .h0, .text-hero-over-image h1{
    font-size: 5.75rem;
  }
}

h1, .h1{
  font-size: 2.625rem;
  font-family: alternate-gothic-atf, sans-serif;
  font-weight: 600;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  line-height: 1;
}

h1, .\!h1{
  font-size: 2.625rem !important;
  font-family: alternate-gothic-atf, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.1rem !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

@media (min-width: 768px){
  h1, .h1{
    font-size: 3.325rem;
  }

  h1, .\!h1{
    font-size: 3.325rem !important;
  }
}

h2, .h2{
  font-size: 2rem;
  font-family: alternate-gothic-atf, sans-serif;
  font-weight: 600;
  letter-spacing: 0.1rem;
  line-height: 1.1;
  text-transform: uppercase;
}

@media (min-width: 768px){
  h2, .h2{
    font-size: 2.625rem;
  }
}

h3, .h3{
  font-size: 1.75rem;
  font-family: alternate-gothic-atf, sans-serif;
  font-weight: 600;
  letter-spacing: 0.085rem;
  line-height: 1.1;
  text-transform: uppercase;
}

@media (min-width: 768px){
  h3, .h3{
    font-size: 2.125rem;
  }
}

h4, .h4{
  font-size: 1.5rem;
  font-family: alternate-gothic-atf, sans-serif;
  font-weight: 600;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  line-height: 1;
}

@media (min-width: 768px){
  h4, .h4{
    font-size: 1.5rem;
  }
}

h5, .h5{
  font-size: 19px;
  font-family: alternate-gothic-atf, sans-serif;
  font-weight: 500;
  letter-spacing: 0.024rem;
  line-height: 1.2;
  text-transform: uppercase;
}

.p{
  font-family: montserrat, sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  text-transform: none;
}

.\!p{
  font-family: montserrat, sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.5 !important;
  text-transform: none !important;
}

@media (min-width: 768px){
}

.p-heavy{
  font-weight: 700;
}

button, .btn, .link, .jdgm-widget:not(.jdgm-review-widget--small,.jdgm-review-widget--medium) .jdgm-write-rev-link, .jdgm-widget:not(.jdgm-review-widget--small,.jdgm-review-widget--medium) .jdgm-ask-question-btn, .jdgm-btn--solid, input[type=submit].jdgm-btn--solid, .jdgm-btn--border{
  font-family: alternate-gothic-atf, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.0225rem;
  line-height: 1;
}

button, .\!btn, .\!link, .\!jdgm-widget:not(.\!jdgm-review-widget--small,.\!jdgm-review-widget--medium) .\!jdgm-write-rev-link, .\!jdgm-widget:not(.\!jdgm-review-widget--small,.\!jdgm-review-widget--medium) .\!jdgm-ask-question-btn, .\!jdgm-btn--solid, input[type=submit].\!jdgm-btn--solid, .\!jdgm-btn--border{
  font-family: alternate-gothic-atf, sans-serif !important;
  font-size: 1.125rem !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.0225rem !important;
  line-height: 1 !important;
}

intro-sm, .intro-sm, .intro-sm p{
  font-family: montserrat, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.4;
  text-transform: none;
}

.intro{
  font-family: montserrat, sans-serif;
  font-size: 23px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: capitalize;
}

.micro{
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08rem;
  line-height: 1.3;
}

.micro-alt{
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.3;
}

.container{
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.\!container{
  width: 100% !important;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

@media (min-width: 768px){
  .container{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .\!container{
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}

@media (min-width: 1440px){
  .container{
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }

  .\!container{
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
  }
}

/* Custom Base Styles Go Here. */

*{
  box-sizing: border-box;
}

html {
  font-size: 16px;
}

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */

input[type=number] {
  -moz-appearance: textfield;
}

[x-cloak] {
  display: none !important;
}

.prose{
  color: #374151;
  max-width: 65ch;
}

.prose [class~="lead"]{
  color: #4b5563;
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose a{
  color: #132639;
  text-decoration: underline;
  font-weight: 500;
}

.prose strong{
  color: #132639;
  font-weight: 600;
}

.prose ol[type="A"]{
  --list-counter-style: upper-alpha;
}

.prose ol[type="a"]{
  --list-counter-style: lower-alpha;
}

.prose ol[type="A" s]{
  --list-counter-style: upper-alpha;
}

.prose ol[type="a" s]{
  --list-counter-style: lower-alpha;
}

.prose ol[type="I"]{
  --list-counter-style: upper-roman;
}

.prose ol[type="i"]{
  --list-counter-style: lower-roman;
}

.prose ol[type="I" s]{
  --list-counter-style: upper-roman;
}

.prose ol[type="i" s]{
  --list-counter-style: lower-roman;
}

.prose ol[type="1"]{
  --list-counter-style: decimal;
}

.prose ol > li{
  position: relative;
  padding-left: 1.75em;
}

.prose ol > li::before{
  content: counter(list-item, var(--list-counter-style, decimal)) ".";
  position: absolute;
  font-weight: 400;
  color: #6b7280;
  left: 0;
}

.prose ul > li{
  position: relative;
  padding-left: 1.75em;
}

.prose ul > li::before{
  content: "";
  position: absolute;
  background-color: #d1d5db;
  border-radius: 50%;
  width: 0.375em;
  height: 0.375em;
  top: calc(0.875em - 0.1875em);
  left: 0.25em;
}

.prose hr{
  border-color: #e5e7eb;
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.prose blockquote{
  font-weight: 500;
  font-style: italic;
  color: #132639;
  border-left-width: 0.25rem;
  border-left-color: #e5e7eb;
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1em;
}

.prose blockquote p:first-of-type::before{
  content: open-quote;
}

.prose blockquote p:last-of-type::after{
  content: close-quote;
}

.prose h1{
  color: #132639;
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose h2{
  color: #132639;
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.prose h3{
  color: #132639;
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.prose h4{
  color: #132639;
  font-weight: 500;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.4;
  font-family: montserrat;
  font-family: sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0;
}

.prose figure figcaption{
  color: #6b7280;
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose code{
  color: #132639;
  font-weight: 600;
  font-size: 0.875em;
}

.prose code::before{
  content: "`";
}

.prose code::after{
  content: "`";
}

.prose a code{
  color: #132639;
}

.prose pre{
  color: #e5e7eb;
  background-color: #1f2937;
  overflow-x: auto;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-right: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-left: 1.1428571em;
}

.prose pre code{
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: 400;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.prose pre code::before{
  content: none;
}

.prose pre code::after{
  content: none;
}

.prose table{
  width: 100%;
  table-layout: auto;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.prose thead{
  color: #132639;
  font-weight: 600;
  border-bottom-width: 1px;
  border-bottom-color: #d1d5db;
}

.prose thead th{
  vertical-align: bottom;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.prose tbody tr{
  border-bottom-width: 1px;
  border-bottom-color: #e5e7eb;
}

.prose tbody tr:last-child{
  border-bottom-width: 0;
}

.prose tbody td{
  vertical-align: top;
  padding-top: 0.5714286em;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.prose{
  font-size: 1rem;
  line-height: 1.75;
}

.prose p{
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose img{
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose video{
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose figure{
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose figure > *{
  margin-top: 0;
  margin-bottom: 0;
}

.prose h2 code{
  font-size: 0.875em;
}

.prose h3 code{
  font-size: 0.9em;
}

.prose ol{
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose ul{
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose li{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.prose > ul > li p{
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose > ul > li > *:first-child{
  margin-top: 1.25em;
}

.prose > ul > li > *:last-child{
  margin-bottom: 1.25em;
}

.prose > ol > li > *:first-child{
  margin-top: 1.25em;
}

.prose > ol > li > *:last-child{
  margin-bottom: 1.25em;
}

.prose ul ul, .prose ul ol, .prose ol ul, .prose ol ol{
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose hr + *{
  margin-top: 0;
}

.prose h2 + *{
  margin-top: 0;
}

.prose h3 + *{
  margin-top: 0;
}

.prose h4 + *{
  margin-top: 0;
}

.prose thead th:first-child{
  padding-left: 0;
}

.prose thead th:last-child{
  padding-right: 0;
}

.prose tbody td:first-child{
  padding-left: 0;
}

.prose tbody td:last-child{
  padding-right: 0;
}

.prose > :first-child{
  margin-top: 0;
}

.prose > :last-child{
  margin-bottom: 0;
}

.prose ol, .prose ul{
  font-size: 19px;
  font-family: alternate-gothic-atf;
  font-family: sans-serif;
  font-weight: 500;
  letter-spacing: 0.024rem;
  line-height: 1.2;
  text-transform: uppercase;
}

.prose-sm{
  font-size: 0.875rem;
  line-height: 1.7142857;
}

.prose-sm p{
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}

.prose-sm [class~="lead"]{
  font-size: 1.2857143em;
  line-height: 1.5555556;
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}

.prose-sm blockquote{
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-left: 1.1111111em;
}

.prose-sm h1{
  font-size: 2.1428571em;
  margin-top: 0;
  margin-bottom: 0.8em;
  line-height: 1.2;
}

.prose-sm h2{
  font-size: 1.4285714em;
  margin-top: 1.6em;
  margin-bottom: 0.8em;
  line-height: 1.4;
}

.prose-sm h3{
  font-size: 1.2857143em;
  margin-top: 1.5555556em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}

.prose-sm h4{
  margin-top: 1.4285714em;
  margin-bottom: 0.5714286em;
  line-height: 1.4285714;
}

.prose-sm img{
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.prose-sm video{
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.prose-sm figure{
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.prose-sm figure > *{
  margin-top: 0;
  margin-bottom: 0;
}

.prose-sm figure figcaption{
  font-size: 0.8571429em;
  line-height: 1.3333333;
  margin-top: 0.6666667em;
}

.prose-sm code{
  font-size: 0.8571429em;
}

.prose-sm h2 code{
  font-size: 0.9em;
}

.prose-sm h3 code{
  font-size: 0.8888889em;
}

.prose-sm pre{
  font-size: 0.8571429em;
  line-height: 1.6666667;
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  border-radius: 0.25rem;
  padding-top: 0.6666667em;
  padding-right: 1em;
  padding-bottom: 0.6666667em;
  padding-left: 1em;
}

.prose-sm ol{
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}

.prose-sm ul{
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}

.prose-sm li{
  margin-top: 0.2857143em;
  margin-bottom: 0.2857143em;
}

.prose-sm ol > li{
  padding-left: 1.5714286em;
}

.prose-sm ol > li::before{
  left: 0;
}

.prose-sm ul > li{
  padding-left: 1.5714286em;
}

.prose-sm ul > li::before{
  height: 0.3571429em;
  width: 0.3571429em;
  top: calc(0.8571429em - 0.1785714em);
  left: 0.2142857em;
}

.prose-sm > ul > li p{
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}

.prose-sm > ul > li > *:first-child{
  margin-top: 1.1428571em;
}

.prose-sm > ul > li > *:last-child{
  margin-bottom: 1.1428571em;
}

.prose-sm > ol > li > *:first-child{
  margin-top: 1.1428571em;
}

.prose-sm > ol > li > *:last-child{
  margin-bottom: 1.1428571em;
}

.prose-sm ul ul, .prose-sm ul ol, .prose-sm ol ul, .prose-sm ol ol{
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}

.prose-sm hr{
  margin-top: 2.8571429em;
  margin-bottom: 2.8571429em;
}

.prose-sm hr + *{
  margin-top: 0;
}

.prose-sm h2 + *{
  margin-top: 0;
}

.prose-sm h3 + *{
  margin-top: 0;
}

.prose-sm h4 + *{
  margin-top: 0;
}

.prose-sm table{
  font-size: 0.8571429em;
  line-height: 1.5;
}

.prose-sm thead th{
  padding-right: 1em;
  padding-bottom: 0.6666667em;
  padding-left: 1em;
}

.prose-sm thead th:first-child{
  padding-left: 0;
}

.prose-sm thead th:last-child{
  padding-right: 0;
}

.prose-sm tbody td{
  padding-top: 0.6666667em;
  padding-right: 1em;
  padding-bottom: 0.6666667em;
  padding-left: 1em;
}

.prose-sm tbody td:first-child{
  padding-left: 0;
}

.prose-sm tbody td:last-child{
  padding-right: 0;
}

.prose-sm > :first-child{
  margin-top: 0;
}

.prose-sm > :last-child{
  margin-bottom: 0;
}

.prose-lg{
  font-size: 1.125rem;
  line-height: 1.7777778;
}

.prose-lg p{
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
}

.prose-lg [class~="lead"]{
  font-size: 1.2222222em;
  line-height: 1.4545455;
  margin-top: 1.0909091em;
  margin-bottom: 1.0909091em;
}

.prose-lg blockquote{
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  padding-left: 1em;
}

.prose-lg h1{
  font-size: 2.6666667em;
  margin-top: 0;
  margin-bottom: 0.8333333em;
  line-height: 1;
}

.prose-lg h2{
  font-size: 1.6666667em;
  margin-top: 1.8666667em;
  margin-bottom: 1.0666667em;
  line-height: 1.3333333;
}

.prose-lg h3{
  font-size: 1.3333333em;
  margin-top: 1.6666667em;
  margin-bottom: 0.6666667em;
  line-height: 1.5;
}

.prose-lg h4{
  margin-top: 1.7777778em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}

.prose-lg img{
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}

.prose-lg video{
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}

.prose-lg figure{
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}

.prose-lg figure > *{
  margin-top: 0;
  margin-bottom: 0;
}

.prose-lg figure figcaption{
  font-size: 0.8888889em;
  line-height: 1.5;
  margin-top: 1em;
}

.prose-lg code{
  font-size: 0.8888889em;
}

.prose-lg h2 code{
  font-size: 0.8666667em;
}

.prose-lg h3 code{
  font-size: 0.875em;
}

.prose-lg pre{
  font-size: 0.8888889em;
  line-height: 1.75;
  margin-top: 2em;
  margin-bottom: 2em;
  border-radius: 0.375rem;
  padding-top: 1em;
  padding-right: 1.5em;
  padding-bottom: 1em;
  padding-left: 1.5em;
}

.prose-lg ol{
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
}

.prose-lg ul{
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
}

.prose-lg li{
  margin-top: 0.6666667em;
  margin-bottom: 0.6666667em;
}

.prose-lg ol > li{
  padding-left: 1.6666667em;
}

.prose-lg ol > li::before{
  left: 0;
}

.prose-lg ul > li{
  padding-left: 1.6666667em;
}

.prose-lg ul > li::before{
  width: 0.3333333em;
  height: 0.3333333em;
  top: calc(0.8888889em - 0.1666667em);
  left: 0.2222222em;
}

.prose-lg > ul > li p{
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}

.prose-lg > ul > li > *:first-child{
  margin-top: 1.3333333em;
}

.prose-lg > ul > li > *:last-child{
  margin-bottom: 1.3333333em;
}

.prose-lg > ol > li > *:first-child{
  margin-top: 1.3333333em;
}

.prose-lg > ol > li > *:last-child{
  margin-bottom: 1.3333333em;
}

.prose-lg ul ul, .prose-lg ul ol, .prose-lg ol ul, .prose-lg ol ol{
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}

.prose-lg hr{
  margin-top: 3.1111111em;
  margin-bottom: 3.1111111em;
}

.prose-lg hr + *{
  margin-top: 0;
}

.prose-lg h2 + *{
  margin-top: 0;
}

.prose-lg h3 + *{
  margin-top: 0;
}

.prose-lg h4 + *{
  margin-top: 0;
}

.prose-lg table{
  font-size: 0.8888889em;
  line-height: 1.5;
}

.prose-lg thead th{
  padding-right: 0.75em;
  padding-bottom: 0.75em;
  padding-left: 0.75em;
}

.prose-lg thead th:first-child{
  padding-left: 0;
}

.prose-lg thead th:last-child{
  padding-right: 0;
}

.prose-lg tbody td{
  padding-top: 0.75em;
  padding-right: 0.75em;
  padding-bottom: 0.75em;
  padding-left: 0.75em;
}

.prose-lg tbody td:first-child{
  padding-left: 0;
}

.prose-lg tbody td:last-child{
  padding-right: 0;
}

.prose-lg > :first-child{
  margin-top: 0;
}

.prose-lg > :last-child{
  margin-bottom: 0;
}

.prose-xl{
  font-size: 1.25rem;
  line-height: 1.8;
}

.prose-xl p{
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose-xl [class~="lead"]{
  font-size: 1.2em;
  line-height: 1.5;
  margin-top: 1em;
  margin-bottom: 1em;
}

.prose-xl blockquote{
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1.0666667em;
}

.prose-xl h1{
  font-size: 2.8em;
  margin-top: 0;
  margin-bottom: 0.8571429em;
  line-height: 1;
}

.prose-xl h2{
  font-size: 1.8em;
  margin-top: 1.5555556em;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose-xl h3{
  font-size: 1.5em;
  margin-top: 1.6em;
  margin-bottom: 0.6666667em;
  line-height: 1.3333333;
}

.prose-xl h4{
  margin-top: 1.8em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.prose-xl img{
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-xl video{
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-xl figure{
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-xl figure > *{
  margin-top: 0;
  margin-bottom: 0;
}

.prose-xl figure figcaption{
  font-size: 0.9em;
  line-height: 1.5555556;
  margin-top: 1em;
}

.prose-xl code{
  font-size: 0.9em;
}

.prose-xl h2 code{
  font-size: 0.8611111em;
}

.prose-xl h3 code{
  font-size: 0.9em;
}

.prose-xl pre{
  font-size: 0.9em;
  line-height: 1.7777778;
  margin-top: 2em;
  margin-bottom: 2em;
  border-radius: 0.5rem;
  padding-top: 1.1111111em;
  padding-right: 1.3333333em;
  padding-bottom: 1.1111111em;
  padding-left: 1.3333333em;
}

.prose-xl ol{
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose-xl ul{
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose-xl li{
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}

.prose-xl ol > li{
  padding-left: 1.8em;
}

.prose-xl ol > li::before{
  left: 0;
}

.prose-xl ul > li{
  padding-left: 1.8em;
}

.prose-xl ul > li::before{
  width: 0.35em;
  height: 0.35em;
  top: calc(0.9em - 0.175em);
  left: 0.25em;
}

.prose-xl > ul > li p{
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.prose-xl > ul > li > *:first-child{
  margin-top: 1.2em;
}

.prose-xl > ul > li > *:last-child{
  margin-bottom: 1.2em;
}

.prose-xl > ol > li > *:first-child{
  margin-top: 1.2em;
}

.prose-xl > ol > li > *:last-child{
  margin-bottom: 1.2em;
}

.prose-xl ul ul, .prose-xl ul ol, .prose-xl ol ul, .prose-xl ol ol{
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.prose-xl hr{
  margin-top: 2.8em;
  margin-bottom: 2.8em;
}

.prose-xl hr + *{
  margin-top: 0;
}

.prose-xl h2 + *{
  margin-top: 0;
}

.prose-xl h3 + *{
  margin-top: 0;
}

.prose-xl h4 + *{
  margin-top: 0;
}

.prose-xl table{
  font-size: 0.9em;
  line-height: 1.5555556;
}

.prose-xl thead th{
  padding-right: 0.6666667em;
  padding-bottom: 0.8888889em;
  padding-left: 0.6666667em;
}

.prose-xl thead th:first-child{
  padding-left: 0;
}

.prose-xl thead th:last-child{
  padding-right: 0;
}

.prose-xl tbody td{
  padding-top: 0.8888889em;
  padding-right: 0.6666667em;
  padding-bottom: 0.8888889em;
  padding-left: 0.6666667em;
}

.prose-xl tbody td:first-child{
  padding-left: 0;
}

.prose-xl tbody td:last-child{
  padding-right: 0;
}

.prose-xl > :first-child{
  margin-top: 0;
}

.prose-xl > :last-child{
  margin-bottom: 0;
}

.prose-2xl{
  font-size: 1.5rem;
  line-height: 1.6666667;
}

.prose-2xl p{
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
}

.prose-2xl [class~="lead"]{
  font-size: 1.25em;
  line-height: 1.4666667;
  margin-top: 1.0666667em;
  margin-bottom: 1.0666667em;
}

.prose-2xl blockquote{
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
  padding-left: 1.1111111em;
}

.prose-2xl h1{
  font-size: 2.6666667em;
  margin-top: 0;
  margin-bottom: 0.875em;
  line-height: 1;
}

.prose-2xl h2{
  font-size: 2em;
  margin-top: 1.5em;
  margin-bottom: 0.8333333em;
  line-height: 1.0833333;
}

.prose-2xl h3{
  font-size: 1.5em;
  margin-top: 1.5555556em;
  margin-bottom: 0.6666667em;
  line-height: 1.2222222;
}

.prose-2xl h4{
  margin-top: 1.6666667em;
  margin-bottom: 0.6666667em;
  line-height: 1.5;
}

.prose-2xl img{
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-2xl video{
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-2xl figure{
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-2xl figure > *{
  margin-top: 0;
  margin-bottom: 0;
}

.prose-2xl figure figcaption{
  font-size: 0.8333333em;
  line-height: 1.6;
  margin-top: 1em;
}

.prose-2xl code{
  font-size: 0.8333333em;
}

.prose-2xl h2 code{
  font-size: 0.875em;
}

.prose-2xl h3 code{
  font-size: 0.8888889em;
}

.prose-2xl pre{
  font-size: 0.8333333em;
  line-height: 1.8;
  margin-top: 2em;
  margin-bottom: 2em;
  border-radius: 0.5rem;
  padding-top: 1.2em;
  padding-right: 1.6em;
  padding-bottom: 1.2em;
  padding-left: 1.6em;
}

.prose-2xl ol{
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
}

.prose-2xl ul{
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
}

.prose-2xl li{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.prose-2xl ol > li{
  padding-left: 1.6666667em;
}

.prose-2xl ol > li::before{
  left: 0;
}

.prose-2xl ul > li{
  padding-left: 1.6666667em;
}

.prose-2xl ul > li::before{
  width: 0.3333333em;
  height: 0.3333333em;
  top: calc(0.8333333em - 0.1666667em);
  left: 0.25em;
}

.prose-2xl > ul > li p{
  margin-top: 0.8333333em;
  margin-bottom: 0.8333333em;
}

.prose-2xl > ul > li > *:first-child{
  margin-top: 1.3333333em;
}

.prose-2xl > ul > li > *:last-child{
  margin-bottom: 1.3333333em;
}

.prose-2xl > ol > li > *:first-child{
  margin-top: 1.3333333em;
}

.prose-2xl > ol > li > *:last-child{
  margin-bottom: 1.3333333em;
}

.prose-2xl ul ul, .prose-2xl ul ol, .prose-2xl ol ul, .prose-2xl ol ol{
  margin-top: 0.6666667em;
  margin-bottom: 0.6666667em;
}

.prose-2xl hr{
  margin-top: 3em;
  margin-bottom: 3em;
}

.prose-2xl hr + *{
  margin-top: 0;
}

.prose-2xl h2 + *{
  margin-top: 0;
}

.prose-2xl h3 + *{
  margin-top: 0;
}

.prose-2xl h4 + *{
  margin-top: 0;
}

.prose-2xl table{
  font-size: 0.8333333em;
  line-height: 1.4;
}

.prose-2xl thead th{
  padding-right: 0.6em;
  padding-bottom: 0.8em;
  padding-left: 0.6em;
}

.prose-2xl thead th:first-child{
  padding-left: 0;
}

.prose-2xl thead th:last-child{
  padding-right: 0;
}

.prose-2xl tbody td{
  padding-top: 0.8em;
  padding-right: 0.6em;
  padding-bottom: 0.8em;
  padding-left: 0.6em;
}

.prose-2xl tbody td:first-child{
  padding-left: 0;
}

.prose-2xl tbody td:last-child{
  padding-right: 0;
}

.prose-2xl > :first-child{
  margin-top: 0;
}

.prose-2xl > :last-child{
  margin-bottom: 0;
}

.prose-red a{
  color: #dc2626;
}

.prose-red a code{
  color: #dc2626;
}

.prose-yellow a{
  color: #d97706;
}

.prose-yellow a code{
  color: #d97706;
}

.prose-green a{
  color: #059669;
}

.prose-green a code{
  color: #059669;
}

.prose-blue a{
  color: #2563eb;
}

.prose-blue a code{
  color: #2563eb;
}

.prose-indigo a{
  color: #4f46e5;
}

.prose-indigo a code{
  color: #4f46e5;
}

.prose-purple a{
  color: #7c3aed;
}

.prose-purple a code{
  color: #7c3aed;
}

.prose-pink a{
  color: #db2777;
}

.prose-pink a code{
  color: #db2777;
}

.aspect-w-1,
.aspect-w-2,
.aspect-w-3,
.aspect-w-4,
.aspect-w-5,
.aspect-w-6,
.aspect-w-7,
.aspect-w-8,
.aspect-w-9,
.aspect-w-10,
.aspect-w-11,
.aspect-w-12,
.aspect-w-13,
.aspect-w-14,
.aspect-w-15,
.aspect-w-16{
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
}

.aspect-w-1 > *,
.aspect-w-2 > *,
.aspect-w-3 > *,
.aspect-w-4 > *,
.aspect-w-5 > *,
.aspect-w-6 > *,
.aspect-w-7 > *,
.aspect-w-8 > *,
.aspect-w-9 > *,
.aspect-w-10 > *,
.aspect-w-11 > *,
.aspect-w-12 > *,
.aspect-w-13 > *,
.aspect-w-14 > *,
.aspect-w-15 > *,
.aspect-w-16 > *{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.aspect-none{
  position: static;
  padding-bottom: 0;
}

.aspect-none > *{
  position: static;
  height: auto;
  width: auto;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

.aspect-w-1{
  --tw-aspect-w: 1;
}

.aspect-w-2{
  --tw-aspect-w: 2;
}

.aspect-w-3{
  --tw-aspect-w: 3;
}

.aspect-w-4{
  --tw-aspect-w: 4;
}

.aspect-w-5{
  --tw-aspect-w: 5;
}

.aspect-w-6{
  --tw-aspect-w: 6;
}

.aspect-w-7{
  --tw-aspect-w: 7;
}

.aspect-w-8{
  --tw-aspect-w: 8;
}

.aspect-w-9{
  --tw-aspect-w: 9;
}

.aspect-w-10{
  --tw-aspect-w: 10;
}

.aspect-w-11{
  --tw-aspect-w: 11;
}

.aspect-w-12{
  --tw-aspect-w: 12;
}

.aspect-w-13{
  --tw-aspect-w: 13;
}

.aspect-w-14{
  --tw-aspect-w: 14;
}

.aspect-w-15{
  --tw-aspect-w: 15;
}

.aspect-w-16{
  --tw-aspect-w: 16;
}

.aspect-h-1{
  --tw-aspect-h: 1;
}

.aspect-h-2{
  --tw-aspect-h: 2;
}

.aspect-h-3{
  --tw-aspect-h: 3;
}

.aspect-h-4{
  --tw-aspect-h: 4;
}

.aspect-h-5{
  --tw-aspect-h: 5;
}

.aspect-h-6{
  --tw-aspect-h: 6;
}

.aspect-h-7{
  --tw-aspect-h: 7;
}

.aspect-h-8{
  --tw-aspect-h: 8;
}

.aspect-h-9{
  --tw-aspect-h: 9;
}

.aspect-h-10{
  --tw-aspect-h: 10;
}

.aspect-h-11{
  --tw-aspect-h: 11;
}

.aspect-h-12{
  --tw-aspect-h: 12;
}

.aspect-h-13{
  --tw-aspect-h: 13;
}

.aspect-h-14{
  --tw-aspect-h: 14;
}

.aspect-h-15{
  --tw-aspect-h: 15;
}

.aspect-h-16{
  --tw-aspect-h: 16;
}

/* Custom Components Go Here. */

.collection .header{
  --tw-text-opacity: 1;
  color: rgba(10, 25, 49, var(--tw-text-opacity));
}

.template-search .breadcrumbs, .template-configurator .breadcrumbs{
  display: none;
}

.breadcrumbs.overlay{
  padding-bottom: 1.25rem;
}

@media (min-width: 768px) {
  .breadcrumbs.overlay{
    position: absolute;
  }

  .breadcrumbs.overlay{
    left: 0px;
  }

  .breadcrumbs.overlay {
    top: 94px;
  }

  .breadcrumbs.overlay{
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .breadcrumbs.overlay{
    z-index: 20;
  }
}

.buttonOpen svg.icon-hamburger{
  display: none;
}

.buttonClose svg.icon-close{
  display: none;
}

@media (max-width: 1024px) {
  .collection-sub-nav li:nth-of-type(odd){
    grid-column-end: 2;
  }

  .collection-sub-nav li:nth-of-type(even){
    grid-column-start: 2;
  }

  .collection-sub-nav li:nth-of-type(even){
    grid-column-end: 3;
  }

  .collection-sub-nav li:nth-of-type(even){
    grid-row-start: 1;
  }

  .collection-sub-nav li:nth-of-type(even){
    grid-row-end: 3;
  }

  body:has(header[x-collapse].open){
    height: 100vh;
  }

  body:has(header[x-collapse].open){
    overflow: hidden;
  }
}

.mobile-search .search__input.field__input{
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(10, 25, 49, var(--tw-border-opacity));
}

.input-wrapper:before {
  content: '';
  position: absolute;
  border-left-width: 1px;
  height: 24px;
  top: 50%;
  transform: translateY(-50%);
}

.mobile-search .input-wrapper:before {
  left: 1.25rem;
  --tw-border-opacity: 1;
  border-color: rgba(10, 25, 49, var(--tw-border-opacity));
}

.desktop-search .input-wrapper:before {
  left: 1.75rem;
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}

/* ===== GLOBAL BUTTON RESET / UNIFIED STYLE ===== */
a.btn:not(.hf-btn),
button.btn:not(.hf-btn),
a.btn-brand:not(.hf-btn),
button.btn-brand:not(.hf-btn),
a.btn-gear:not(.hf-btn),
button.btn-gear:not(.hf-btn),
a.btn-transparent-brand:not(.hf-btn),
button.btn-transparent-brand:not(.hf-btn),
a.btn-transparent-gear:not(.hf-btn),
button.btn-transparent-gear:not(.hf-btn),
a.btn-white:not(.hf-btn),
button.btn-white:not(.hf-btn),
a.btn-white-gear:not(.hf-btn),
button.btn-white-gear:not(.hf-btn),
a.btn-transparent-white:not(.hf-btn),
button.btn-transparent-white:not(.hf-btn),
a.btn-transparent-white-gear:not(.hf-btn),
button.btn-transparent-white-gear:not(.hf-btn),
.shopify-challenge__button.btn,
.marketing-form form input[type='submit'] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  height: auto !important;

  padding: 18px 24px !important;
  border-radius: 8px !important;
  border: 0 !important;

  background: #F15A29 !important;
  color: #FFFFFF !important;
  text-decoration: none !important;

  font-family: alternate-gothic-atf, sans-serif !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.0225rem !important;
  line-height: 1 !important;

  box-shadow: none !important;
  transition: transform .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease !important;
}

/* disabled */
a.btn:not(.hf-btn):disabled,
button.btn:not(.hf-btn):disabled,
a.btn-brand:not(.hf-btn):disabled,
button.btn-brand:not(.hf-btn):disabled,
a.btn-gear:not(.hf-btn):disabled,
button.btn-gear:not(.hf-btn):disabled,
a.btn-transparent-brand:not(.hf-btn):disabled,
button.btn-transparent-brand:not(.hf-btn):disabled,
a.btn-transparent-gear:not(.hf-btn):disabled,
button.btn-transparent-gear:not(.hf-btn):disabled,
a.btn-white:not(.hf-btn):disabled,
button.btn-white:not(.hf-btn):disabled,
a.btn-white-gear:not(.hf-btn):disabled,
button.btn-white-gear:not(.hf-btn):disabled,
a.btn-transparent-white:not(.hf-btn):disabled,
button.btn-transparent-white:not(.hf-btn):disabled,
a.btn-transparent-white-gear:not(.hf-btn):disabled,
button.btn-transparent-white-gear:not(.hf-btn):disabled,
.shopify-challenge__button.btn:disabled,
.marketing-form form input[type='submit']:disabled {
  opacity: 0.5 !important;
  cursor: initial !important;
}

/* keep close button from breaking */
.btn.close {
  display: flex !important;
}

/* ===== REMOVE SPECIAL VARIANT LOOKS ===== */
.btn-brand,
.btn-gear,
.btn-transparent-brand,
.btn-transparent-gear,
.btn-white,
.btn-white-gear,
.btn-transparent-white,
.btn-transparent-white-gear,
.shopify-challenge__button.btn,
.marketing-form form input[type='submit'] {
  border-width: 0 !important;
}

/* ===== REMOVE HERO/HOME SPECIAL CASE PADDING ===== */
.home-hero__content .btn-brand {
  padding: 12px 18px !important;
}

/* ===== SIMPLE GLOBAL HOVER ===== */
a.btn:not(.hf-btn):not(:disabled):hover,
button.btn:not(.hf-btn):not(:disabled):hover,
a.btn-brand:not(.hf-btn):not(:disabled):hover,
button.btn-brand:not(.hf-btn):not(:disabled):hover,
a.btn-gear:not(.hf-btn):not(:disabled):hover,
button.btn-gear:not(.hf-btn):not(:disabled):hover,
a.btn-transparent-brand:not(.hf-btn):not(:disabled):hover,
button.btn-transparent-brand:not(.hf-btn):not(:disabled):hover,
a.btn-transparent-gear:not(.hf-btn):not(:disabled):hover,
button.btn-transparent-gear:not(.hf-btn):not(:disabled):hover,
a.btn-white:not(.hf-btn):not(:disabled):hover,
button.btn-white:not(.hf-btn):not(:disabled):hover,
a.btn-white-gear:not(.hf-btn):not(:disabled):hover,
button.btn-white-gear:not(.hf-btn):not(:disabled):hover,
a.btn-transparent-white:not(.hf-btn):not(:disabled):hover,
button.btn-transparent-white:not(.hf-btn):not(:disabled):hover,
a.btn-transparent-white-gear:not(.hf-btn):not(:disabled):hover,
button.btn-transparent-white-gear:not(.hf-btn):not(:disabled):hover,
.shopify-challenge__button.btn:not(:disabled):hover,
.marketing-form form input[type='submit']:not(:disabled):hover {
  transform: translateY(-1px) !important;
}

/* ===== ARROW / ICON SPACING ===== */
.btn span.arrow,
.btn span.external {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  width: 18px !important;
  height: 18px !important;
  margin-left: 0.35em !important;
}

.btn span.caret {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  height: 18px !important;
  margin-left: 0.35em !important;
}

.back-link span.arrow {
  margin-left: 0 !important;
}

.btn svg,
.btn:not(.link-no-effect) svg,
.btn svg:not(.icon-inverted-caret),
.btn svg:not(.icon-caret) {
  width: 18px !important;
  height: 18px !important;
  transform: translateX(-6px);
  transition: transform 0.33s ease-in !important;
}

.back-link.link svg {
  transform: translateX(6px);
}

.link svg.icon-caret,
.btn svg.icon-caret,
.btn svg.icon-close {
  transform: translateX(0) !important;
}

header .btn svg {
  transform: translateX(0) !important;
}

.btn:not(:disabled):hover svg,
.btn .external svg,
.group:hover .btn svg {
  transform: translateX(0) !important;
}

.contact-card .micro{
  font-weight: 600;
}

@media (min-width: 768px) {
  .diy-installation-card-group:last-of-type{
    padding-bottom: 3.75rem;
  }
}

.install-card__image:after {
  background: linear-gradient(
    180.46deg,
    rgba(0, 0, 0, 0.13) 38.85%,
    #000000 101.09%
  );
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.group .card img {
  transition: transform 0.33s ease-in;
}

.group:hover .card img {
  transform: scale(1.05);
}

.shuffle-item.column {
  left: -1px !important;
}

.product-recommendations .card-wrapper{
  height: 100%;
}

.product-recommendations .card-wrapper .first-a{
  flex-grow: 1;
}

.tag-filter a{
  position: relative;
  font-family: montserrat, sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  text-transform: none;
  padding-left: 1.75rem;
}

.tag-filter a:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  min-width: 20px;
  min-height: 20px;
  width: 1.25rem;
  height: 1.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  border-radius: 0.25rem;
  margin-right: 0.5rem;
}

[type='text'], [type='email'], [type='url'], [type='password'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'], [multiple], textarea, select{
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 2.5rem;
}

.contact-form .field, .customer .field{
  overflow: hidden;
}

.contact-form [type='text'], .contact-form [type='email'], .contact-form [type='url'], .contact-form [type='password'], .contact-form [type='date'], .contact-form [type='datetime-local'], .contact-form [type='month'], .contact-form [type='search'], .contact-form [type='tel'], .contact-form [type='time'], .contact-form [type='week'], .contact-form [multiple], .contact-form textarea, .contact-form select, .customer [type='text'], .customer [type='email'], .customer [type='url'], .customer [type='password'], .customer [type='date'], .customer [type='datetime-local'], .customer [type='month'], .customer [type='search'], .customer [type='tel'], .customer [type='time'], .customer [type='week'], .customer [multiple], .customer textarea, .customer select, body .jdgm-form input[type='text'], body .jdgm-form input[type='email'], body .jdgm-form input[type='url'], body .jdgm-form textarea, body .jdgm-sort-dropdown-wrapper .jdgm-sort-dropdown{
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(10, 25, 49, var(--tw-border-opacity));
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.3;
  overflow: hidden;
  background-color: transparent;
}

body .jdgm-sort-dropdown-wrapper .jdgm-sort-dropdown, body .jdgm-form .jdgm-sort-dropdown, body .jdgm-sort-dropdown-wrapper .jdgm-sort-dropdown{
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 1px solid #0e1f1a;
  color: #0e1f1a;
  padding-right: 2rem;
  border-bottom: 1px solid #0e1f1a;
  border-color: #0e1f1a;
  /* @apply rounded-none; */
}

.jdgm-sort-dropdown-wrapper .jdgm-sort-dropdown-arrow{
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  right: 1rem;
  z-index: 10;
  pointer-events: none;
}

.contact-form .field__label,
.customer .field__label {
  left: 1.25rem;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.3;
  top: 1rem;
  transform: translateY(0);
}

.column {
  position: relative;
  float: left;
  min-height: 1px;
  width: 50%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .column{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .column {
    margin-bottom: 30px;
  }
}

@media (min-width: 880px) {
  .column {
    padding-left: 30px;
    padding-right: 0;
  }
}

@media (min-width: 1440px) {
  .column {
    width: 33%;
  }
}

[type='number']{
  padding: 0px;
}

.login a.btn{
  display: flex;
}

.shopify-challenge__container{
  padding-bottom: 3.75rem;
}

.contact-form.vvp-form [type='text'], .contact-form.vvp-form [type='email'], .contact-form.vvp-form [type='url'], .contact-form.vvp-form [type='password'], .contact-form.vvp-form [type='date'], .contact-form.vvp-form [type='datetime-local'], .contact-form.vvp-form [type='month'], .contact-form.vvp-form [type='search'], .contact-form.vvp-form [type='tel'], .contact-form.vvp-form [type='time'], .contact-form.vvp-form [type='week'], .contact-form.vvp-form [multiple], .contact-form.vvp-form textarea, .contact-form.vvp-form select, .contact-form.marketing-form [type='text'], .contact-form.marketing-form [type='email'], .contact-form.marketing-form [type='url'], .contact-form.marketing-form [type='password'], .contact-form.marketing-form [type='date'], .contact-form.marketing-form [type='datetime-local'], .contact-form.marketing-form [type='month'], .contact-form.marketing-form [type='search'], .contact-form.marketing-form [type='tel'], .contact-form.marketing-form [type='time'], .contact-form.marketing-form [type='week'], .contact-form.marketing-form [multiple], .contact-form.marketing-form textarea, .contact-form.marketing-form select{
  margin-top: 0.5rem;
  width: 100%;
}

.contact-form.vvp-form .field, .contact-form.marketing-form .field{
  width: 100%;
  flex-direction: column-reverse;
  align-items: flex-start;
}

.contact-form.vvp-form .field__label,
.customer.vvp-form .field__label,
.contact-form.marketing-form .field__label {
  left: unset;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.3;
  top: unset;
  position: relative;
  transform: translateY(0);
}

.form-status[role='alert']{
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  --tw-text-opacity: 1;
  color: rgba(198, 83, 25, var(--tw-text-opacity));
}

.form-status[role='alert'] svg {
  width: 2rem;
  margin-right: 0.5rem;
}

.form__message{
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
}

.form__message svg {
  width: 1rem;
  margin-right: 0.5rem;
}

.form-status-list {
  padding: 0;
  margin: 1rem 0 4rem;
}

body:has(.marketing-form){
  --tw-bg-opacity: 1;
  background-color: rgba(27, 46, 80, var(--tw-bg-opacity));
}

body:has(.marketing-form) .breadcrumbs {
  display: none;
}

.marketing-form input{
  margin-bottom: 1.25rem;
  display: block;
}

/* .marketing-form form > div:first-child {
  @apply grid gap-x-7 gap-y-5;
} */

.marketing-form form input[type='submit']{
  margin-top: 0.5rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  font-family: alternate-gothic-atf, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.0225rem;
  line-height: 1;
  --tw-bg-opacity: 1;
  background-color: rgba(10, 25, 49, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.marketing-form form input[type='submit']:hover{
  --tw-border-opacity: 1;
  border-color: rgba(69, 111, 182, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(69, 111, 182, var(--tw-bg-opacity));
}

@media (min-width: 768px) {
  .marketing-form form input[type='submit']{
    margin-top: 2.5rem;
  }
}

.email-marketing__media {
  aspect-ratio: 16/9;
}

.player-container .plyr{
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
  --plyr-video-background: transparent;
  --plyr-color-main: #456fb6;
  --plyr-range-track-height: 2px;
  --plyr-range-thumb-background: #456fb6;
  --plyr-video-controls-background: transparent;
}

.video-thumbnail-container + .player-container .plyr{
  position: absolute;
}

.player-container .plyr .plyr__controls{
  position: static;
  padding-top: 30px;
  padding-bottom: 80px;
  max-width: 800px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background: transparent;
}

.player-container .plyr--full-ui.plyr--video .plyr__control--overlaid{
  display: none;
}

.player-container .plyr .plyr__controls button[data-plyr="play"]{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #fff;
  border-radius: 9999px;
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.player-container .plyr.plyr--full-ui input[type="range"]{
  --tw-text-opacity: 1;
  color: rgba(69, 111, 182, var(--tw-text-opacity));
}

.player-container .plyr .plyr__controls button[data-plyr="play"]:hover{
  background-color: transparent;
}

.player-container .plyr .plyr__controls button[data-plyr="play"] svg{
  --tw-text-opacity: 1;
  color: rgba(69, 111, 182, var(--tw-text-opacity));
}

.player-container
  .plyr
  .plyr__controls
  button[data-plyr="play"]
  svg.icon--not-pressed {
  padding-left: 2px;
}

.player-container .plyr input[data-plyr="volume"], .player-container .plyr [data-plyr="settings"], .player-container .plyr.plyr--full-ui .plyr__time--current{
  display: none;
}

.player-container .plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  cursor: auto;
}

.player-container .plyr--video .plyr__control svg{
  --tw-text-opacity: 1;
  color: rgba(69, 111, 182, var(--tw-text-opacity));
}

.player-container .plyr--video .plyr__control:hover{
  background-color: transparent;
}

.player-container .plyr--video .plyr__volume {
  min-width: 0;
  max-width: 100%;
  width: auto;
}

.player-container .plyr [data-plyr="captions"]{
  display: block;
}

.video-section .plyr--video .plyr__control:hover{
  background-color: transparent;
}

.video-section .plyr__control.plyr__control--overlaid{
  background-color: transparent;
  border: 0.175rem solid white;
}

.video-section .plyr__control.plyr__control--overlaid:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(10, 25, 49, var(--tw-text-opacity));
}

.video-section .plyr__controls__item.plyr__menu{
  display: none;
}

.video-section .plyr--full-ui input[type="range"]{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.video-section .plyr--stopped .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}

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

.not-sr-only{
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

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

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

.visible{
  visibility: visible;
}

.\!visible{
  visibility: visible !important;
}

.invisible{
  visibility: hidden;
}

.static{
  position: static;
}

.fixed{
  position: fixed;
}

.\!fixed{
  position: fixed !important;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.\!relative{
  position: relative !important;
}

.sticky{
  position: sticky;
}

.inset-0{
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.top-0{
  top: 0px;
}

.left-0{
  left: 0px;
}

.bottom-0{
  bottom: 0px;
}

.bottom-full{
  bottom: 100%;
}

.top-3{
  top: .75rem;
}

.top-10{
  top: 2.5rem;
}

.right-0{
  right: 0px;
}

.top-6{
  top: 1.5rem;
}

.left-2{
  left: 0.5rem;
}

.top-4{
  top: 1rem;
}

.top-full{
  top: 100%;
}

.top-5{
  top: 1.25rem;
}

.right-5{
  right: 1.25rem;
}

.right-10{
  right: 2.5rem;
}

.top-1\/2{
  top: 50%;
}

.left-1\/2{
  left: 50%;
}

.left-3{
  left: .75rem;
}

.bottom-\[-1\.5px\]{
  bottom: -1.5px;
}

.-left-5{
  left: -1.25rem;
}

.bottom-4{
  bottom: 1rem;
}

.-top-6{
  top: -1.5rem;
}

.-right-4{
  right: -1rem;
}

.isolate{
  isolation: isolate;
}

.isolation-auto{
  isolation: auto;
}

.z-10{
  z-index: 10;
}

.z-0{
  z-index: 0;
}

.z-50{
  z-index: 50;
}

.-z-10{
  z-index: -10;
}

.z-20{
  z-index: 20;
}

.order-4{
  order: 4;
}

.order-3{
  order: 3;
}

.order-2{
  order: 2;
}

.order-1{
  order: 1;
}

.order-first{
  order: -9999;
}

.order-5{
  order: 5;
}

.order-last{
  order: 9999;
}

.col-span-full{
  grid-column: 1 / -1;
}

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

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

.row-span-full{
  grid-row: 1 / -1;
}

.float-right{
  float: right;
}

.float-left{
  float: left;
}

.float-none{
  float: none;
}

.clear-left{
  clear: left;
}

.clear-right{
  clear: right;
}

.clear-both{
  clear: both;
}

.clear-none{
  clear: none;
}

.m-4{
  margin: 1rem;
}

.m-2{
  margin: 0.5rem;
}

.m-3{
  margin: 0.75rem;
}

.m-1{
  margin: 0.25rem;
}

.m-8{
  margin: 2rem;
}

.m-14{
  margin: 3.5rem;
}

.m-16{
  margin: 4rem;
}

.m-48{
  margin: 12rem;
}

.m-7{
  margin: 1.75rem;
}

.m-15{
  margin: 3.75rem;
}

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

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

.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

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

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

.my-15{
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

.mx-6{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-10{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.my-7{
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

.-mx-6{
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

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

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

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

.mb-4{
  margin-bottom: 1rem;
}

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

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

.ml-2{
  margin-left: 0.5rem;
}

.mt-3{
  margin-top: 0.75rem;
}

.ml-5{
  margin-left: 1.25rem;
}

.mr-2{
  margin-right: 0.5rem;
}

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

.ml-8{
  margin-left: 2rem;
}

.mt-4{
  margin-top: 1rem;
}

.mr-1{
  margin-right: 0.25rem;
}

.mb-5{
  margin-bottom: 1.25rem;
}

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

.mt-5{
  margin-top: 1.25rem;
}

.mb-3{
  margin-bottom: 0.75rem;
}

.mt-6{
  margin-top: 1.5rem;
}

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

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

.ml-3{
  margin-left: 0.75rem;
}

.mt-8{
  margin-top: 2rem;
}

.mr-5{
  margin-right: 1.25rem;
}

.mb-20{
  margin-bottom: 5rem;
}

.ml-12{
  margin-left: 3rem;
}

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

.mb-8{
  margin-bottom: 2rem;
}

.mb-9{
  margin-bottom: 2.25rem;
}

.mt-7{
  margin-top: 1.75rem;
}

.mt-10{
  margin-top: 2.5rem;
}

.mt-12{
  margin-top: 3rem;
}

.mt-15{
  margin-top: 3.75rem;
}

.mr-8{
  margin-right: 2rem;
}

.mb-7{
  margin-bottom: 1.75rem;
}

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

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

.mb-40{
  margin-bottom: 10rem;
}

.-mt-50{
  margin-top: -12.5rem;
}

.mr-6{
  margin-right: 1.5rem;
}

.mb-6{
  margin-bottom: 1.5rem;
}

.mr-7{
  margin-right: 1.75rem;
}

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

.mb-12{
  margin-bottom: 3rem;
}

.mr-3{
  margin-right: 0.75rem;
}

.ml-7{
  margin-left: 1.75rem;
}

.mb-15{
  margin-bottom: 3.75rem;
}

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

.box-border{
  box-sizing: border-box;
}

.box-content{
  box-sizing: content-box;
}

.block{
  display: block;
}

.\!block{
  display: block !important;
}

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

.inline{
  display: inline;
}

.\!inline{
  display: inline !important;
}

.flex{
  display: flex;
}

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

.table{
  display: table;
}

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

.table-caption{
  display: table-caption;
}

.table-cell{
  display: table-cell;
}

.table-column{
  display: table-column;
}

.table-column-group{
  display: table-column-group;
}

.table-footer-group{
  display: table-footer-group;
}

.table-header-group{
  display: table-header-group;
}

.table-row-group{
  display: table-row-group;
}

.table-row{
  display: table-row;
}

.flow-root{
  display: flow-root;
}

.grid{
  display: grid;
}

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

.contents{
  display: contents;
}

.\!contents{
  display: contents !important;
}

.list-item{
  display: list-item;
}

.hidden{
  display: none;
}

.\!hidden{
  display: none !important;
}

.h-full{
  height: 100%;
}

.h-5{
  height: 1.25rem;
}

.h-2px{
  height: 2px;
}

.h-12{
  height: 3rem;
}

.h-8{
  height: 2rem;
}

.h-6{
  height: 1.5rem;
}

.h-specs-container{
  height: calc(100vh - 112px);
}

.h-3{
  height: 0.75rem;
}

.h-screen{
  height: 100vh;
}

.h-4{
  height: 1rem;
}

.h-auto{
  height: auto;
}

.h-7{
  height: 1.75rem;
}

.h-10{
  height: 2.5rem;
}

.h-27{
  height: 6.75rem;
}

.h-\[6px\]{
  height: 6px;
}

.h-16{
  height: 4rem;
}

.h-11{
  height: 2.75rem;
}

.h-3\/4-screen{
  height: 75vh;
}

.h-9{
  height: 2.25rem;
}

.h-20{
  height: 5rem;
}

.h-15{
  height: 3.75rem;
}

.h-2{
  height: 0.5rem;
}

.h-1{
  height: 0.25rem;
}

.h-14{
  height: 3.5rem;
}

.max-h-full{
  max-height: 100%;
}

.min-h-8{
  min-height: 2rem;
}

.min-h-screen-hero{
  min-height: calc(100vh - 102px);
}

.min-h-package-sheet-image{
  min-height: calc(100% - 60px);
}

.w-full{
  width: 100%;
}

.w-20{
  width: 5rem;
}

.w-5{
  width: 1.25rem;
}

.w-12{
  width: 3rem;
}

.w-8{
  width: 2rem;
}

.w-auto{
  width: auto;
}

.w-3{
  width: 0.75rem;
}

.w-screen{
  width: 100vw;
}

.w-4{
  width: 1rem;
}

.w-7{
  width: 1.75rem;
}

.w-10{
  width: 2.5rem;
}

.w-1\/2{
  width: 50%;
}

.w-46{
  width: 11.5rem;
}

.w-105{
  width: 26.25rem;
}

.w-48{
  width: 12rem;
}

.w-2{
  width: 0.5rem;
}

.w-16{
  width: 4rem;
}

.w-11{
  width: 2.75rem;
}

.w-1\/4{
  width: 25%;
}

.w-1\/3{
  width: 33.333333%;
}

.w-22{
  width: 5.5rem;
}

.w-mobile-full{
  width: calc(100% - 2.5rem);
}

.w-9{
  width: 2.25rem;
}

.min-w-20{
  min-width: 5rem;
}

.min-w-5{
  min-width: 1.25rem;
}

.min-w-8{
  min-width: 2rem;
}

.min-w-3{
  min-width: .75rem;
}

.min-w-56{
  min-width: 14rem;
}

.min-w-77{
  min-width: 19.25rem;
}

.max-w-question{
  max-width: calc(100% - 5rem);
}

.max-w-full{
  max-width: 100%;
}

.max-w-216{
  max-width: 54rem;
}

.max-w-360{
  max-width: 90rem;
}

.max-w-295{
  max-width: 73.75rem;
}

.max-w-72{
  max-width: 18rem;
}

.max-w-161{
  max-width: 40.25rem;
}

.max-w-143{
  max-width: 35.75rem;
}

.max-w-178{
  max-width: 44.5rem;
}

.max-w-100{
  max-width: 25rem;
}

.max-w-154{
  max-width: 38.5rem;
}

.max-w-132{
  max-width: 33rem;
}

.max-w-64{
  max-width: 16rem;
}

.max-w-275{
  max-width: 68.75rem;
}

.max-w-190{
  max-width: 47.5rem;
}

.max-w-138{
  max-width: 34.5rem;
}

.max-w-110{
  max-width: 27.5rem;
}

.max-w-65{
  max-width: 16.25rem;
}

.max-w-70{
  max-width: 17.5rem;
}

.max-w-45{
  max-width: 11.25rem;
}

.max-w-166{
  max-width: 41.5rem;
}

.max-w-prose{
  max-width: 65ch;
}

.max-w-none{
  max-width: none;
}

.flex-1{
  flex: 1 1 0%;
}

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

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

.flex-grow{
  flex-grow: 1;
}

.table-auto{
  table-layout: auto;
}

.table-fixed{
  table-layout: fixed;
}

.border-collapse{
  border-collapse: collapse;
}

.border-separate{
  border-collapse: separate;
}

.translate-y-0{
  --tw-translate-y: 0px;
  transform: var(--tw-transform);
}

.-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: var(--tw-transform);
}

.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: var(--tw-transform);
}

.translate-x-11px{
  --tw-translate-x: 11px;
  transform: var(--tw-transform);
}

.translate-x-full{
  --tw-translate-x: 100%;
  transform: var(--tw-transform);
}

.translate-x-0{
  --tw-translate-x: 0px;
  transform: var(--tw-transform);
}

.-translate-y-full{
  --tw-translate-y: -100%;
  transform: var(--tw-transform);
}

.-translate-x-1{
  --tw-translate-x: -0.25rem;
  transform: var(--tw-transform);
}

.-scale-100{
  --tw-scale-x: -1;
  --tw-scale-y: -1;
  transform: var(--tw-transform);
}

.scale-90{
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: var(--tw-transform);
}

.scale-100{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: var(--tw-transform);
}

.-scale-x-100{
  --tw-scale-x: -1;
  transform: var(--tw-transform);
}

.transform{
  transform: var(--tw-transform);
}

.\!transform{
  transform: var(--tw-transform) !important;
}

.transform-cpu{
  --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform-gpu{
  --tw-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform-none{
  transform: none;
}

.cursor-auto{
  cursor: auto;
}

.cursor-pointer{
  cursor: pointer;
}

.cursor-help{
  cursor: help;
}

.cursor-default{
  cursor: default;
}

.cursor-text{
  cursor: text;
}

.cursor-wait{
  cursor: wait;
}

.cursor-move{
  cursor: move;
}

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

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

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

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

.resize-none{
  resize: none;
}

.resize-y{
  resize: vertical;
}

.resize-x{
  resize: horizontal;
}

.resize{
  resize: both;
}

.list-inside{
  list-style-position: inside;
}

.list-outside{
  list-style-position: outside;
}

.list-disc{
  list-style-type: disc;
}

.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.grid-flow-row{
  grid-auto-flow: row;
}

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

.grid-flow-row-dense{
  grid-auto-flow: row dense;
}

.grid-flow-col-dense{
  grid-auto-flow: column dense;
}

.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.flex-row{
  flex-direction: row;
}

.flex-row-reverse{
  flex-direction: row-reverse;
}

.flex-col{
  flex-direction: column;
}

.flex-col-reverse{
  flex-direction: column-reverse;
}

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

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

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

.place-content-center{
  place-content: center;
}

.place-content-start{
  place-content: start;
}

.place-content-end{
  place-content: end;
}

.place-content-between{
  place-content: space-between;
}

.place-content-around{
  place-content: space-around;
}

.place-content-evenly{
  place-content: space-evenly;
}

.place-content-stretch{
  place-content: stretch;
}

.place-items-start{
  place-items: start;
}

.place-items-end{
  place-items: end;
}

.place-items-center{
  place-items: center;
}

.place-items-stretch{
  place-items: stretch;
}

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

.content-start{
  align-content: flex-start;
}

.content-end{
  align-content: flex-end;
}

.content-between{
  align-content: space-between;
}

.content-around{
  align-content: space-around;
}

.content-evenly{
  align-content: space-evenly;
}

.items-start{
  align-items: flex-start;
}

.items-end{
  align-items: flex-end;
}

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

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

.items-stretch{
  align-items: stretch;
}

.justify-start{
  justify-content: flex-start;
}

.justify-end{
  justify-content: flex-end;
}

.justify-center{
  justify-content: center;
}

.justify-between{
  justify-content: space-between;
}

.justify-around{
  justify-content: space-around;
}

.justify-evenly{
  justify-content: space-evenly;
}

.justify-items-start{
  justify-items: start;
}

.justify-items-end{
  justify-items: end;
}

.justify-items-center{
  justify-items: center;
}

.justify-items-stretch{
  justify-items: stretch;
}

.gap-4{
  gap: 1rem;
}

.gap-5{
  gap: 1.25rem;
}

.gap-10{
  gap: 2.5rem;
}

.gap-12{
  gap: 3rem;
}

.gap-8{
  gap: 2rem;
}

.gap-7{
  gap: 1.75rem;
}

.gap-15{
  gap: 3.75rem;
}

.gap-x-7{
  -moz-column-gap: 1.75rem;
       column-gap: 1.75rem;
}

.gap-y-5{
  row-gap: 1.25rem;
}

.gap-y-6{
  row-gap: 1.5rem;
}

.gap-y-7{
  row-gap: 1.75rem;
}

.gap-y-10{
  row-gap: 2.5rem;
}

.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-0 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0px * var(--tw-space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-reverse > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 1;
}

.space-x-reverse > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 1;
}

.divide-x > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}

.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-y-reverse > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 1;
}

.divide-x-reverse > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 1;
}

.divide-solid > :not([hidden]) ~ :not([hidden]){
  border-style: solid;
}

.divide-dashed > :not([hidden]) ~ :not([hidden]){
  border-style: dashed;
}

.divide-dotted > :not([hidden]) ~ :not([hidden]){
  border-style: dotted;
}

.divide-double > :not([hidden]) ~ :not([hidden]){
  border-style: double;
}

.divide-none > :not([hidden]) ~ :not([hidden]){
  border-style: none;
}

.place-self-auto{
  place-self: auto;
}

.place-self-start{
  place-self: start;
}

.place-self-end{
  place-self: end;
}

.place-self-center{
  place-self: center;
}

.place-self-stretch{
  place-self: stretch;
}

.self-auto{
  align-self: auto;
}

.self-start{
  align-self: flex-start;
}

.self-end{
  align-self: flex-end;
}

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

.self-stretch{
  align-self: stretch;
}

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

.justify-self-auto{
  justify-self: auto;
}

.justify-self-start{
  justify-self: start;
}

.justify-self-end{
  justify-self: end;
}

.justify-self-center{
  justify-self: center;
}

.justify-self-stretch{
  justify-self: stretch;
}

.overflow-auto{
  overflow: auto;
}

.overflow-hidden{
  overflow: hidden;
}

.overflow-visible{
  overflow: visible;
}

.overflow-scroll{
  overflow: scroll;
}

.overflow-x-auto{
  overflow-x: auto;
}

.overflow-y-auto{
  overflow-y: auto;
}

.overflow-x-hidden{
  overflow-x: hidden;
}

.overflow-y-hidden{
  overflow-y: hidden;
}

.overflow-x-visible{
  overflow-x: visible;
}

.overflow-y-visible{
  overflow-y: visible;
}

.overflow-x-scroll{
  overflow-x: scroll;
}

.overflow-y-scroll{
  overflow-y: scroll;
}

.overscroll-auto{
  overscroll-behavior: auto;
}

.overscroll-contain{
  overscroll-behavior: contain;
}

.overscroll-none{
  overscroll-behavior: none;
}

.overscroll-y-auto{
  overscroll-behavior-y: auto;
}

.overscroll-y-contain{
  overscroll-behavior-y: contain;
}

.overscroll-y-none{
  overscroll-behavior-y: none;
}

.overscroll-x-auto{
  overscroll-behavior-x: auto;
}

.overscroll-x-contain{
  overscroll-behavior-x: contain;
}

.overscroll-x-none{
  overscroll-behavior-x: none;
}

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

.overflow-ellipsis{
  text-overflow: ellipsis;
}

.overflow-clip{
  text-overflow: clip;
}

.whitespace-normal{
  white-space: normal;
}

.whitespace-nowrap{
  white-space: nowrap;
}

.whitespace-pre{
  white-space: pre;
}

.whitespace-pre-line{
  white-space: pre-line;
}

.whitespace-pre-wrap{
  white-space: pre-wrap;
}

.break-normal{
  overflow-wrap: normal;
  word-break: normal;
}

.break-words{
  overflow-wrap: break-word;
}

.break-all{
  word-break: break-all;
}

.rounded-full{
  border-radius: 9999px;
}

.rounded-md{
  border-radius: 0.375rem;
}

.rounded{
  border-radius: 0.25rem;
}

.rounded-lg{
  border-radius: 0.5rem;
}

.rounded-t{
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.rounded-r{
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.rounded-b{
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-l{
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-tl{
  border-top-left-radius: 0.25rem;
}

.rounded-tr{
  border-top-right-radius: 0.25rem;
}

.rounded-br{
  border-bottom-right-radius: 0.25rem;
}

.rounded-bl{
  border-bottom-left-radius: 0.25rem;
}

.border{
  border-width: 1px;
}

.border-2{
  border-width: 2px;
}

.border-0{
  border-width: 0px;
}

.border-b{
  border-bottom-width: 1px;
}

.border-t{
  border-top-width: 1px;
}

.border-r{
  border-right-width: 1px;
}

.border-l{
  border-left-width: 1px;
}

.border-solid{
  border-style: solid;
}

.border-dashed{
  border-style: dashed;
}

.border-dotted{
  border-style: dotted;
}

.border-double{
  border-style: double;
}

.border-none{
  border-style: none;
}

.border-grey-light{
  --tw-border-opacity: 1;
  border-color: rgba(222, 223, 225, var(--tw-border-opacity));
}

.border-brand{
  --tw-border-opacity: 1;
  border-color: rgba(27, 46, 80, var(--tw-border-opacity));
}

.border-brand-ada{
  --tw-border-opacity: 1;
  border-color: rgba(10, 25, 49, var(--tw-border-opacity));
}

.border-transparent{
  border-color: transparent;
}

.border-white{
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}

.border-orange{
  --tw-border-opacity: 1;
  border-color: rgba(242, 104, 34, var(--tw-border-opacity));
}

.border-gear-background{
  --tw-border-opacity: 1;
  border-color: rgba(14, 31, 26, var(--tw-border-opacity));
}

.border-blue{
  --tw-border-opacity: 1;
  border-color: rgba(69, 111, 182, var(--tw-border-opacity));
}

.border-grey-bg{
  --tw-border-opacity: 1;
  border-color: rgba(248, 248, 250, var(--tw-border-opacity));
}

.border-grey-md{
  --tw-border-opacity: 1;
  border-color: rgba(148, 149, 151, var(--tw-border-opacity));
}

.border-gear-light{
  --tw-border-opacity: 1;
  border-color: rgba(64, 122, 98, var(--tw-border-opacity));
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.bg-brand-ada {
  --tw-bg-opacity: 1;
  background-color: rgba(51, 51, 51, var(--tw-bg-opacity));
}

.bg-grey-light{
  --tw-bg-opacity: 1;
  background-color: rgba(222, 223, 225, var(--tw-bg-opacity));
}

.bg-blue{
  --tw-bg-opacity: 1;
  background-color: rgba(19, 38, 57, var(--tw-bg-opacity));
}

.bg-grey-bg{
  --tw-bg-opacity: 1;
  background-color: rgba(248, 248, 250, var(--tw-bg-opacity));
}

.bg-gear{
   background-color: #1e3631 !important;
}

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

.bg-gear-background{
  background-color: #1e3631 !important;
}

.bg-ghost-black{
  background-color: rgba(0,0,0,.7);
}

.bg-ghost-white{
  background-color: rgba(255,255,255,.5);
}

.bg-grey-md{
  --tw-bg-opacity: 1;
  background-color: rgba(148, 149, 151, var(--tw-bg-opacity));
}

.bg-brand {
  --tw-bg-opacity: 1;
  background-color: rgba(51, 51, 51, var(--tw-bg-opacity));
}

.bg-gear-light{
  --tw-bg-opacity: 1;
  background-color: rgba(64, 122, 98, var(--tw-bg-opacity));
}

.bg-none{
  background-image: none;
}

.decoration-slice{
  -webkit-box-decoration-break: slice;
          box-decoration-break: slice;
}

.decoration-clone{
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}

.bg-auto{
  background-size: auto;
}

.bg-fixed{
  background-attachment: fixed;
}

.bg-local{
  background-attachment: local;
}

.bg-scroll{
  background-attachment: scroll;
}

.bg-clip-border{
  background-clip: border-box;
}

.bg-clip-padding{
  background-clip: padding-box;
}

.bg-clip-content{
  background-clip: content-box;
}

.bg-clip-text{
  -webkit-background-clip: text;
          background-clip: text;
}

.bg-repeat{
  background-repeat: repeat;
}

.bg-no-repeat{
  background-repeat: no-repeat;
}

.bg-repeat-x{
  background-repeat: repeat-x;
}

.bg-repeat-y{
  background-repeat: repeat-y;
}

.bg-repeat-round{
  background-repeat: round;
}

.bg-repeat-space{
  background-repeat: space;
}

.bg-origin-border{
  background-origin: border-box;
}

.bg-origin-padding{
  background-origin: padding-box;
}

.bg-origin-content{
  background-origin: content-box;
}

.fill-\[\#bada55\]{
  fill: #bada55;
}

.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}

.object-fill{
  -o-object-fit: fill;
     object-fit: fill;
}

.object-none{
  -o-object-fit: none;
     object-fit: none;
}

.object-scale-down{
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.object-center{
  -o-object-position: center;
     object-position: center;
}

.p-3{
  padding: 0.75rem;
}

.p-10{
  padding: 2.5rem;
}

.p-5{
  padding: 1.25rem;
}

.p-2{
  padding: 0.5rem;
}

.p-9{
  padding: 2.25rem;
}

.p-4{
  padding: 1rem;
}

.p-7{
  padding: 1.75rem;
}

.p-1{
  padding: 0.25rem;
}

.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

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

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

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

.px-15{
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}

.py-15{
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-9{
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.py-7{
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

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

.pl-4{
  padding-left: 1rem;
}

.pb-3{
  padding-bottom: 0.75rem;
}

.pb-4\/5{
  padding-bottom: 80%;
}

.pt-8{
  padding-top: 2rem;
}

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

.pr-8{
  padding-right: 2rem;
}

.pb-18{
  padding-bottom: 4.5rem;
}

.pb-4{
  padding-bottom: 1rem;
}

.pl-2{
  padding-left: 0.5rem;
}

.pb-8{
  padding-bottom: 2rem;
}

.pt-27{
  padding-top: 6.75rem;
}

.pb-6{
  padding-bottom: 1.5rem;
}

.pt-4{
  padding-top: 1rem;
}

.pb-9{
  padding-bottom: 2.25rem;
}

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

.pt-6{
  padding-top: 1.5rem;
}

.pb-12{
  padding-bottom: 3rem;
}

.pr-2{
  padding-right: 0.5rem;
}

.pb-5{
  padding-bottom: 1.25rem;
}

.pb-15{
  padding-bottom: 3.75rem;
}

.pt-5{
  padding-top: 1.25rem;
}

.pb-4\/3{
  padding-bottom: 130%;
}

.pb-3\/4{
  padding-bottom: 75%;
}

.pb-3\/5{
  padding-bottom: 60%;
}

.pt-20{
  padding-top: 5rem;
}

.pt-10{
  padding-top: 2.5rem;
}

.pb-2\/3{
  padding-bottom: 66%;
}

.pb-7{
  padding-bottom: 1.75rem;
}

.pb-video{
  padding-bottom: calc((900% / 16) + 142px);
}

.pt-7{
  padding-top: 1.75rem;
}

.pr-6{
  padding-right: 1.5rem;
}

.pt-12{
  padding-top: 3rem;
}

.pt-15{
  padding-top: 3.75rem;
}

.pb-26{
  padding-bottom: 6.5rem;
}

.pr-5{
  padding-right: 1.25rem;
}

.pb-13{
  padding-bottom: 3.25rem;
}

.pl-7{
  padding-left: 1.75rem;
}

.pl-5{
  padding-left: 1.25rem;
}

.pt-17{
  padding-top: 4.25rem;
}

.pb-17{
  padding-bottom: 4.25rem;
}

.pb-full{
  padding-bottom: 100%;
}

.pb-10{
  padding-bottom: 2.5rem;
}

.pt-26{
  padding-top: 6.5rem;
}

.pb-22{
  padding-bottom: 5.5rem;
}

.pb-21{
  padding-bottom: 5.25rem;
}

.pt-16{
  padding-top: 4rem;
}

.pl-10{
  padding-left: 2.5rem;
}

.pr-13{
  padding-right: 3.25rem;
}

.pb-24{
  padding-bottom: 6rem;
}

.pt-21{
  padding-top: 5.25rem;
}

.pt-3{
  padding-top: 0.75rem;
}

.pb-30{
  padding-bottom: 7.5rem;
}

.pt-1\/2{
  padding-top: 50%;
}

.pt-2\/3{
  padding-top: 66%;
}

.pr-10{
  padding-right: 2.5rem;
}

.pr-15{
  padding-right: 3.75rem;
}

.pl-8{
  padding-left: 2rem;
}

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

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

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

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

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

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

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

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

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

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

.text-micro{
  font-size: 1rem;
}

.text-sm{
  font-size: 0.875rem;
}

.text-index{
  font-size: 0.75rem;
}

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

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

.font-thin{
  font-weight: 100;
}

.font-extralight{
  font-weight: 200;
}

.uppercase{
  text-transform: uppercase;
}

.lowercase{
  text-transform: lowercase;
}

.capitalize{
  text-transform: capitalize;
}

.normal-case{
  text-transform: none;
}

.italic{
  font-style: italic;
}

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

.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions{
  --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
  --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
  --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
  --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
  --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.normal-nums{
  font-variant-numeric: normal;
}

.ordinal{
  --tw-ordinal: ordinal;
}

.slashed-zero{
  --tw-slashed-zero: slashed-zero;
}

.lining-nums{
  --tw-numeric-figure: lining-nums;
}

.oldstyle-nums{
  --tw-numeric-figure: oldstyle-nums;
}

.proportional-nums{
  --tw-numeric-spacing: proportional-nums;
}

.tabular-nums{
  --tw-numeric-spacing: tabular-nums;
}

.diagonal-fractions{
  --tw-numeric-fraction: diagonal-fractions;
}

.stacked-fractions{
  --tw-numeric-fraction: stacked-fractions;
}

.leading-none{
  line-height: 1;
}

.tracking-index{
  letter-spacing: .2rem;
}

.text-blue{
  --tw-text-opacity: 1;
  color: rgba(69, 111, 182, var(--tw-text-opacity));
}

.text-brand{
  --tw-text-opacity: 1;
  color: rgba(27, 46, 80, var(--tw-text-opacity));
}

.text-white{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.text-blue-ada{
  --tw-text-opacity: 1;
  color: rgba(77, 129, 217, var(--tw-text-opacity));
}

.text-grey-md{
  --tw-text-opacity: 1;
  color: rgba(148, 149, 151, var(--tw-text-opacity));
}

.text-brand-ada{
  --tw-text-opacity: 1;
  color: rgba(10, 25, 49, var(--tw-text-opacity));
}

.text-black{
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.text-gear-background{
  --tw-text-opacity: 1;
  color: rgba(14, 31, 26, var(--tw-text-opacity));
}

.text-gear-light{
  --tw-text-opacity: 1;
  color: rgba(64, 122, 98, var(--tw-text-opacity));
}

.text-orange{
  --tw-text-opacity: 1;
  color: rgba(242, 104, 34, var(--tw-text-opacity));
}

.text-gear{
  --tw-text-opacity: 1;
  color: rgba(28, 57, 45, var(--tw-text-opacity));
}

.text-red-600{
  --tw-text-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-text-opacity));
}

.text-orange-ada{
  --tw-text-opacity: 1;
  color: rgba(198, 83, 25, var(--tw-text-opacity));
}

.text-pink-500{
  --tw-text-opacity: 1;
  color: rgba(236, 72, 153, var(--tw-text-opacity));
}

.underline{
  text-decoration: underline;
}

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

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

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

.subpixel-antialiased{
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.placeholder-white::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
}

.placeholder-white::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
}

.opacity-0{
  opacity: 0;
}

.opacity-30{
  opacity: 0.3;
}

.opacity-25{
  opacity: 0.25;
}

.opacity-100{
  opacity: 1;
}

.opacity-50{
  opacity: 0.5;
}

.bg-blend-normal{
  background-blend-mode: normal;
}

.bg-blend-multiply{
  background-blend-mode: multiply;
}

.bg-blend-screen{
  background-blend-mode: screen;
}

.bg-blend-overlay{
  background-blend-mode: overlay;
}

.bg-blend-darken{
  background-blend-mode: darken;
}

.bg-blend-lighten{
  background-blend-mode: lighten;
}

.bg-blend-color-dodge{
  background-blend-mode: color-dodge;
}

.bg-blend-color-burn{
  background-blend-mode: color-burn;
}

.bg-blend-hard-light{
  background-blend-mode: hard-light;
}

.bg-blend-soft-light{
  background-blend-mode: soft-light;
}

.bg-blend-difference{
  background-blend-mode: difference;
}

.bg-blend-exclusion{
  background-blend-mode: exclusion;
}

.bg-blend-hue{
  background-blend-mode: hue;
}

.bg-blend-saturation{
  background-blend-mode: saturation;
}

.bg-blend-color{
  background-blend-mode: color;
}

.bg-blend-luminosity{
  background-blend-mode: luminosity;
}

.mix-blend-normal{
  mix-blend-mode: normal;
}

.mix-blend-multiply{
  mix-blend-mode: multiply;
}

.mix-blend-screen{
  mix-blend-mode: screen;
}

.mix-blend-overlay{
  mix-blend-mode: overlay;
}

.mix-blend-darken{
  mix-blend-mode: darken;
}

.mix-blend-lighten{
  mix-blend-mode: lighten;
}

.mix-blend-color-dodge{
  mix-blend-mode: color-dodge;
}

.mix-blend-color-burn{
  mix-blend-mode: color-burn;
}

.mix-blend-hard-light{
  mix-blend-mode: hard-light;
}

.mix-blend-soft-light{
  mix-blend-mode: soft-light;
}

.mix-blend-difference{
  mix-blend-mode: difference;
}

.mix-blend-exclusion{
  mix-blend-mode: exclusion;
}

.mix-blend-hue{
  mix-blend-mode: hue;
}

.mix-blend-saturation{
  mix-blend-mode: saturation;
}

.mix-blend-color{
  mix-blend-mode: color;
}

.mix-blend-luminosity{
  mix-blend-mode: luminosity;
}

.shadow{
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-conf-spec{
  --tw-shadow: 0px -1px 2px #EDEDED;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-close-btn{
  --tw-shadow: 4px 4px 12px rgba(0,0,0,.4);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-nav{
  --tw-shadow: 0 2px 6px rgba(0,0,0,0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-btn{
  --tw-shadow: 0 4px 10px rgba(0,0,0,0.3);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.outline-black{
  outline: 2px dotted black;
  outline-offset: 2px;
}

.outline-white{
  outline: 2px dotted white;
  outline-offset: 2px;
}

.ring{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-inset{
  --tw-ring-inset: inset;
}

.ring-offset-0{
  --tw-ring-offset-width: 0px;
}

.ring-offset-blue{
  --tw-ring-offset-color: #456FB6;
}

.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-filter);
}

.blur-none{
  --tw-blur: blur(0);
  filter: var(--tw-filter);
}

.blur-0{
  --tw-blur: blur(0);
  filter: var(--tw-filter);
}

.drop-shadow{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06));
  filter: var(--tw-filter);
}

.grayscale{
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-filter);
}

.invert{
  --tw-invert: invert(100%);
  filter: var(--tw-filter);
}

.sepia{
  --tw-sepia: sepia(100%);
  filter: var(--tw-filter);
}

.filter{
  filter: var(--tw-filter);
}

.\!filter{
  filter: var(--tw-filter) !important;
}

.filter-none{
  filter: none;
}

.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-filter);
          backdrop-filter: var(--tw-backdrop-filter);
}

.backdrop-blur{
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-filter);
          backdrop-filter: var(--tw-backdrop-filter);
}

.backdrop-grayscale{
  --tw-backdrop-grayscale: grayscale(100%);
  -webkit-backdrop-filter: var(--tw-backdrop-filter);
          backdrop-filter: var(--tw-backdrop-filter);
}

.backdrop-invert{
  --tw-backdrop-invert: invert(100%);
  -webkit-backdrop-filter: var(--tw-backdrop-filter);
          backdrop-filter: var(--tw-backdrop-filter);
}

.backdrop-sepia{
  --tw-backdrop-sepia: sepia(100%);
  -webkit-backdrop-filter: var(--tw-backdrop-filter);
          backdrop-filter: var(--tw-backdrop-filter);
}

.backdrop-filter{
  -webkit-backdrop-filter: var(--tw-backdrop-filter);
          backdrop-filter: var(--tw-backdrop-filter);
}

.backdrop-filter-none{
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}

.transition{
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-width{
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-shadow{
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-margin{
  transition-property: margin;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-colors{
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.\!transition{
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

.delay-500{
  transition-delay: 500ms;
}

.duration-500{
  transition-duration: 500ms;
}

.duration-300{
  transition-duration: 300ms;
}

.duration-200{
  transition-duration: 200ms;
}

.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.content-\[\'hello\'\]{
  content: 'hello';
}

.content-\[\"hello\"\]{
  content: "hello";
}

/* Custom Utilities Go Here. */

html,
body {
  /* set to the expected height of header */
  scroll-padding-top: 83px;
}

@media (min-width: 1025px) {
  html,
    body {
    /* set to the expected height of header */
    scroll-padding-top: 110px;
  }
}

.headroom {
  padding-top: 83px;
}

@media (min-width: 1025px) {
  .headroom {
    padding-top: 102px;
  }
}

.headroom .header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  will-change: transform;
  transition: transform 200ms linear;
}

.headroom--pinned {
  transform: translateY(0%);
}

.headroom--unpinned {
  transform: translateY(-100%);
}

.no-js .on-load.fade-scale img,
.no-js .on-load.fade-up,
.no-js .on-scroll.fade-scale image {
  opacity: 1;
  transform: scale(1) translateY(0);
}

.no-js .on-scroll.fade-up,
.on-scroll.fade-up {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s ease-in, transform 0.5s ease-in;
}

.on-load.fade-scale img {
  animation-name: fade-scale;
  animation-duration: 0.75s;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  opacity: 0.7;
  transform: scale(1.1);
}

.on-scroll.fade-scale img {
  transform: scale(1.1);
  opacity: 0.6;
  transition: opacity 0.5s ease-in, transform 0.5s ease-in;
}

.on-load.fade-up {
  animation-name: fade-up;
  animation-duration: 0.75s;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  opacity: 0;
  transform: translateY(2rem);
}

.pre-animated.on-scroll.fade-up {
  opacity: 0;
  transform: translateY(2rem);
}

.three-columns .pre-animated.on-scroll.fade-up,
.four-columns .pre-animated.on-scroll.fade-up {
  opacity: 0;
  transition: opacity 0.5s ease-in, transform 0.5s ease-in;
}

@media (min-width: 768px) {
  .on-scroll.fade-up.d-one,
  .on-scroll.fade-up:nth-of-type(3n + 2) {
    transition-delay: 0.15s;
  }

  .on-scroll.fade-up.d-two,
  .on-scroll.fade-up:nth-of-type(3n + 3) {
    transition-delay: 0.3s;
  }

  .on-scroll.fade-up.d-three,
  .on-scroll.fade-up:nth-of-type(3n + 4) {
    transition-delay: 0.45s;
  }
}

.pre-animated.on-scroll.fade-scale {
  opacity: 1;
  transform: scale(1);
}

.on-load.fade-up.d-one {
  animation-delay: 0.15s;
}

.on-load.fade-up.d-two {
  animation-delay: 0.3s;
}

.on-load.fade-up.d-three {
  animation-delay: 0.45s;
}

@keyframes fade-scale {
  from {
    transform: scale(1.1);
    opacity: 0.6;
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes fade-up {
  from {
    opacity: 0;
    transform: translateY(2rem);
  }

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

.on-scroll.wipeup:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  transform-origin: top;
  transition: transform 0.5s;
  transform: scaleY(0);
}

.on-scroll.wipeup.dark:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  --tw-bg-opacity: 1;
  background-color: rgba(10, 25, 49, var(--tw-bg-opacity));
  transform-origin: top;
  transition: transform 0.5s;
  transform: scaleY(0);
}

.pre-animated.on-scroll.wipeup:after {
  content: "";
  transform: scaleY(1);
  transform-origin: top;
  transition: transform 0.5s;
  will-change: transform;
}

@media (min-width: 768px) {
  .wipeup:nth-of-type(1):after {
    transition-delay: 0.15s;
  }

  .wipeup:nth-of-type(2):after {
    transition-delay: 0.3s;
  }

  .wipeup:nth-of-type(3):after {
    transition-delay: 0.45s;
  }
}

/**
 * Swiper 7.3.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 18, 2021
 */

@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');

  font-weight: 400;

  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.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-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: 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;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

/* a11y */

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden;
}

@keyframes plyr-progress{
  to{
    background-position:25px 0;
    background-position:var(--plyr-progress-loading-size,25px) 0
  }
}

@keyframes plyr-popup{
  0%{
    opacity:.5;
    transform:translateY(10px)
  }

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

@keyframes plyr-fade-in{
  0%{
    opacity:0
  }

  to{
    opacity:1
  }
}

.plyr{
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  align-items:center;
  direction:ltr;
  display:flex;
  flex-direction:column;
  font-family:inherit;
  font-family:var(--plyr-font-family,inherit);
  font-variant-numeric:tabular-nums;
  font-weight:400;
  font-weight:var(--plyr-font-weight-regular,400);
  line-height:1.7;
  line-height:var(--plyr-line-height,1.7);
  max-width:100%;
  min-width:200px;
  position:relative;
  text-shadow:none;
  transition:box-shadow .3s ease;
  z-index:0
}

.plyr audio,.plyr iframe,.plyr video{
  display:block;
  height:100%;
  width:100%
}

.plyr button{
  font:inherit;
  line-height:inherit;
  width:auto
}

.plyr:focus{
  outline:0
}

.plyr--full-ui{
  box-sizing:border-box
}

.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{
  box-sizing:inherit
}

.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{
  touch-action:manipulation
}

.plyr__badge{
  background:#4a5464;
  background:var(--plyr-badge-background,#4a5464);
  border-radius:2px;
  border-radius:var(--plyr-badge-border-radius,2px);
  color:#fff;
  color:var(--plyr-badge-text-color,#fff);
  font-size:9px;
  font-size:var(--plyr-font-size-badge,9px);
  line-height:1;
  padding:3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container{
  display:none
}

.plyr__captions{
  animation:plyr-fade-in .3s ease;
  bottom:0;
  display:none;
  font-size:13px;
  font-size:var(--plyr-font-size-small,13px);
  left:0;
  padding:10px;
  padding:var(--plyr-control-spacing,10px);
  position:absolute;
  text-align:center;
  transition:transform .4s ease-in-out;
  width:100%
}

.plyr__captions span:empty{
  display:none
}

@media (min-width:480px){
  .plyr__captions{
    font-size:15px;
    font-size:var(--plyr-font-size-base,15px);
    padding:20px;
    padding:calc(var(--plyr-control-spacing, 10px)*2)
  }
}

@media (min-width:768px){
  .plyr__captions{
    font-size:18px;
    font-size:var(--plyr-font-size-large,18px)
  }
}

.plyr--captions-active .plyr__captions{
  display:block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{
  transform:translateY(-40px);
  transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))
}

.plyr__caption{
  background:rgba(0,0,0,.8);
  background:var(--plyr-captions-background,rgba(0,0,0,.8));
  border-radius:2px;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  color:#fff;
  color:var(--plyr-captions-text-color,#fff);
  line-height:185%;
  padding:.2em .5em;
  white-space:pre-wrap
}

.plyr__caption div{
  display:inline
}

.plyr__control{
  background:transparent;
  border:0;
  border-radius:3px;
  border-radius:var(--plyr-control-radius,3px);
  color:inherit;
  cursor:pointer;
  flex-shrink:0;
  overflow:visible;
  padding:7px;
  padding:calc(var(--plyr-control-spacing, 10px)*.7);
  position:relative;
  transition:all .3s ease
}

.plyr__control svg{
  fill:currentColor;
  display:block;
  height:18px;
  height:var(--plyr-control-icon-size,18px);
  pointer-events:none;
  width:18px;
  width:var(--plyr-control-icon-size,18px)
}

.plyr__control:focus{
  outline:0
}

.plyr__control.plyr__tab-focus{
  outline-color:#00b3ff;
  outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
  outline-offset:2px;
  outline-style:dotted;
  outline-width:3px
}

a.plyr__control{
  text-decoration:none
}

.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{
  display:none
}

.plyr--full-ui ::-webkit-media-controls{
  display:none
}

.plyr__controls{
  align-items:center;
  display:flex;
  justify-content:flex-end;
  text-align:center
}

.plyr__controls .plyr__progress__container{
  flex:1;
  min-width:0
}

.plyr__controls .plyr__controls__item{
  margin-left:2.5px;
  margin-left:calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item:first-child{
  margin-left:0;
  margin-right:auto
}

.plyr__controls .plyr__controls__item.plyr__progress__container{
  padding-left:2.5px;
  padding-left:calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item.plyr__time{
  padding:0 5px;
  padding:0 calc(var(--plyr-control-spacing, 10px)/2)
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{
  padding-left:0
}

.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{
  display:none
}

.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{
  display:inline-block
}

.plyr__menu{
  display:flex;
  position:relative
}

.plyr__menu .plyr__control svg{
  transition:transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg{
  transform:rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{
  display:none
}

.plyr__menu__container{
  animation:plyr-popup .2s ease;
  background:hsla(0,0%,100%,.9);
  background:var(--plyr-menu-background,hsla(0,0%,100%,.9));
  border-radius:4px;
  bottom:100%;
  box-shadow:0 1px 2px rgba(0,0,0,.15);
  box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));
  color:#4a5464;
  color:var(--plyr-menu-color,#4a5464);
  font-size:15px;
  font-size:var(--plyr-font-size-base,15px);
  margin-bottom:10px;
  position:absolute;
  right:-3px;
  text-align:left;
  white-space:nowrap;
  z-index:3
}

.plyr__menu__container>div{
  overflow:hidden;
  transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)
}

.plyr__menu__container:after{
  border:4px solid transparent;
  border-top:var(--plyr-menu-arrow-size,4px) solid hsla(0,0%,100%,.9);
  border-width:var(--plyr-menu-arrow-size,4px);
  content:"";
  height:0;
  position:absolute;
  right:14px;
  right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
  top:100%;
  width:0
}

.plyr__menu__container [role=menu]{
  padding:7px;
  padding:calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{
  margin-top:2px
}

.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{
  margin-top:0
}

.plyr__menu__container .plyr__control{
  align-items:center;
  color:#4a5464;
  color:var(--plyr-menu-color,#4a5464);
  display:flex;
  font-size:13px;
  font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));
  padding:4.66667px 10.5px;
  padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
  -webkit-user-select:none;
  -moz-user-select:none;
       user-select:none;
  width:100%
}

.plyr__menu__container .plyr__control>span{
  align-items:inherit;
  display:flex;
  width:100%
}

.plyr__menu__container .plyr__control:after{
  border:4px solid transparent;
  border:var(--plyr-menu-item-arrow-size,4px) solid transparent;
  content:"";
  position:absolute;
  top:50%;
  transform:translateY(-50%)
}

.plyr__menu__container .plyr__control--forward{
  padding-right:28px;
  padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)
}

.plyr__menu__container .plyr__control--forward:after{
  border-left-color:#728197;
  border-left-color:var(--plyr-menu-arrow-color,#728197);
  right:6.5px;
  right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,.plyr__menu__container .plyr__control--forward:hover:after{
  border-left-color:currentColor
}

.plyr__menu__container .plyr__control--back{
  font-weight:400;
  font-weight:var(--plyr-font-weight-regular,400);
  margin:7px;
  margin:calc(var(--plyr-control-spacing, 10px)*.7);
  margin-bottom:3.5px;
  margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);
  padding-left:28px;
  padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);
  position:relative;
  width:calc(100% - 14px);
  width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)
}

.plyr__menu__container .plyr__control--back:after{
  border-right-color:#728197;
  border-right-color:var(--plyr-menu-arrow-color,#728197);
  left:6.5px;
  left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--back:before{
  background:#dcdfe5;
  background:var(--plyr-menu-back-border-color,#dcdfe5);
  box-shadow:0 1px 0 #fff;
  box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);
  content:"";
  height:1px;
  left:0;
  margin-top:3.5px;
  margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);
  overflow:hidden;
  position:absolute;
  right:0;
  top:100%
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,.plyr__menu__container .plyr__control--back:hover:after{
  border-right-color:currentColor
}

.plyr__menu__container .plyr__control[role=menuitemradio]{
  padding-left:7px;
  padding-left:calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{
  border-radius:100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before{
  background:rgba(0,0,0,.1);
  content:"";
  display:block;
  flex-shrink:0;
  height:16px;
  margin-right:10px;
  margin-right:var(--plyr-control-spacing,10px);
  transition:all .3s ease;
  width:16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after{
  background:#fff;
  border:0;
  height:6px;
  left:12px;
  opacity:0;
  top:50%;
  transform:translateY(-50%) scale(0);
  transition:transform .3s ease,opacity .3s ease;
  width:6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{
  background:#00b3ff;
  background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{
  opacity:1;
  transform:translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{
  background:rgba(35,40,47,.1)
}

.plyr__menu__container .plyr__menu__value{
  align-items:center;
  display:flex;
  margin-left:auto;
  margin-right:calc(-7px - -2);
  margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2);
  overflow:hidden;
  padding-left:24.5px;
  padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);
  pointer-events:none
}

.plyr--full-ui input[type=range]{
  -webkit-appearance:none;
  background:transparent;
  border:0;
  border-radius:26px;
  border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);
  color:#00b3ff;
  color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
  display:block;
  height:19px;
  height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
  margin:0;
  min-width:0;
  padding:0;
  transition:box-shadow .3s ease;
  width:100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{
  background:transparent;
  background-image:linear-gradient(90deg,currentColor 0,transparent 0);
  background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0));
  border:0;
  border-radius:2.5px;
  border-radius:calc(var(--plyr-range-track-height, 5px)/2);
  height:5px;
  height:var(--plyr-range-track-height,5px);
  -webkit-transition:box-shadow .3s ease;
  transition:box-shadow .3s ease;
  -webkit-user-select:none;
  user-select:none
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;
  background:#fff;
  background:var(--plyr-range-thumb-background,#fff);
  border:0;
  border-radius:100%;
  box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
  height:13px;
  height:var(--plyr-range-thumb-height,13px);
  margin-top:-4px;
  margin-top:calc(var(--plyr-range-thumb-height, 13px)/2*-1 - var(--plyr-range-track-height, 5px)/2*-1);
  position:relative;
  -webkit-transition:all .2s ease;
  transition:all .2s ease;
  width:13px;
  width:var(--plyr-range-thumb-height,13px)
}

.plyr--full-ui input[type=range]::-moz-range-track{
  background:transparent;
  border:0;
  border-radius:2.5px;
  border-radius:calc(var(--plyr-range-track-height, 5px)/2);
  height:5px;
  height:var(--plyr-range-track-height,5px);
  -moz-transition:box-shadow .3s ease;
  transition:box-shadow .3s ease;
  -moz-user-select:none;
       user-select:none
}

.plyr--full-ui input[type=range]::-moz-range-thumb{
  background:#fff;
  background:var(--plyr-range-thumb-background,#fff);
  border:0;
  border-radius:100%;
  box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
  height:13px;
  height:var(--plyr-range-thumb-height,13px);
  position:relative;
  -moz-transition:all .2s ease;
  transition:all .2s ease;
  width:13px;
  width:var(--plyr-range-thumb-height,13px)
}

.plyr--full-ui input[type=range]::-moz-range-progress{
  background:currentColor;
  border-radius:2.5px;
  border-radius:calc(var(--plyr-range-track-height, 5px)/2);
  height:5px;
  height:var(--plyr-range-track-height,5px)
}

.plyr--full-ui input[type=range]::-ms-track{
  color:transparent
}

.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{
  background:transparent;
  border:0;
  border-radius:2.5px;
  border-radius:calc(var(--plyr-range-track-height, 5px)/2);
  height:5px;
  height:var(--plyr-range-track-height,5px);
  -ms-transition:box-shadow .3s ease;
  transition:box-shadow .3s ease;
  user-select:none
}

.plyr--full-ui input[type=range]::-ms-fill-lower{
  background:transparent;
  background:currentColor;
  border:0;
  border-radius:2.5px;
  border-radius:calc(var(--plyr-range-track-height, 5px)/2);
  height:5px;
  height:var(--plyr-range-track-height,5px);
  -ms-transition:box-shadow .3s ease;
  transition:box-shadow .3s ease;
  user-select:none
}

.plyr--full-ui input[type=range]::-ms-thumb{
  background:#fff;
  background:var(--plyr-range-thumb-background,#fff);
  border:0;
  border-radius:100%;
  box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
  height:13px;
  height:var(--plyr-range-thumb-height,13px);
  margin-top:0;
  position:relative;
  -ms-transition:all .2s ease;
  transition:all .2s ease;
  width:13px;
  width:var(--plyr-range-thumb-height,13px)
}

.plyr--full-ui input[type=range]::-ms-tooltip{
  display:none
}

.plyr--full-ui input[type=range]:focus{
  outline:0
}

.plyr--full-ui input[type=range]::-moz-focus-outer{
  border:0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{
  outline-color:#00b3ff;
  outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
  outline-offset:2px;
  outline-style:dotted;
  outline-width:3px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{
  outline-color:#00b3ff;
  outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
  outline-offset:2px;
  outline-style:dotted;
  outline-width:3px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{
  outline-color:#00b3ff;
  outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
  outline-offset:2px;
  outline-style:dotted;
  outline-width:3px
}

.plyr__poster{
  background-color:#000;
  background-color:var(--plyr-video-background,var(--plyr-video-background,#000));
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-size:contain;
  height:100%;
  left:0;
  opacity:0;
  position:absolute;
  top:0;
  transition:opacity .2s ease;
  width:100%;
  z-index:1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster{
  opacity:1
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{
  display:none
}

.plyr__time{
  font-size:13px;
  font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))
}

.plyr__time+.plyr__time:before{
  content:"⁄";
  margin-right:10px;
  margin-right:var(--plyr-control-spacing,10px)
}

@media (max-width:767px){
  .plyr__time+.plyr__time{
    display:none
  }
}

.plyr__tooltip{
  background:hsla(0,0%,100%,.9);
  background:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));
  border-radius:3px;
  border-radius:var(--plyr-tooltip-radius,3px);
  bottom:100%;
  box-shadow:0 1px 2px rgba(0,0,0,.15);
  box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));
  color:#4a5464;
  color:var(--plyr-tooltip-color,#4a5464);
  font-size:13px;
  font-size:var(--plyr-font-size-small,13px);
  font-weight:400;
  font-weight:var(--plyr-font-weight-regular,400);
  left:50%;
  line-height:1.3;
  margin-bottom:10px;
  margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);
  opacity:0;
  padding:5px 7.5px;
  padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
  pointer-events:none;
  position:absolute;
  transform:translate(-50%,10px) scale(.8);
  transform-origin:50% 100%;
  transition:transform .2s ease .1s,opacity .2s ease .1s;
  white-space:nowrap;
  z-index:2
}

.plyr__tooltip:before{
  border-left:4px solid transparent;
  border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;
  border-right:4px solid transparent;
  border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;
  border-top:4px solid hsla(0,0%,100%,.9);
  border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));
  bottom:-4px;
  bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
  content:"";
  height:0;
  left:50%;
  position:absolute;
  transform:translateX(-50%);
  width:0;
  z-index:2
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{
  opacity:1;
  transform:translate(-50%) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip{
  z-index:3
}

.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip,.plyr__controls>.plyr__control:first-child .plyr__tooltip{
  left:0;
  transform:translateY(10px) scale(.8);
  transform-origin:0 100%
}

.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child .plyr__tooltip:before{
  left:16px;
  left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip{
  left:auto;
  right:0;
  transform:translateY(10px) scale(.8);
  transform-origin:100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{
  left:auto;
  right:16px;
  right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
  transform:translateX(50%)
}

.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{
  transform:translate(0) scale(1)
}

.plyr__progress{
  left:6.5px;
  left:calc(var(--plyr-range-thumb-height, 13px)*.5);
  margin-right:13px;
  margin-right:var(--plyr-range-thumb-height,13px);
  position:relative
}

.plyr__progress__buffer,.plyr__progress input[type=range]{
  margin-left:-6.5px;
  margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);
  margin-right:-6.5px;
  margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);
  width:calc(100% + 13px);
  width:calc(100% + var(--plyr-range-thumb-height, 13px))
}

.plyr__progress input[type=range]{
  position:relative;
  z-index:2
}

.plyr__progress .plyr__tooltip{
  font-size:13px;
  font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));
  left:0
}

.plyr__progress__buffer{
  -webkit-appearance:none;
  background:transparent;
  border:0;
  border-radius:100px;
  height:5px;
  height:var(--plyr-range-track-height,5px);
  left:0;
  margin-top:-2.5px;
  margin-top:calc(var(--plyr-range-track-height, 5px)/2*-1);
  padding:0;
  position:absolute;
  top:50%
}

.plyr__progress__buffer::-webkit-progress-bar{
  background:transparent
}

.plyr__progress__buffer::-webkit-progress-value{
  background:currentColor;
  border-radius:100px;
  min-width:5px;
  min-width:var(--plyr-range-track-height,5px);
  -webkit-transition:width .2s ease;
  transition:width .2s ease
}

.plyr__progress__buffer::-moz-progress-bar{
  background:currentColor;
  border-radius:100px;
  min-width:5px;
  min-width:var(--plyr-range-track-height,5px);
  -moz-transition:width .2s ease;
  transition:width .2s ease
}

.plyr__progress__buffer::-ms-fill{
  border-radius:100px;
  -ms-transition:width .2s ease;
  transition:width .2s ease
}

.plyr--loading .plyr__progress__buffer{
  animation:plyr-progress 1s linear infinite;
  background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 0,transparent 50%,rgba(35,40,47,.6) 0,rgba(35,40,47,.6) 75%,transparent 0,transparent);
  background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);
  background-repeat:repeat-x;
  background-size:25px 25px;
  background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);
  color:transparent
}

.plyr--video.plyr--loading .plyr__progress__buffer{
  background-color:hsla(0,0%,100%,.25);
  background-color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))
}

.plyr--audio.plyr--loading .plyr__progress__buffer{
  background-color:rgba(193,200,209,.6);
  background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))
}

.plyr__volume{
  align-items:center;
  display:flex;
  max-width:110px;
  min-width:80px;
  position:relative;
  width:20%
}

.plyr__volume input[type=range]{
  margin-left:5px;
  margin-left:calc(var(--plyr-control-spacing, 10px)/2);
  margin-right:5px;
  margin-right:calc(var(--plyr-control-spacing, 10px)/2);
  position:relative;
  z-index:2
}

.plyr--is-ios .plyr__volume{
  min-width:0;
  width:auto
}

.plyr--audio{
  display:block
}

.plyr--audio .plyr__controls{
  background:#fff;
  background:var(--plyr-audio-controls-background,#fff);
  border-radius:inherit;
  color:#4a5464;
  color:var(--plyr-audio-control-color,#4a5464);
  padding:10px;
  padding:var(--plyr-control-spacing,10px)
}

.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{
  background:#00b3ff;
  background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
  color:#fff;
  color:var(--plyr-audio-control-color-hover,#fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{
  background-color:rgba(193,200,209,.6);
  background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{
  background-color:rgba(193,200,209,.6);
  background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track{
  background-color:rgba(193,200,209,.6);
  background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{
  box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{
  box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{
  box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))
}

.plyr--audio .plyr__progress__buffer{
  color:rgba(193,200,209,.6);
  color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))
}

.plyr--video{
  background:#000;
  background:var(--plyr-video-background,var(--plyr-video-background,#000));
  overflow:hidden
}

.plyr--video.plyr--menu-open{
  overflow:visible
}

.plyr__video-wrapper{
  background:#000;
  background:var(--plyr-video-background,var(--plyr-video-background,#000));
  height:100%;
  margin:auto;
  overflow:hidden;
  position:relative;
  width:100%
}

.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{
  aspect-ratio:16/9
}

@supports not (aspect-ratio:16/9){
  .plyr__video-embed,.plyr__video-wrapper--fixed-ratio{
    height:0;
    padding-bottom:56.25%;
    position:relative
  }
}

.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{
  border:0;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{
  padding-bottom:240%;
  position:relative;
  transform:translateY(-38.28125%)
}

.plyr--video .plyr__controls{
  background:linear-gradient(transparent,rgba(0,0,0,.75));
  background:var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));
  border-bottom-left-radius:inherit;
  border-bottom-right-radius:inherit;
  bottom:0;
  color:#fff;
  color:var(--plyr-video-control-color,#fff);
  left:0;
  padding:5px;
  padding:calc(var(--plyr-control-spacing, 10px)/2);
  padding-top:20px;
  padding-top:calc(var(--plyr-control-spacing, 10px)*2);
  position:absolute;
  right:0;
  transition:opacity .4s ease-in-out,transform .4s ease-in-out;
  z-index:3
}

@media (min-width:480px){
  .plyr--video .plyr__controls{
    padding:10px;
    padding:var(--plyr-control-spacing,10px);
    padding-top:35px;
    padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)
  }
}

.plyr--video.plyr--hide-controls .plyr__controls{
  opacity:0;
  pointer-events:none;
  transform:translateY(100%)
}

.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{
  background:#00b3ff;
  background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
  color:#fff;
  color:var(--plyr-video-control-color-hover,#fff)
}

.plyr__control--overlaid{
  background:#00b3ff;
  background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
  border:0;
  border-radius:100%;
  color:#fff;
  color:var(--plyr-video-control-color,#fff);
  display:none;
  left:50%;
  opacity:.9;
  padding:15px;
  padding:calc(var(--plyr-control-spacing, 10px)*1.5);
  position:absolute;
  top:50%;
  transform:translate(-50%,-50%);
  transition:.3s;
  z-index:2
}

.plyr__control--overlaid svg{
  left:2px;
  position:relative
}

.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{
  opacity:1
}

.plyr--playing .plyr__control--overlaid{
  opacity:0;
  visibility:hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid{
  display:block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{
  background-color:hsla(0,0%,100%,.25);
  background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{
  background-color:hsla(0,0%,100%,.25);
  background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track{
  background-color:hsla(0,0%,100%,.25);
  background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{
  box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{
  box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{
  box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))
}

.plyr--video .plyr__progress__buffer{
  color:hsla(0,0%,100%,.25);
  color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))
}

.plyr:fullscreen{
  background:#000;
  border-radius:0!important;
  height:100%;
  margin:0;
  width:100%
}

.plyr:fullscreen video{
  height:100%
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen{
  display:block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{
  display:none
}

.plyr:fullscreen.plyr--hide-controls{
  cursor:none
}

@media (min-width:1024px){

  .plyr:fullscreen .plyr__captions{
    font-size:21px;
    font-size:var(--plyr-font-size-xlarge,21px)
  }
}

.plyr:-webkit-full-screen{
  background:#000;
  border-radius:0!important;
  height:100%;
  margin:0;
  width:100%
}

.plyr:-webkit-full-screen video{
  height:100%
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{
  display:block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{
  display:none
}

.plyr:-webkit-full-screen.plyr--hide-controls{
  cursor:none
}

@media (min-width:1024px){
  .plyr:-webkit-full-screen .plyr__captions{
    font-size:21px;
    font-size:var(--plyr-font-size-xlarge,21px)
  }
}

.plyr:-moz-full-screen{
  background:#000;
  border-radius:0!important;
  height:100%;
  margin:0;
  width:100%
}

.plyr:-moz-full-screen video{
  height:100%
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{
  display:block
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{
  display:none
}

.plyr:-moz-full-screen.plyr--hide-controls{
  cursor:none
}

@media (min-width:1024px){
  .plyr:-moz-full-screen .plyr__captions{
    font-size:21px;
    font-size:var(--plyr-font-size-xlarge,21px)
  }
}

.plyr:-ms-fullscreen{
  background:#000;
  border-radius:0!important;
  height:100%;
  margin:0;
  width:100%
}

.plyr:-ms-fullscreen video{
  height:100%
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{
  display:block
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{
  display:none
}

.plyr:-ms-fullscreen.plyr--hide-controls{
  cursor:none
}

@media (min-width:1024px){
  .plyr:-ms-fullscreen .plyr__captions{
    font-size:21px;
    font-size:var(--plyr-font-size-xlarge,21px)
  }
}

.plyr--fullscreen-fallback{
  background:#000;
  border-radius:0!important;
  bottom:0;
  display:block;
  height:100%;
  left:0;
  margin:0;
  position:fixed;
  right:0;
  top:0;
  width:100%;
  z-index:10000000
}

.plyr--fullscreen-fallback video{
  height:100%
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{
  display:block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{
  display:none
}

.plyr--fullscreen-fallback.plyr--hide-controls{
  cursor:none
}

@media (min-width:1024px){
  .plyr--fullscreen-fallback .plyr__captions{
    font-size:21px;
    font-size:var(--plyr-font-size-xlarge,21px)
  }
}

.plyr__ads{
  border-radius:inherit;
  bottom:0;
  cursor:pointer;
  left:0;
  overflow:hidden;
  position:absolute;
  right:0;
  top:0;
  z-index:-1
}

.plyr__ads>div,.plyr__ads>div iframe{
  height:100%;
  position:absolute;
  width:100%
}

.plyr__ads:after{
  background:#23282f;
  border-radius:2px;
  bottom:10px;
  bottom:var(--plyr-control-spacing,10px);
  color:#fff;
  content:attr(data-badge-text);
  font-size:11px;
  padding:2px 6px;
  pointer-events:none;
  position:absolute;
  right:10px;
  right:var(--plyr-control-spacing,10px);
  z-index:3
}

.plyr__ads:empty:after{
  display:none
}

.plyr__cues{
  background:currentColor;
  display:block;
  height:5px;
  height:var(--plyr-range-track-height,5px);
  left:0;
  margin:-var(--plyr-range-track-height,5px)/2 0 0;
  opacity:.8;
  position:absolute;
  top:50%;
  width:3px;
  z-index:3
}

.plyr__preview-thumb{
  background-color:hsla(0,0%,100%,.9);
  background-color:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));
  border-radius:3px;
  bottom:100%;
  box-shadow:0 1px 2px rgba(0,0,0,.15);
  box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));
  margin-bottom:10px;
  margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);
  opacity:0;
  padding:3px;
  padding:var(--plyr-tooltip-radius,3px);
  pointer-events:none;
  position:absolute;
  transform:translateY(10px) scale(.8);
  transform-origin:50% 100%;
  transition:transform .2s ease .1s,opacity .2s ease .1s;
  z-index:2
}

.plyr__preview-thumb--is-shown{
  opacity:1;
  transform:translate(0) scale(1)
}

.plyr__preview-thumb:before{
  border-left:4px solid transparent;
  border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;
  border-right:4px solid transparent;
  border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;
  border-top:4px solid hsla(0,0%,100%,.9);
  border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));
  bottom:-4px;
  bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
  content:"";
  height:0;
  left:50%;
  position:absolute;
  transform:translateX(-50%);
  width:0;
  z-index:2
}

.plyr__preview-thumb__image-container{
  background:#c1c8d1;
  border-radius:2px;
  border-radius:calc(var(--plyr-tooltip-radius, 3px) - 1px);
  overflow:hidden;
  position:relative;
  z-index:0
}

.plyr__preview-thumb__image-container img{
  height:100%;
  left:0;
  max-height:none;
  max-width:none;
  position:absolute;
  top:0;
  width:100%
}

.plyr__preview-thumb__time-container{
  bottom:6px;
  left:0;
  position:absolute;
  right:0;
  white-space:nowrap;
  z-index:3
}

.plyr__preview-thumb__time-container span{
  background-color:rgba(0,0,0,.55);
  border-radius:2px;
  border-radius:calc(var(--plyr-tooltip-radius, 3px) - 1px);
  color:#fff;
  font-size:13px;
  font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));
  padding:3px 6px
}

.plyr__preview-scrubbing{
  bottom:0;
  filter:blur(1px);
  height:100%;
  left:0;
  margin:auto;
  opacity:0;
  overflow:hidden;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0;
  transition:opacity .3s ease;
  width:100%;
  z-index:1
}

.plyr__preview-scrubbing--is-shown{
  opacity:1
}

.plyr__preview-scrubbing img{
  height:100%;
  left:0;
  max-height:none;
  max-width:none;
  -o-object-fit:contain;
  object-fit:contain;
  position:absolute;
  top:0;
  width:100%
}

.plyr--no-transition{
  transition:none!important
}

.plyr__sr-only{
  clip:rect(1px,1px,1px,1px);
  border:0!important;
  height:1px!important;
  overflow:hidden;
  padding:0!important;
  position:absolute!important;
  width:1px!important
}

.plyr [hidden]{
  display:none!important
}

/* Custom Base Styles Go Here. */

.main-header {
  z-index: 9999;
}

@media screen and (min-width: 768px) {
  .template-index .header {
    animation-name: header-slide-up;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-delay: 0.5s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  .template-index #shopify-section-header {
    animation-name: z-index;
    z-index: -10;
    opacity: 0;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
  }

  .home-hero--cover div {
    animation-name: cover-slide-up;
    animation-duration: 0.5s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
  }

  .home-hero--cover div.one {
    animation-delay: 0s;
  }

  .home-hero--cover div.two {
    animation-delay: 0.5s;
  }

  .home-hero--cover div.three {
    animation-delay: 1s;
  }

  .home-hero--cover div.four {
    animation-delay: 1.5s;
  }

  .text-slide-up {
    animation-name: text-slide-up;
    animation-duration: 0.75s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
    transform: translateY(100%);
  }

  .text-slide-up.d-one {
    animation-delay: 1.8s;
  }

  .text-slide-up.d-two {
    animation-delay: 2.05s;
  }

  .text-slide-up.d-three {
    animation-delay: 2.3s;
  }

  .text-slide-up.d-four {
    animation-delay: 2.55s;
  }

  .text-slide-up.gear-d-one {
    animation-delay: 0.25s;
  }

  .text-slide-up.gear-d-two {
    animation-delay: 0.45s;
  }

  .text-slide-up.gear-d-three {
    animation-delay: 0.65s;
  }

  .text-slide-up.gear-d-four {
    animation-delay: 0.85s;
  }

  body.remove-animation .home-hero--cover div {
    animation-name: none;
    animation-duration: 0;
    animation-delay: 0;
    display: none;
  }

  body.remove-animation.template-index .header,
  body.remove-animation .text-slide-up,
  body.remove-animation.template-index #shopify-section-header {
    animation-name: none;
    animation-duration: 0;
    animation-delay: 0;
    transform: translateY(0);
    z-index: 9999;
    opacity: 1;
  }
}

.home-hero__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  justify-content: center;
  padding: 2.5rem 1.25rem 1.825rem;
}

@media (min-width: 768px) {
  .home-hero__content {
    padding: 4.25rem 3.75rem;
  }

  .template-index .home-hero__content {
    padding: 14.75rem 3.75rem 4.75rem;
  }
}

@media (min-width: 1025px) {
  .home-hero__content {
    padding: 4.25rem 4.75rem;
  }

  .template-index .home-hero__content {
    padding: 14.75rem 4.75rem 4.75rem;
  }
}

@media (min-width: 1440px) {
  .home-hero__content {
    padding: 6rem 7rem 7rem;
  }

  .template-index .home-hero__content {
    padding: 16rem 7rem 7rem;
  }
}

.home-hero__content > .home-hero__text:empty ~ a {
  margin-top: 2rem;
}

.home-hero__content > :first-child:is(.home-hero__heading) {
  margin-top: 0;
}

.home-hero__content :last-child:is(.home-hero__heading) {
  margin-bottom: 0;
}

.home-hero__content :last-child:is(.button) {
  margin-top: 2rem;
}

.home-hero__content .button + .home-hero__text {
  margin-top: 2rem;
}

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

.home-hero__text p {
  margin-top: 0;
  margin-bottom: 1rem;
}

@keyframes cover-slide-up {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-100%);
  }
}

@keyframes text-slide-up {
  from {
    transform: translateY(100%);
    opacity: 0;
  }

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

.blog-featured__image:before {
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  height: 100%;
  width: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 38.15%,
    rgba(0, 0, 0, 0.316) 66.72%
  );
}

.template-gallery .text-hero_content p{
  max-width: 40.25rem;
}

@media (min-width: 768px) {
  .video-hero__media:before {
    content: '';
  }

  .video-hero__media:before{
    position: absolute;
  }

  .video-hero__media:before{
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }

  .video-hero__media:before{
    z-index: 10;
  }

  .video-hero__media:before{
    height: 100%;
  }

  .video-hero__media:before{
    width: 100%;
  }

  .video-hero__media:before {
    background: rgba(0, 0, 0, 0.4);
  }
}

.template-diy-installation .text-hero{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(222, 223, 225, var(--tw-border-opacity));
  padding-bottom: 2rem;
}

@keyframes header-slide-up {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }

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

@keyframes z-index {
  from {
    z-index: -10;
    opacity: 0;
  }

  to {
    z-index: 9999;
    opacity: 1;
  }
}

.index-section-card-picker{
  display: grid;
  gap: 1.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 3.75rem;
}

@media (min-width: 1025px) {
  .index-section-card-picker{
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }
}

@media (min-width: 768px) {
  .index-section-card-picker{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .index-section-card-picker{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.page-card__image:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180.46deg, rgba(0, 0, 0, 0.13) 38.85%, #000000 101.09%);
}

.index-section-post-picker{
  padding-top: 5rem;
}

@media (min-width: 768px) {
  .index-section-post-picker{
    padding-top: 7.5rem;
  }

  .index-section-post-picker{
    padding-bottom: 5rem;
  }

  .vehicle-links__media:after {
    content: '';
  }

  .vehicle-links__media:after{
    position: absolute;
  }

  .vehicle-links__media:after{
    width: 100%;
  }

  .vehicle-links__media:after{
    height: 100%;
  }

  .vehicle-links__media:after{
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }

  .vehicle-links__media:after {
    background: linear-gradient(89.2deg, rgba(0, 0, 0, 0.368) 28.64%, rgba(0, 0, 0, 0) 71.28%);
    background-blend-mode: multiply;
  }
}

.swiper-container.swiper-container--with-scrollbar:not(.press-carousel):before {
  content: '';
  position: absolute;
  --tw-bg-opacity: 1;
  background-color: rgba(10, 25, 49, var(--tw-bg-opacity));
  width: 100%;
  height: 75%;
  left: 0px;
  bottom: 0px;
}

.scrollbar {
  height: 100%;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.swiper-container-prod {
  padding-bottom: 5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.swiper-container--with-scrollbar{
  padding-top: 4.5rem;
  padding-bottom: 0.75rem;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-horizontal > .press-swiper-scrollbar {
  height: 2px;
  bottom: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  max-width: 700px;
  width: 70%;
  left: 50%;
  transform: translateX(-50%);
}

.package-sheet__image-carousel.swiper-container > .swiper-scrollbar, .press-carousel.swiper-container > .press-swiper-scrollbar{
  --tw-bg-opacity: 1;
  background-color: rgba(222, 223, 225, var(--tw-bg-opacity));
  bottom: 1.5rem;
  width: calc(100% - 2.5rem);
}

@media (max-width: 767px) {
  .swiper-scrollbar .press-swiper-scrollbar {
    bottom: 1.5rem;
  }
}

.swiper-scrollbar-drag{
  --tw-bg-opacity: 1;
  background-color: rgba(242, 104, 34, var(--tw-bg-opacity));
  z-index: 10;
  cursor: pointer;
}

.swiper-container--with-scrollbar .swiper-scrollbar-drag::after,
.package-sheet__image-carousel::-webkit-scrollbar-thumb {
  content: '';
  background-image: url({{'bold.svg'|asset_url}});
  width: 17px;
  height: 19px;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  cursor: pointer;
}

@media (min-width: 768px) {
  .swiper-container--with-scrollbar{
    padding-left: 0px;
    padding-right: 0px;
  }

  /* .swiper-container--with-scrollbar .swiper-scrollbar {
        margin-left: -10%;
        margin-right: 0;
    } */

  /**
     * Scale scrollbar down by 1/2
     * Adjust all element measurements up by x2
     */

  /* 
    .swiper-container--with-scrollbar .swiper-scrollbar {
        height: 2px;
        transform: scale(0.5);
        width: 120%;
    } */

  /* .swiper-container--with-scrollbar .swiper-scrollbar-drag::after  {
        width: 30px;
        height: 32px;
    } */
}

@media (min-width: 1025px) {
  /**
     * Scale scrollbar down by 1/3
     * Adjust all element measurements up by x3
     */

  /* .swiper-container--with-scrollbar .swiper-scrollbar {
        height: 3px;
        transform: scale(0.33333);
    } */

  /* .swiper-container--with-scrollbar .swiper-scrollbar-drag::after  {
        width: 45px;
        height: 48px;
    } */
}

.swiper-container--with-scrollbar.package-sheet__image-carousel{
  padding: 0px;
}

.swiper-container--with-scrollbar.package-sheet__image-carousel:before{
  display: none;
}

.package-sheet__image-carousel .swiper-slide{
  width: auto;
}

.swiper-container--with-scrollbar.package-sheet__image-carousel .swiper-slide {
  margin-left: -0.5px;
  margin-right: -0.5px;
}

@media (min-width: 1025px) {
  .swiper-container--with-scrollbar.package-sheet__image-carousel
    .swiper-slide{
    margin-bottom: 3.75rem;
  }
}

.swiper-container--with-scrollbar.package-sheet__image-carousel .scrollbar {
  height: 100%;
  --tw-bg-opacity: 1;
  background-color: rgba(222, 223, 225, var(--tw-bg-opacity));
}

.swiper-container--with-scrollbar.package-sheet__image-carousel
  .scrollbar-progress, .swiper-container--with-scrollbar.package-sheet__image-carousel
  .swiper-scrollbar-drag{
  --tw-bg-opacity: 1;
  background-color: rgba(10, 25, 49, var(--tw-bg-opacity));
}

.product__media-list.swiper-container {
  width: calc(100% - 80px);
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.product__media-list-nav.swiper-button-prev,
.product__media-list-nav.swiper-button-next {
  width: 8px;
  height: 14px;
  --tw-text-opacity: 1;
  color: rgba(27, 46, 80, var(--tw-text-opacity));
  position: relative;
}

.product__media-list-nav.swiper-button-prev:after,
.product__media-list-nav.swiper-button-next:after {
  font-size: 16px;
}

@media (min-width: 768px) {
  .tabs-list__thumbs-container .swiper-wrapper{
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .tabs-list__thumbs-container .swiper-wrapper {
    width: 150%;
  }
}

.tabs-list__thumbs-container .swiper-slide {
  width: auto !important;
  margin-left: 1rem;
  margin-right: 1rem;
}

.mobile.package-sheet__image-carousel .swiper-slide {
  height: 50vh;
}

.placeholder-svg {
  display: none;
}

@media (min-width: 1025px) {
  /* .package-sheet__content:before {
        @apply -z-10;
        content: '';
        @apply absolute;
        @apply w-full;
        height: calc(100% - 60px);
        @apply bg-blue;
    } */

  .package-sheet__content .package-sheet__content-bg, .package-sheet__content .index-number span{
    opacity: 0;
  }

  .package-sheet__content.open .package-sheet__content-bg, .package-sheet__content.open .index-number span{
    opacity: 1;
  }

  .package-sheet__content .package-sheet__content-summary, .package-sheet__content .package-sheet__content-bp, .package-sheet__content .package-sheet__content-btn, .package-sheet__content .package-sheet__image-carousel{
    opacity: 0;
  }

  .package-sheet__content .package-sheet__content-summary, .package-sheet__content .package-sheet__content-bp, .package-sheet__content .package-sheet__content-btn, .package-sheet__content .package-sheet__image-carousel{
    pointer-events: none;
  }

  .package-sheet__content .package-sheet__content-summary,
  .package-sheet__content .package-sheet__content-bp,
  .package-sheet__content .package-sheet__content-btn,
  .package-sheet__content .package-sheet__image-carousel {
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
  }

  .package-sheet__content.open .package-sheet__content-summary, .package-sheet__content.open .package-sheet__content-bp, .package-sheet__content.open .package-sheet__content-btn, .package-sheet__content.open .package-sheet__image-carousel{
    opacity: 1;
  }

  .package-sheet__content.open .package-sheet__content-summary, .package-sheet__content.open .package-sheet__content-bp, .package-sheet__content.open .package-sheet__content-btn, .package-sheet__content.open .package-sheet__image-carousel{
    pointer-events: auto;
  }

  .package-sheet__content .package-sheet__content-title {
    transform: translateY(100%);
  }

  .package-sheet__content .package-sheet__content-title{
    opacity: 0;
  }

  .package-sheet__content .package-sheet__content-title {
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
  }

  .package-sheet__content.open .package-sheet__content-title {
    transform: translateY(0);
  }

  .package-sheet__content.open .package-sheet__content-title{
    opacity: 1;
  }
}

.swiper-container{
  overflow: hidden;
}

.package-page__image-carousel .swiper-button-prev, .package-page__image-carousel .swiper-button-next{
  height: 3rem;
  width: 3rem;
  border-radius: 9999px;
  border: 1px solid #fff;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  transition: color 0.33s ease-in-out, background 0.33s ease-in-out;
}

.package-page__image-carousel .swiper-button-prev:after, .package-page__image-carousel .swiper-button-next:after{
  display: none;
}

.package-page__image-carousel .swiper-button-prev:hover, .package-page__image-carousel .swiper-button-next:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(10, 25, 49, var(--tw-text-opacity));
}

.package-page__image-carousel .swiper-button-prev {
  left: 30px;
}

.package-page__image-carousel .swiper-button-next {
  right: 30px;
}

.package-page__image-carousel .swiper-button-disabled{
  display: none;
}

.package-page__image-carousel .swiper-button-prev svg,
.package-page__image-carousel .swiper-button-next svg {
  width: 18px;
}

.home-hero + .package-sheet {
  margin-top: 8rem;
}

.collections .swiper-button-next,
.collections .swiper-button-prev {
  position: unset;
  width: 48px;
  height: 48px;
  margin: 0;
  border-radius: 9999px;
  border-width: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.collections .swiper-button-next:after,
.collections .swiper-button-prev:after {
  content: none;
}

.rte {
  max-width: 40.25rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.rte.wide__content{
  max-width: 68.75rem;
}

.rte.video-instruction__content{
  max-width: 54rem;
}

.rte.installation-content-wrapper{
  max-width: 100%;
  margin-left: 0px;
}

.main-content-wrapper h2{
  font-size: 1.5rem;
  font-family: alternate-gothic-atf, sans-serif;
  font-weight: 600;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  line-height: 1;
}

@media (min-width: 768px){
  .main-content-wrapper h2{
    font-size: 1.5rem;
  }
}

.main-content-wrapper h3{
  font-size: 19px;
  font-family: alternate-gothic-atf, sans-serif;
  font-weight: 500;
  letter-spacing: 0.024rem;
  line-height: 1.2;
  text-transform: uppercase;
}

.vehicle-content-wrapper h3{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(60, 87, 132, var(--tw-border-opacity));
  padding-top: 1.75rem;
  margin-top: 1.75rem;
}

.video-instruction__content h2{
  padding-top: 1.75rem;
  font-size: 1.75rem;
  font-family: alternate-gothic-atf, sans-serif;
  font-weight: 600;
  letter-spacing: 0.085rem;
  line-height: 1.1;
  text-transform: uppercase;
}

@media (min-width: 768px){
  .video-instruction__content h2{
    font-size: 2.125rem;
  }
}

.video-instruction__content h3{
  padding-top: 1.75rem;
  font-size: 1.5rem;
  font-family: alternate-gothic-atf, sans-serif;
  font-weight: 600;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  line-height: 1;
}

@media (min-width: 768px){
  .video-instruction__content h3{
    font-size: 1.5rem;
  }
}

.video-instruction__content h4{
  padding-top: 1.75rem;
  font-size: 19px;
  font-family: alternate-gothic-atf, sans-serif;
  font-weight: 500;
  letter-spacing: 0.024rem;
  line-height: 1.2;
  text-transform: uppercase;
}

.video-instruction__content h6{
  padding-top: 1.75rem;
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.3;
  --tw-text-opacity: 1;
  color: rgba(198, 83, 25, var(--tw-text-opacity));
  display: inline-block;
}

.video-instruction__content h6 + p{
  display: inline;
}

.video-instruction__content h6 + h2, .video-instruction__content h6 + h3, .video-instruction__content h6 + h4{
  padding-top: 0.5rem;
}

.rte.video-instruction__content a{
  --tw-text-opacity: 1;
  color: rgba(69, 111, 182, var(--tw-text-opacity));
  text-decoration: underline;
}

.rte.video-instruction__content a:hover{
  --tw-text-opacity: 1;
  color: rgba(242, 104, 34, var(--tw-text-opacity));
  text-decoration-thickness: inherit;
}

.vehicle-content-wrapper h4,
.installation-content-wrapper h2 {
  font-family: montserrat, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.4;
  text-transform: none;
}

/* Lists should look like paragraph text */
.rte:not(.video-instruction__content) ol,
.rte:not(.video-instruction__content) ul,
.article-template__content ol,
.article-template__content ul {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  letter-spacing: normal;
  line-height: inherit;
  text-transform: none;
  list-style: revert;
}

.video-instruction__content ol,
.step-content ol {
  list-style: auto;
}

.rte ul,
.article-template__content ul,
.step-content ul {
  list-style: disc;
}

.rte li,
.article-template__content li {
  line-height: 1.5;
}

.video-instruction__content li:not(:last-child){
  padding-bottom: 1rem;
}

.rte h4, .rte p, .rte ul, .rte ol{
  margin-top: 0.75rem;
}

.rte ul + p, .rte ol + p, .rte p + h4, .rte ul + h4, .rte ol + h4{
  margin-top: 1.25rem;
}

.marketing-form .rte ul, .marketing-form .rte ol{
  font-family: montserrat, sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  text-transform: none;
  font-weight: 400;
  text-transform: none;
}

@media (min-width: 768px) {
  .marketing-form .rte ul,
  .marketing-form .rte ol {
    font-size: 1rem;
  }
}

.recommended-van:last-of-type{
  border-bottom-width: 0px;
}

.article-template__content > *{
  padding-top: 1.75rem;
}

.article-template__content > *:first-child{
  padding-top: 0px;
}

.article-template__content h2, .article-template__content h3{
  padding-top: 2.5rem;
}

.video-instruction__content p, .video-instruction__content ul, .video-instruction__content ol{
  margin-top: 1rem;
}

.video-instruction__content h2 + p, .video-instruction__content h2 + ul, .video-instruction__content h2 + ol, .video-instruction__content h2 + a, .video-instruction__content h3 + p, .video-instruction__content h3 + ul, .video-instruction__content h3 + ol, .video-instruction__content h3 + a, .video-instruction__content h4 + p, .video-instruction__content h4 + ul, .video-instruction__content h4 + ol, .video-instruction__content h4 + a{
  margin-top: 1.25rem;
}

.video-instruction__content img{
  margin-top: 3.75rem;
}

.video-instruction__content iframe{
  margin-top: 2.5rem;
}

.video-instruction__content iframe + iframe{
  margin-top: 1.25rem;
}

.article-template__content ol, .article-template__content ul, .step-content ol, .step-content ul, .video-instruction__content ol, .video-instruction__content ul{
  padding-left: 2rem;
}

.step-content > *:not(:first-child){
  padding-top: 1.25rem;
}

.step-content h2{
  font-size: 1.75rem;
  font-family: alternate-gothic-atf, sans-serif;
  font-weight: 600;
  letter-spacing: 0.085rem;
  line-height: 1.1;
  text-transform: uppercase;
}

@media (min-width: 768px){
  .step-content h2{
    font-size: 2.125rem;
  }
}

.step-content h3{
  font-size: 1.5rem;
  font-family: alternate-gothic-atf, sans-serif;
  font-weight: 600;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  line-height: 1;
}

@media (min-width: 768px){
  .step-content h3{
    font-size: 1.5rem;
  }
}

.step-content h4{
  font-size: 19px;
  font-family: alternate-gothic-atf, sans-serif;
  font-weight: 500;
  letter-spacing: 0.024rem;
  line-height: 1.2;
  text-transform: uppercase;
}

.step-content p, .step-content p p{
  font-family: montserrat, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.4;
  text-transform: none;
  font-family: montserrat, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.4;
  text-transform: none;
}

@media (min-width: 768px) {
  .kicker__media:after {
    content: '';
  }

  .kicker__media:after{
    position: absolute;
  }

  .kicker__media:after{
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }

  .kicker__media:after{
    width: 100%;
  }

  .kicker__media:after{
    height: 100%;
  }

  .kicker__media:after {
    background: linear-gradient(78.34deg, rgba(0, 0, 0, 0.4) 4.58%, rgba(0, 0, 0, 0) 62.63%);
  }
}

@media (max-width: 767px) {
  .swiper-slide.tabs-list__title.swiper-slide-thumb-active{
    --tw-text-opacity: 1;
    color: rgba(64, 122, 98, var(--tw-text-opacity));
  }
}

.error-hero:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: rgba(0,0,0,.4);
}

.map-container .leaflet-bottom.leaflet-right {
  box-shadow: none;
  margin: 0px;
  background-color: transparent;
  float: none;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(148, 149, 151, var(--tw-border-opacity));
  width: auto;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  z-index: 1000;
  overflow: auto;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  transform: translateY(-88px);
  max-height: 38.5rem;
  bottom: auto;
  position: relative;
}

.leaflet-bottom.leaflet-right .leaflet-control {
  float: none;
  margin: 0px;
}

.list-markers .list-markers-ul{
  position: relative;
  z-index: 1000;
  overflow: auto;
  max-height: 38.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.list-markers .list-markers-ul .list-markers-li{
  --tw-text-opacity: 1;
  color: rgba(10, 25, 49, var(--tw-text-opacity));
  padding-bottom: 1.25rem;
  padding-top: 1.75rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(222, 223, 225, var(--tw-border-opacity));
  transition: color .33s ease-in;
}

.list-markers-ul .list-markers-li a {
  float: none;
  padding: 0px;
  width: auto;
  font-family: alternate-gothic-atf, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.0225rem;
  line-height: 1;
  margin: 0px;
  --tw-text-opacity: 1;
  color: rgba(10, 25, 49, var(--tw-text-opacity));
  text-decoration: underline;
}

.list-markers-ul .list-markers-li span {
  float: none;
}

.location.active, .location:hover{
  --tw-text-opacity: 1;
  color: rgba(69, 111, 182, var(--tw-text-opacity));
}

.leaflet-container a {
  color: inherit;
}

.location-pin {
  color: inherit;
}

.leaflet-top.leaflet-left {
  z-index: 999;
}

.leaflet-touch .leaflet-control-zoom{
  display: flex;
  margin-top: 1rem;
  margin-left: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(148, 149, 151, var(--tw-border-opacity));
  border-radius: 0px;
  --tw-shadow: 2px 2px 10px rgba(0,0,0,0.2);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.leaflet-touch .leaflet-control-zoom.leaflet-bar a{
  width: 4.25rem;
  height: 3.5rem;
  border-width: 0px;
  font-family: montserrat, sans-serif;
  font-size: 2.125rem;
  font-weight: 100;
  --tw-text-opacity: 1;
  color: rgba(69, 111, 182, var(--tw-text-opacity));
  display: flex;
  justify-content: center;
  align-items: center;
}

.leaflet-touch .leaflet-control-zoom.leaflet-bar a.leaflet-control-zoom-out {
  padding-bottom: 7px;
}

.leaflet-touch .leaflet-control-zoom.leaflet-bar a:first-child, .leaflet-touch .leaflet-bar a:last-child{
  border-radius: 0px;
}

.leaflet-touch .leaflet-control-zoom.leaflet-bar a:first-child{
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(148, 149, 151, var(--tw-border-opacity));
}

.map-container .leaflet-control-geocoder {
  box-shadow: none;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(10, 25, 49, var(--tw-border-opacity));
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  margin-bottom: 1.75rem;
  z-index:1000;
}

.map-container .leaflet-control-geocoder:focus {
  outline: 1px solid #2563eb
}

.leaflet-control-geocoder-form:focus-visible {
  outline: 0;
}

.map-container .leaflet-control-geocoder-form{
  display: inline-block;
  width: calc(100% - 30px);
}

.map-container .leaflet-control-geocoder-form input{
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.3;
  padding-left: 1.25rem;
  width: 100%;
}

.map-container .leaflet-control-geocoder.leaflet-bar .leaflet-control-geocoder-alternatives{
  width: 100%;
  position: absolute;
  z-index: 10;
  top: calc(100% - 3px);
  left: -1px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  border-width: 1px;
  border-top-width: 0px;
  --tw-border-opacity: 1;
  border-color: rgba(10, 25, 49, var(--tw-border-opacity));
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.map-container .leaflet-control-geocoder.leaflet-bar a{
  font-family: montserrat, sans-serif;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: left;
  display: block;
  width: 100%;
  padding: 1rem;
}

@media (min-width: 768px) {
  .map-container .leaflet-bottom.leaflet-right{
    margin-left: 0px;
    margin-right: 0px;
  }

  .map-container .leaflet-bottom.leaflet-right{
    width: 100%;
  }

  .map-container .leaflet-bottom.leaflet-right{
    position: absolute;
  }

  .map-container .leaflet-bottom.leaflet-right{
    max-width: 15rem;
  }

  .map-container .leaflet-bottom.leaflet-right{
    top: 50%;
  }

  .map-container .leaflet-bottom.leaflet-right {
    transform: translateY(calc(-50% + 57px));
  }

  .map-container .leaflet-bottom.leaflet-right{
    --tw-shadow: 4px 4px 16px rgba(0,0,0,0.25);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .map-container .leaflet-bottom.leaflet-right{
    right: 2.5rem;
  }

  .map-container .leaflet-bottom.leaflet-right{
    max-height: calc(100% - 15.25rem);
  }

  .leaflet-touch .leaflet-control-zoom{
    margin-top: 2rem;
  }

  .leaflet-touch .leaflet-control-zoom{
    margin-left: 2rem;
  }

  .map-container .leaflet-control-geocoder{
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .map-container .leaflet-control-geocoder{
    margin-bottom: 3.75rem;
  }

  .map-container .leaflet-control-geocoder{
    width: 19.25rem;
  }

  .map-container .leaflet-control-geocoder.leaflet-bar .leaflet-control-geocoder-alternatives{
    width: 19.25rem;
  }

  /* 
    .list-markers .list-markers-ul {
        @apply mb-8;
        @apply mr-8;
        @apply ml-auto;
        @apply w-full;
        @apply w-60;
        @apply shadow-location;
    } */
}

@media (min-width: 880px) {
  /* .list-markers .list-markers-ul {
        @apply max-w-77;
        @apply w-full;
    } */

  .map-container .leaflet-bottom.leaflet-right{
    max-width: 19.25rem;
  }

  .map-container .leaflet-bottom.leaflet-right{
    width: 100%;
  }
}

@media (min-width: 1025px) {
  .map-container .leaflet-bottom.leaflet-right{
    right: 3.75rem;
  }

  .leaflet-touch .leaflet-control-zoom{
    margin-top: 2.5rem;
  }

  .leaflet-touch .leaflet-control-zoom{
    margin-left: 2.5rem;
  }

  .map-container .leaflet-control-geocoders{
    margin-left: 3.75rem;
    margin-right: 3.75rem;
  }

  .leaflet-touch .list-markers .list-markers-ul{
    margin-bottom: 2.5rem;
  }

  .leaflet-touch .list-markers .list-markers-ul{
    margin-right: 2.5rem;
  }
}

.leaflet-control-attribution{
  display: none;
}

.installation-day{
  --tw-bg-opacity: 1;
  background-color: rgba(10, 25, 49, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(60, 87, 132, var(--tw-border-opacity));
}

.installation-day:last-of-type{
  border-bottom-width: 0px;
}

.popup-gallery-image, .player-container {
  z-index: 9999;
}

.popup-gallery-image img {
  max-width: 100vw;
  max-height: 100vh;
}

@media (min-width: 768px) {
  .popup-gallery-image img {
    max-width: 80vw;
    max-height: 90vh;
  }
}

@media (max-width: 767px) {
  .column {
    width: 100%;
  }
}

.swiper-container--with-scrollbar.press-carousel .swiper-slide {
  height: auto;
  max-width: 19.25rem;
}

.swiper-container--with-scrollbar.press-carousel .swiper-slide:first-child{
  margin-left: 1.25rem;
}

@media (min-width: 768px){
  .swiper-container--with-scrollbar.press-carousel .swiper-slide:first-child{
    margin-left: 2.5rem;
  }
}

@media (min-width: 1025px){
  .swiper-container--with-scrollbar.press-carousel .swiper-slide:first-child{
    margin-left: 3.75rem;
  }
}

.swiper-container--with-scrollbar.press-carousel .swiper-slide:last-child{
  margin-right: 1.25rem;
}

@media (min-width: 768px){
  .swiper-container--with-scrollbar.press-carousel .swiper-slide:last-child{
    margin-right: 2.5rem;
  }
}

@media (min-width: 1025px){
  .swiper-container--with-scrollbar.press-carousel .swiper-slide:last-child{
    margin-right: 3.75rem;
  }
}

.swiper-container--with-scrollbar.press-carousel .swiper-slide > a{
  height: 100%;
  width: 100%;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgba(248, 248, 250, var(--tw-bg-opacity));
  padding: 1rem;
}

@media (min-width: 768px){
  .swiper-container--with-scrollbar.press-carousel .swiper-slide > a{
    padding: 1.5rem;
  }
}

.press-carousel.swiper-container > .press-swiper-scrollbar{
  --tw-bg-opacity: 1;
  background-color: rgba(27, 46, 80, var(--tw-bg-opacity));
  bottom: 1.5rem;
  width: calc(100% - 2.5rem);
  max-width: 22.5rem;
  transform: translate(0);
  overflow-x: clip;
}

.press-carousel.swiper-container .swiper-scrollbar-drag:before {
  content: '';
  height: 2px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  z-index: 10;
  width: 22.5rem;
  --tw-translate-x: -100%;
  transform: var(--tw-transform);
  transform: var(--tw-transform);
  --tw-bg-opacity: 1;
  background-color: rgba(242, 104, 34, var(--tw-bg-opacity));
}

/* Apps */

.cmApp_signupContainer {
  background: #0a1931 !important;
}

.cmApp_signupContainer * {
  color: #fff !important;
}

.cmApp_signupContainer input {
  color: #0a1931 !important;
}

.cmApp_formHeader {
  font-family: alternate-gothic-atf, sans-serif !important;
  font-size: 2.125rem !important;
  font-weight: 500 !important;
  font-transform: uppercase;
  letter-spacing: 0.025rem;
}

#cmApp_signupName,
#cmApp_signupEmail {
  padding-left: 1rem !important;
}

.cmApp_formSubmitButton {
  text-align: center;
  font-family: alternate-gothic-atf, sans-serif !important;
  font-size: 1.125rem !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.0225rem !important;
  line-height: 1 !important;
  border-radius: 9999px;
  transition: color 0.33s ease-in, background 0.33s ease-in,
    border-color 0.33s ease-in;
}

.product-media-modal__content {
  background: rgba(0, 0, 0, 0.7);
}

.product-media-modal__content > div, body .product-media-modal__content > *:not(.active){
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-media-modal__content img {
  height: auto;
  width: auto;
  max-width: 90vw;
  max-height: 90vh;
  margin: auto;
}

#judgeme_product_reviews{
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgba(248, 248, 250, var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 2.5rem;
  --tw-text-opacity: 1;
  color: rgba(14, 31, 26, var(--tw-text-opacity));
}

@media (min-width: 768px){
  #judgeme_product_reviews{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  #judgeme_product_reviews{
    padding-right: 2.5rem;
  }
}

@media (min-width: 880px){
  #judgeme_product_reviews{
    margin-right: 2.5rem;
  }

  #judgeme_product_reviews{
    padding-right: 2.5rem;
  }
}

@media (min-width: 1025px){
  #judgeme_product_reviews{
    margin-right: 3.75rem;
  }

  #judgeme_product_reviews{
    padding-left: 3.75rem;
  }
}

.tabs:before,
#judgeme_product_reviews:before {
  content: '';
  position: absolute;
  --tw-bg-opacity: 1;
  background-color: rgba(248, 248, 250, var(--tw-bg-opacity));
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: -10;
}

.tabs-list__item div > *{
  padding-top: 1.25rem;
}

.tabs-list__item div > h1, .tabs-list__item div > h2, .tabs-list__item div > h3, .tabs-list__item div > h4{
  padding-top: 2.5rem;
}

.tabs-list__item div > *:first-child{
  padding-top: 0px;
}

.tabs-list__item div h1, .tabs-list__item div h2, .tabs-list__item div h3, .tabs-list__item div h4{
  font-family: montserrat, sans-serif;
  font-size: 23px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: capitalize;
}

.tabs-list__item .description h1, .tabs-list__item .description h2, .tabs-list__item .description h3, .tabs-list__item .description h4{
  font-size: 1.75rem;
  font-family: alternate-gothic-atf, sans-serif;
  font-weight: 600;
  letter-spacing: 0.085rem;
  line-height: 1.1;
  text-transform: uppercase;
}

@media (min-width: 768px){
  .tabs-list__item .description h1, .tabs-list__item .description h2, .tabs-list__item .description h3, .tabs-list__item .description h4{
    font-size: 2.125rem;
  }
}

.tabs-list__item .description h1, .tabs-list__item .description h2, .tabs-list__item .description h3, .tabs-list__item .description h4{
  padding-top: 0px;
}

.tabs-list__item div > ul {
  list-style: disc;
  padding-left: 1.5rem;
}

.tabs-list__item div > ul ul {
  list-style: circle;
  font-family: montserrat, sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  text-transform: none;
  padding-left: 1rem;
  padding-top: 0.5rem;
}

.tabs-list__item ol {
  list-style: decimal;
  padding-left: 1.5rem;
}

.tabs-list__item a{
  --tw-text-opacity: 1;
  color: rgba(64, 122, 98, var(--tw-text-opacity));
}

.tabs-list__item a:hover{
  text-decoration: underline;
}

.tabs-list__item iframe {
  width: 100%;
}

@media (max-width: 767px) {
  .tabs-list__item iframe {
    height: calc((9 / 16) * 100vw);
  }
}

.tabs-list__thumbs-container.swiper-container {
  padding-bottom: 1rem;
}

.tabs-list__thumbs-container .title-border-b{
  position: absolute;
  bottom: 0px;
  height: 3px;
  --tw-bg-opacity: 1;
  background-color: rgba(64, 122, 98, var(--tw-bg-opacity));
  left: 0px;
  transition: left 0.33s ease-in, width 0.2s ease-in 0.13s;
}

.mw-apo-container{
  width: 100%;
  height: 100%;
  position: relative;
}

.mw-option{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(222, 223, 225, var(--tw-border-opacity));
  padding-top: 2rem;
}

.mw-label .mw-stack__item .mw-text, .product-form__input .form__label, .jdgm-form .jdgm-form__fieldset label[for], body .hulkapps_option_name{
  font-size: 19px;
  font-family: alternate-gothic-atf, sans-serif;
  font-weight: 500;
  letter-spacing: 0.024rem;
  line-height: 1.2;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(27, 46, 80, var(--tw-text-opacity));
}

.product-form__buttons .gpo-app{
  background-color: transparent;
}

.product-form__buttons .gpo-app .gpo-label, .product-form__buttons .gpo-app .gpo-label span.label-content, .product-form__buttons .gpo-app .gpo-label span.addOn, .product-form__buttons .gpo-app .gpo-label.required span.label-content::after{
  font-size: 19px;
  font-family: alternate-gothic-atf, sans-serif;
  font-weight: 500;
  letter-spacing: 0.024rem;
  line-height: 1.2;
  text-transform: uppercase;
}

.product-form__buttons .gpo-total + .gpo-form__group{
  display: none;
}

.product-form__buttons .gpo-app .gpo-choicelist, body .hulkapps_check_option, body
  [id*='hulkapps_option_list']
  .hulkapps_option_set
  .hulkapps_option
  .hulkapps_option_value
  select{
  padding: 1.25rem !important;
  border-width: 1px;
  --tw-border-opacity: 1 !important;
  border-color: rgba(148, 149, 151, var(--tw-border-opacity)) !important;
  background-color: transparent;
  border-radius: 0.25rem;
  transition: border-color 0.3s ease-in-out;
}

.product-form__buttons .gpo-app .gpo-choicelist:has(input:checked), body .hulkapps_check_option:has(input[type='checkbox']:checked){
  --tw-border-opacity: 1;
  border-color: rgba(64, 122, 98, var(--tw-border-opacity));
}

.product-form__buttons .gpo-app .gpo-label + .gpo-selected-values.has-value{
  display: none;
}

.mw-option__value label.mw-label, .product-form__input label{
  padding: 1.25rem;
}

.product-form__input label {
  width: calc(100% - 10px);
}

.hulkapps_option_value .radio_div, .hulkapps_option_value .radio_div:hover, .hulkapps_option_value .radio_div:focus-visible, body .hulkapps_check_option, body .hulkapps_check_option:hover, body .hulkapps_check_option:focus-visible, body [id*='hulkapps_option_list'] .hulkapps_option_value select{
  font-family: montserrat, sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.5 !important;
  text-transform: none !important;
  width: 100%;
  height: 100%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(148, 149, 151, var(--tw-border-opacity));
  border-radius: 0.25rem;
  transition: border-color 0.3s ease-in-out;
}

body .single_line .hulkapps_option_value > [class*='hulkapps_']{
  display: block;
  margin-right: 0px;
}

.hulkapps_option_value .radio_div, body .hulkapps_check_option, body [id*='hulkapps_option_list'] .hulkapps_option_value select{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1rem;
  padding: 1.25rem;
}

.mw-option__value-title, .product-form__input label > div{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: color 0.3s ease-in-out;
}

.product-form__buttons .gpo-app .gpo-choicelist label{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product-form__buttons .gpo-app .gpo-choicelist label span{
  font-family: montserrat, sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  text-transform: none;
  transition: color 0.3s ease-in-out;
}

.product-form__buttons .gpo-app .gpo-choicelist.gpo-radio input + label:before{
  border-radius: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
  top: 50%;
  transform: var(--tw-transform);
  --tw-translate-y: -50%;
  transform: var(--tw-transform);
  background-color: transparent;
}

.product-form__buttons .gpo-app .gpo-choicelist input:checked + label:before {
  border: 1px solid #407a62;
}

.product-form__buttons .gpo-app .gpo-choicelist input + label:hover:before, .product-form__buttons .gpo-app .gpo-choicelist input + label:focus:before{
  --tw-border-opacity: 1;
  border-color: rgba(64, 122, 98, var(--tw-border-opacity));
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.product-form__buttons .gpo-app .gpo-choicelist input:focus + label:before {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) #407a62;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}

.product-form__buttons .gpo-app .gpo-choicelist.gpo-radio input + label:after{
  border-radius: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
  top: 50%;
  left: 0px;
  transform: var(--tw-transform);
  --tw-translate-y: -50%;
  transform: var(--tw-transform);
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: var(--tw-transform);
}

.mw-option__value label.mw-label .mw-option__value-title:before,
.product-form__input label > div:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(148, 149, 151, var(--tw-border-opacity));
  border-radius: 0.25rem;
  transition: border-color 0.3s ease-in-out;
}

.mw-option__value label.mw-label input:checked + .mw-option__value-title:before, .product-form__input label > input:checked + div:before{
  --tw-border-opacity: 1;
  border-color: rgba(64, 122, 98, var(--tw-border-opacity));
}

.mw-option__value label.mw-label input:checked + .mw-option__value-title, .product-form__input label > input:checked + div, body .hulkapps_check_option:has(input:checked){
  --tw-text-opacity: 1;
  color: rgba(64, 122, 98, var(--tw-text-opacity));
}

.mw-option__value-text, .mw-option__description .mw-text, .product-form__input input[type='radio'] + label{
  font-family: montserrat, sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  text-transform: none;
}

.mw-stack > .mw-stack__item{
  margin: 0px;
}

.mw-option__container{
  padding-top: 0.75rem;
}

.hulkapps_option .hulkapps_option_value label.hulkapps_check_option{
  display: flex;
  align-items: center;
}

.mw-option--type-radio .mw-option__control[type='radio'], .product-form__input input[type='radio'], .mw-option input[type='checkbox'].mw-option__control, body
  .hulkapps_option
  .hulkapps_option_value
  label.hulkapps_check_option
  .hulkapps-custom-check{
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(64, 122, 98, var(--tw-border-opacity));
  background-color: transparent;
  margin-right: 0.5rem;
  margin-top: 2px;
}

body
  .hulkapps_option
  .hulkapps_option_value
  label.hulkapps_check_option
  .hulkapps-custom-check {
  margin-top: 0;
}

body
  .hulkapps_option
  .hulkapps_option_value
  label.hulkapps_check_option
  input[type='checkbox']:checked
  ~ .hulkapps-custom-check{
  --tw-bg-opacity: 1;
  background-color: rgba(64, 122, 98, var(--tw-bg-opacity));
}

body .hulkapps_radio_option .radio_selected{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(64, 122, 98, var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgba(64, 122, 98, var(--tw-text-opacity));
  background-color: transparent;
}

body .hulkapps_option_value .radio_div:before {
  content: '';
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(64, 122, 98, var(--tw-border-opacity));
  background-color: transparent;
  margin-right: 0.5rem;
  margin-top: 2px;
}

.mw-option--type-radio .mw-option__control[type='radio']:focus,
.product-form__input input[type='radio']:focus,
.mw-option,
body .hulkapps_radio_option .radio_selected:focus:before,
input[type='checkbox'].mw-option__control:focus,
body .hulkapps_radio_option .hulkapps_radio_option:focus,
body .hulkapps_radio_option .hulkapps_radio_option:focus-visible {
  --tw-ring-color: #407a62;
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}

.mw-text--style-negative{
  display: none;
}

.slider-container {
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  position: relative;
}

.large-image {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.large-image-item {
  max-width: 100%;
  min-width: 50%;
  max-height: 100%;
  padding: 0;
  position: relative;
  margin: 0 auto;
}

.xoomImage {
  position: absolute;
  top: 0;
  left: 0;
}

.large-image-item:not(:first-child) {
  display: none !important;
}

/* 
ul {
padding-inline-start: 0px !important;
} */

slider-component {
  position: relative;
  display: block;
  width: 100%;
}

.slider-wrapper {
  display: flex;
  justify-content: center;
}

.slider__slide {
  scroll-snap-align: start;
  flex-shrink: 0;
}

.product-slider-box {
  flex-wrap: inherit;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: 85%;
  display: flex;
  align-items: center;
  z-index: 1;
}

.product-slider {
  height: 104px;
  width: 104px;
  padding: 10px;
  position: relative;
  display: inline-block;
}

.product-slider:not(:first-child) {
  margin-left: 1rem;
}

.slide-image {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.slider {
  scrollbar-color: rgb(var(--color-foreground))
    rgba(var(--color-foreground), 0.04);
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.slider::-webkit-scrollbar {
  height: 0.4rem;
  width: 0.4rem;
  display: none;
}

.no-js .slider {
  -ms-overflow-style: auto;
  scrollbar-width: auto;
}

.no-js .slider::-webkit-scrollbar {
  display: initial;
}

.slider::-webkit-scrollbar-thumb {
  background-color: rgb(var(--color-foreground));
  border-radius: 0.4rem;
  border: 0;
}

.slider::-webkit-scrollbar-track {
  background: rgba(var(--color-foreground), 0.04);
  border-radius: 0.4rem;
}

/*=== buttons === */

.button-wrapper {
  height: 100%;
  width: 105%;
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.slider-container::-webkit-scrollbar {
  display: none;
}

.slider-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider-button {
  background: transparent;
  border: none;
  cursor: pointer;
  width: 44px;
  height: 44px;
}

.slider-button .icon {
  height: 1.2rem;
}

.slider-button[disabled] .icon {
  opacity: 0.2;
}

.slider-button--next .icon,
.slider-button--prev .icon {
  margin-left: auto;
  margin-right: auto;
}

/* video button when image is a video type */

.video-btn {
  width: 100%;
  height: 100%;
  position: relative;
}

.v-btn {
  top: 2% !important;
  left: 2% !important;
}

.active-thumb {
  border: 3px solid white;
  outline: 2px solid #407a62;
}

/* .mw-apo-container + .product-form__buttons .mw-apo-add-to-cart-cloned {
  @apply hidden;
}

.mw-apo-container + .product-form__buttons .mw-apo-add-to-cart-hide {
  display: flex !important;
  overflow: hidden !important;
  position: relative !important;
  left: 0 !important;
} */

/* ==== custom codes in editing the product page ==== */

@media screen and (min-width: 750px) {
  .custom-width {
    padding: 0 10% !important;
  }
}

/* hide modal */

/* #large-image > li:nth-child(1) > modal-opener > span {
  display: none !important;
}

#large-image > li:nth-child(1) > modal-opener > button {
  display: none !important;
}

#large-image > li > modal-opener > div {
  padding-top: 0 !important;
}

#large-image > li > modal-opener > div > img {
  overflow: hidden;
  position: relative !important;
} */

/* body .mw-hidden, body .mw-apo-add-to-cart-hide {
    position: unset !important;
    display: flex !important;
}

.product-form__buttons {    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;

} */

body .gpo-app .gpo-ov-wrapper.vertical .gpo-pdLinks--choicelist input + label,
body .gpo-app .gpo-ov-wrapper.vertical .gpo-choicelist input + label {
  flex: 0 0 100%;
}

body .gpo-container {
  width: calc(100% - 10px);
}

body .gpo-app .gpo-label {
  margin-bottom: 1.25rem;
}

body .gpo-app .gpo-element[data-element-id*='radio'],
body .gpo-app .gpo-element[data-element-id*='checkbox'],
body .gpo-app .gpo-element[data-element-id*='buttons'],
body .gpo-app .gpo-element[data-element-id*='color-swatches'],
body .gpo-app .gpo-element[data-element-id*='image-swatches'] {
  margin-bottom: 1.5rem;
}

body [id*='hulkapps_option_list'] {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.template-about-us #MainContent{
  z-index: 0;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

/* .bgsize {
    min-height: 66vw;
}

@media screen and (max-aspect-ratio: 5/2) {
  .bgsize {
    min-height: 66vw;
  }
} */

@media screen and (max-aspect-ratio: 5/2) {
  .bgsize{
    min-height: calc(100vh - 102px);
  }
}

@media screen and (max-aspect-ratio: 6/5) {
  .bgsize {
    min-height: 66vw;
  }
}

@media (max-width: 1024px) {
  .bgsize {
    min-height: 0;
  }
}

.conf-q{
  font-family: alternate-gothic-atf, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  line-height: 1;
}

.conf-nav-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(69, 111, 182, var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgba(69, 111, 182, var(--tw-border-opacity));
}

.conf-nav-btn:hover path {
  fill: #fff;
}

@media (min-width: 768px) {
  .specs {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 48px;
         column-gap: 48px;
  }

  .specs > li {
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
}

@media (min-width: 880px) {
  .specs {
    -moz-column-gap: 110px;
         column-gap: 110px;
  }
}

.spec-li:before {
  content: '';
  width: 5px;
  height: 5px;
  background: black;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 7px;
}

.template-configurator #shopify-section-footer{
  z-index: 1000;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity .33s ease-in-out;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

/* cart */

[item-type="configurator"]{
  order: 1;
  --tw-border-opacity: 1;
  border-color: rgba(148, 149, 151, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(248, 248, 250, var(--tw-bg-opacity));
}

[item-type="configurator"] .item-content__wrapper, [item-type="configurator"] .item-content__product{
  align-items: flex-start;
}

@media (max-width: 1024px) {
  [item-type="configurator"] .cart-item__details *{
    text-align: left;
  }
}

.conf-modal-mask {
  z-index: 2147483647;
  background-color: rgba(0, 0, 0, 0.5);
  display: table;
  transition: opacity 0.3s ease;
}

.conf-modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.conf-modal-container {
  width: 95%;
  max-width: 50rem;
  max-height: calc(100vh - 8rem);
  margin: 6rem auto;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  transition: all 0.3s ease;
  overflow: auto;
}

.conf-modal-enter-from {
  opacity: 0;
}

.conf-modal-leave-to {
  opacity: 0;
}

.conf-modal-enter-from .conf-modal-container,
.conf-modal-leave-to .conf-modal-container {
  transform: scale(1.1);
}

.after\:absolute::after{
  content: "";
  position: absolute;
}

.after\:inset-0::after{
  content: "";
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.after\:z-0::after{
  content: "";
  z-index: 0;
}

.after\:translate-y-1\/4::after{
  content: "";
  --tw-translate-y: 25%;
  transform: var(--tw-transform);
}

.after\:transform::after{
  content: "";
  transform: var(--tw-transform);
}

.after\:bg-black::after{
  content: "";
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}

.after\:bg-white::after{
  content: "";
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.after\:opacity-10::after{
  content: "";
  opacity: 0.1;
}

.first\:ml-0:first-child{
  margin-left: 0px;
}

.last\:mb-3:last-child{
  margin-bottom: 0.75rem;
}

.last\:mb-0:last-child{
  margin-bottom: 0px;
}

.last\:mr-0:last-child{
  margin-right: 0px;
}

.last\:border-b:last-child{
  border-bottom-width: 1px;
}

.last\:pb-0:last-child{
  padding-bottom: 0px;
}

.last\:pr-0:last-child{
  padding-right: 0px;
}

.even\:flex-row-reverse:nth-child(even){
  flex-direction: row-reverse;
}

.hover\:border:hover{
  border-width: 1px;
}

.hover\:border-blue:hover{
  --tw-border-opacity: 1;
  border-color: rgba(69, 111, 182, var(--tw-border-opacity));
}

.hover\:border-grey-md:hover{
  --tw-border-opacity: 1;
  border-color: rgba(148, 149, 151, var(--tw-border-opacity));
}

.hover\:border-gear-light:hover{
  --tw-border-opacity: 1;
  border-color: rgba(64, 122, 98, var(--tw-border-opacity));
}

.hover\:bg-brand:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(27, 46, 80, var(--tw-bg-opacity));
}

.hover\:bg-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.hover\:bg-gear-background:hover{
  background-color: #1f3631; /* or rgba(31, 54, 49, 1) */
}

.hover\:bg-gear:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(28, 57, 45, var(--tw-bg-opacity));
}

.hover\:bg-blue:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(69, 111, 182, var(--tw-bg-opacity));
}

.hover\:bg-brand-ada:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(10, 25, 49, var(--tw-bg-opacity));
}

.hover\:font-bold:hover{
  font-weight: 700;
}

.hover\:text-blue:hover{
  --tw-text-opacity: 1;
  color: rgba(69, 111, 182, var(--tw-text-opacity));
}

.hover\:text-brand:hover{
  --tw-text-opacity: 1;
  color: rgba(27, 46, 80, var(--tw-text-opacity));
}

.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

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

.hover\:opacity-50:hover{
  opacity: 0.5;
}

.hover\:shadow-none:hover{
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:opacity-50:focus{
  opacity: 0.5;
}

.hover\:focus\:text-center:hover:focus{
  text-align: center;
}

.focus\:hover\:text-center:focus:hover{
  text-align: center;
}

.group:hover .group-hover\:ml-2{
  margin-left: 0.5rem;
}

.group:hover .group-hover\:translate-x-1{
  --tw-translate-x: 0.25rem;
  transform: var(--tw-transform);
}

.group:hover .group-hover\:translate-y-1{
  --tw-translate-y: 0.25rem;
  transform: var(--tw-transform);
}

.group:hover .group-hover\:translate-x-0{
  --tw-translate-x: 0px;
  transform: var(--tw-transform);
}

.group:hover .group-hover\:translate-x-2{
  --tw-translate-x: 0.5rem;
  transform: var(--tw-transform);
}

.group:hover .group-hover\:text-gear{
  --tw-text-opacity: 1;
  color: rgba(28, 57, 45, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-white{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-blue{
  --tw-text-opacity: 1;
  color: rgba(69, 111, 182, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gear-light{
  --tw-text-opacity: 1;
  color: rgba(64, 122, 98, var(--tw-text-opacity));
}

@media (min-width: 440px){
  .sm\:prose{
    color: #374151;
    max-width: 65ch;
  }

  .sm\:prose [class~="lead"]{
    color: #4b5563;
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
  }

  .sm\:prose a{
    color: #132639;
    text-decoration: underline;
    font-weight: 500;
  }

  .sm\:prose strong{
    color: #132639;
    font-weight: 600;
  }

  .sm\:prose ol[type="A"]{
    --list-counter-style: upper-alpha;
  }

  .sm\:prose ol[type="a"]{
    --list-counter-style: lower-alpha;
  }

  .sm\:prose ol[type="A" s]{
    --list-counter-style: upper-alpha;
  }

  .sm\:prose ol[type="a" s]{
    --list-counter-style: lower-alpha;
  }

  .sm\:prose ol[type="I"]{
    --list-counter-style: upper-roman;
  }

  .sm\:prose ol[type="i"]{
    --list-counter-style: lower-roman;
  }

  .sm\:prose ol[type="I" s]{
    --list-counter-style: upper-roman;
  }

  .sm\:prose ol[type="i" s]{
    --list-counter-style: lower-roman;
  }

  .sm\:prose ol[type="1"]{
    --list-counter-style: decimal;
  }

  .sm\:prose ol > li{
    position: relative;
    padding-left: 1.75em;
  }

  .sm\:prose ol > li::before{
    content: counter(list-item, var(--list-counter-style, decimal)) ".";
    position: absolute;
    font-weight: 400;
    color: #6b7280;
    left: 0;
  }

  .sm\:prose ul > li{
    position: relative;
    padding-left: 1.75em;
  }

  .sm\:prose ul > li::before{
    content: "";
    position: absolute;
    background-color: #d1d5db;
    border-radius: 50%;
    width: 0.375em;
    height: 0.375em;
    top: calc(0.875em - 0.1875em);
    left: 0.25em;
  }

  .sm\:prose hr{
    border-color: #e5e7eb;
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .sm\:prose blockquote{
    font-weight: 500;
    font-style: italic;
    color: #132639;
    border-left-width: 0.25rem;
    border-left-color: #e5e7eb;
    quotes: "\201C""\201D""\2018""\2019";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-left: 1em;
  }

  .sm\:prose blockquote p:first-of-type::before{
    content: open-quote;
  }

  .sm\:prose blockquote p:last-of-type::after{
    content: close-quote;
  }

  .sm\:prose h1{
    color: #132639;
    font-weight: 800;
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: 0.8888889em;
    line-height: 1.1111111;
  }

  .sm\:prose h2{
    color: #132639;
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333333;
  }

  .sm\:prose h3{
    color: #132639;
    font-weight: 600;
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: 0.6em;
    line-height: 1.6;
  }

  .sm\:prose h4{
    color: #132639;
    font-weight: 500;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.4;
    font-family: montserrat;
    font-family: sans-serif;
    font-size: 1.25rem;
    letter-spacing: 0;
  }

  .sm\:prose figure figcaption{
    color: #6b7280;
    font-size: 0.875em;
    line-height: 1.4285714;
    margin-top: 0.8571429em;
  }

  .sm\:prose code{
    color: #132639;
    font-weight: 600;
    font-size: 0.875em;
  }

  .sm\:prose code::before{
    content: "`";
  }

  .sm\:prose code::after{
    content: "`";
  }

  .sm\:prose a code{
    color: #132639;
  }

  .sm\:prose pre{
    color: #e5e7eb;
    background-color: #1f2937;
    overflow-x: auto;
    font-size: 0.875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: 0.375rem;
    padding-top: 0.8571429em;
    padding-right: 1.1428571em;
    padding-bottom: 0.8571429em;
    padding-left: 1.1428571em;
  }

  .sm\:prose pre code{
    background-color: transparent;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-weight: 400;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
  }

  .sm\:prose pre code::before{
    content: none;
  }

  .sm\:prose pre code::after{
    content: none;
  }

  .sm\:prose table{
    width: 100%;
    table-layout: auto;
    text-align: left;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 0.875em;
    line-height: 1.7142857;
  }

  .sm\:prose thead{
    color: #132639;
    font-weight: 600;
    border-bottom-width: 1px;
    border-bottom-color: #d1d5db;
  }

  .sm\:prose thead th{
    vertical-align: bottom;
    padding-right: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-left: 0.5714286em;
  }

  .sm\:prose tbody tr{
    border-bottom-width: 1px;
    border-bottom-color: #e5e7eb;
  }

  .sm\:prose tbody tr:last-child{
    border-bottom-width: 0;
  }

  .sm\:prose tbody td{
    vertical-align: top;
    padding-top: 0.5714286em;
    padding-right: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-left: 0.5714286em;
  }

  .sm\:prose{
    font-size: 1rem;
    line-height: 1.75;
  }

  .sm\:prose p{
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .sm\:prose img{
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .sm\:prose video{
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .sm\:prose figure{
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .sm\:prose figure > *{
    margin-top: 0;
    margin-bottom: 0;
  }

  .sm\:prose h2 code{
    font-size: 0.875em;
  }

  .sm\:prose h3 code{
    font-size: 0.9em;
  }

  .sm\:prose ol{
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .sm\:prose ul{
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .sm\:prose li{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }

  .sm\:prose > ul > li p{
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }

  .sm\:prose > ul > li > *:first-child{
    margin-top: 1.25em;
  }

  .sm\:prose > ul > li > *:last-child{
    margin-bottom: 1.25em;
  }

  .sm\:prose > ol > li > *:first-child{
    margin-top: 1.25em;
  }

  .sm\:prose > ol > li > *:last-child{
    margin-bottom: 1.25em;
  }

  .sm\:prose ul ul, .sm\:prose ul ol, .sm\:prose ol ul, .sm\:prose ol ol{
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }

  .sm\:prose ul ul, .sm\:prose ul ol, .sm\:prose ol ul, .sm\:prose ol ol{
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }

  .sm\:prose ul ul, .sm\:prose ul ol, .sm\:prose ol ul, .sm\:prose ol ol{
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }

  .sm\:prose ul ul, .sm\:prose ul ol, .sm\:prose ol ul, .sm\:prose ol ol{
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }

  .sm\:prose hr + *{
    margin-top: 0;
  }

  .sm\:prose h2 + *{
    margin-top: 0;
  }

  .sm\:prose h3 + *{
    margin-top: 0;
  }

  .sm\:prose h4 + *{
    margin-top: 0;
  }

  .sm\:prose thead th:first-child{
    padding-left: 0;
  }

  .sm\:prose thead th:last-child{
    padding-right: 0;
  }

  .sm\:prose tbody td:first-child{
    padding-left: 0;
  }

  .sm\:prose tbody td:last-child{
    padding-right: 0;
  }

  .sm\:prose > :first-child{
    margin-top: 0;
  }

  .sm\:prose > :last-child{
    margin-bottom: 0;
  }

  .sm\:prose ol, .sm\:prose ul{
    font-size: 19px;
    font-family: alternate-gothic-atf;
    font-family: sans-serif;
    font-weight: 500;
    letter-spacing: 0.024rem;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .sm\:prose ol, .sm\:prose ul{
    font-size: 19px;
    font-family: alternate-gothic-atf;
    font-family: sans-serif;
    font-weight: 500;
    letter-spacing: 0.024rem;
    line-height: 1.2;
    text-transform: uppercase;
  }
}

@media (min-width: 768px){
  h3, .md\:h3{
    font-size: 1.75rem;
    font-family: alternate-gothic-atf, sans-serif;
    font-weight: 600;
    letter-spacing: 0.085rem;
    line-height: 1.1;
    text-transform: uppercase;
  }

  @media (min-width: 768px){
    h3, .md\:h3{
      font-size: 2.125rem;
    }
  }

  .md\:intro{
    font-family: montserrat, sans-serif;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: capitalize;
  }

  .md\:absolute{
    position: absolute;
  }

  .md\:-left-10{
    left: -2.5rem;
  }

  .md\:bottom-1\/10{
    bottom: 10%;
  }

  .md\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .md\:mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .md\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }

  .md\:mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .md\:my-10{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .md\:my-7{
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }

  .md\:-mt-20{
    margin-top: -5rem;
  }

  .md\:mb-8{
    margin-bottom: 2rem;
  }

  .md\:mr-auto{
    margin-right: auto;
  }

  .md\:ml-auto{
    margin-left: auto;
  }

  .md\:mt-9{
    margin-top: 2.25rem;
  }

  .md\:mb-15{
    margin-bottom: 3.75rem;
  }

  .md\:mb-12{
    margin-bottom: 3rem;
  }

  .md\:mt-15{
    margin-top: 3.75rem;
  }

  .md\:mt-8{
    margin-top: 2rem;
  }

  .md\:mr-15{
    margin-right: 3.75rem;
  }

  .md\:mb-0{
    margin-bottom: 0px;
  }

  .md\:mt-0{
    margin-top: 0px;
  }

  .md\:mr-1{
    margin-right: 0.25rem;
  }

  .md\:ml-15{
    margin-left: 3.75rem;
  }

  .md\:mb-40{
    margin-bottom: 10rem;
  }

  .md\:mt-24{
    margin-top: 6rem;
  }

  .md\:ml-4{
    margin-left: 1rem;
  }

  .md\:mt-7{
    margin-top: 1.75rem;
  }

  .md\:ml-10{
    margin-left: 2.5rem;
  }

  .md\:mb-4{
    margin-bottom: 1rem;
  }

  .md\:mr-10{
    margin-right: 2.5rem;
  }

  .md\:mr-12{
    margin-right: 3rem;
  }

  .md\:mr-7{
    margin-right: 1.75rem;
  }

  .md\:ml-8{
    margin-left: 2rem;
  }

  .md\:mr-5{
    margin-right: 1.25rem;
  }

  .md\:mt-6{
    margin-top: 1.5rem;
  }

  .md\:mb-5{
    margin-bottom: 1.25rem;
  }

  .md\:flex{
    display: flex;
  }

  .md\:inline-flex{
    display: inline-flex;
  }

  .md\:hidden{
    display: none;
  }

  .md\:h-full{
    height: 100%;
  }

  .md\:h-33{
    height: 8.25rem;
  }

  .md\:h-31{
    height: 7.25rem;
  }

  .md\:h-19{
    height: 4.75rem;
  }

  .md\:h-15{
    height: 3.75rem;
  }

  .md\:h-58px{
    height: 58px;
  }

  .md\:h-2\/3-screen{
    height: 66vh;
  }

  .md\:min-h-screen{
    min-height: 100vh;
  }

  .md\:min-h-3\/4-screen{
    min-height: 75vh;
  }

  .md\:min-h-screen-hero{
    min-height: calc(100vh - 102px);
  }

  .md\:w-105{
    width: 26.25rem;
  }

  .md\:w-2\/3{
    width: 66.666667%;
  }

  .md\:w-1\/2{
    width: 50%;
  }

  .md\:w-2\/5{
    width: 40%;
  }

  .md\:w-55{
    width: 13.75rem;
  }

  .md\:w-auto{
    width: auto;
  }

  .md\:w-3\/4{
    width: 75%;
  }

  .md\:min-w-161{
    min-width: 40.25rem;
  }

  .md\:max-w-64{
    max-width: 16rem;
  }

  .md\:max-w-95{
    max-width: 23.75rem;
  }

  .md\:max-w-120{
    max-width: 30rem;
  }

  .md\:max-w-77{
    max-width: 19.25rem;
  }

  .md\:max-w-80{
    max-width: 20rem;
  }

  .md\:max-w-161{
    max-width: 40.25rem;
  }

  .md\:max-w-90{
    max-width: 22.5rem;
  }

  .md\:flex-grow{
    flex-grow: 1;
  }

  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:flex-row{
    flex-direction: row;
  }

  .md\:flex-row-reverse{
    flex-direction: row-reverse;
  }

  .md\:flex-col{
    flex-direction: column;
  }

  .md\:items-start{
    align-items: flex-start;
  }

  .md\:items-center{
    align-items: center;
  }

  .md\:justify-start{
    justify-content: flex-start;
  }

  .md\:justify-end{
    justify-content: flex-end;
  }

  .md\:gap-7{
    gap: 1.75rem;
  }

  .md\:gap-y-12{
    row-gap: 3rem;
  }

  .md\:gap-y-10{
    row-gap: 2.5rem;
  }

  .md\:gap-y-15{
    row-gap: 3.75rem;
  }

  .md\:gap-y-20{
    row-gap: 5rem;
  }

  .md\:gap-x-7{
    -moz-column-gap: 1.75rem;
         column-gap: 1.75rem;
  }

  .md\:gap-y-6{
    row-gap: 1.5rem;
  }

  .md\:overflow-hidden{
    overflow: hidden;
  }

  .md\:border-r{
    border-right-width: 1px;
  }

  .md\:border-b-0{
    border-bottom-width: 0px;
  }

  .md\:border-transparent{
    border-color: transparent;
  }

  .md\:p-20{
    padding: 5rem;
  }

  .md\:p-15{
    padding: 3.75rem;
  }

  .md\:p-8{
    padding: 2rem;
  }

  .md\:p-5{
    padding: 1.25rem;
  }

  .md\:px-15{
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }

  .md\:px-13{
    padding-left: 3.25rem;
    padding-right: 3.25rem;
  }

  .md\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .md\:py-21{
    padding-top: 5.25rem;
    padding-bottom: 5.25rem;
  }

  .md\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:py-15{
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .md\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .md\:py-27{
    padding-top: 6.75rem;
    padding-bottom: 6.75rem;
  }

  .md\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .md\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .md\:pb-2\/3{
    padding-bottom: 66%;
  }

  .md\:pb-8{
    padding-bottom: 2rem;
  }

  .md\:pr-6{
    padding-right: 1.5rem;
  }

  .md\:pb-2{
    padding-bottom: 0.5rem;
  }

  .md\:pl-6{
    padding-left: 1.5rem;
  }

  .md\:pt-2{
    padding-top: 0.5rem;
  }

  .md\:pb-10{
    padding-bottom: 2.5rem;
  }

  .md\:pb-15{
    padding-bottom: 3.75rem;
  }

  .md\:pb-0{
    padding-bottom: 0px;
  }

  .md\:pt-15{
    padding-top: 3.75rem;
  }

  .md\:pb-12{
    padding-bottom: 3rem;
  }

  .md\:pb-6{
    padding-bottom: 1.5rem;
  }

  .md\:pt-7{
    padding-top: 1.75rem;
  }

  .md\:pr-32{
    padding-right: 8rem;
  }

  .md\:pt-10{
    padding-top: 2.5rem;
  }

  .md\:pt-20{
    padding-top: 5rem;
  }

  .md\:pt-30{
    padding-top: 7.5rem;
  }

  .md\:pb-27{
    padding-bottom: 6.75rem;
  }

  .md\:pr-10{
    padding-right: 2.5rem;
  }

  .md\:pt-5{
    padding-top: 1.25rem;
  }

  .md\:pb-18{
    padding-bottom: 4.5rem;
  }

  .md\:pl-10{
    padding-left: 2.5rem;
  }

  .md\:pt-12{
    padding-top: 3rem;
  }

  .md\:pt-26{
    padding-top: 6.5rem;
  }

  .md\:pb-22{
    padding-bottom: 5.5rem;
  }

  .md\:pb-1\/2{
    padding-bottom: 50%;
  }

  .md\:pb-33{
    padding-bottom: 8.25rem;
  }

  .md\:pb-7{
    padding-bottom: 1.75rem;
  }

  .md\:pb-4\/3{
    padding-bottom: 130%;
  }

  .md\:pl-5{
    padding-left: 1.25rem;
  }

  .md\:pr-12{
    padding-right: 3rem;
  }

  .md\:pb-24{
    padding-bottom: 6rem;
  }

  .md\:pb-9{
    padding-bottom: 2.25rem;
  }

  .md\:pb-32{
    padding-bottom: 8rem;
  }

  .md\:pt-24{
    padding-top: 6rem;
  }

  .md\:pb-20{
    padding-bottom: 5rem;
  }

  .md\:pt-full{
    padding-top: 100%;
  }

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

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

  .md\:normal-case{
    text-transform: none;
  }

  .md\:text-white{
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .md\:last\:mr-0:last-child{
    margin-right: 0px;
  }
}

@media (max-width: 767px){
  .-md\:p{
    font-family: montserrat, sans-serif;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5;
    text-transform: none;
  }

  .-md\:absolute{
    position: absolute;
  }

  .-md\:relative{
    position: relative;
  }

  .-md\:inset-0{
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }

  .-md\:top-0{
    top: 0px;
  }

  .-md\:left-0{
    left: 0px;
  }

  .-md\:mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .-md\:mb-5{
    margin-bottom: 1.25rem;
  }

  .-md\:mb-2{
    margin-bottom: 0.5rem;
  }

  .-md\:mb-3{
    margin-bottom: 0.75rem;
  }

  .-md\:ml-auto{
    margin-left: auto;
  }

  .-md\:mb-15{
    margin-bottom: 3.75rem;
  }

  .-md\:mt-12{
    margin-top: 3rem;
  }

  .-md\:hidden{
    display: none;
  }

  .-md\:flex-col{
    flex-direction: column;
  }

  .-md\:flex-col-reverse{
    flex-direction: column-reverse;
  }

  .-md\:border-b{
    border-bottom-width: 1px;
  }

  .-md\:border-t{
    border-top-width: 1px;
  }

  .-md\:border-white{
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .-md\:bg-brand-ada{
    --tw-bg-opacity: 1;
   background-color: rgba(51, 51, 51, var(--tw-bg-opacity));
  }

  .-md\:bg-gear-background{
  background-color: #1f3631; /* or rgba(31, 54, 49, 1) */
}

  .-md\:object-cover{
    -o-object-fit: cover;
       object-fit: cover;
  }

  .-md\:p-5{
    padding: 1.25rem;
  }

  .-md\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .-md\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .-md\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .-md\:pb-20{
    padding-bottom: 5rem;
  }

  .-md\:pr-6{
    padding-right: 1.5rem;
  }

  .-md\:pb-full{
    padding-bottom: 100%;
  }

  .-md\:pb-26{
    padding-bottom: 6.5rem;
  }

  .-md\:pb-1\/3{
    padding-bottom: 33%;
  }

  .-md\:pt-1\/3{
    padding-top: 33%;
  }

  .-md\:pt-7{
    padding-top: 1.75rem;
  }

  .-md\:pb-2\/3{
    padding-bottom: 66%;
  }

  .-md\:pl-7{
    padding-left: 1.75rem;
  }

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

  .-md\:font-bold{
    font-weight: 700;
  }

  .-md\:first\:border-t-0:first-child{
    border-top-width: 0px;
  }

  .-md\:hover\:first\:border-t:hover:first-child{
    border-top-width: 1px;
  }
}

@media (min-width: 880px){
  .tab\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }

  .tab\:my-15{
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
  }

  .tab\:mr-10{
    margin-right: 2.5rem;
  }

  .tab\:block{
    display: block;
  }

  .tab\:flex{
    display: flex;
  }

  .tab\:grid{
    display: grid;
  }

  .tab\:hidden{
    display: none;
  }

  .tab\:w-full{
    width: 100%;
  }

  .tab\:w-1\/2{
    width: 50%;
  }

  .tab\:min-w-66{
    min-width: 16.5rem;
  }

  .tab\:max-w-161{
    max-width: 40.25rem;
  }

  .tab\:max-w-108{
    max-width: 27rem;
  }

  .tab\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .tab\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tab\:flex-row{
    flex-direction: row;
  }

  .tab\:items-end{
    align-items: flex-end;
  }

  .tab\:gap-x-8{
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .tab\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .tab\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .tab\:pr-7{
    padding-right: 1.75rem;
  }

  .tab\:pb-0{
    padding-bottom: 0px;
  }

  .tab\:pr-0{
    padding-right: 0px;
  }

  .tab\:pb-20{
    padding-bottom: 5rem;
  }

  .tab\:pr-10{
    padding-right: 2.5rem;
  }

  .tab\:pb-4\/3{
    padding-bottom: 130%;
  }

  .tab\:after\:translate-y-1\/3::after{
    content: "";
    --tw-translate-y: 33.333333%;
    transform: var(--tw-transform);
  }

  .tab\:last\:pr-0:last-child{
    padding-right: 0px;
  }
}

@media (max-width: 879px){
  .-tab\:hidden{
    display: none;
  }

  .-tab\:w-full{
    width: 100%;
  }

  .-tab\:flex-wrap{
    flex-wrap: wrap;
  }

  .-tab\:pb-2\/3{
    padding-bottom: 66%;
  }
}

@media (min-width: 1025px){
  .lg\:prose-lg{
    font-size: 1.125rem;
    line-height: 1.7777778;
  }

  .lg\:prose-lg p{
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
  }

  .lg\:prose-lg [class~="lead"]{
    font-size: 1.2222222em;
    line-height: 1.4545455;
    margin-top: 1.0909091em;
    margin-bottom: 1.0909091em;
  }

  .lg\:prose-lg blockquote{
    margin-top: 1.6666667em;
    margin-bottom: 1.6666667em;
    padding-left: 1em;
  }

  .lg\:prose-lg h1{
    font-size: 2.6666667em;
    margin-top: 0;
    margin-bottom: 0.8333333em;
    line-height: 1;
  }

  .lg\:prose-lg h2{
    font-size: 1.6666667em;
    margin-top: 1.8666667em;
    margin-bottom: 1.0666667em;
    line-height: 1.3333333;
  }

  .lg\:prose-lg h3{
    font-size: 1.3333333em;
    margin-top: 1.6666667em;
    margin-bottom: 0.6666667em;
    line-height: 1.5;
  }

  .lg\:prose-lg h4{
    margin-top: 1.7777778em;
    margin-bottom: 0.4444444em;
    line-height: 1.5555556;
  }

  .lg\:prose-lg img{
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em;
  }

  .lg\:prose-lg video{
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em;
  }

  .lg\:prose-lg figure{
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em;
  }

  .lg\:prose-lg figure > *{
    margin-top: 0;
    margin-bottom: 0;
  }

  .lg\:prose-lg figure figcaption{
    font-size: 0.8888889em;
    line-height: 1.5;
    margin-top: 1em;
  }

  .lg\:prose-lg code{
    font-size: 0.8888889em;
  }

  .lg\:prose-lg h2 code{
    font-size: 0.8666667em;
  }

  .lg\:prose-lg h3 code{
    font-size: 0.875em;
  }

  .lg\:prose-lg pre{
    font-size: 0.8888889em;
    line-height: 1.75;
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: 0.375rem;
    padding-top: 1em;
    padding-right: 1.5em;
    padding-bottom: 1em;
    padding-left: 1.5em;
  }

  .lg\:prose-lg ol{
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
  }

  .lg\:prose-lg ul{
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
  }

  .lg\:prose-lg li{
    margin-top: 0.6666667em;
    margin-bottom: 0.6666667em;
  }

  .lg\:prose-lg ol > li{
    padding-left: 1.6666667em;
  }

  .lg\:prose-lg ol > li::before{
    left: 0;
  }

  .lg\:prose-lg ul > li{
    padding-left: 1.6666667em;
  }

  .lg\:prose-lg ul > li::before{
    width: 0.3333333em;
    height: 0.3333333em;
    top: calc(0.8888889em - 0.1666667em);
    left: 0.2222222em;
  }

  .lg\:prose-lg > ul > li p{
    margin-top: 0.8888889em;
    margin-bottom: 0.8888889em;
  }

  .lg\:prose-lg > ul > li > *:first-child{
    margin-top: 1.3333333em;
  }

  .lg\:prose-lg > ul > li > *:last-child{
    margin-bottom: 1.3333333em;
  }

  .lg\:prose-lg > ol > li > *:first-child{
    margin-top: 1.3333333em;
  }

  .lg\:prose-lg > ol > li > *:last-child{
    margin-bottom: 1.3333333em;
  }

  .lg\:prose-lg ul ul, .lg\:prose-lg ul ol, .lg\:prose-lg ol ul, .lg\:prose-lg ol ol{
    margin-top: 0.8888889em;
    margin-bottom: 0.8888889em;
  }

  .lg\:prose-lg ul ul, .lg\:prose-lg ul ol, .lg\:prose-lg ol ul, .lg\:prose-lg ol ol{
    margin-top: 0.8888889em;
    margin-bottom: 0.8888889em;
  }

  .lg\:prose-lg ul ul, .lg\:prose-lg ul ol, .lg\:prose-lg ol ul, .lg\:prose-lg ol ol{
    margin-top: 0.8888889em;
    margin-bottom: 0.8888889em;
  }

  .lg\:prose-lg ul ul, .lg\:prose-lg ul ol, .lg\:prose-lg ol ul, .lg\:prose-lg ol ol{
    margin-top: 0.8888889em;
    margin-bottom: 0.8888889em;
  }

  .lg\:prose-lg hr{
    margin-top: 3.1111111em;
    margin-bottom: 3.1111111em;
  }

  .lg\:prose-lg hr + *{
    margin-top: 0;
  }

  .lg\:prose-lg h2 + *{
    margin-top: 0;
  }

  .lg\:prose-lg h3 + *{
    margin-top: 0;
  }

  .lg\:prose-lg h4 + *{
    margin-top: 0;
  }

  .lg\:prose-lg table{
    font-size: 0.8888889em;
    line-height: 1.5;
  }

  .lg\:prose-lg thead th{
    padding-right: 0.75em;
    padding-bottom: 0.75em;
    padding-left: 0.75em;
  }

  .lg\:prose-lg thead th:first-child{
    padding-left: 0;
  }

  .lg\:prose-lg thead th:last-child{
    padding-right: 0;
  }

  .lg\:prose-lg tbody td{
    padding-top: 0.75em;
    padding-right: 0.75em;
    padding-bottom: 0.75em;
    padding-left: 0.75em;
  }

  .lg\:prose-lg tbody td:first-child{
    padding-left: 0;
  }

  .lg\:prose-lg tbody td:last-child{
    padding-right: 0;
  }

  .lg\:prose-lg > :first-child{
    margin-top: 0;
  }

  .lg\:prose-lg > :last-child{
    margin-bottom: 0;
  }

  .lg\:prose-xl{
    font-size: 1.25rem;
    line-height: 1.8;
  }

  .lg\:prose-xl p{
    margin-top: 1.2em;
    margin-bottom: 1.2em;
  }

  .lg\:prose-xl [class~="lead"]{
    font-size: 1.2em;
    line-height: 1.5;
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .lg\:prose-xl blockquote{
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-left: 1.0666667em;
  }

  .lg\:prose-xl h1{
    font-size: 2.8em;
    margin-top: 0;
    margin-bottom: 0.8571429em;
    line-height: 1;
  }

  .lg\:prose-xl h2{
    font-size: 1.8em;
    margin-top: 1.5555556em;
    margin-bottom: 0.8888889em;
    line-height: 1.1111111;
  }

  .lg\:prose-xl h3{
    font-size: 1.5em;
    margin-top: 1.6em;
    margin-bottom: 0.6666667em;
    line-height: 1.3333333;
  }

  .lg\:prose-xl h4{
    margin-top: 1.8em;
    margin-bottom: 0.6em;
    line-height: 1.6;
  }

  .lg\:prose-xl img{
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .lg\:prose-xl video{
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .lg\:prose-xl figure{
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .lg\:prose-xl figure > *{
    margin-top: 0;
    margin-bottom: 0;
  }

  .lg\:prose-xl figure figcaption{
    font-size: 0.9em;
    line-height: 1.5555556;
    margin-top: 1em;
  }

  .lg\:prose-xl code{
    font-size: 0.9em;
  }

  .lg\:prose-xl h2 code{
    font-size: 0.8611111em;
  }

  .lg\:prose-xl h3 code{
    font-size: 0.9em;
  }

  .lg\:prose-xl pre{
    font-size: 0.9em;
    line-height: 1.7777778;
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: 0.5rem;
    padding-top: 1.1111111em;
    padding-right: 1.3333333em;
    padding-bottom: 1.1111111em;
    padding-left: 1.3333333em;
  }

  .lg\:prose-xl ol{
    margin-top: 1.2em;
    margin-bottom: 1.2em;
  }

  .lg\:prose-xl ul{
    margin-top: 1.2em;
    margin-bottom: 1.2em;
  }

  .lg\:prose-xl li{
    margin-top: 0.6em;
    margin-bottom: 0.6em;
  }

  .lg\:prose-xl ol > li{
    padding-left: 1.8em;
  }

  .lg\:prose-xl ol > li::before{
    left: 0;
  }

  .lg\:prose-xl ul > li{
    padding-left: 1.8em;
  }

  .lg\:prose-xl ul > li::before{
    width: 0.35em;
    height: 0.35em;
    top: calc(0.9em - 0.175em);
    left: 0.25em;
  }

  .lg\:prose-xl > ul > li p{
    margin-top: 0.8em;
    margin-bottom: 0.8em;
  }

  .lg\:prose-xl > ul > li > *:first-child{
    margin-top: 1.2em;
  }

  .lg\:prose-xl > ul > li > *:last-child{
    margin-bottom: 1.2em;
  }

  .lg\:prose-xl > ol > li > *:first-child{
    margin-top: 1.2em;
  }

  .lg\:prose-xl > ol > li > *:last-child{
    margin-bottom: 1.2em;
  }

  .lg\:prose-xl ul ul, .lg\:prose-xl ul ol, .lg\:prose-xl ol ul, .lg\:prose-xl ol ol{
    margin-top: 0.8em;
    margin-bottom: 0.8em;
  }

  .lg\:prose-xl ul ul, .lg\:prose-xl ul ol, .lg\:prose-xl ol ul, .lg\:prose-xl ol ol{
    margin-top: 0.8em;
    margin-bottom: 0.8em;
  }

  .lg\:prose-xl ul ul, .lg\:prose-xl ul ol, .lg\:prose-xl ol ul, .lg\:prose-xl ol ol{
    margin-top: 0.8em;
    margin-bottom: 0.8em;
  }

  .lg\:prose-xl ul ul, .lg\:prose-xl ul ol, .lg\:prose-xl ol ul, .lg\:prose-xl ol ol{
    margin-top: 0.8em;
    margin-bottom: 0.8em;
  }

  .lg\:prose-xl hr{
    margin-top: 2.8em;
    margin-bottom: 2.8em;
  }

  .lg\:prose-xl hr + *{
    margin-top: 0;
  }

  .lg\:prose-xl h2 + *{
    margin-top: 0;
  }

  .lg\:prose-xl h3 + *{
    margin-top: 0;
  }

  .lg\:prose-xl h4 + *{
    margin-top: 0;
  }

  .lg\:prose-xl table{
    font-size: 0.9em;
    line-height: 1.5555556;
  }

  .lg\:prose-xl thead th{
    padding-right: 0.6666667em;
    padding-bottom: 0.8888889em;
    padding-left: 0.6666667em;
  }

  .lg\:prose-xl thead th:first-child{
    padding-left: 0;
  }

  .lg\:prose-xl thead th:last-child{
    padding-right: 0;
  }

  .lg\:prose-xl tbody td{
    padding-top: 0.8888889em;
    padding-right: 0.6666667em;
    padding-bottom: 0.8888889em;
    padding-left: 0.6666667em;
  }

  .lg\:prose-xl tbody td:first-child{
    padding-left: 0;
  }

  .lg\:prose-xl tbody td:last-child{
    padding-right: 0;
  }

  .lg\:prose-xl > :first-child{
    margin-top: 0;
  }

  .lg\:prose-xl > :last-child{
    margin-bottom: 0;
  }

  .lg\:aspect-none{
    position: static;
    padding-bottom: 0;
  }

  .lg\:aspect-none > *{
    position: static;
    height: auto;
    width: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .lg\:absolute{
    position: absolute;
  }

  .lg\:left-0{
    left: 0px;
  }

  .lg\:top-header-laptop{
    top: 83px;
  }

  .lg\:z-1000{
    z-index: 1000;
  }

  .lg\:z-50{
    z-index: 50;
  }

  .lg\:-z-10{
    z-index: -10;
  }

  .lg\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .lg\:mt-7{
    margin-top: 1.75rem;
  }

  .lg\:mb-24{
    margin-bottom: 6rem;
  }

  .lg\:mb-28{
    margin-bottom: 7rem;
  }

  .lg\:ml-0{
    margin-left: 0px;
  }

  .lg\:mr-10{
    margin-right: 2.5rem;
  }

  .lg\:mt-10{
    margin-top: 2.5rem;
  }

  .lg\:mr-2{
    margin-right: 0.5rem;
  }

  .lg\:ml-15{
    margin-left: 3.75rem;
  }

  .lg\:mr-5{
    margin-right: 1.25rem;
  }

  .lg\:mr-15{
    margin-right: 3.75rem;
  }

  .lg\:ml-4{
    margin-left: 1rem;
  }

  .lg\:mb-2{
    margin-bottom: 0.5rem;
  }

  .lg\:mb-15{
    margin-bottom: 3.75rem;
  }

  .lg\:block{
    display: block;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:inline-flex{
    display: inline-flex;
  }

  .lg\:grid{
    display: grid;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:h-full{
    height: 100%;
  }

  .lg\:h-package-total{
    height: calc(100% - 170px);
  }

  .lg\:h-2px{
    height: 2px;
  }

  .lg\:h-0{
    height: 0;
  }

  .lg\:w-1\/2{
    width: 50%;
  }

  .lg\:w-full{
    width: 100%;
  }

  .lg\:w-2\/3{
    width: 66.666667%;
  }

  .lg\:w-1\/3{
    width: 33.333333%;
  }

  .lg\:w-40{
    width: 10rem;
  }

  .lg\:w-1\/4{
    width: 25%;
  }

  .lg\:w-3\/4{
    width: 75%;
  }

  .lg\:min-w-77{
    min-width: 19.25rem;
  }

  .lg\:max-w-132{
    max-width: 33rem;
  }

  .lg\:max-w-90{
    max-width: 22.5rem;
  }

  .lg\:max-w-68{
    max-width: 17rem;
  }

  .lg\:max-w-full{
    max-width: 100%;
  }

  .lg\:max-w-168{
    max-width: 42rem;
  }

  .lg\:max-w-80{
    max-width: 20rem;
  }

  .lg\:max-w-70{
    max-width: 17.5rem;
  }

  .lg\:max-w-105{
    max-width: 26.25rem;
  }

  .lg\:max-w-74{
    max-width: 18.5rem;
  }

  .lg\:max-w-161{
    max-width: 40.25rem;
  }

  .lg\:max-w-77{
    max-width: 19.25rem;
  }

  .lg\:translate-y-full{
    --tw-translate-y: 100%;
    transform: var(--tw-transform);
  }

  .lg\:translate-y-subnav{
    --tw-translate-y: calc(-100% + 102px);
    transform: var(--tw-transform);
  }

  .lg\:translate-x-0{
    --tw-translate-x: 0px;
    transform: var(--tw-transform);
  }

  .lg\:translate-y-0{
    --tw-translate-y: 0px;
    transform: var(--tw-transform);
  }

  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:flex-row{
    flex-direction: row;
  }

  .lg\:flex-col{
    flex-direction: column;
  }

  .lg\:items-center{
    align-items: center;
  }

  .lg\:justify-end{
    justify-content: flex-end;
  }

  .lg\:justify-center{
    justify-content: center;
  }

  .lg\:justify-between{
    justify-content: space-between;
  }

  .lg\:gap-10{
    gap: 2.5rem;
  }

  .lg\:border-2{
    border-width: 2px;
  }

  .lg\:border{
    border-width: 1px;
  }

  .lg\:border-r-0{
    border-right-width: 0px;
  }

  .lg\:border-b{
    border-bottom-width: 1px;
  }

  .lg\:border-b-4{
    border-bottom-width: 4px;
  }

  .lg\:border-brand{
    --tw-border-opacity: 1;
    border-color: rgba(27, 46, 80, var(--tw-border-opacity));
  }

  .lg\:bg-brand-ada{
    --tw-bg-opacity: 1;
  background-color: rgba(19, 38, 57, var(--tw-bg-opacity));
  }

  .lg\:bg-grey-bg{
    --tw-bg-opacity: 1;
    background-color: rgba(248, 248, 250, var(--tw-bg-opacity));
  }

  .lg\:p-15{
    padding: 3.75rem;
  }

  .lg\:p-10{
    padding: 2.5rem;
  }

  .lg\:px-15{
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }

  .lg\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .lg\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lg\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:py-15{
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .lg\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .lg\:px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .lg\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .lg\:pb-0{
    padding-bottom: 0px;
  }

  .lg\:pr-0{
    padding-right: 0px;
  }

  .lg\:pb-6{
    padding-bottom: 1.5rem;
  }

  .lg\:pl-0{
    padding-left: 0px;
  }

  .lg\:pt-6{
    padding-top: 1.5rem;
  }

  .lg\:pt-0{
    padding-top: 0px;
  }

  .lg\:pr-10{
    padding-right: 2.5rem;
  }

  .lg\:pl-15{
    padding-left: 3.75rem;
  }

  .lg\:pt-4{
    padding-top: 1rem;
  }

  .lg\:pr-15{
    padding-right: 3.75rem;
  }

  .lg\:pt-27{
    padding-top: 6.75rem;
  }

  .lg\:pl-12{
    padding-left: 3rem;
  }

  .lg\:pr-4{
    padding-right: 1rem;
  }

  .lg\:pb-4{
    padding-bottom: 1rem;
  }

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

  .lg\:text-white{
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .lg\:opacity-0{
    opacity: 0;
  }

  .lg\:opacity-100{
    opacity: 1;
  }

  .lg\:shadow-conf-spec{
    --tw-shadow: 0px -1px 2px #EDEDED;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:hover\:bg-blue-500:hover{
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }
}

@media (max-width: 1024px){
  .-lg\:fixed{
    position: fixed;
  }

  .-lg\:relative{
    position: relative;
  }

  .-lg\:left-0{
    left: 0px;
  }

  .-lg\:-top-18px{
    top: -18px;
  }

  .-lg\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .-lg\:mt-7{
    margin-top: 1.75rem;
  }

  .-lg\:flex{
    display: flex;
  }

  .-lg\:hidden{
    display: none;
  }

  .-lg\:h-21{
    height: 5.25rem;
  }

  .-lg\:h-nav-mobile-container{
    height: calc(100vh - 58px);
  }

  .-lg\:h-nav-mobile{
    height: calc(100% - 76px);
  }

  .-lg\:h-full{
    height: 100%;
  }

  .-lg\:w-screen{
    width: 100vw;
  }

  .-lg\:w-full{
    width: 100%;
  }

  .-lg\:w-1\/2{
    width: 50%;
  }

  .-lg\:w-3\/4{
    width: 75%;
  }

  .-lg\:translate-x-0{
    --tw-translate-x: 0px;
    transform: var(--tw-transform);
  }

  .-lg\:translate-x-full{
    --tw-translate-x: 100%;
    transform: var(--tw-transform);
  }

  .-lg\:overflow-auto{
    overflow: auto;
  }

  .-lg\:border-t{
    border-top-width: 1px;
  }

  .-lg\:border-b{
    border-bottom-width: 1px;
  }

  .-lg\:pt-6{
    padding-top: 1.5rem;
  }

  .-lg\:pb-8{
    padding-bottom: 2rem;
  }

  .-lg\:pb-7{
    padding-bottom: 1.75rem;
  }

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

  .-lg\:transition-height{
    transition-property: height;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

  .-lg\:duration-500{
    transition-duration: 500ms;
  }
}

@media (min-width: 1280px){
  .xl\:prose-xl{
    font-size: 1.25rem;
    line-height: 1.8;
  }

  .xl\:prose-xl p{
    margin-top: 1.2em;
    margin-bottom: 1.2em;
  }

  .xl\:prose-xl [class~="lead"]{
    font-size: 1.2em;
    line-height: 1.5;
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .xl\:prose-xl blockquote{
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-left: 1.0666667em;
  }

  .xl\:prose-xl h1{
    font-size: 2.8em;
    margin-top: 0;
    margin-bottom: 0.8571429em;
    line-height: 1;
  }

  .xl\:prose-xl h2{
    font-size: 1.8em;
    margin-top: 1.5555556em;
    margin-bottom: 0.8888889em;
    line-height: 1.1111111;
  }

  .xl\:prose-xl h3{
    font-size: 1.5em;
    margin-top: 1.6em;
    margin-bottom: 0.6666667em;
    line-height: 1.3333333;
  }

  .xl\:prose-xl h4{
    margin-top: 1.8em;
    margin-bottom: 0.6em;
    line-height: 1.6;
  }

  .xl\:prose-xl img{
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .xl\:prose-xl video{
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .xl\:prose-xl figure{
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .xl\:prose-xl figure > *{
    margin-top: 0;
    margin-bottom: 0;
  }

  .xl\:prose-xl figure figcaption{
    font-size: 0.9em;
    line-height: 1.5555556;
    margin-top: 1em;
  }

  .xl\:prose-xl code{
    font-size: 0.9em;
  }

  .xl\:prose-xl h2 code{
    font-size: 0.8611111em;
  }

  .xl\:prose-xl h3 code{
    font-size: 0.9em;
  }

  .xl\:prose-xl pre{
    font-size: 0.9em;
    line-height: 1.7777778;
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: 0.5rem;
    padding-top: 1.1111111em;
    padding-right: 1.3333333em;
    padding-bottom: 1.1111111em;
    padding-left: 1.3333333em;
  }

  .xl\:prose-xl ol{
    margin-top: 1.2em;
    margin-bottom: 1.2em;
  }

  .xl\:prose-xl ul{
    margin-top: 1.2em;
    margin-bottom: 1.2em;
  }

  .xl\:prose-xl li{
    margin-top: 0.6em;
    margin-bottom: 0.6em;
  }

  .xl\:prose-xl ol > li{
    padding-left: 1.8em;
  }

  .xl\:prose-xl ol > li::before{
    left: 0;
  }

  .xl\:prose-xl ul > li{
    padding-left: 1.8em;
  }

  .xl\:prose-xl ul > li::before{
    width: 0.35em;
    height: 0.35em;
    top: calc(0.9em - 0.175em);
    left: 0.25em;
  }

  .xl\:prose-xl > ul > li p{
    margin-top: 0.8em;
    margin-bottom: 0.8em;
  }

  .xl\:prose-xl > ul > li > *:first-child{
    margin-top: 1.2em;
  }

  .xl\:prose-xl > ul > li > *:last-child{
    margin-bottom: 1.2em;
  }

  .xl\:prose-xl > ol > li > *:first-child{
    margin-top: 1.2em;
  }

  .xl\:prose-xl > ol > li > *:last-child{
    margin-bottom: 1.2em;
  }

  .xl\:prose-xl ul ul, .xl\:prose-xl ul ol, .xl\:prose-xl ol ul, .xl\:prose-xl ol ol{
    margin-top: 0.8em;
    margin-bottom: 0.8em;
  }

  .xl\:prose-xl ul ul, .xl\:prose-xl ul ol, .xl\:prose-xl ol ul, .xl\:prose-xl ol ol{
    margin-top: 0.8em;
    margin-bottom: 0.8em;
  }

  .xl\:prose-xl ul ul, .xl\:prose-xl ul ol, .xl\:prose-xl ol ul, .xl\:prose-xl ol ol{
    margin-top: 0.8em;
    margin-bottom: 0.8em;
  }

  .xl\:prose-xl ul ul, .xl\:prose-xl ul ol, .xl\:prose-xl ol ul, .xl\:prose-xl ol ol{
    margin-top: 0.8em;
    margin-bottom: 0.8em;
  }

  .xl\:prose-xl hr{
    margin-top: 2.8em;
    margin-bottom: 2.8em;
  }

  .xl\:prose-xl hr + *{
    margin-top: 0;
  }

  .xl\:prose-xl h2 + *{
    margin-top: 0;
  }

  .xl\:prose-xl h3 + *{
    margin-top: 0;
  }

  .xl\:prose-xl h4 + *{
    margin-top: 0;
  }

  .xl\:prose-xl table{
    font-size: 0.9em;
    line-height: 1.5555556;
  }

  .xl\:prose-xl thead th{
    padding-right: 0.6666667em;
    padding-bottom: 0.8888889em;
    padding-left: 0.6666667em;
  }

  .xl\:prose-xl thead th:first-child{
    padding-left: 0;
  }

  .xl\:prose-xl thead th:last-child{
    padding-right: 0;
  }

  .xl\:prose-xl tbody td{
    padding-top: 0.8888889em;
    padding-right: 0.6666667em;
    padding-bottom: 0.8888889em;
    padding-left: 0.6666667em;
  }

  .xl\:prose-xl tbody td:first-child{
    padding-left: 0;
  }

  .xl\:prose-xl tbody td:last-child{
    padding-right: 0;
  }

  .xl\:prose-xl > :first-child{
    margin-top: 0;
  }

  .xl\:prose-xl > :last-child{
    margin-bottom: 0;
  }

  .xl\:top-header-desktop{
    top: 97px;
  }

  .xl\:mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .xl\:ml-auto{
    margin-left: auto;
  }

  .xl\:mr-20{
    margin-right: 5rem;
  }

  .xl\:ml-43{
    margin-left: 10.75rem;
  }

  .xl\:ml-30{
    margin-left: 7.5rem;
  }

  .xl\:mr-10{
    margin-right: 2.5rem;
  }

  .xl\:mb-0{
    margin-bottom: 0px;
  }

  .xl\:block{
    display: block;
  }

  .xl\:flex{
    display: flex;
  }

  .xl\:h-0{
    height: 0;
  }

  .xl\:h-40{
    height: 10rem;
  }

  .xl\:w-2\/3{
    width: 66.666667%;
  }

  .xl\:w-full{
    width: 100%;
  }

  .xl\:w-55{
    width: 13.75rem;
  }

  .xl\:max-w-64{
    max-width: 16rem;
  }

  .xl\:max-w-98{
    max-width: 24.5rem;
  }

  .xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:flex-row{
    flex-direction: row;
  }

  .xl\:items-center{
    align-items: center;
  }

  .xl\:gap-x-10{
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .xl\:border-r{
    border-right-width: 1px;
  }

  .xl\:border-b-0{
    border-bottom-width: 0px;
  }

  .xl\:px-27{
    padding-left: 6.75rem;
    padding-right: 6.75rem;
  }

  .xl\:pr-6{
    padding-right: 1.5rem;
  }

  .xl\:pb-2{
    padding-bottom: 0.5rem;
  }

  .xl\:pl-6{
    padding-left: 1.5rem;
  }

  .xl\:pt-2{
    padding-top: 0.5rem;
  }

  .xl\:pb-2\/3{
    padding-bottom: 66%;
  }

  .xl\:pl-30{
    padding-left: 7.5rem;
  }

  @media (min-width: 768px){
    .xl\:md\:w-1\/2{
      width: 50%;
    }
  }
}

@media (max-width: 1279px){
  .-xl\:pl-7{
    padding-left: 1.75rem;
  }
}

@media (min-width: 1440px){
  .\32xl\:mr-15{
    margin-right: 3.75rem;
  }

  .\32xl\:w-1\/2{
    width: 50%;
  }

  .\32xl\:px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .\32xl\:px-15{
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }

  .\32xl\:px-26{
    padding-left: 6.5rem;
    padding-right: 6.5rem;
  }

  .\32xl\:pb-2\/3{
    padding-bottom: 66%;
  }

  .\32xl\:pr-15{
    padding-right: 3.75rem;
  }
}

/* Force footer background on gear pages */
footer.bg-gear-background {
  background-color: #1f3631 !important;
}

/* Ensure header also respects the gear class */
header.bg-gear-background,
header.bg-gear {
  background-color: #1f3631 !important;
}
/* ================================
   COLLECTION GRID — white background, dark text
   ================================ */

body.template-collection .gallery {
  background-color: #f8f8fa !important;
  color: #111111;
}

/* Text inside filters + grid */
body.template-collection .gallery a,
body.template-collection .gallery label,
body.template-collection .gallery li,
body.template-collection .gallery .p,
body.template-collection .gallery .micro-alt,
body.template-collection .gallery .facets__summary,
body.template-collection .gallery .facets__heading {
  color: #111111 !important;
}

/* Checkbox + borders that were white */
body.template-collection .gallery .checkbox,
body.template-collection .gallery .border-white {
  border-color: #111111 !important;
}
/* =========================
   QUICK VIEW button (product card)
   ========================= */

/* Default state (WHITE cards): green outline + green text */
.btn-transparent-white-gear,
.btn-transparent-white-gear:link,
.btn-transparent-white-gear:visited {
  background: transparent !important;
  color: #1e3631 !important;
  border: 2px solid #1e3631 !important;
  box-shadow: none !important;
}

/* Hover / focus: ORANGE pill */
.btn-transparent-white-gear:hover,
.btn-transparent-white-gear:focus,
.btn-transparent-white-gear:focus-visible {
  background: #F15A29 !important;
  border-color: #F15A29 !important;
  color: #ffffff !important;
}

/* Icons follow text color */
.btn-transparent-white-gear svg {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* GREEN background cards: WHITE outline + WHITE text by default */
.bg-gear-background .btn-transparent-white-gear,
.bg-gear-background .btn-transparent-white-gear:link,
.bg-gear-background .btn-transparent-white-gear:visited {
  background: transparent !important; /* 👈 important */
  color: #ffffff !important;
  border-color: #ffffff !important;
}

/* GREEN background hover */
.bg-gear-background .btn-transparent-white-gear:hover,
.bg-gear-background .btn-transparent-white-gear:focus,
.bg-gear-background .btn-transparent-white-gear:focus-visible {
  background: #F15A29 !important;
  border-color: #F15A29 !important;
  color: #ffffff !important;
}

/* =========================================
   Installer Program Page – Reset List Font
   ========================================= */

body.page-adventure-wagon-installer-program .rte ul,
body.page-adventure-wagon-installer-program .rte ol,
body.page-adventure-wagon-installer-program .rte li {
  font-family: montserrat, sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.6 !important;
  text-transform: none !important;
}

/* Keep bullets normal */
body.page-adventure-wagon-installer-program .rte ul {
  list-style: disc outside !important;
}
/* GLOBAL BUTTON STYLE
   Makes all .btn buttons and Hero Flex buttons match the site button design */

a.btn,
button.btn,
input.btn,
.hero-flex-section .hf-btn{
  background-color:#f15a29; /* Adventure Wagon orange */
  color:#ffffff; /* white text */
  border-radius:8px; /* rounded corners */
  padding:16px 20px; /* button size */
  font-size:1.3rem; /* text size */
  font-family:"Bebas Neue",sans-serif; /* brand font */
  text-decoration:none;
  border:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px; /* spacing before arrow icons */
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}

/* BUTTON HOVER STATE */
a.btn:hover,
button.btn:hover,
input.btn:hover,
.hero-flex-section .hf-btn:hover{
  background-color:#d94e24; /* slightly darker orange */
  color:#ffffff;
}

.jfFeedbackButton {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}
/* ===== FIX BLOG / LINK ARROWS (but leave header + utility links alone) ===== */
.link.link-brand:not(.link-no-effect):not(header .link):not(.site-header .link):not(.header .link),
.link:not(.link-no-effect):not(header .link):not(.site-header .link):not(.header .link) {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
}

.link:not(.link-no-effect):not(header .link):not(.site-header .link):not(.header .link) .arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}

.link:not(.link-no-effect):not(header .link):not(.site-header .link):not(.header .link) .arrow svg,
.link:not(.link-no-effect):not(header .link):not(.site-header .link):not(.header .link) svg.icon-arrow {
  width: 18px !important;
  height: 18px !important;
  display: block;
  transform: none !important;
}
.footer-block--nav li.link {
  display: list-item;
}

.footer-block--nav li.link > a {
  display: inline-flex;
}