/*! tailwindcss v2.2.19 | 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;
}

/**
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:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  color: #9ca3af;
}

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

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

/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */

:-moz-focusring {
  outline: auto;
}

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

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

@media (min-width: 640px) {
  .container {
    max-width: 640px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

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

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

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
    padding-right: 0rem;
    padding-left: 0rem;
  }
}

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

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.bottom-0 {
  bottom: 0px;
}

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

.top-0 {
  top: 0px;
}

.bottom-3 {
  bottom: 0.75rem;
}

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

.-left-px {
  left: -1px;
}

.top-2\.5 {
  top: 0.625rem;
}

.top-2 {
  top: 0.5rem;
}

.top-3 {
  top: 0.75rem;
}

.left-2 {
  left: 0.5rem;
}

.top-1 {
  top: 0.25rem;
}

.right-2 {
  right: 0.5rem;
}

.right-8 {
  right: 2rem;
}

.bottom-2 {
  bottom: 0.5rem;
}

.right-2\.5 {
  right: 0.625rem;
}

.left-0 {
  left: 0px;
}

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

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

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

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

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

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

.order-1 {
  order: 1;
}

.order-3 {
  order: 3;
}

.order-2 {
  order: 2;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.float-left {
  float: left;
}

.clear-left {
  clear: left;
}

.m-0 {
  margin: 0px;
}

.m-5 {
  margin: 1.25rem;
}

.m-2 {
  margin: 0.5rem;
}

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

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

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

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

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

.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.my-2\.5 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

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

.my-0\.5 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.my-1\.5 {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}

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

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

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-2\.5 {
  margin-left: 0.625rem;
}

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

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

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

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

.ml-10 {
  margin-left: 2.5rem;
}

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

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

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

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

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

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

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

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

.mb-2\.5 {
  margin-bottom: 0.625rem;
}

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

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

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

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

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

.mb-14 {
  margin-bottom: 3.5rem;
}

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

.block {
  display: block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.h-4 {
  height: 1rem;
}

.h-2 {
  height: 0.5rem;
}

.h-72 {
  height: 18rem;
}

.h-1 {
  height: 0.25rem;
}

.h-10 {
  height: 2.5rem;
}

.h-60 {
  height: 15rem;
}

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

.h-9 {
  height: 2.25rem;
}

.h-16 {
  height: 4rem;
}

.h-screen {
  height: 100vh;
}

.h-px {
  height: 1px;
}

.h-4\/6 {
  height: 66.666667%;
}

.h-11 {
  height: 2.75rem;
}

.h-56 {
  height: 14rem;
}

.h-full {
  height: 100%;
}

.max-h-60 {
  max-height: 15rem;
}

.max-h-0 {
  max-height: 0px;
}

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

.min-h-100 {
  min-height: 100px;
}

.min-h-0 {
  min-height: 0px;
}

.min-h-400 {
  min-height: 400px;
}

.min-h-200 {
  min-height: 200px;
}

.w-4 {
  width: 1rem;
}

.w-2 {
  width: 0.5rem;
}

.w-full {
  width: 100%;
}

.w-10 {
  width: 2.5rem;
}

.w-auto {
  width: auto;
}

.w-64 {
  width: 16rem;
}

.w-px {
  width: 1px;
}

.w-8\/12 {
  width: 66.666667%;
}

.w-32 {
  width: 8rem;
}

.w-28 {
  width: 7rem;
}

.w-max {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.w-6 {
  width: 1.5rem;
}

.w-3 {
  width: 0.75rem;
}

.w-16 {
  width: 4rem;
}

.w-24 {
  width: 6rem;
}

.w-screen {
  width: 100vw;
}

.w-5\/6 {
  width: 83.333333%;
}

.w-3\/6 {
  width: 50%;
}

.w-10\/12 {
  width: 83.333333%;
}

.w-3\/12 {
  width: 25%;
}

.w-2\/6 {
  width: 33.333333%;
}

.w-11\/12 {
  width: 91.666667%;
}

.w-6\/12 {
  width: 50%;
}

.w-48 {
  width: 12rem;
}

.w-36 {
  width: 9rem;
}

.w-40 {
  width: 10rem;
}

.w-20 {
  width: 5rem;
}

.w-5 {
  width: 1.25rem;
}

.w-4\/12 {
  width: 33.333333%;
}

.min-w-min {
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
}

.min-w-max {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}

.max-w-max {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}

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

.max-w-2xl {
  max-width: 42rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-825 {
  max-width: 825px;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-xl {
  max-width: 36rem;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-min {
  max-width: -webkit-min-content;
  max-width: -moz-min-content;
  max-width: min-content;
}

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

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

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

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

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

.rotate-180 {
  --tw-rotate: 180deg;
  transform: var(--tw-transform);
}

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

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

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

.cursor-pointer {
  cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

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

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

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

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

.border {
  border-width: 1px;
}

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

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

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

.border-l {
  border-left-width: 1px;
}

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

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

.border-primary {
  --tw-border-opacity: 1;
  border-color: rgba(0, 56, 125, var(--tw-border-opacity));
}

.border-transparent {
  border-color: transparent;
}

.border-clear {
  --tw-border-opacity: 1;
  border-color: rgba(221, 221, 221, var(--tw-border-opacity));
}

.border-white {
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}

.border-sharp {
  --tw-border-opacity: 1;
  border-color: rgba(102, 102, 102, var(--tw-border-opacity));
}

.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
}

.border-opacity-40 {
  --tw-border-opacity: 0.4;
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 56, 125, var(--tw-bg-opacity));
}

.bg-deep {
  --tw-bg-opacity: 1;
  background-color: rgba(7, 84, 132, var(--tw-bg-opacity));
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}

.bg-red-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
}

.bg-secondary {
  --tw-bg-opacity: 1;
  background-color: rgba(237, 169, 6, var(--tw-bg-opacity));
}

.bg-soft {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 237, 53, var(--tw-bg-opacity));
}

.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}

.bg-opacity-40 {
  --tw-bg-opacity: 0.4;
}

.bg-opacity-20 {
  --tw-bg-opacity: 0.2;
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.from-soft {
  --tw-gradient-from: #F9ED35;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 237, 53, 0));
}

.from-white {
  --tw-gradient-from: #fff;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
}

.from-primary {
  --tw-gradient-from: #00387D;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 56, 125, 0));
}

.from-gray-100 {
  --tw-gradient-from: #f3f4f6;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
}

.from-deep {
  --tw-gradient-from: #075484;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(7, 84, 132, 0));
}

.via-soft {
  --tw-gradient-stops: var(--tw-gradient-from), #F9ED35, var(--tw-gradient-to, rgba(249, 237, 53, 0));
}

.via-deep {
  --tw-gradient-stops: var(--tw-gradient-from), #075484, var(--tw-gradient-to, rgba(7, 84, 132, 0));
}

.via-secondary {
  --tw-gradient-stops: var(--tw-gradient-from), #EDA906, var(--tw-gradient-to, rgba(237, 169, 6, 0));
}

.via-primary {
  --tw-gradient-stops: var(--tw-gradient-from), #00387D, var(--tw-gradient-to, rgba(0, 56, 125, 0));
}

.to-secondary {
  --tw-gradient-to: #EDA906;
}

.to-deep {
  --tw-gradient-to: #075484;
}

.to-white {
  --tw-gradient-to: #fff;
}

.to-gray-400 {
  --tw-gradient-to: #9ca3af;
}

.bg-size-200 {
  background-size: 200% 200%;
}

.bg-pos-0 {
  background-position: 0% 0%;
}

.p-0 {
  padding: 0px;
}

.p-1 {
  padding: 0.25rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-4 {
  padding: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

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

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

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

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

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

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

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

.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

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

.pt-10 {
  padding-top: 2.5rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

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

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

.pr-2 {
  padding-right: 0.5rem;
}

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

.pl-0\.5 {
  padding-left: 0.125rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pl-1\.5 {
  padding-left: 0.375rem;
}

.pl-20 {
  padding-left: 5rem;
}

.pl-24 {
  padding-left: 6rem;
}

.pl-16 {
  padding-left: 4rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pt-8 {
  padding-top: 2rem;
}

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

.pl-7 {
  padding-left: 1.75rem;
}

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

.pb-8 {
  padding-bottom: 2rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pl-8 {
  padding-left: 2rem;
}

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

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

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

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

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

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

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

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

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

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

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

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

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

.font-extralight {
  font-weight: 200;
}

.uppercase {
  text-transform: uppercase;
}

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

.leading-6 {
  line-height: 1.5rem;
}

.leading-7 {
  line-height: 1.75rem;
}

.leading-5 {
  line-height: 1.25rem;
}

.text-primary {
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

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

.text-secondary {
  --tw-text-opacity: 1;
  color: rgba(237, 169, 6, var(--tw-text-opacity));
}

.text-sharp {
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

.text-black {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.text-dark {
  --tw-text-opacity: 1;
  color: rgba(52, 40, 17, var(--tw-text-opacity));
}

.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-text-opacity));
}

.text-clear {
  --tw-text-opacity: 1;
  color: rgba(221, 221, 221, var(--tw-text-opacity));
}

.text-soft {
  --tw-text-opacity: 1;
  color: rgba(249, 237, 53, var(--tw-text-opacity));
}

.underline {
  text-decoration: underline;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-100 {
  opacity: 1;
}

.opacity-0 {
  opacity: 0;
}

.opacity-40 {
  opacity: 0.4;
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px 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;
}

.drop-shadow-xl {
  --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08));
  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);
}

.transition-all {
  transition-property: all;
  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-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.delay-1000 {
  transition-delay: 1000ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.duration-200 {
  transition-duration: 200ms;
}

.duration-150 {
  transition-duration: 150ms;
}

.duration-500 {
  transition-duration: 500ms;
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.alignfull {
  margin: 0.5rem calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
}

.alignwide {
  margin-left: -4rem;
  margin-right: -4rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  max-width: 1280px;
}

.alignnone {
  margin-left: 0px;
  margin-right: 0px;
  height: auto;
  max-width: 100%;
}

.aligncenter {
  margin: 0.5rem auto;
  display: block;
}

@media (min-width: 640px) {
  .alignleft:not(.wp-block-button) {
    margin-right: 0.5rem;
  }

  .alignleft:not(.wp-block-button) {
    float: left;
  }

  .alignright:not(.wp-block-button) {
    margin-left: 0.5rem;
  }

  .alignright:not(.wp-block-button) {
    float: right;
  }

  .wp-block-button.alignleft a {
    float: left;
  }

  .wp-block-button.alignleft a {
    margin-right: 1rem;
  }

  .wp-block-button.alignright a {
    float: right;
  }

  .wp-block-button.alignright a {
    margin-left: 1rem;
  }
}

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

.wp-caption img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.wp-caption-text {
  font-size: 0.875rem;
  color: #4b5563;
}

.zoom{
  zoom: 125%;
}

.special-gradient{
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, #F9ED35 15%, #EDA906 60%, rgba(0, 0, 0, 0) 95% );
}

.bspt-fittings{
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 80%, var(--bspt-fittings) );
}

.schedule-80-cpvc{
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 80%, var(--schedule-80-cpvc) );
}

.swing-joints{
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 80%, var(--swing-joints) );
}

.uvr-fittings{
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 80%, var(--uvr-fittings) );
}

.valvule-boxes{
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 80%, var(--valvule-boxes) );
}

.cpvc-copper-tube-size{
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 80%, var(--cpvc-copper-tube-size) );
}

.drainage{
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 80%, var(--drainage) );
}

.menu-icon{
  background: url("data:image/svg+xml,%3Csvg fill='%23FFF' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24px' height='24px'%3E%3Cpath d='M 2 5 L 2 7 L 22 7 L 22 5 L 2 5 z M 2 11 L 2 13 L 22 13 L 22 11 L 2 11 z M 2 17 L 2 19 L 22 19 L 22 17 L 2 17 z'/%3E%3C/svg%3E") top / 100% no-repeat;
}

.search-icon{
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 13.51 12.14'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:url(%23Gradiente_sem_nome_41);%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3ClinearGradient id='Gradiente_sem_nome_41' x1='9.01' y1='2.42' x2='13.51' y2='2.42' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.47' stop-color='%23f6e940'/%3E%3Cstop offset='0.6' stop-color='%23f5e43c'/%3E%3Cstop offset='0.74' stop-color='%23f3d62f'/%3E%3Cstop offset='0.9' stop-color='%23f0be1b'/%3E%3Cstop offset='1' stop-color='%23edaa09'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M10.69,4.84V2.92H9v-1h1.68V0H11.8V1.88h1.71v1H11.8V4.84Z'/%3E%3Cpath class='cls-2' d='M8.82,12.14H8.66a.69.69,0,0,1-.34-.22L6,9.63,6,9.58H6l0,0A3.69,3.69,0,0,1,.09,7.45C.05,7.27,0,7.08,0,6.9V6.4s0-.06,0-.09a5.68,5.68,0,0,1,.17-.82A3.7,3.7,0,1,1,7.08,8.14c-.12.27-.29.53-.44.81l.05,0,1.38,1.38,1,1a.46.46,0,0,1-.12.75ZM.92,6.64A2.78,2.78,0,1,0,3.71,3.87,2.79,2.79,0,0,0,.92,6.64Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") top / 80% no-repeat;
}

.search-icon-active{
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 13.51 12.14'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:url(%23Gradiente_sem_nome_41);%7D.cls-2%7Bfill:%23F9ED35;%7D%3C/style%3E%3ClinearGradient id='Gradiente_sem_nome_41' x1='9.01' y1='2.42' x2='13.51' y2='2.42' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.47' stop-color='%23f6e940'/%3E%3Cstop offset='0.6' stop-color='%23f5e43c'/%3E%3Cstop offset='0.74' stop-color='%23f3d62f'/%3E%3Cstop offset='0.9' stop-color='%23f0be1b'/%3E%3Cstop offset='1' stop-color='%23edaa09'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M10.69,4.84V2.92H9v-1h1.68V0H11.8V1.88h1.71v1H11.8V4.84Z'/%3E%3Cpath class='cls-2' d='M8.82,12.14H8.66a.69.69,0,0,1-.34-.22L6,9.63,6,9.58H6l0,0A3.69,3.69,0,0,1,.09,7.45C.05,7.27,0,7.08,0,6.9V6.4s0-.06,0-.09a5.68,5.68,0,0,1,.17-.82A3.7,3.7,0,1,1,7.08,8.14c-.12.27-.29.53-.44.81l.05,0,1.38,1.38,1,1a.46.46,0,0,1-.12.75ZM.92,6.64A2.78,2.78,0,1,0,3.71,3.87,2.79,2.79,0,0,0,.92,6.64Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") top / 80% no-repeat;
}

.tel-icon{
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.03 31.1'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M6.4,0A3.67,3.67,0,0,1,8.1.74c.07.06.14.11.21.18,1.39,1.39,2.8,2.78,4.18,4.19A2.93,2.93,0,0,1,13,8.78,2.65,2.65,0,0,1,11.6,9.91a3.06,3.06,0,0,0-1.89,1.68,2.57,2.57,0,0,0-.12,1.75,10.45,10.45,0,0,0,2.32,4.08,14.18,14.18,0,0,0,4.41,3.51,3.94,3.94,0,0,0,2.3.54A2.78,2.78,0,0,0,21,19.73a3.24,3.24,0,0,1,1.3-1.7,2.87,2.87,0,0,1,3.39.3c.85.77,1.65,1.61,2.47,2.43s1.51,1.46,2.2,2.25a3,3,0,0,1,.13,3.64,4.45,4.45,0,0,1-.53.62c-.81.83-1.66,1.64-2.46,2.48a4.34,4.34,0,0,1-3.11,1.35,10.39,10.39,0,0,1-3.75-.65,25,25,0,0,1-6.58-3.52,42.75,42.75,0,0,1-8.9-8.56,27.12,27.12,0,0,1-4.48-7.9A10.32,10.32,0,0,1,0,6.54,4.33,4.33,0,0,1,1.34,3.48c.75-.7,1.47-1.43,2.17-2.17A3.75,3.75,0,0,1,5.73,0Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center / 80% no-repeat;
}

.border-b-gradient{
  border-image-source: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), #F9ED35, #F9ED35, #EDA906, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  border-bottom: 10px solid;
  border-image-slice: 1;
  border-bottom-width: 5px;
}

.shadow-x{
  box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.4);
}

.shadow-max{
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}

.shadow-b-max{
  box-shadow: 0px 10px 10px rgb(0 0 0 / 0.3);
}

@media (min-width: 640px) {
  body{
    zoom: 125%;
  }
}

a {
  cursor: pointer;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

input[type="button"], input[type="submit"] {
  cursor: pointer;
}

header{
  background:  url("../img/bg-draw.jpg") center bottom / clamp( 700px, 100%, 1280px)no-repeat, linear-gradient(to bottom, #2AC5F4, #00387D);
  background-blend-mode: overlay;
}

input[type="text"], select, textarea {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

input[type="text"]:focus, select:focus, textarea:focus {
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(0, 56, 125, var(--tw-ring-opacity));
}

label {
  position: relative;
}

label input[type="radio"] {
  margin-right: 1rem;
  display: grid;
  height: 1rem;
  width: 1rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  place-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(0, 56, 125, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

label input[type="radio"]::before{
  content: "";
  height: 0.5rem;
  width: 0.5rem;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: var(--tw-transform);
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 56, 125, var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 200ms
}

label input[type="radio"]:checked::before {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: var(--tw-transform);
}

.cookieinfo{
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}

.cookieinfo-close {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #F9ED35;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 237, 53, 0));
  --tw-gradient-to: #EDA906;
  border-radius: 0 !important;
}

.banner {
  min-height: 100px;
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.swiper {
  height: 18rem;
}

.swiper-pagination {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.swiper-pagination  .swiper-pagination-bullet {
  height: 0.25rem;
  width: 2.5rem;
  border-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  opacity: 0.5;
}

.swiper-pagination .swiper-pagination-bullet-active {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #F9ED35;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 237, 53, 0));
  --tw-gradient-stops: var(--tw-gradient-from), #F9ED35, var(--tw-gradient-to, rgba(249, 237, 53, 0));
  --tw-gradient-to: #EDA906;
  opacity: 1;
}

.swiper-wrapper {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.swiper-slide {
  position: relative;
  display: flex;
  max-height: 15rem;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.swiper-slide .banner-img {
  position: absolute;
  bottom: 0px;
  z-index: 0;
  width: auto;
}

@media (min-width: 640px) {
  .swiper-slide .banner-img {
    width: 100%;
  }
}

.swiper-wrapper .title {
  position: relative;
  z-index: 20;
  margin-left: 1.75rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  text-transform: uppercase;
}

.swiper-wrapper .subtitle {
  position: relative;
  z-index: 20;
  margin-left: 1.75rem;
  width: 16rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.swiper-wrapper .subtitle li {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  display: inline;
}

.swiper-wrapper .subtitle li::before{
  content: "\2022";
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-left: -0.25rem;
  width: 1px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(237, 169, 6, var(--tw-text-opacity))
}

.swiper-wrapper p {
  position: relative;
  z-index: 20;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  margin-left: 1.75rem;
  width: 66.666667%;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgba(237, 169, 6, var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .swiper-wrapper p {
    width: 33.333333%;
  }
}

.swiper-wrapper a {
  position: relative;
  z-index: 20;
  margin-left: 1.75rem;
  display: flex;
  width: 8rem;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #F9ED35;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 237, 53, 0));
  --tw-gradient-stops: var(--tw-gradient-from), #F9ED35, var(--tw-gradient-to, rgba(249, 237, 53, 0));
  --tw-gradient-to: #EDA906;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.swiper-wrapper a:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: var(--tw-transform);
}

.swiper-wrapper .madeinusa {
  margin-left: 1.75rem;
  margin-top: 0.75rem;
  width: 5rem !important;
}

.swiper-pagination a {
  position: relative;
  z-index: 20;
  margin-left: 1.25rem;
  margin-top: 0.75rem;
  display: block;
  width: 7rem;
  white-space: nowrap;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #F9ED35;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 237, 53, 0));
  --tw-gradient-stops: var(--tw-gradient-from), #F9ED35, var(--tw-gradient-to, rgba(249, 237, 53, 0));
  --tw-gradient-to: #EDA906;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.swiper-pagination a:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: var(--tw-transform);
}

.main-menu-item{
  border-image-source: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  border-bottom: 10px solid;
  border-image-slice: 1;
  border-bottom-width: 5px;
  display: block;
  cursor: pointer;
  padding-bottom: 0.25rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.active-menu-item, .active-menu-link {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .active-menu-item, .active-menu-link{
    border-image-source: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), #F9ED35, #F9ED35, #EDA906, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    border-bottom: 10px solid;
    border-image-slice: 1;
    border-bottom-width: 5px;
  }
}

.active-menu-link {
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .active-menu-link {
    --tw-text-opacity: 1;
    color: rgba(102, 102, 102, var(--tw-text-opacity));
  }
}

ul:not(.open) .active-menu-link {
  --tw-text-opacity: 1;
  color: rgba(249, 237, 53, var(--tw-text-opacity));
}

.main-menu-item:hover {
  --tw-text-opacity: 1;
  color: rgba(249, 237, 53, var(--tw-text-opacity));
}

.open .main-menu-item:hover {
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

#main-menu-search {
  top: -0.25rem;
  height: 2.5rem;
  width: 2.5rem;
  background: url("data:image/svg+xml,%3Csvg fill='%23FFF' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24px' height='24px'%3E%3Cpath d='M 2 5 L 2 7 L 22 7 L 22 5 L 2 5 z M 2 11 L 2 13 L 22 13 L 22 11 L 2 11 z M 2 17 L 2 19 L 22 19 L 22 17 L 2 17 z'/%3E%3C/svg%3E") top / 100% no-repeat;
}

@media (min-width: 640px) {
  #main-menu-search{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 13.51 12.14'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:url(%23Gradiente_sem_nome_41);%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3ClinearGradient id='Gradiente_sem_nome_41' x1='9.01' y1='2.42' x2='13.51' y2='2.42' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.47' stop-color='%23f6e940'/%3E%3Cstop offset='0.6' stop-color='%23f5e43c'/%3E%3Cstop offset='0.74' stop-color='%23f3d62f'/%3E%3Cstop offset='0.9' stop-color='%23f0be1b'/%3E%3Cstop offset='1' stop-color='%23edaa09'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M10.69,4.84V2.92H9v-1h1.68V0H11.8V1.88h1.71v1H11.8V4.84Z'/%3E%3Cpath class='cls-2' d='M8.82,12.14H8.66a.69.69,0,0,1-.34-.22L6,9.63,6,9.58H6l0,0A3.69,3.69,0,0,1,.09,7.45C.05,7.27,0,7.08,0,6.9V6.4s0-.06,0-.09a5.68,5.68,0,0,1,.17-.82A3.7,3.7,0,1,1,7.08,8.14c-.12.27-.29.53-.44.81l.05,0,1.38,1.38,1,1a.46.46,0,0,1-.12.75ZM.92,6.64A2.78,2.78,0,1,0,3.71,3.87,2.79,2.79,0,0,0,.92,6.64Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") top / 80% no-repeat;
  }

  #main-menu-search:hover{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 13.51 12.14'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:url(%23Gradiente_sem_nome_41);%7D.cls-2%7Bfill:%23F9ED35;%7D%3C/style%3E%3ClinearGradient id='Gradiente_sem_nome_41' x1='9.01' y1='2.42' x2='13.51' y2='2.42' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.47' stop-color='%23f6e940'/%3E%3Cstop offset='0.6' stop-color='%23f5e43c'/%3E%3Cstop offset='0.74' stop-color='%23f3d62f'/%3E%3Cstop offset='0.9' stop-color='%23f0be1b'/%3E%3Cstop offset='1' stop-color='%23edaa09'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M10.69,4.84V2.92H9v-1h1.68V0H11.8V1.88h1.71v1H11.8V4.84Z'/%3E%3Cpath class='cls-2' d='M8.82,12.14H8.66a.69.69,0,0,1-.34-.22L6,9.63,6,9.58H6l0,0A3.69,3.69,0,0,1,.09,7.45C.05,7.27,0,7.08,0,6.9V6.4s0-.06,0-.09a5.68,5.68,0,0,1,.17-.82A3.7,3.7,0,1,1,7.08,8.14c-.12.27-.29.53-.44.81l.05,0,1.38,1.38,1,1a.46.46,0,0,1-.12.75ZM.92,6.64A2.78,2.78,0,1,0,3.71,3.87,2.79,2.79,0,0,0,.92,6.64Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") top / 80% no-repeat;
  }
}

.open #main-menu-search{
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 13.51 12.14'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:url(%23Gradiente_sem_nome_41);%7D.cls-2%7Bfill:%2300387D;%7D%3C/style%3E%3ClinearGradient id='Gradiente_sem_nome_41' x1='9.01' y1='2.42' x2='13.51' y2='2.42' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.47' stop-color='%23f6e940'/%3E%3Cstop offset='0.6' stop-color='%23f5e43c'/%3E%3Cstop offset='0.74' stop-color='%23f3d62f'/%3E%3Cstop offset='0.9' stop-color='%23f0be1b'/%3E%3Cstop offset='1' stop-color='%23edaa09'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M10.69,4.84V2.92H9v-1h1.68V0H11.8V1.88h1.71v1H11.8V4.84Z'/%3E%3Cpath class='cls-2' d='M8.82,12.14H8.66a.69.69,0,0,1-.34-.22L6,9.63,6,9.58H6l0,0A3.69,3.69,0,0,1,.09,7.45C.05,7.27,0,7.08,0,6.9V6.4s0-.06,0-.09a5.68,5.68,0,0,1,.17-.82A3.7,3.7,0,1,1,7.08,8.14c-.12.27-.29.53-.44.81l.05,0,1.38,1.38,1,1a.46.46,0,0,1-.12.75ZM.92,6.64A2.78,2.78,0,1,0,3.71,3.87,2.79,2.79,0,0,0,.92,6.64Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") top / 80% no-repeat;
}

p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

p>a {
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

p>a:hover {
  --tw-text-opacity: 1;
  color: rgba(237, 169, 6, var(--tw-text-opacity));
}

.menu-index>li, .menu-active {
  position: relative;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  cursor: pointer;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.menu-index>li:hover, .menu-active:hover {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #fff;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  --tw-gradient-stops: var(--tw-gradient-from), #F9ED35, var(--tw-gradient-to, rgba(249, 237, 53, 0));
  --tw-gradient-to: #fff;
}

.menu-active {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #fff;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  --tw-gradient-stops: var(--tw-gradient-from), #F9ED35, var(--tw-gradient-to, rgba(249, 237, 53, 0));
  --tw-gradient-to: #fff;
}

.menu-index>li>h3 {
  margin-bottom: -0.5rem;
  font-weight: 500;
}

.menu-index>li>span {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

#menu-container>div {
  margin-top: 0.5rem;
  height: 15rem;
  width: 100%;
  flex-direction: column;
  flex-wrap: wrap;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

@media (min-width: 640px) {
  #menu-container>div {
    margin-top: 0px;
  }
}

#menu-container>div>h3 {
  margin-bottom: 0.5rem;
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

#menu-container>div>a {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

.breadcrumbs {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  width: 100%;
  flex-direction: row;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .breadcrumbs {
    max-width: 48rem;
  }

  .breadcrumbs {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.breadcrumbs li {
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.breadcrumbs li a {
  white-space: nowrap;
}

.breadcrumbs li a:hover {
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

.breadcrumbs li:last-child {
  font-weight: 500;
}

@media (min-width: 640px) {
  .breadcrumbs.product-page li:last-child {
    display: block;
  }
}

.breadcrumbs li::before{
  content: ">";
  width: 5px;
  height: 5px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.breadcrumbs li:first-child::before{
  display: none;
}

.boxes>div {
  position: relative;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  width: 16rem;
  --tw-bg-opacity: 1;
  background-color: rgba(7, 84, 132, var(--tw-bg-opacity));
  padding-bottom: 5rem;
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px 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);
}

@media (min-width: 640px) {
  .boxes>div {
    margin: 0.75rem;
  }

  .boxes>div {
    width: 33.333333%;
  }
}

.boxes>div{
  box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.7);
}

.boxes>div>img {
  height: 10rem;
  width: 100%;
}

.boxes>div>h4 {
  position: absolute;
  top: 0px;
  z-index: 10;
  display: flex;
  min-height: 0px;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-align: center;
  vertical-align: middle;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 300;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.boxes>div>h4:hover {
  padding-top: 3.5rem;
  padding-bottom: 2.5rem;
}

.boxes>div>h4 span {
  font-weight: 500;
}

.boxes>div>span {
  z-index: 50;
  display: block;
  display: flex;
  height: 50%;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.boxes>div>span>p {
  padding: 0px;
  text-align: justify;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 200;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.boxes>div>span>a {
  position: absolute;
  bottom: 0.75rem;
  left: 50%;
  display: block;
  width: 7rem;
  --tw-translate-x: -50%;
  transform: var(--tw-transform);
  white-space: nowrap;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #F9ED35;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 237, 53, 0));
  --tw-gradient-stops: var(--tw-gradient-from), #F9ED35, var(--tw-gradient-to, rgba(249, 237, 53, 0));
  --tw-gradient-to: #EDA906;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.boxes>div>span>a:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: var(--tw-transform);
}

.transition-bar {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #F9ED35;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 237, 53, 0));
  --tw-gradient-stops: var(--tw-gradient-from), #F9ED35, var(--tw-gradient-to, rgba(249, 237, 53, 0));
  --tw-gradient-to: #EDA906;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 640px) {
  .transition-bar {
    opacity: 1;
  }
}

@media (min-width: 1024px) {
  .transition-bar{
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, #F9ED35 15%, #EDA906 60%, rgba(0, 0, 0, 0) 95% );
  }
}

.highlights>div {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  display: flex;
  width: 16rem;
  flex-direction: column;
  justify-content: space-between;
  --tw-bg-opacity: 0.4;
  background-size: 200% 200%;
  background-position: 0% 0%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.highlights>div:hover {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: #fff;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
  --tw-gradient-to: #F9ED35;
  background-position: 50% 50%;
}

@media (min-width: 640px) {
  .highlights>div {
    width: 33.333333%;
  }
}

.highlights>div>h4 {
  display: flex;
  flex-direction: column;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-align: left;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 300;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

.highlights>div>h4>span {
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(7, 84, 132, var(--tw-text-opacity));
}

.highlights>div>span::first-letter{
  margin-left: 5px;
}

.highlights>div>span {
  width: 100%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: justify;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.highlights>div>a, .announcements a {
  margin-bottom: 0.75rem;
  margin-top: 1.25rem;
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 500;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

.highlights>div>a:hover, .announcements a:hover {
  --tw-text-opacity: 1;
  color: rgba(7, 84, 132, var(--tw-text-opacity));
}

.highlights a::after, .announcements a::after{
  content: "";
  background: url("data:image/svg+xml,%3Csvg width='16' height='26' viewBox='0 0 16 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1857 1.5L2.50001 13.1857L13.8143 24.5' stroke='%23F9ED35' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  display: block;
  height: 1rem;
  width: 1rem;
  --tw-rotate: 180deg;
  transform: var(--tw-transform);
}

header .header-social a{
  display: block;
  height: 1.5rem;
}

footer {
  position: relative;
  clear: both;
}

footer .header-social a{
  display: block;
  height: 1rem;
}

footer .footer-gradient {
  z-index: 0;
  height: 2.25rem;
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: #00387D;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 56, 125, 0));
  --tw-gradient-stops: var(--tw-gradient-from), #075484, var(--tw-gradient-to, rgba(7, 84, 132, 0));
  --tw-gradient-to: #075484;
}

.youtube{
  transform: scale(1.2);
  background: url("data:image/svg+xml,%3Csvg id='Camada_1' data-name='Camada 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23000000;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eczytb%3C/title%3E%3Cpath class='cls-1' d='M1023.76,345.17c0-18-1.73-35.72-6.28-53.14-23.06-88.34-97.79-145.32-192.31-145.67-104.5-.39-209-.09-313.51-.09q-153.63,0-307.27,0c-13.31,0-26.66-.24-39.85,2.1C65.68,166,.18,243.91.07,344.37Q-.11,511.74,0,679.12a202.29,202.29,0,0,0,3.45,39.73C22.41,814.11,99,876.69,198,877.34c68.7.46,137.4.09,206.1.09,139.89,0,279.8-1.24,419.67.4C934.3,879.12,1025.13,792,1024,677.41,1022.88,566.67,1023.73,455.92,1023.76,345.17ZM377.66,668.43V355.26l269.1,156.91Z'/%3E%3C/svg%3E") no-repeat center;
  background-size: 100%;
}

.facebook{
  background: url("data:image/svg+xml,%3Csvg id='Camada_1' data-name='Camada 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23000;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eczfbg%3C/title%3E%3Cpath class='cls-1' d='M512.45,1C794.4.93,1023.23,229.82,1023,511.71S793.75,1022.46,512,1022,2.32,793.38,2,511.83C1.74,230,230.51,1.07,512.45,1ZM366.55,430.13V535.39h87V794.24h103V533.91h11.9c23.06,0,46.13-.26,69.18.14,7.44.13,10.86-1.69,11.23-9.79.53-11.3,2.5-22.52,3.73-33.78,2.1-19.34,4.1-38.68,6.27-59.18H557.63c0-23.94-.07-46.88,0-69.82.1-28,12.93-40.65,41-40.65h59.82v-93H564.9c-58.22,0-110.43,51.8-110.59,109.75-.07,24.57,0,49.14,0,73.71v18.87Z'/%3E%3C/svg%3E") no-repeat center;
  background-size: 100%;
}

.twitter{
  background: url("data:image/svg+xml,%3Csvg id='Camada_1' data-name='Camada 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23000000;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Ecztwtg%3C/title%3E%3Cpath class='cls-1' d='M1.29,836c112.43,9.83,214.14-17.45,306.43-86.56C212,739.32,146,693.14,110,602.73c32,3.63,61.7,4.44,90.9-4.19C142.4,582.9,96.73,550.68,65.58,499.18c-19.92-32.94-29.53-68.72-29.7-108.9,29.24,14.58,58.13,24.47,93.28,24.85-46.38-33.9-75.65-75.67-87.06-128.72-11.33-52.65-3.59-102.47,23.65-150.85C181.37,269.38,326.63,342.25,504.17,354.77c-6.93-34.56-6.64-67.21,1.64-99.67C545.55,99.29,738.33,43.26,856.25,153.58c7.67,7.17,14,8.64,23.67,6.1A498.36,498.36,0,0,0,987,118.34c3.35-1.77,6.8-3.35,12.46-6.13-17,49.38-46.79,85.88-87.66,115.66,18.73-4.05,37.68-7.33,56.14-12.36,18.74-5.11,37-11.93,57.7-15.9-15.92,18.82-31.1,38.33-48,56.26-14.42,15.3-30.55,29.07-46.48,42.89-5.46,4.74-8,9-8,16.57,1.15,187.37-67.5,345.25-207.31,471.17-87.28,78.6-191.67,122.41-308.46,137.29-115.43,14.7-226.91.81-333.29-47C49,865.47,24.86,851.74.26,839.11Z'/%3E%3C/svg%3E") no-repeat center;
  background-size: 100%;
}

.instagram{
  background: url("data:image/svg+xml,%3Csvg id='Camada_1' data-name='Camada 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23000000;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eczigg%3C/title%3E%3Cpath class='cls-1' d='M1024.5,300V724c-1.34,9.48-2.56,19-4,28.43C1007.73,833.52,969.29,900.3,906,952.11c-60.56,49.56-130.94,72.06-209,71.89q-183.95-.4-367.88,0c-65.56.13-126.6-15.32-181.74-51.4C79.68,928.34,34.18,867.38,12.72,789.35,6.85,768,4.48,745.77.5,724V300A69.76,69.76,0,0,0,2,292.36c3.47-41.25,14.24-80.51,33.47-117.15C79,92.31,145.57,37.13,236,12c21-5.83,43-8.12,64.5-12h424a25,25,0,0,0,4.76,1.31c53.82,4,103.49,20.61,148.61,50.16,67.57,44.26,113,105.19,134.42,183.16C1018.15,255.92,1020.53,278.17,1024.5,300ZM512.34,96c-62.33,0-124.66-.35-187,.23-17.22.17-34.84,1.27-51.56,5.1C166.7,125.87,96.67,214.26,96.54,324.15q-.24,188,0,376c0,25.48,3.2,50.54,11.73,74.63C141.81,869.6,224,927.79,324.67,927.9q188,.21,376-.19c16.88-.06,34.16-1.33,50.56-5.09,107.08-24.58,177.12-113,177.25-222.84q.24-188,0-375.95c0-25.49-3.2-50.54-11.73-74.64C883.19,154.33,801,96.21,700.33,96Q606.32,95.84,512.34,96Z'/%3E%3Cpath class='cls-1' d='M768.46,510.62C769.85,651,654.85,767,513.34,767.91,373,768.8,258,654.71,256.54,513.31,255.15,372.89,370.15,256.91,511.66,256,652,255.13,767.05,369.22,768.46,510.62Zm-96,1.73c.25-87.69-71.24-159.76-159.07-160.34-88-.59-160.6,71.39-160.87,159.54-.27,87.64,71.3,159.78,159.07,160.37C599.58,672.51,672.21,600.45,672.47,512.35Z'/%3E%3Cpath class='cls-1' d='M753.89,235.5c.64-18.53,16.3-33.36,34.6-32.77,18.93.6,34.15,16.78,33.24,35.33a33.93,33.93,0,0,1-35.8,32.5A33.47,33.47,0,0,1,753.89,235.5Z'/%3E%3C/svg%3E") no-repeat center;
  background-size: 100%;
}

.linkedin{
  background: url("data:image/svg+xml,%3Csvg id='Camada_1' data-name='Camada 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23000000;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eczing%3C/title%3E%3Cpath class='cls-1' d='M511.75,0C229,0-.25,229.23-.25,512s229.23,512,512,512,512-229.23,512-512S794.52,0,511.75,0Zm-154,754.64c0,8.53-3.4,11-11.26,10.92-34.36-.2-68.72-.25-103.08,0-8.48.07-11.39-2.58-11.33-11.49.4-58.05.2-116.1.2-174.14s.22-116.1-.21-174.14c-.07-9.45,3-11.71,11.91-11.59q51,.7,102.08,0c8.5-.11,11.73,2.09,11.71,11.1Q357.37,580,357.71,754.64Zm-1.78-440.27c-13.69,23.29-35.83,31.44-61.66,31.71-36.82-.12-63.12-21.19-68.21-54.39-6.12-39.9,20.48-65.53,47.88-72.39,32.86-8.23,66.52,2.61,81.19,27.79C368,269.12,369,292.1,355.93,314.37ZM797.36,764.46c-3.6.34-7.2,1-10.8,1-33.36.08-66.73-.23-100.09.22-9.9.13-13.27-2.93-13.24-13.13q.33-100.1-.51-200.19c-.17-17.85-4.69-35-16.74-49.13-20.18-23.64-61.16-24.67-85.6-2C556.05,514.49,548,530.77,548,550.7q0,100.09-.17,200.19c0,14.49,0,14.57-14.35,14.59-33,0-66.07-.18-99.1.13-8.65.09-12.18-2-12.15-11.71q.53-174.18.05-348.34c0-8.7,2.19-11.47,11.15-11.33,34.7.5,69.4.42,104.1,0,8-.09,10.67,2.6,10.39,10.34-.41,11.6-.1,23.23-.1,36,8.74-9.26,16-18.3,24.6-25.81,26-22.74,57-29.89,90.91-28.79,33.6,1.09,63.58,11,88.36,34.11C779.41,446,794.58,479.3,795.8,516c2.72,81.62,1.92,163.36,2.53,245C798.34,761.65,798,762.28,797.36,764.46Z'/%3E%3C/svg%3E") no-repeat center;
  background-size: 100%;
}

.pinterest{
  background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 999.9 999.9'%3E%3Cpath d='M0 500c2.6-141.9 52.7-260.4 150.4-355.4S364.6 1.3 500 0c145.8 2.6 265.3 52.4 358.4 149.4 93.1 97 140.3 213.9 141.6 350.6-2.6 140.6-52.7 258.8-150.4 354.5-97.7 95.6-214.2 144.1-349.6 145.4-46.9 0-93.7-7.2-140.6-21.5 9.1-14.3 18.2-30.6 27.3-48.8 10.4-22.1 23.4-63.8 39.1-125 3.9-16.9 9.8-39.7 17.6-68.4 9.1 15.6 24.7 29.9 46.9 43 58.6 27.3 120.4 24.7 185.5-7.8 67.7-39.1 114.6-99.6 140.6-181.6 23.4-85.9 20.5-165.7-8.8-239.2C778.3 277 725.9 224 650.4 191.4c-95-27.3-187.5-24.4-277.3 8.8s-152.3 90.2-187.5 170.9C176.5 401 171 430.7 169 460c-2 29.3-1 57.9 2.9 85.9s13.7 53.1 29.3 75.2 36.5 39.1 62.5 50.8c6.5 2.6 11.7 2.6 15.6 0 5.2-2.6 10.4-13 15.6-31.2 5.2-18.2 7.2-30.6 5.9-37.1-1.3-2.6-3.9-7.2-7.8-13.7-27.3-44.3-36.5-90.8-27.3-139.6 9.1-48.8 29.3-90.2 60.5-124 48.2-43 104.5-66.4 168.9-70.3 64.4-3.9 119.5 13.7 165 52.7 24.7 28.6 40.7 63.1 47.8 103.5s7.2 79.1 0 116.2c-7.2 37.1-19.9 71.9-38.1 104.5-32.6 50.8-71 76.8-115.2 78.1-26-1.3-47.2-11.4-63.5-30.3s-21.2-40.7-14.6-65.4c2.6-14.3 10.4-42.3 23.4-84 13-41.7 20.2-72.9 21.5-93.7-3.9-49.5-26.7-74.9-68.4-76.2-32.6 3.9-56.6 18.6-72.3 43.9s-24.1 54.4-25.4 86.9c3.9 37.8 9.8 63.8 17.6 78.1-14.3 58.6-25.4 105.5-33.2 140.6-2.6 9.1-9.8 37.1-21.5 84s-18.2 82.7-19.5 107.4V957C206.3 914 133.3 851.9 80 770.5 26.7 689.1 0 598.9 0 500z'/%3E%3C/svg%3E") no-repeat center;
  background-size: 100%;
}

.header-social a{
  filter: invert(87%) sepia(5%) saturate(232%) hue-rotate(202deg) brightness(98%) contrast(86%);
}

.header-social a:hover{
  filter: invert(91%) sepia(33%) saturate(997%) hue-rotate(350deg) brightness(103%) contrast(95%);
}

.arrow-down::after{
  content: "";
  position: absolute;
  background: url("data:image/svg+xml,%3Csvg width='16' height='26' viewBox='0 0 16 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1857 1.5L2.50001 13.1857L13.8143 24.5' stroke='%2300387D' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  z-index: 30;
  width: 10px;
  height: 10px;
  right: 5px;
  top: 32%;
  transform: rotate(270deg);
}

.arrow-right::after{
  content: "";
  position: absolute;
  background: url("data:image/svg+xml,%3Csvg width='16' height='26' viewBox='0 0 16 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1857 1.5L2.50001 13.1857L13.8143 24.5' stroke='%2300387D' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  z-index: 30;
  width: 15px;
  height: 15px;
  right: 15px;
  top: 36%;
  transform: rotate(180deg);
}

.arrow-right-active::after{
  content: "";
  position: absolute;
  background: url("data:image/svg+xml,%3Csvg width='16' height='26' viewBox='0 0 16 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1857 1.5L2.50001 13.1857L13.8143 24.5' stroke='%23F9ED35' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  z-index: 30;
  width: 15px;
  height: 15px;
  right: 15px;
  top: 36%;
  transform: rotate(180deg);
}

.search::before{
  content: "";
  position: absolute;
  height: 16px;
  left: 5px;
  top: 14px;
  bottom: 0;
  width: 20px;
  background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.9 19.9'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23075484;opacity:0.79;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M19.08,19.9h-.35a1.69,1.69,0,0,1-.73-.49l-4.94-4.95-.13-.12h0l-.07.05A7.91,7.91,0,0,1,6.5,15.86,8,8,0,0,1,.19,9.73C.11,9.34.06,8.94,0,8.55V7.46a1.62,1.62,0,0,1,0-.19A15.63,15.63,0,0,1,.41,5.49a8,8,0,1,1,14.91,5.75c-.27.58-.62,1.13-1,1.74a.43.43,0,0,1,.12.09l3,3c.71.71,1.43,1.42,2.13,2.13a1,1,0,0,1-.27,1.63ZM2,8A6,6,0,1,0,8,2,6,6,0,0,0,2,8Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}

.brochures-page>div::before{
  content: "";
  width: 48px;
  height: 50px;
  display: block;
  position: absolute;
  left: -2px;
}

.pdf::before{
  background: url("data:image/svg+xml,%3Csvg id='Camada_1' data-name='Camada 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2300478c;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eczpdfico%3C/title%3E%3Cpath class='cls-1' d='M110.45,1024c-14-6.75-18.17-18.07-18.13-33.28q.51-247.46.22-494.91c0-18.57,8.51-29.44,23.37-30.06,12.58-.53,22.71,7.18,25.08,19.63a74.21,74.21,0,0,1,.89,13.92q.06,230.46,0,460.91v13.66H743.54v-87.7H263.74c-24.44,0-32.07-7.68-32.07-32.39q0-326.43,0-652.88V187.47H141.92v11.07q0,63,0,126a80.93,80.93,0,0,1-.34,10c-1.75,13.68-11.93,22.94-24.75,22.72a24.15,24.15,0,0,1-24.1-24.41q-.43-85.49,0-171c.09-14.31,10.76-23.74,25.49-23.82,33.66-.17,67.32-.06,101-.06h11.93c.19-4.13.49-7.69.49-11.26,0-32.32,0-64.65.05-97,.07-20.91,8.92-29.58,30-29.58q228,0,455.91-.13c10.3,0,18.53,2.93,26.19,9.87q87.75,79.58,176,158.67c8.9,8,12.67,17,12.66,28.88q-.28,328.94-.14,657.88c0,22.25-8.6,30.85-30.73,30.86-35.63,0-71.26,0-107.89,0-.19,4.16-.48,7.72-.48,11.29,0,31.66-.44,63.33.15,95,.29,15-4.54,25.89-18.94,31.56ZM281.35,50V836.49h600.8V215.6H870.62q-70.49,0-141,0c-22,0-31-9-31-30.92q-.06-62,0-124V50Zm561.7,115.72L748.62,80.59v85.14Z'/%3E%3Cpath class='cls-1' d='M141.91,412.44c0,21.49-10.53,33.54-27.76,31.68-15.51-1.67-22.6-14.06-21.59-37.73.62-14.69,10.53-25.15,24.13-25.47C132.4,380.55,141.9,392.42,141.91,412.44Z'/%3E%3Cpath class='cls-1' d='M581.38,653.89H400.49c-3.33,0-6.68.15-10-.15-13.45-1.26-23.28-11.33-23.64-24s9.17-23.16,22.59-25a60.43,60.43,0,0,1,8-.3q184.4,0,368.79,0c18.14,0,29.06,8.09,30.28,22.2,1.3,15.09-9.13,26.73-25.22,27.13-17.65.43-35.31.13-53,.13Z'/%3E%3Cpath class='cls-1' d='M508.38,528.09c-.18-4.09-.46-7.34-.46-10.59,0-56.61.17-113.21-.22-169.81-.07-8.63,2.47-11.18,11-12,26.23-2.62,52.35-4.9,78.55,0,44.85,8.47,71,38.21,73.69,83.91,3,51-19.65,88.85-62.36,103.37-8.13,2.77-16.7,5.11-25.21,5.73-16.56,1.19-33.22,1.29-49.84,1.3C525.3,530,517.08,528.8,508.38,528.09ZM543.88,499c35.72,5.49,66.7-4.34,79.66-27.41,15.29-27.25,17.76-56.69.19-83.32-18.94-28.71-49.69-26.08-79.85-23.93Z'/%3E%3Cpath class='cls-1' d='M397.24,528.7H362.06c-.27-3.3-.7-6.17-.7-9.05,0-57.58.14-115.17-.22-172.75-.05-8.29,2.65-11.17,10.6-11.3,19.56-.31,39.22-2.65,58.65-1.33C463.2,336.5,484.7,357.41,486.6,386c2.32,34.94-15.2,60-48.64,67.69-12.82,2.93-26.24,3.22-40.72,4.87Zm.26-164.79v62c18.74.66,37.55,3.11,49.25-14.95,7.14-11,7.74-24.08-.22-34.8C434.07,359.43,415.5,363.15,397.5,363.91Z'/%3E%3Cpath class='cls-1' d='M726.18,445.8v82.82H691.41V334.9H801.86v30.47H727.15v49.46h68.91v31Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.xls::before, .xlsx::before{
  background: url("data:image/svg+xml,%3Csvg id='Camada_1' data-name='Camada 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%232a9b3f;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eczxlsico%3C/title%3E%3Cpath class='cls-1' d='M215.14,1024.14c-3.13-1.32-6.28-2.58-9.38-4-20.74-9.26-33.19-25.46-36.06-49.44a136.86,136.86,0,0,1-.64-16q-.06-119.5,0-239V703c-12.14,0-23,.08-33.94,0-27.2-.24-43.08-17-43.14-46.15q-.21-104.5,0-209c.06-29.15,16-45.86,43.22-46,10.88,0,21.76,0,33.86,0,0-17.65,0-34.21,0-50.77,0-7.67-.23-15.35.12-23,.45-9.69,5.84-15.71,13.63-15.93,8.17-.22,14.13,6,14.28,16.17.31,21.67.1,43.34.18,65,0,2.58.45,5.16.72,8h59V124.48c-12.09,0-24-1.09-35.6.28-15,1.77-24,14.82-24.09,32.92-.17,30.34,0,60.67-.06,91,0,16.13-4.58,23.49-14.36,23.26-9.46-.23-13.8-7.36-13.81-22.89,0-30-.14-60,0-90,.22-40,23.67-64.84,61.06-65,8.74,0,17.48,0,27.46,0,0-10.25-.06-19.82,0-29.4C257.89,24.66,281.14,0,318.76,0q208.52,0,417-.17c8.55,0,14.72,2.91,20.66,9.27q83.44,89.34,167.35,178.21c5.77,6.11,8.34,12.58,8.34,21.2q-.2,248.5-.13,497a42.18,42.18,0,0,1-.7,8.93c-1.75,7.89-6.76,12-14.28,11.54-7.07-.41-11.64-4.73-12.7-12.3a94.93,94.93,0,0,1-.45-13q0-234.51,0-469v-13.5H847.49v13.59q0,276,0,552c0,10.85-.67,21.38-7.65,30.13-7.16,9-16.33,12.76-27.38,12.69-31.62-.2-63.24-.07-94.86-.07H381.39c-27.58,0-39.23-12.47-39.26-42,0-26.63,0-53.26,0-80.75H285.76V714.1q0,75,0,150c0,24.59,10.81,35.94,34,35.94q275.21,0,550.4,0c22.49,0,33.58-11.62,33.68-35.41.11-26.67-.31-53.35.32-80,.13-5.3,2.65-12.12,6.3-15.42,8.32-7.52,20.52-.44,21.32,12.09.69,10.62.24,21.32.26,32,0,17.67.18,35.34,0,53-.49,38.67-24.17,63.59-60.38,63.76-9,0-18,0-28.12,0,0,9.47,0,18.06,0,26.65-.08,35.93-12.63,54.5-44.64,66.13-.52.19-.89.86-1.32,1.31ZM365.28,431.82q-114.1,0-228.21,0c-14,0-17,3.1-17,18.27q-.06,102,0,204c0,15.83,2.81,18.86,17.45,18.86q227.28,0,454.54,0c14.49,0,17.44-3.25,17.45-18.88q0-101.49,0-203c0-16.35-2.71-19.25-17.92-19.26ZM727.32,30H320.54c-24.47,0-34.76,10.91-34.77,37q0,161.49,0,323v11.21h56.36V389.05c0-56,.1-112-.07-168,0-12.66,2.69-23.7,12.19-32.08,8-7.11,17.56-7.85,27.44-7.84q169.53.09,339.06,0h9.54C725.07,130.06,729.64,80.46,727.32,30ZM197.21,703.53v11.12q0,121,0,242c0,26.65,10.27,37.48,35.4,37.48H780.18c2.81,0,5.64.12,8.45-.11,12.4-1,24-10.1,25.37-22.72,1.45-13.31.33-26.94.33-41.25H320.1c-39.44,0-62.43-24.38-62.5-66.34q-.12-74,0-148V703.53ZM756,53.77c0,33.52-.07,66.7,0,99.88.06,21.55,10.78,33.45,31.17,33.71,30,.38,60,.15,90,.13a15.25,15.25,0,0,0,3.65-.79Zm62.74,234.79H689.07v45.8H818.78Zm-.06,231H689.09v45.73H818.72ZM529.9,288.33v46.13H659.57V288.33Zm159,431.25H818.64V673.39H688.86Zm-188.34-431H371.07v46H500.52Zm29.33-76.81v45.65H659.73V211.76ZM818.9,366H689v45.38H818.9ZM688.74,488.08H818.68V442.77H688.74ZM818.87,596.7H689V642H818.87Zm-159,154.13h-130v45h130Zm159.3-.2H689v45.9c41.82,0,83.06.09,124.29-.26,2,0,5.52-3.77,5.61-5.9C819.45,777.16,819.19,763.91,819.19,750.63Zm-319-493.15V211.22c-41.41,0-82-.12-122.68.3-2.4,0-6.69,4.24-6.82,6.7-.69,12.87-.32,25.8-.32,39.26ZM370.3,750.43c0,12.05.47,23.34-.14,34.56-.51,9.32,2.81,11.9,11.33,11.8,36.87-.43,73.75-.17,110.62-.21,2.7,0,5.4-.4,8.31-.63V750.43ZM689,257.33H818.52V217.69c-5.12,0-9.48.19-13.82,0-11.53-.61-23.6.7-34.46-2.53-26.92-8-53.89-1.39-81.28-4.38ZM529.63,401.82c22.71,0,44.26-.29,65.81.17,6.39.14,13.91.51,18.9,4,14.61,10.28,30,4.37,45.42,6v-45.9H529.63Zm-29.07-36H370.91v35.27H500.56Zm29.1,353.3h130V672.76c-4,0-7.37.31-10.71-.06-8-.88-13.43.67-17.61,9.86-5.58,12.27-16.41,19.17-29.54,19.87-12.79.69-25.63.45-38.45.53-11.17.07-22.35,0-33.68,0Zm-158.79.21H500.49V703.71H370.87ZM660,519.74H638.24v45.54H660Zm-21.62-77.2v45.83h21.25V442.54Zm21.92,199.74V596.79H637.71v45.49Z'/%3E%3Cpath class='cls-1' d='M489.38,631.75c-17.6-1.1-34.34-7.47-47.88-21.78-7-7.37-7.68-15.65-2.23-22.18,5.78-6.93,13.77-6.86,21.47.47,11.14,10.6,23.74,16,38.73,12,7.39-1.95,13.51-6.41,14.28-15.17.73-8.38-5.37-12.39-11.48-15.26-10.86-5.09-22-9.48-32.94-14.4-19.1-8.59-28.32-23.17-26.78-42a43.9,43.9,0,0,1,35.05-39.1c19.93-4.11,37.85,1.58,54,14,7.26,5.61,8.66,14.05,4.26,21-4.65,7.38-12.49,8.84-20.58,3.23-9.73-6.75-19.88-11.28-31.76-8.76-6.61,1.39-11.95,4.74-12.7,12.58-.71,7.29,4.77,9.3,9.79,11.44,9.57,4.08,19.16,8.09,28.7,12.26,24.46,10.69,36.72,31,32.09,53C536.6,616,515,632.39,489.38,631.75Z'/%3E%3Cpath class='cls-1' d='M218.7,521.59c9.08-13.66,17.29-26.12,25.6-38.51,6.78-10.11,14.82-12.66,22.07-7.17s7.5,14.45.82,24.63c-10.2,15.55-20.5,31-31.2,47.2l33.81,51.34c2,3,4.11,5.89,5.84,9,4.24,7.7,2.95,15.66-3.1,20.47-6.5,5.16-14.41,4.15-19.78-3.51-8.6-12.26-16.65-25-24.94-37.47-2.7-4.06-5.43-8.08-8.74-13-2.07,2.6-3.91,4.6-5.41,6.85-8.88,13.3-17.64,26.67-26.52,40-7,10.48-14.41,13-21.92,7.53s-8.08-14-1.28-24.4c10.91-16.65,21.73-33.37,33-49.74,3.52-5.1,3.84-8.66.13-13.91-9.38-13.3-18.14-27.1-27.07-40.76-6.59-10.1-6-19.15,1.38-24.46,7.09-5.09,15-2.61,21.4,6.9C201.15,495,209.39,507.57,218.7,521.59Z'/%3E%3Cpath class='cls-1' d='M358.78,601.74c9.48,0,17.84-.12,26.2,0,9.73.18,15.74,5.61,16.06,14.22.35,9-5.79,15.39-15.85,15.65-12.82.33-25.66.38-38.47,0-11.06-.33-16-5.61-16-17.55q-.27-62,0-123.9c.05-10.95,5.86-17.24,14.45-17,8.19.25,13.46,6.33,13.52,16.9.21,33,.1,65.94.11,98.92Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.doc::before, .docx::before{
  background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88.54 100.08'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2300478c;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M88.45,44a8.36,8.36,0,0,0-4.59-7.56,2.08,2.08,0,0,1-1.24-2.15c0-4.39,0-8.78,0-13.17A4.12,4.12,0,0,0,81.4,18Q73,9.59,64.64,1.23A4.08,4.08,0,0,0,61.57,0Q35.47,0,9.35,0c-.23,0-.46,0-.68,0a2.73,2.73,0,0,0-2.39,1.6A5,5,0,0,0,5.9,3.9q0,15.24,0,30.46a2,2,0,0,1-1.15,2A8.42,8.42,0,0,0,.08,44.07q-.15,14.84,0,29.67a8.36,8.36,0,0,0,4.63,7.63,2,2,0,0,1,1.2,2.08c0,4.42,0,8.85,0,13.27,0,1.94.64,2.78,2.44,3.36H80.2c1.8-.58,2.4-1.42,2.43-3.36,0-.32,0-.65,0-1,0-4.14,0-8.27,0-12.4a1.89,1.89,0,0,1,1.12-1.93,8.35,8.35,0,0,0,4.71-7.58Q88.63,58.9,88.45,44ZM64.77,10.36l7.32,7.32H65.18c-.37,0-.42-.17-.41-.47ZM12,7c0-.81.18-1,1-1Q35.47,6,57.93,6c.81,0,1,.18,1,1,0,4.39,0,8.78,0,13.18,0,2.28,1.13,3.41,3.41,3.41,4.43,0,8.86,0,13.28,0,.72,0,.92.16.91.9-.05,3.38-.05,6.77,0,10.15,0,.72-.16.9-.89.9q-15.68,0-31.34,0T13,35.47c-.81,0-1-.18-1-1Q12.08,20.71,12,7ZM75.61,94.24q-15.72,0-31.44,0c-10.38,0-20.76,0-31.14,0-.8,0-1-.17-1-1,.05-3.38,0-6.77,0-10.15,0-.63.15-.8.8-.8q31.43,0,62.87,0c.62,0,.81.14.8.79,0,3.42,0,6.84,0,10.25C76.51,94.06,76.35,94.25,75.61,94.24Zm6.73-21.4c0,2.56-1,3.62-3.6,3.62H9.84c-2.61,0-3.65-1-3.65-3.67V44.88c0-2.49,1.07-3.57,3.55-3.57h69c2.54,0,3.59,1.06,3.59,3.62Z'/%3E%3Cpath class='cls-1' d='M55.28,58.89a14,14,0,0,1,.42-4.51,6.74,6.74,0,0,1,6.53-4.31,6.66,6.66,0,0,1,6.09,5A2.23,2.23,0,0,1,67,57.52a2.17,2.17,0,0,1-2.69-.89,8.42,8.42,0,0,1-.4-.86,2.25,2.25,0,0,0-2.42-1.26,2.21,2.21,0,0,0-1.77,2.15q0,2.21,0,4.41a2.18,2.18,0,0,0,1.67,2.15,2.15,2.15,0,0,0,2.4-1,2.43,2.43,0,0,1,2-1.43,2.2,2.2,0,0,1,2.16,3.06A6.63,6.63,0,0,1,55.28,61C55.26,60.27,55.28,59.58,55.28,58.89Z'/%3E%3Cpath class='cls-1' d='M28.28,51a12,12,0,0,0-5.74-.91A2.29,2.29,0,0,0,20,52.61v6.25c0,2.16,0,4.31,0,6.47a2.21,2.21,0,0,0,2.39,2.38c.76,0,1.52,0,2.28,0A8.83,8.83,0,0,0,28.28,51Zm-3.34,12.3c-.44.06-.6,0-.58-.49,0-1.3,0-2.6,0-3.89s0-2.55,0-3.82c0-.47.08-.63.59-.55a4.41,4.41,0,0,1,0,8.75Z'/%3E%3Cpath class='cls-1' d='M50.82,56.28a5.79,5.79,0,0,0-.91-3A6.61,6.61,0,0,0,38,54.48a12.2,12.2,0,0,0-.4,4.28c0,.81,0,1.47,0,2.14a7.27,7.27,0,0,0,.9,3.5,6.69,6.69,0,0,0,7.1,3.16,6.62,6.62,0,0,0,5.13-5.48A40.09,40.09,0,0,0,50.82,56.28ZM46.44,61a2.2,2.2,0,1,1-4.4,0c0-1.44,0-2.89,0-4.33a2.2,2.2,0,1,1,4.4,0c0,.71,0,1.42,0,2.13S46.46,60.3,46.44,61Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}

.jpg::before, .jpeg::before{
  background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 81.09 102.08'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-2,.cls-3%7Bfill:%2300478c;%7D.cls-2,.cls-3%7Bstroke:%2300478c;stroke-miterlimit:10;%7D.cls-2%7Bstroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M57.29,84.2c.65,0,1.3,0,2,0a1.2,1.2,0,0,1,1.27,1.3c0,.35,0,.72,0,1.07.34,3.19-1,4.2-4.09,5.18A7,7,0,0,1,48.1,88a7.37,7.37,0,0,1,2-9.05,7.16,7.16,0,0,1,9.16.23,3.12,3.12,0,0,1,.64.72,1.12,1.12,0,0,1-.24,1.5,1.11,1.11,0,0,1-1.43.15,10.7,10.7,0,0,1-.83-.68,4.57,4.57,0,0,0-6.26.49,5,5,0,0,0,.1,6.83,4.73,4.73,0,0,0,6.3.35c.63-.5.44-1.15.35-1.69s-.66-.19-1-.22c-.52,0-1,0-1.56,0a1.21,1.21,0,1,1,0-2.42C56,84.18,56.64,84.2,57.29,84.2Z'/%3E%3Cpath class='cls-1' d='M31.19,83.18c0,1.27,0,2.54,0,3.81a5.31,5.31,0,0,1-4.72,5,5.4,5.4,0,0,1-5.71-3.33c-.38-1-.17-1.69.57-2s1.35,0,1.79,1a2.83,2.83,0,0,0,3.27,1.84,2.87,2.87,0,0,0,2.26-2.9c0-2.31,0-4.62,0-6.93a6.77,6.77,0,0,1,0-.78c.09-.78.48-1.3,1.3-1.28A1.18,1.18,0,0,1,31.2,79c0,1.4,0,2.8,0,4.2Z'/%3E%3Cpath class='cls-2' d='M79.31,15.4Q72.24,8.65,65.23,1.85A2.91,2.91,0,0,0,63.05,1Q43.37,1,23.68,1a4.28,4.28,0,0,0-.88,0,1.37,1.37,0,0,0-1.26,1.38,1.38,1.38,0,0,0,1.24,1.5,4.57,4.57,0,0,0,1,0q18.81,0,37.62,0c.72,0,.91.15.91.89,0,3.85,0,7.69,0,11.54,0,1.38.5,1.87,1.89,1.87,4,0,8,0,12,0,.85,0,1,.25,1,1q0,24,0,48.08c0,.93-.28,1.11-1.14,1.09-3.65,0-7.3,0-10.94,0-1.08,0-2.15,0-3.23,0a1.33,1.33,0,0,0-1.41,1.32,1.41,1.41,0,0,0,1.28,1.57,5,5,0,0,0,.87,0c4.53,0,9.06,0,13.59,0,.72,0,1,.13,1,.93,0,6.19,0,12.38,0,18.57a8.28,8.28,0,0,1-.17,2,6.85,6.85,0,0,1-7,5.3c-19.51,0-39-.05-58.53,0a7.21,7.21,0,0,1-7.51-7.5C4,84.6,4,78.5,3.91,72.41c0-.88.21-1.11,1.1-1.11q25.07,0,50.13,0a6.35,6.35,0,0,0,1.07,0,1.38,1.38,0,0,0,1.26-1.49,1.34,1.34,0,0,0-1.36-1.39c-.35,0-.71,0-1.07,0q-25,0-49.93,0c-1,0-1.2-.3-1.2-1.24q0-23.45,0-46.9c0-3.2,0-6.39,0-9.58A6.77,6.77,0,0,1,10.85,4c2,0,4,0,6,0,1.11,0,1.8-.59,1.77-1.5S17.9,1,16.83,1c-2.08,0-4.17,0-6.25,0a9.32,9.32,0,0,0-3,.53C3.44,3,1,6.59,1,11.34V90.78c0,.33,0,.66,0,1A9.63,9.63,0,0,0,6.38,100c.92.5,2,.61,2.89,1H71.61s.08-.12.12-.13c5.22-1.07,8.33-4.67,8.34-9.87q0-36.94,0-73.88A2.3,2.3,0,0,0,79.31,15.4Zm-5.24-.11H66c-.46,0-.79,0-.78-.63,0-2.83,0-5.65,0-8.63a2.31,2.31,0,0,1,.37.23l9.23,8.86C74.58,15.42,74.3,15.29,74.07,15.29Z'/%3E%3Cpath class='cls-3' d='M67,52.54q-6.75-8.22-13.48-16.47c-1-1.27-1.88-1.29-2.92,0q-2.88,3.49-5.74,7l-1,1.27c-.27-.36-.47-.62-.65-.89L33.28,29.38c-1-1.43-2-1.44-3,0l-4.2,6c-.2.3-.42.58-.61.89a1.46,1.46,0,1,0,2.38,1.69c.36-.47.68-1,1-1.44l2.91-4.12,14,20h-28l.36-.53c2-2.91,4.07-5.81,6.09-8.72.67-.95.54-1.88-.29-2.35s-1.5-.18-2.14.73c-2.6,3.7-5.18,7.41-7.78,11.11a1.72,1.72,0,0,0-.35,2c.38.7,1.05.77,1.77.77H65.65c.77,0,1.46-.11,1.81-.86A1.75,1.75,0,0,0,67,52.54Zm-15.69-.09a2.87,2.87,0,0,1-3-1.54,33.45,33.45,0,0,0-2.38-3.44.77.77,0,0,1,0-1.16c1.9-2.27,3.76-4.56,5.62-6.87.32-.4.49-.55.89,0,3.48,4.3,7,8.57,10.61,13C59,52.41,55.14,52.34,51.28,52.45Z'/%3E%3Cpath class='cls-1' d='M40,77.63c-1.47,0-2.93,0-4.4,0-1.19,0-1.63.45-1.64,1.66,0,1.79,0,3.58,0,5.37s0,3.84,0,5.76a1.32,1.32,0,0,0,1.27,1.44,1.3,1.3,0,0,0,1.26-1.43c0-.82,0-1.63,0-2.44,0-.48.14-.62.61-.61,1,0,2,0,2.93,0a4.87,4.87,0,0,0,0-9.74Zm.11,7.25c-1,.06-2,0-3,0-.49,0-.6-.2-.58-.64,0-.62,0-1.24,0-1.86,0-2.36,0-2.36,2.36-2.36a10.24,10.24,0,0,1,1.36.06,2.38,2.38,0,0,1,2.07,2.44A2.35,2.35,0,0,1,40.08,84.88Z'/%3E%3Cpath class='cls-1' d='M45.69,22.32A4.68,4.68,0,1,0,50.39,27,4.65,4.65,0,0,0,45.69,22.32Zm.05,6.41A1.74,1.74,0,0,1,44,27a1.72,1.72,0,1,1,3.43,0A1.75,1.75,0,0,1,45.74,28.73Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}

.brochures-page {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.brochures-page>div {
  position: relative;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.brochures-page>div>a {
  margin-left: 3rem;
  display: block;
  border-bottom-width: 2px;
  border-color: transparent;
  padding-bottom: 0.25rem;
}

.brochures-page>div>a:hover {
  --tw-border-opacity: 1;
  border-color: rgba(249, 237, 53, var(--tw-border-opacity));
}

@media (min-width: 640px) {
  .brochures-page>div>a {
    margin-left: 3.5rem;
  }
}

.brochures-page h4 {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

.brochures-page h5 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

footer {
  min-height: 400px;
  width: 100%;
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: #00387D;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 56, 125, 0));
  --tw-gradient-stops: var(--tw-gradient-from), #075484, var(--tw-gradient-to, rgba(7, 84, 132, 0));
  --tw-gradient-to: #075484;
  font-weight: 300;
}

footer a {
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 200ms;
}

footer a:hover {
  --tw-text-opacity: 1;
  color: rgba(249, 237, 53, var(--tw-text-opacity));
}

footer a:not(.footer-menu a) {
  flex-grow: 1;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 200ms;
}

footer a:not(.footer-menu a):hover {
  --tw-text-opacity: 1;
  color: rgba(249, 237, 53, var(--tw-text-opacity));
}

footer .footer-menu {
  max-height: 13rem;
}

footer .footer-menu a {
  white-space: nowrap;
  text-transform: capitalize;
  line-height: 1.25rem;
}

.product-category-section {
  margin-top: 0px;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  padding-top: 0px;
  padding-bottom: 0.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
  border-image-source: linear-gradient(to right, rgba(0, 0, 0, 0), var(--category-color), rgba(0,0,0,0) );
  border-bottom: 10px solid;
  border-image-slice: 1;
  border-bottom-width: 5px;
}

.products-page-menu {
  border-width: 0px;
  padding-left: 0px;
  padding-right: 0.5rem;
}

@media (min-width: 640px) {
  .products-page-menu {
    padding-right: 0.75rem;
  }
}

.products-page-menu>h4 {
  margin-bottom: 0.25rem;
  text-align: left;
  font-size: 1.125rem;
  line-height: 1.75rem;
  text-transform: uppercase;
}

@media (min-width: 640px) {
  .products-page-menu>h4 {
    margin-top: -0.25rem;
  }
}

.products-page-menu > ul {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(221, 221, 221, var(--tw-border-opacity));
  padding-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

.products-page-menu > ul>li:hover {
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

.products-page-menu > ul>li:first-child {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(221, 221, 221, var(--tw-border-opacity));
  padding-left: 0.125rem;
  padding-top: 0px;
  font-weight: 300;
}

.products-page-menu > ul>li:first-child:hover {
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .products-page-menu > ul>li:first-child {
    padding-left: 0.75rem;
  }
}

.products-page-menu:not(.direct-menu) > ul>li:last-child {
  position: relative;
  left: -1px;
  z-index: 10;
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}

.products-page-menu:not(.categories, .direct-menu) > ul>li:nth-child(2n+3) {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(221, 221, 221, var(--tw-border-opacity));
  padding-left: 0.125rem;
  padding-top: 0.5rem;
}

@media (min-width: 640px) {
  .products-page-menu:not(.categories, .direct-menu) > ul>li:nth-child(2n+3) {
    padding-left: 0.75rem;
  }
}

.products-page-menu.about-us-menu > ul>li:nth-child(2n+3), .direct-menu>ul>li {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(221, 221, 221, var(--tw-border-opacity));
  padding-left: 0.125rem;
  padding-top: 0.5rem;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

.products-page-menu.about-us-menu > ul>li:nth-child(2n+3):hover, .direct-menu>ul>li:hover {
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .products-page-menu.about-us-menu > ul>li:nth-child(2n+3), .direct-menu>ul>li {
    padding-left: 0.75rem;
  }
}

.products-page-menu.categories > ul>li {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(221, 221, 221, var(--tw-border-opacity));
  padding-left: 0.125rem;
  padding-top: 0.5rem;
}

@media (min-width: 640px) {
  .products-page-menu.categories > ul>li {
    padding-left: 0.75rem;
  }
}

.products-page-menu > ul>li:not(.colapsed):nth-child(even) {
  max-height: 100%;
}

.products-page-menu > ul>li>h5 {
  position: relative;
  top: 0.625rem;
  margin-left: 0.25rem;
  width: 100%;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-left: 0.25rem;
  font-weight: 400;
}

@media (min-width: 640px) {
  .products-page-menu > ul>li>h5 {
    margin-left: 0.5rem;
  }
}

.products-page-menu:not(.categories) > ul>li.expansible>h5::after{
  content: "";
  position: absolute;
  background: url("data:image/svg+xml,%3Csvg width='16' height='26' viewBox='0 0 16 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1857 1.5L2.50001 13.1857L13.8143 24.5' stroke='%2300387D' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  z-index: 30;
  width: 10px;
  height: 10px;
  right: 2%;
  top: 6px;
  transform: rotate(270deg);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 200ms;
}

.products-page-menu > ul>li>h5.open {
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

.products-page-menu > ul>li.expansible>h5.open::after{
  transform: rotate(180deg)
}

.products-page-menu > ul>li>ul {
  margin-left: 0.625rem;
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(221, 221, 221, var(--tw-border-opacity));
  padding-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .products-page-menu > ul>li>ul {
    margin-left: 1.25rem;
  }
}

.products-page-menu > ul>li>ul>li {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(221, 221, 221, var(--tw-border-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.375rem;
}

.products-page-menu > ul>li>ul>li:hover {
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .products-page-menu > ul>li>ul>li {
    padding-left: 0.75rem;
  }
}

.products-page-menu > ul>li>ul>li>a {
  position: relative;
  top: 0.75rem;
  display: block;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-left: 0.25rem;
}

@media (min-width: 640px) {
  .products-page-menu > ul>li>ul>li>a {
    margin-left: 0.5rem;
  }

  .products-page-menu > ul>li>ul>li>a {
    padding-left: 0.5rem;
  }
}

.products-page-menu li {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 200ms;
}

.products-page-menu .colapsed {
  max-height: 0px;
  overflow: hidden;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 200ms;
}

.products-list {
  margin-left: -0.25rem;
}

.products-list > div {
  margin: 0.25rem;
  width: 8rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(102, 102, 102, var(--tw-border-opacity));
}

.products-list > div > a img {
  width: 100%;
}

.products-list > div > a h5 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(52, 40, 17, var(--tw-text-opacity));
}

.product-space h1 {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(52, 40, 17, var(--tw-text-opacity));
}

.product-space a {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.product-space a img {
  width: 1.5rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.product-space h5 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

.product-space div > span > a {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

.product-space div > span > a:hover {
  --tw-text-opacity: 1;
  color: rgba(237, 169, 6, var(--tw-text-opacity));
}

.product-tab-index ul {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: space-evenly;
}

@media (min-width: 640px) {
  .product-tab-index ul {
    justify-content: flex-start;
  }
}

.product-tab-index ul li {
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
  flex-shrink: 1;
  flex-grow: 1;
  cursor: pointer;
  border-bottom-width: 2px;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-transform: uppercase;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 200ms;
}

@media (min-width: 640px) {
  .product-tab-index ul li {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

.product-tab-index ul li:hover, .product-active-index {
  z-index: 20;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(0, 56, 125, var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

.product-tab-content p {
  padding-left: 0px;
  padding-right: 0px;
}

.product-tab-content table {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  border-collapse: collapse;
  font-size: 0.75rem;
  line-height: 1rem;
}

@media (min-width: 640px) {
  .product-tab-content table {
    max-width: 100%;
  }

  .product-tab-content table {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.product-tab-content table thead tr {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
}

.product-tab-content table th {
  width: 1px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  text-align: left;
  font-weight: 500;
}

@media (min-width: 640px) {
  .product-tab-content table th {
    white-space: nowrap;
  }
}

.product-tab-content table th[colspan] {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: center;
}

.product-tab-content table tbody td {
  width: 1px;
  white-space: nowrap;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  text-align: left;
}

.product-tab-content table tbody td img {
  margin: 0px;
  width: 0.75rem;
  max-width: none;
  padding: 0px;
}

@media (min-width: 640px) {
  .product-tab-content table tbody td img {
    width: 1rem;
  }
}

.product-tab-content table tbody td sup{
  font-size: 70%;
}

.product-tab-content table tbody tr {
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.product-tab-content table tbody tr:nth-child(odd) {
  font-weight: 300;
}

.product-tab-content table tbody tr:nth-child(even) {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
}

.product-tab-content table tbody tr:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(102, 102, 102, var(--tw-bg-opacity));
  --tw-bg-opacity: 0.3;
}

.product-tab-content .table-description-reference {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.25rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

.product-tab-content .table-description-reference li {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

.product-video {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
}

@media (min-width: 640px) {
  .product-video {
    flex-direction: row;
  }
}

.product-video iframe {
  max-height: 18rem;
}

@media (min-width: 640px) {
  .product-video iframe {
    width: 66.666667%;
  }
}

.product-video div {
  margin-top: 1.25rem;
  text-align: justify;
}

@media (min-width: 640px) {
  .product-video div {
    position: relative;
  }

  .product-video div {
    top: -0.375rem;
  }

  .product-video div {
    margin-top: 0px;
  }

  .product-video div {
    width: 33.333333%;
  }

  .product-video div {
    padding-left: 1rem;
  }
}

.product-video div a {
  margin-top: 1.25rem;
  width: 100%;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

.product-video div a:hover {
  --tw-text-opacity: 1;
  color: rgba(249, 237, 53, var(--tw-text-opacity));
}

.category-details iframe {
  width: 100%;
}

.category-details img{
  height: auto !important;
}

.contact-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (min-width: 640px) {
  .contact-info {
    flex-direction: row;
  }

  .contact-info>div:first-child {
    padding-right: 0.5rem;
  }
}

.contact-info>div {
  display: flex;
  max-width: 50%;
  flex-direction: column;
}

.contact-info>div h4 {
  margin-top: 1.25rem;
  font-weight: 500;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

.contact-info>div h5 {
  margin-bottom: 0.5rem;
  font-weight: 300;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

.contact-social a {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  display: block;
  height: 1rem;
  width: 1rem;
  filter: invert(39%) sepia(1%) saturate(482%) hue-rotate(87deg) brightness(96%) contrast(82%);
}

.contact-social a:hover{
  filter: invert(15%) sepia(29%) saturate(5994%) hue-rotate(201deg) brightness(99%) contrast(104%);
}

.form-user-data label {
  position: relative;
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}

@media (min-width: 640px) {
  .form-user-data label {
    width: 49.2%;
  }
}

.form-user-data label::before{
  content: attr(placeholder);
  position: absolute;
  left: 0.5rem;
  top: 0.25rem;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

.form-user-data input {
  width: 100%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

input#fname, input#lname, input#address2, input#comments {
  padding-left: 5rem;
}

input#email {
  padding-left: 6rem;
}

input#city, input#address, input#state, input#zip, input#phone {
  padding-left: 4rem;
}

.input-error {
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(249, 237, 53, var(--tw-border-opacity));
}

.locations>div:first-of-type img {
  margin-top: 1rem;
  width: 100%;
}

@media (min-width: 640px) {
  .locations>div:first-of-type img {
    max-width: 75%;
  }
}

.locations h3:first-of-type, .sales-rep h3:first-of-type {
  margin-bottom: 2rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .locations h3:first-of-type, .sales-rep h3:first-of-type {
    position: relative;
  }

  .locations h3:first-of-type, .sales-rep h3:first-of-type {
    top: -0.25rem;
  }

  .locations>div>h4:first-of-type {
    margin-top: 0px;
  }
}

.locations h4, .sales-rep h4 {
  margin-top: 1.25rem;
  font-weight: 500;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

.locations a {
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

.locations a:hover {
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

.locations address, .sales-rep address {
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  font-style: normal;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

.locations .card a, .sales-rep .card a {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

.locations .card a:hover, .sales-rep .card a:hover {
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

.sales-rep p {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  margin-top: 0.5rem;
  font-weight: 400;
}

.sales-rep h3 {
  margin-bottom: 0.25rem;
}

.sales-rep h5 {
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

.sales-rep h6 {
  margin-bottom: 0.75rem;
  font-weight: 400;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

.sales-rep select {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  padding: 0.25rem;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}

@media (min-width: 640px) {
  .sales-rep select {
    width: 66.666667%;
  }
}

.reps-list h6 {
  margin-top: 1rem;
  margin-bottom: 0.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

.reps-list a {
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

.reps-list a:hover {
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

.search-result {
  padding-bottom: 2.5rem;
}

.search-result h5 {
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

.search-result>div {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08));
  filter: var(--tw-filter);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 200ms;
}

.search-result>div:hover {
  --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15));
  filter: var(--tw-filter);
}

.search-result>div a {
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 1.25rem;
}

@media (min-width: 640px) {
  .search-result>div a {
    flex-direction: row;
  }
}

.search-result>div img {
  margin-top: 0px;
}

@media (min-width: 640px) {
  .search-result>div img {
    margin: 0.75rem;
  }

  .search-result>div img {
    width: 33.333333%;
  }
}

.search-result>div h4 {
  margin-top: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

.search-result>div h5 {
  margin: 0px;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

.announcements>span:first-of-type {
  margin-top: 0px;
}

.announcements>span {
  margin-top: 2rem;
  display: block;
  width: 100%;
}

.announcements>span>p {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.announcements h4 {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

.announcements span span {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

.announcements a {
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.special-content ul {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

.special-posts p {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.special-posts p:first-child {
  margin-top: 0px;
}

.special-posts ul, .special-content ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

.special-posts ul li, .special-content ul li {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
  margin-left: 2.5rem;
  list-style-type: disc;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

.special-posts dl {
  display: table;
}

.special-posts dt {
  float: left;
  clear: left;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

.special-posts dd {
  margin-left: 2.5rem;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

.special-posts dt, .special-posts dd {
  margin-top: 0.25rem;
}

.special-posts table, .special-posts td {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(102, 102, 102, var(--tw-border-opacity));
  padding: 0.5rem;
}

.overflowed{
  background:
		/* Shadow covers */
		linear-gradient(to right, white 30%, rgba(255,255,255,0)),
		linear-gradient(to right, rgba(255,255,255,0), white 30%) 100% 100%,
		
		/* Shadows */
		radial-gradient(farthest-side at 0 50%, rgba(0,0,0,.4), rgba(0,0,0,0)),
		radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.4), rgba(0,0,0,0)) 100% 0;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 20px 100%, 20px 100%, 14px 100%, 14px 100%;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
}

.before\:mr-3::before {
  content: "";
  margin-right: 0.75rem;
}

.before\:w-2\/12::before {
  content: "";
  width: 16.666667%;
}

.before\:tel-icon::before{
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.03 31.1'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M6.4,0A3.67,3.67,0,0,1,8.1.74c.07.06.14.11.21.18,1.39,1.39,2.8,2.78,4.18,4.19A2.93,2.93,0,0,1,13,8.78,2.65,2.65,0,0,1,11.6,9.91a3.06,3.06,0,0,0-1.89,1.68,2.57,2.57,0,0,0-.12,1.75,10.45,10.45,0,0,0,2.32,4.08,14.18,14.18,0,0,0,4.41,3.51,3.94,3.94,0,0,0,2.3.54A2.78,2.78,0,0,0,21,19.73a3.24,3.24,0,0,1,1.3-1.7,2.87,2.87,0,0,1,3.39.3c.85.77,1.65,1.61,2.47,2.43s1.51,1.46,2.2,2.25a3,3,0,0,1,.13,3.64,4.45,4.45,0,0,1-.53.62c-.81.83-1.66,1.64-2.46,2.48a4.34,4.34,0,0,1-3.11,1.35,10.39,10.39,0,0,1-3.75-.65,25,25,0,0,1-6.58-3.52,42.75,42.75,0,0,1-8.9-8.56,27.12,27.12,0,0,1-4.48-7.9A10.32,10.32,0,0,1,0,6.54,4.33,4.33,0,0,1,1.34,3.48c.75-.7,1.47-1.43,2.17-2.17A3.75,3.75,0,0,1,5.73,0Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center / 80% no-repeat;
}

.odd\:font-light:nth-child(odd) {
  font-weight: 300;
}

.even\:bg-red-400:nth-child(even) {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
}

.even\:bg-opacity-20:nth-child(even) {
  --tw-bg-opacity: 0.2;
}

.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: var(--tw-transform);
}

.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: var(--tw-transform);
}

.hover\:bg-sharp:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(102, 102, 102, var(--tw-bg-opacity));
}

.hover\:bg-opacity-30:hover {
  --tw-bg-opacity: 0.3;
}

.hover\:bg-gradient-to-r:hover {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.hover\:bg-gradient-to-b:hover {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.hover\:from-white:hover {
  --tw-gradient-from: #fff;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
}

.hover\:via-soft:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #F9ED35, var(--tw-gradient-to, rgba(249, 237, 53, 0));
}

.hover\:via-gray-50:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
}

.hover\:to-soft:hover {
  --tw-gradient-to: #F9ED35;
}

.hover\:pt-14:hover {
  padding-top: 3.5rem;
}

.hover\:pb-10:hover {
  padding-bottom: 2.5rem;
}

.hover\:text-primary:hover {
  --tw-text-opacity: 1;
  color: rgba(0, 56, 125, var(--tw-text-opacity));
}

.hover\:text-soft:hover {
  --tw-text-opacity: 1;
  color: rgba(249, 237, 53, var(--tw-text-opacity));
}

.hover\:text-secondary:hover {
  --tw-text-opacity: 1;
  color: rgba(237, 169, 6, var(--tw-text-opacity));
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.hover\:drop-shadow-2xl:hover {
  --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15));
  filter: var(--tw-filter);
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-1:focus {
  --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);
}

.focus\:ring-primary:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(0, 56, 125, var(--tw-ring-opacity));
}

@media (min-width: 640px) {
  .sm\:absolute {
    position: absolute;
  }

  .sm\:relative {
    position: relative;
  }

  .sm\:-top-1\.5 {
    top: -0.375rem;
  }

  .sm\:-top-1 {
    top: -0.25rem;
  }

  .sm\:top-9 {
    top: 2.25rem;
  }

  .sm\:top-12 {
    top: 3rem;
  }

  .sm\:top-auto {
    top: auto;
  }

  .sm\:right-auto {
    right: auto;
  }

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

  .sm\:order-1 {
    order: 1;
  }

  .sm\:order-2 {
    order: 2;
  }

  .sm\:order-3 {
    order: 3;
  }

  .sm\:order-4 {
    order: 4;
  }

  .sm\:m-3 {
    margin: 0.75rem;
  }

  .sm\:m-2 {
    margin: 0.5rem;
  }

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

  .sm\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .sm\:mt-0 {
    margin-top: 0px;
  }

  .sm\:ml-14 {
    margin-left: 3.5rem;
  }

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

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

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

  .sm\:mt-44 {
    margin-top: 11rem;
  }

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

  .sm\:mt-9 {
    margin-top: 2.25rem;
  }

  .sm\:block {
    display: block;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-auto {
    height: auto;
  }

  .sm\:max-h-75 {
    max-height: 75px;
  }

  .sm\:max-h-200 {
    max-height: 200px;
  }

  .sm\:min-h-300 {
    min-height: 300px;
  }

  .sm\:min-h-550 {
    min-height: 550px;
  }

  .sm\:w-full {
    width: 100%;
  }

  .sm\:w-4\/12 {
    width: 33.333333%;
  }

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

  .sm\:w-4 {
    width: 1rem;
  }

  .sm\:w-8\/12 {
    width: 66.666667%;
  }

  .sm\:w-1\/52 {
    width: 49.2%;
  }

  .sm\:w-4\/6 {
    width: 66.666667%;
  }

  .sm\:w-1\/6 {
    width: 16.666667%;
  }

  .sm\:w-6\/12 {
    width: 50%;
  }

  .sm\:w-11\/12 {
    width: 91.666667%;
  }

  .sm\:w-3\/12 {
    width: 25%;
  }

  .sm\:w-7\/12 {
    width: 58.333333%;
  }

  .sm\:w-5\/12 {
    width: 41.666667%;
  }

  .sm\:w-24 {
    width: 6rem;
  }

  .sm\:w-5\/6 {
    width: 83.333333%;
  }

  .sm\:max-w-3xl {
    max-width: 48rem;
  }

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

  .sm\:max-w-3\/4 {
    max-width: 75%;
  }

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

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

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

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

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

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

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

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

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

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

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

  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .sm\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .sm\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .sm\:pr-3 {
    padding-right: 0.75rem;
  }

  .sm\:pl-3 {
    padding-left: 0.75rem;
  }

  .sm\:pl-4 {
    padding-left: 1rem;
  }

  .sm\:pb-9 {
    padding-bottom: 2.25rem;
  }

  .sm\:pl-8 {
    padding-left: 2rem;
  }

  .sm\:pr-0 {
    padding-right: 0px;
  }

  .sm\:pl-5 {
    padding-left: 1.25rem;
  }

  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:opacity-100 {
    opacity: 1;
  }

  .sm\:zoom{
    zoom: 125%;
  }

  .sm\:search-icon{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 13.51 12.14'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:url(%23Gradiente_sem_nome_41);%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3ClinearGradient id='Gradiente_sem_nome_41' x1='9.01' y1='2.42' x2='13.51' y2='2.42' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.47' stop-color='%23f6e940'/%3E%3Cstop offset='0.6' stop-color='%23f5e43c'/%3E%3Cstop offset='0.74' stop-color='%23f3d62f'/%3E%3Cstop offset='0.9' stop-color='%23f0be1b'/%3E%3Cstop offset='1' stop-color='%23edaa09'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M10.69,4.84V2.92H9v-1h1.68V0H11.8V1.88h1.71v1H11.8V4.84Z'/%3E%3Cpath class='cls-2' d='M8.82,12.14H8.66a.69.69,0,0,1-.34-.22L6,9.63,6,9.58H6l0,0A3.69,3.69,0,0,1,.09,7.45C.05,7.27,0,7.08,0,6.9V6.4s0-.06,0-.09a5.68,5.68,0,0,1,.17-.82A3.7,3.7,0,1,1,7.08,8.14c-.12.27-.29.53-.44.81l.05,0,1.38,1.38,1,1a.46.46,0,0,1-.12.75ZM.92,6.64A2.78,2.78,0,1,0,3.71,3.87,2.79,2.79,0,0,0,.92,6.64Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") top / 80% no-repeat;
  }

  .sm\:shadow-b-max{
    box-shadow: 0px 10px 10px rgb(0 0 0 / 0.3);
  }
}

@media (min-width: 768px) {
  .md\:pl-0 {
    padding-left: 0px;
  }
}

@media (min-width: 1024px) {
  .lg\:special-gradient{
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, #F9ED35 15%, #EDA906 60%, rgba(0, 0, 0, 0) 95% );
  }
}