@charset "UTF-8";

/**
 * The line above injects the WordPress file header. It needs to be first,
 * before this comment.
 */

/*!
Theme Name: Glover Theme
Theme URI: https://gloversure.co.uk/
Description:
Version: 0.1.0
Tested up to: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gs
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Glover Theme is based on _tw https://underscoretw.com/, (C) 2021-2023 Greg Sullivan
_tw is distributed under the terms of the GNU GPL v2 or later.

_tw is based on Underscores https://underscores.me/ and Varia https://github.com/Automattic/themes/tree/master/varia, (C) 2012-2023 Automattic, Inc.
Underscores and Varia are distributed under the terms of the GNU GPL v2 or later.
*/

/**
 * This injects custom `@font-face` rules.
 */

/**
 * This injects Tailwind's base styles and any base styles registered by
 * plugins, then adds custom base styles.
 */

/*! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
 */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
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)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

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

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

/*
Remove the default font size and weight for headings.
*/

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

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

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

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

/*
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)
3. Remove gaps between table borders by default.
*/

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

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

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

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

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

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

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

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

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

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

/*
Set the default cursor for buttons.
*/

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

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --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-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --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-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/**
 * Custom styles to immediately follow Tailwind’s `base` layer
 *
 * “Add things like base typography styles [or] opinionated global resets.”
 *
 * — from https://tailwindcss.com/docs/plugins#adding-base-styles
 */

/**
 * This uses the background and foreground colors declared in the
 * `theme.json` file and is applied both to the frontend and in the block
 * editor.
*/

body {
  /*@apply bg-background text-foreground font-sans;*/
  font-size: 16px;
}

/**
 * This injects Tailwind's component classes and any component classes
 * registered by plugins, then adds custom component classes.
 *
 * The `@import-glob` line imports all CSS files from the `components`
 * directory (except for `components.css`, which is imported on the following
 * line). This is meant to simplify the process of integrating styles from
 * JavaScript components or WordPress plugins.
 */

/**
* Any vendor SCSS needed
 */

/*@import "./vendor/_swiper.scss";*/

/**
* Page Styles
 */

/* #main{*/

/*     display: table;*/

/*     width: 100%;*/

/*     height: 100vh;*/

/*     text-align: center;*/

/* }*/

.error404 .fof{
  display: table-cell;
  vertical-align: middle;
}

.error404 .fof h1{
  font-size: 50px;
  display: inline-block;
  padding-right: 12px;
  animation: type .5s alternate infinite;
}

@keyframes type{
  from{
    box-shadow: inset -3px 0px 0px #888;
  }

  to{
    box-shadow: inset -3px 0px 0px transparent;
  }
}

.search header.page-header {
  padding: 20px 0;
  border-bottom: 1px solid #e4e4e4;
}

.search .grid img {
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #e9e9e9;
}

.search .entry-header{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.search .page-content{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.search .search-form{
  font-family: var(--wp--preset--font-family--body) !important;
}

.search input.search-field{
  border-width: 1px;
}

.search .search-submit{
  min-width: 125px;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity));
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/**
* Block Styles
 */

.gs-acf-banner img{
  height: clamp(350px, calc(21.875rem + (750 - 350) * ((100vw - 320px) / (1920 - 320))), 750px);
  -o-object-fit: cover;
     object-fit: cover;
}

.gs-acf-banner .banOverlay:before {
  content: "";
  /* ::before and ::after both require content*/
  position: absolute;
  top: 0;
  left: 0;
  /*height: 100%;*/
  background-image: linear-gradient(120deg, #252525, #000);
  opacity: .4;
  width: 100%;
  height: 100%;
  display: block;
}

.gs-acf-banner .banOverlay p {
  color: white !important;
  margin-bottom: 1rem;
  max-width: 53ch;
}

.gs-acf-banner p {
  color: white !important;
}

.home .gs-acf-banner img {
  /*@apply h-category-banner;*/
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  height: 100vh;
}

.home .block-banner {
  overflow: hidden;
  height: calc(100vh - 90px);
}

/*@apply border border-red-800;*/

@media (min-width: 1280px) {
  .home .block-banner {
    height: calc(100vh - 146px)
  }
}

.home .block-banner .banOverlay {
  height: calc(100vh - 90px);
  /*img {*/
  /*	height: 100vh;*/
  /*	width: 100%;*/
  /*	object-fit: cover;*/
  /*}*/
}

@media (min-width: 1280px) {
  .home .block-banner .banOverlay {
    height: calc(100vh - 146px)
  }
}

.home .block-banner .gs-acf-banner .svg-underline-injection svg path {
  fill: white !important;
}

.home .block-banner .gs-acf-banner img#bannerBottomSVG{
  margin-bottom: -1%;
}

.is-style-small-banner img {
  /*@apply h-[350px] lg:h-[550px] w-full object-cover;*/
}

.archive .gs-acf-banner .banner__text{
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.archive .gs-acf-banner h1{
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.archive .gs-acf-banner p{
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.acf-bespoke-grids .bespoke-grid-1 .grid {
  display: -ms-grid;
  display: grid;
  min-height: 400px;
  grid-template-columns: 1fr;
}

/* row-gap: 20px;*/

@media all and (min-width: 1024px) {
  .acf-bespoke-grids .bespoke-grid-1 .grid {
    grid-template-rows: 60px auto 60px;
    grid-template-columns: 1fr .5fr 1fr
  }
  .acf-bespoke-grids .bespoke-grid-1 .grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1
  }
  .acf-bespoke-grids .bespoke-grid-1 .grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2
  }
  .acf-bespoke-grids .bespoke-grid-1 .grid > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3
  }
  .acf-bespoke-grids .bespoke-grid-1 .grid > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 1
  }
  .acf-bespoke-grids .bespoke-grid-1 .grid > *:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 2
  }
  .acf-bespoke-grids .bespoke-grid-1 .grid > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 3
  }
  .acf-bespoke-grids .bespoke-grid-1 .grid > *:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 1
  }
  .acf-bespoke-grids .bespoke-grid-1 .grid > *:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 2
  }
  .acf-bespoke-grids .bespoke-grid-1 .grid > *:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 3
  }
}

.acf-bespoke-grids .bespoke-grid-1 .grid .col {
  /* padding: 20px;*/
  text-align: center;
}

.acf-bespoke-grids .bespoke-grid-1 .grid .col.img {
  min-height: 360px;
  /* background-image: url("https://images.unsplash.com/photo-1511467687858-23d96c32e4ae?crop=entropy&cs=srgb&fm=jpg&ixid=M3wzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3MTY5MDMxOTd8&ixlib=rb-4.0.3&q=85");*/
}

@media all and (min-width: 1024px) {
  .acf-bespoke-grids .bespoke-grid-1 .grid .col.img {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / span 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1 / span 3;
    order:1;
  }
}

.acf-bespoke-grids .bespoke-grid-1 .grid .col.img{
  background-size: cover;
}

.acf-bespoke-grids .bespoke-grid-1 .grid .col.card{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(88 133 49 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-align: left;
  width: 100%;
  margin-top: 0px;
}

.acf-bespoke-grids .bespoke-grid-1 .grid .col.card a{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.acf-bespoke-grids .bespoke-grid-1 .grid .col.card strong{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.acf-bespoke-grids .bespoke-grid-1 .grid .col.card{
  order:1;
}

@media all and (min-width: 1024px) {
  .acf-bespoke-grids .bespoke-grid-1 .grid .col.card {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 / span 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / span 1
  }
}

/*TH note : This will need to be converted to tailwind*/

/**
  * CARD
  **/

.card-scss .card {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) translateZ(0);
  /*width: 370px;*/
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: box-shadow 0.5s;
}

.card-scss .card a {
  color: inherit;
  text-decoration: none;
}

.card-scss .card:hover {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}

/**
  * DATE
  **/

.card-scss .card__date {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 45px;
  height: 45px;
  padding-top: 10px;
  background-color: coral;
  background-color: var(--wp--preset--color--headers);
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-weight: 700;
  line-height: 13px;
}

.card-scss .card__date__day {
  font-size: 14px;
}

.card-scss .card__date__month {
  text-transform: uppercase;
  font-size: 10px;
}

/**
  * THUMB
  **/

.card-scss .card__thumb {
  height: 245px;
  overflow: hidden;
  background-color: #000;
  transition: height 0.5s;
}

.card-scss .card__thumb img {
  width: 100%;
  display: block;
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s, transform 0.5s;
}

.card-scss .card:hover .card__thumb {
  height: 130px;
}

.card-scss .card:hover .card__thumb img {
  opacity: 0.6;
  transform: scale(1.2);
}

/**
  * card_BODY
  **/

.card-scss .card__body {
  position: relative;
  height: 185px;
  padding: 20px;
  transition: height 0.5s;
}

.card-scss .card:hover .card__body {
  height: 300px;
}

.card-scss .card__category {
  position: absolute;
  top: -25px;
  left: 0;
  height: 25px;
  padding: 0 15px;
  background-color: var(--wp--preset--color--headers);
  color: #fff;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 25px;
}

.card-scss .card__title {
  margin: 0;
  padding: 0 0 10px 0;
  color: #000;
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
}

.card-scss .card__subtitle {
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 19px;
  /*color: coral;*/
  color: var(--wp--preset--color--headers);
}

.card-scss .card__description {
  position: absolute;
  left: 20px;
  right: 20px;
  /*bottom: 56px;*/
  bottom: unset;
  margin: 0;
  padding: 0;
  color: #666C74;
  line-height: 27px;
  opacity: 0;
  transform: translateY(45px);
  transition: opacity 0.3s, transform 0.3s;
  transition-delay: 0s;
}

.card-scss .card:hover .card__description {
  opacity: 1;
  transform: translateY(0px);
  transition-delay: 0.2s;
}

.card-scss .card__footer {
  position: absolute;
  bottom: 12px;
  left: 20px;
  right: 20px;
  font-size: 11px;
  color: #A3A9A2;
}

.card-scss .icon {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 2px;
  font-size: 18px;
}

.card-scss .icon + .icon {
  padding-left: 10px;
}

.img-size {
  padding-top: 56.6%;
  position: relative;
}

.img-size img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 0.5s ease;
  left: 0;
}

.img-size img:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

/*IMG Hover//*/

.img-zoom {
  position: relative;
  margin: auto;
  overflow: hidden;
  width: 100%;
  cursor: pointer;
  height: 100%;
}

.img-zoom img {
  max-width: 100%;
  display: block;
  height: 100%;
  width: 100%;
  transform: scale(1);
  transition: .5s ease;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0;
}

.img-zoom:hover img {
  transform: scale(1.1);
}

.gs-acf-custom-grid strong {
  font-weight: normal;
}

.gs-acf-grid {
  /*&.is-style-image-style section {*/
  /*	@media all and (min-width: 1024px) {*/
  /**/
  /*		img {*/
  /*			//border-top: 75px solid red;*/
  /*		}*/
  /*		&:nth-child(2) {*/
  /*			img {*/
  /*				//@apply lg:pb-[50px];*/
  /*				border-bottom: 75px solid red;*/
  /*				border-top: 0 !important;*/
  /*			}*/
  /**/
  /*		}*/
  /**/
  /*	}*/
  /**/
  /*	&:nth-child(2) {*/
  /*		*//* Add your styles for the second section here *//**/
  /*		@media all and (min-width: 1024px) {*/
  /*			img {*/
  /*				//@apply lg:pb-[50px];*/
  /*				border-bottom: 75px solid red;*/
  /*				border-top: 0 !important;*/
  /*			}*/
  /*		}*/
  /**/
  /*	}*/
  /*}*/
}

@media (min-width: 1024px){
  .gs-acf-grid.rem-left{
    margin-top: 170px;
    margin-bottom: 170px;
    padding-right: 7.5%;
  }
}

.gs-acf-grid.rem-left section{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.gs-acf-grid.rem-left section:last-of-type{
}

@media (min-width: 1024px){
  .gs-acf-grid.rem-left .container{
    width: 100% !important;
  }
}

.gs-acf-grid.three-col-borders section{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 1024px){
  .gs-acf-grid.three-col-borders section{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.gs-acf-grid.three-col-borders section:nth-last-of-type(2){
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: var(--wp--preset--color--headers);
}

@media (min-width: 1024px){
  .gs-acf-grid.three-col-borders section:nth-last-of-type(2){
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 0px;
    border-bottom-width: 0px;
  }
}

.gs-acf-grid .acf-block-grid-stack-reverse .grid-col{
  position: relative;
  overflow: hidden;
}

.gs-acf-grid .acf-block-grid-stack-reverse .grid-col img{
  width: 100%;
}

.gs-acf-grid .acf-block-grid-stack-reverse .grid-col h1:first-child, .gs-acf-grid .acf-block-grid-stack-reverse .grid-col h2:first-child, .gs-acf-grid .acf-block-grid-stack-reverse .grid-col h3:first-child, .gs-acf-grid .acf-block-grid-stack-reverse .grid-col h4:first-child, .gs-acf-grid .acf-block-grid-stack-reverse .grid-col h5:first-child, .gs-acf-grid .acf-block-grid-stack-reverse .grid-col h6:first-child {
  /*prose fix*/
  margin-top: 0px;
}

.gs-acf-grid .acf-block-grid-stack-reverse .grid-col:first-of-type {
  order: 2;
}

@media (min-width: 1024px){
  .gs-acf-grid .acf-block-grid-stack-reverse .grid-col:first-of-type{
    order: 1;
  }
}

.gs-acf-grid .acf-block-grid-stack-reverse .grid-col:last-of-type {
  order: 1;
}

@media (min-width: 1024px){
  .gs-acf-grid .acf-block-grid-stack-reverse .grid-col:last-of-type{
    order: 2;
  }
}

.gs-acf-grid .acf-block-grid-stack-reverse strong {
  @text-inherit;
}

.is-style-image-style .grid section:nth-child(2) .wp-block-image img {
  /*transform: scale(1, 0.8); *//* Reduces the height by 20% while maintaining aspect ratio *//**/
  /*height:80% !important;*/
}

/*@apply border-t border-b border-color-headers;*/

.gs-acf-grid.is-style-footer > div, .gs-acf-grid.is-style-footer .grid {
  /*@apply !py-0 !gap-0;*/
}

.gs-acf-grid.is-style-footer section:first-of-type {
  /*@apply lg:border-r lg:border-color-headers lg:pr-[115px];*/
}

.gs-acf-grid.is-style-footer section:nth-of-type(2) {
  /*@apply lg:pl-[115px];*/
}

.gs-acf-grid.is-style-footer section{
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (min-width: 1024px){
  .gs-acf-grid.is-style-footer section{
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.gs-acf-grid.is-style-footer a.wp-block-social-link-anchor {
  font-size: 13px !important;
}

.gs-acf-grid.is-style-footer-base section{
  text-align: left;
}

.gs-acf-grid.is-style-footer-base .widget_nav_menu h2.widgettitle{
  margin-bottom: 30px;
  font-family: var(--wp--preset--font-family--headers);
  font-size: 20px;
  font-weight: 300;
}

/*@apply not-prose;*/

.gs-acf-grid.is-style-footer-base .widget_nav_menu ul li a{
  font-family: var(--wp--preset--font-family--headers);
  font-size: 16px;
  font-weight: 300;
}

@media (min-width: 640px){
  .latest-news-intro p{
    margin-left: auto;
    margin-right: auto;
    max-width: 43ch;
  }
}

.acf-latest-news{
  --swiper-theme-color: var(--wp--preset--color--headers);
}

/* Customize the scrollbar */

.acf-latest-news .swiper-scrollbar {
  height: 1px !important;
  background: var(--swiper-theme-color);
}

.acf-latest-news .swiper-horizontal>.swiper-scrollbar, .acf-latest-news .swiper-scrollbar.swiper-scrollbar-horizontal {
  left:0 !important;
  right:0 !important;
  width:100% !important;
}

/* Style the draggable area */

.acf-latest-news .swiper-scrollbar-drag {
  background: none;
  /* Remove the default background */
}

.acf-latest-news .swiper-scrollbar-drag::before {
  content: "";
  width: 100%;
  /* Full width */
  height: 10px;
  /* Make the draggable area taller than the scrollbar */
  background: var(--swiper-theme-color);
  /* Green background */
  position: absolute;
  top: 50%;
  /* Center vertically */
  transform: translateY(-50%);
  /* Adjust positioning */
}

.acf-latest-news .swiper-slide-last-active {
  /* Your custom styles here */
  margin-right:50px;
}

.new-grid-block p,
    .new-grid-block h2,
    .new-grid-block h3,
    .new-grid-block h4 {
  color: white !important;
}

.gs-acf-swiper {
  --swiper-theme-color: blue;
  --swiper-pagination-bullet-width: 10px;
  --swiper-pagination-bullet-height: 10px;
  --swiper-pagination-color: pink;
}

.gs-acf-swiper .block-swiper-container[data-style="default"] .swiper-wrapper .swiper-slide{
  height: 400px;
}

@media (min-width: 640px){
  .gs-acf-swiper .block-swiper-container[data-style="default"] .swiper-wrapper .swiper-slide{
    height: 500px;
  }
}

@media not all and (min-width: 640px){
  .gs-acf-swiper .block-swiper-container[data-style="centered"]{
    width: var(--wp--style--global--content-size);
    margin-left: auto;
    margin-right: auto;
  }
}

.gs-acf-swiper .block-swiper-container[data-style="centered"] .swiper-wrapper .swiper-slide{
  height: 400px;
}

@media (min-width: 640px){
  .gs-acf-swiper .block-swiper-container[data-style="centered"] .swiper-wrapper .swiper-slide{
    height: 400px;
  }
}

@media (min-width: 1024px){
  .gs-acf-swiper .block-swiper-container[data-style="centered"] .swiper-wrapper .swiper-slide:nth-child(even){
    height: 500px;
  }
}

:root {
  --swiper-theme-color: var(--wp--preset--color--headers) !important;
  --swiper-navigation-size: 20px !important;
}

/*Grid-container//*/

.full-right {
  margin-right: 0 !important;
  width: 95% !important;
}

/*Product Swiper//*/

.swiper-woo-products .swiper-slide {
  /*max-width: 400px;*/
  width: 100%;
  text-align: center;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  /*align-items: flex-start;*/
  justify-content: center;
}

.swiper-woo-products .swiper-slide img {
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 350px;
  max-height: 350px;
}

@media (min-width: 1280px) {
  .swiper-woo-products .swiper-slide img {
    min-height: 450px;
    max-height: 450px
  }
}

@media (min-width: 2000px) {
  .swiper-woo-products .swiper-slide img {
    min-height: 700px
  }
}

.swiper-woo-products .swiper-slide:nth-child(even) {
  /*background: #673ab7;*/
}

.swiper-woo-products.single-mode .swiper-slide {
  max-width: unset;
  width: 100%;
  height: auto;
}

.pro-pagination {
  display: none;
  /* position:relative;*/
  /*  width: calc((100% - 50vw) * 2) !important;*/
}

.pro-chev {
  background-color: white;
  border-radius: 15px;
  padding: 25px;
}

.pro-chev .pro-prev {
  /*background-color: pink;*/
}

.pro-chev .pro-next {
  /*background-color: orange;*/
}

@media (min-width: 1536px){
  .container.full-right{
    margin-left: 5% !important;
    width: 95% !important;
  }
}

/*Single Slider//*/

.single-mode {
  max-width: 75%;
  margin: 0 auto;
  overflow: hidden;
}

@media (min-width: 550px) {
  .single-mode {
    max-width: 50%
  }
}

.single-mode .swiper-slide {
  margin-right: 0;
}

.single-mode .info-box {
  text-align: center;
  display: block;
  width: 100%;
}

.single-mode .info-box h2 {
  margin-bottom: 1.5rem;
  line-height: 1;
}

@media (min-width: 350px) {
  .single-mode .info-box h2 {
    font-size: calc(1.35rem + ((1vw - 3.5px) * 1.2424)) !important;
    font-family: 'Shadows Into Light'
  }
}

@media (min-width: 2000px) {
  .single-mode .info-box h2 {
    font-size: 65px !important
  }
}

.swiper-button-prev.pro-chev.pro-prev,
.swiper-button-next.pro-chev.pro-next {
  transform: translateY(-100%);
}

.swiper-button-prev.pro-chev.pro-prev {
  transform: translateY(-100%);
}

@media (min-width: 1280px) {
  .swiper-button-prev.pro-chev.pro-prev {
    left: 20%
  }
}

.swiper-button-prev.pro-chev.pro-prev:after {
  /*color: #f6394f;*/
  font-size: 1.2rem;
}

.swiper-button-next.pro-chev.pro-next {
  transform: translateY(-100%);
}

@media (min-width: 1280px) {
  .swiper-button-next.pro-chev.pro-next {
    right: 20%
  }
}

.swiper-button-next.pro-chev.pro-next:after {
  /*color: #f6394f;*/
  font-size: 1.2rem;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #f6394f;
}

span.swiper-pagination-bullet {
  background: #f6394f;
}

.swiper-pagination.pro-pagination.\!block.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -18px !important;
}

.swiper-woo-products .swiper-wrapper{
  justify-content: center;
}

.is-style-rounded-top img {
  /*clip-path: circle(80% at 50% 0);*/
}

.is-style-sub-label {
  /*@apply !text-color-headers;*/
  font-family: var(--wp--preset--font-family--sub) !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  margin-bottom: 33px;
}

.is-style-sub-label a{
  font-family: var(--wp--preset--font-family--sub) !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  margin-bottom: 33px;
  text-decoration: none !important;
}

@media (min-width: 640px){
  .is-style-reduced-width{
    max-width: 40ch !important;
  }
}

.wp-block-spacer.is-style-border-bottom{
  width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
  border-bottom-width: 1px;
  border-color: var(--wp--preset--color--headers);
}

@media (min-width: 1024px){
  .gs-acf-grid.rem-left .wp-block-spacer.is-style-border-bottom{
    width: 100% !important;
  }
}

@media (min-width: 1536px){
  .wp-block-spacer.is-style-border-bottom.full-right{
    margin-left: 5% !important;
    width: 95% !important;
  }
}


	.wp-block-buttons .wp-block-spacer.is-style-border-bottom,
	.button-outline .wp-block-spacer.is-style-border-bottom {
  --def: #ffffff;
  --inv: #000000;
  display: block;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
}

/* @import "./custom/block-styles/_bespoke-grids.scss";*/

.prose{
  color: var(--tw-prose-body);
  max-width: 75%;
}

.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  color: var(--wp--preset--color--paragraphs);
}

.prose :where([class~="lead"], [class~="is-style-lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  text-decoration: none;
  font-weight: light;
  font-family: var(--wp--preset--font-family--body);
  font-size: clamp(14px, calc(0.875rem + (18 - 14) * ((100vw - 320px) / (1000 - 320))), 18px);
  cursor: pointer;
}

.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}

.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
}

.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: none;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 0 !important;
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  font-weight: 400;
  color: var(--tw-prose-counters);
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  color: var(--tw-prose-bullets);
}

.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}

.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
  border-bottom: none;
}

.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
  border-left-style: solid;
}

.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: open-quote;
}

.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: close-quote;
}

.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: clamp(32px, calc(2rem + (100 - 32) * ((100vw - 320px) / (1920 - 320))), 100px);
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 900;
  color: inherit;
}

.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: clamp(28px, calc(1.75rem + (45 - 28) * ((100vw - 320px) / (1920 - 320))), 45px);
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 800;
  color: inherit;
}

.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: clamp(22px, calc(1.375rem + (38 - 22) * ((100vw - 320px) / (1920 - 320))), 38px);
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}

.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
  font-size: clamp(20px, calc(1.25rem + (43 - 20) * ((100vw - 320px) / (1920 - 320))), 43px);
}

.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}

.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: "`";
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: "`";
}

.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.875em;
}

.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.9em;
}

.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: none;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: none;
}

.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  width: 100%;
  table-layout: auto;
  text-align: start;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
  background: white;
}

.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 0;
}

.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: baseline;
}

.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: top;
}

.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose{
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: var(--wp--preset--color--brand-main);
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}

.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}

.prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}

.prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}

.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}

.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}

.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}

.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}

.prose{
  margin-left: 0;
  margin-right: 0;
}

.prose :where(h1, h2, h3, h4, h5, h6):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-family: var(--wp--preset--font-family--headers);
  font-weight: 300;
  line-height: normal;
}

.prose :where(h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: bold;
}

.prose :where(h5):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: clamp(18px, calc(1.125rem + (40 - 18) * ((100vw - 320px) / (1920 - 320))), 40px);
}

.prose :where(h6):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: clamp(16px, calc(1rem + (35 - 16) * ((100vw - 320px) / (1920 - 320))), 35px);
}

.prose :where(a, p, li, span):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-family: var(--wp--preset--font-family--body);
  font-weight: 300;
  font-size: clamp(14px, calc(0.875rem + (18 - 14) * ((100vw - 320px) / (1000 - 320))), 18px);
}

.prose :where(p strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 600;
  color: inherit !important;
}

.prose :where(a:hover):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--wp--preset--color--brand-main);
}

.prose :where(form):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-family: Manrope;
}

.prose :where(form label):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1rem;
  font-weight: 400;
}

.prose :where(blockquote > cite):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-body);
  font-style: normal;
  font-weight: 400;
}

.prose :where(blockquote > cite):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: "\2014";
}

.prose :where(table.has-fixed-layout):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  table-layout: fixed;
  width: 100%;
}

.prose-neutral{
  --tw-prose-body: #404040;
  --tw-prose-headings: #171717;
  --tw-prose-lead: #525252;
  --tw-prose-links: #171717;
  --tw-prose-bold: #171717;
  --tw-prose-counters: #737373;
  --tw-prose-bullets: #d4d4d4;
  --tw-prose-hr: #e5e5e5;
  --tw-prose-quotes: #171717;
  --tw-prose-quote-borders: #e5e5e5;
  --tw-prose-captions: #737373;
  --tw-prose-kbd: #171717;
  --tw-prose-kbd-shadows: 23 23 23;
  --tw-prose-code: #171717;
  --tw-prose-pre-code: #e5e5e5;
  --tw-prose-pre-bg: #262626;
  --tw-prose-th-borders: #d4d4d4;
  --tw-prose-td-borders: #e5e5e5;
  --tw-prose-invert-body: #d4d4d4;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #a3a3a3;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #a3a3a3;
  --tw-prose-invert-bullets: #525252;
  --tw-prose-invert-hr: #404040;
  --tw-prose-invert-quotes: #f5f5f5;
  --tw-prose-invert-quote-borders: #404040;
  --tw-prose-invert-captions: #a3a3a3;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d4d4d4;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #525252;
  --tw-prose-invert-td-borders: #404040;
}

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

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

.aspect-w-3{
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 3;
}

.aspect-w-3 > *{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.aspect-w-4{
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 4;
}

.aspect-w-4 > *{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media (min-width: 1024px){
  .container-overflow-right{
    width: 95% !important;
    margin-right: 0 !important;
  }
}

.container{
  width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
}

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

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

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

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

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

.button,
.btn,
.wp-element-button,
.pop-search-button {
  /* @apply !transition-all;*/
  /* @apply !font-button;*/
  /* @apply !no-underline;*/
  /* @apply !font-normal;*/
  /* @apply !text-[12px];*/
  /* @apply !uppercase;*/
  /* @apply !bg-color-headers;*/
  /* @apply !rounded-none;*/
  /* @apply !px-[50px];*/
  /* @apply !py-[15px];*/
  /* @apply !text-white;*/
  /* //this is to fix woo, tailwind doesn't work with borders*/
  /* border: 1px solid var(--wp--preset--color--headers) !important;*/
}

.is-style-outline .button,
	.is-style-outline .wp-element-button,
	.is-style-outline button.single_add_to_cart_button,
	.is-style-outline .pop-search-button{
  background-color: transparent !important;
  /* @apply !text-color-headers;*/
  /* @apply !font-normal;*/
  /* //@apply !border !border-color-headers;*/
  /* border: 1px solid var(--wp--preset--color--headers) !important;*/
  /* //@apply !border;*/
  /* &:hover {*/
  /* 	@apply !bg-color-headers;*/
  /* 	@apply !text-white;*/
  /* 	@apply !font-normal;*/
  /* }*/
}

/*woo buttons*/

a.button.product_type_grouped,
a.button.product_type_external {
  width: 100%;
  text-align: center;
}

.wp-block-buttons,
.button-outline {
  margin-bottom: 1em;
  margin-top: 2rem;
}

.wp-block-buttons .wp-block-button,
	.wp-block-buttons .container,
	.button-outline .wp-block-button,
	.button-outline .container {
  --def: #ffffff;
  --inv: #000000;
  display: block;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
}

.wp-block-buttons .wp-block-button__link,
	.wp-block-buttons .cta-btn,
	.button-outline .wp-block-button__link,
	.button-outline .cta-btn{
  display: inline-block !important;
  position: relative;
  padding: 8px 45px;
  padding-right: 45px;
  font-size: 16px;
  color: var(--inv);
  text-transform: uppercase;
  transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: 300;
  text-align: center;
  border: 1px solid var(--inv);
  cursor: pointer;
  border-radius: 0;
  background: transparent;
  text-decoration: none;
}

.wp-block-buttons .btn-white, .button-outline .btn-white {
  color: var(--def);
  border: 1px solid var(--def);
}

.wp-block-buttons .wp-block-button__link:before,
	.wp-block-buttons .wp-block-button__link:after,
	.wp-block-buttons .btn-white:before,
	.wp-block-buttons .btn-white:after,
	.wp-block-buttons .cta-btn:before,
	.wp-block-buttons .cta-btn:after,
	.button-outline .wp-block-button__link:before,
	.button-outline .wp-block-button__link:after,
	.button-outline .btn-white:before,
	.button-outline .btn-white:after,
	.button-outline .cta-btn:before,
	.button-outline .cta-btn:after {
  content: "";
  position: absolute;
  transition: inherit;
  z-index: -1;
}

.wp-block-buttons .wp-block-button__link:hover,
	.wp-block-buttons .cta-btn:hover,
	.button-outline .wp-block-button__link:hover,
	.button-outline .cta-btn:hover {
  color: var(--def);
  transition-delay: 0.5s;
}

.wp-block-buttons .wp-block-button__link:hover:before, .wp-block-buttons .cta-btn:hover:before, .button-outline .wp-block-button__link:hover:before, .button-outline .cta-btn:hover:before {
  transition-delay: 0s;
}

.wp-block-buttons .wp-block-button__link:hover:after, .wp-block-buttons .cta-btn:hover:after, .button-outline .wp-block-button__link:hover:after, .button-outline .cta-btn:hover:after {
  background: var(--inv);
  transition-delay: 0.35s;
}

/* From Top */

.wp-block-buttons .wp-element-button:before,
	.wp-block-buttons .wp-element-button::after,
	.wp-block-buttons .from-top:before,
	.wp-block-buttons .from-top:after,
	.button-outline .wp-element-button:before,
	.button-outline .wp-element-button::after,
	.button-outline .from-top:before,
	.button-outline .from-top:after {
  left: 0;
  height: 0;
  width: 100%;
}

.wp-block-buttons .wp-element-button:before,
	.wp-block-buttons .from-top:before,
	.button-outline .wp-element-button:before,
	.button-outline .from-top:before {
  bottom: 0;
  border: 1px solid var(--inv);
  border-top: 0;
  border-bottom: 0;
}

.wp-block-buttons .wp-element-button:after,
	.wp-block-buttons .from-top:after,
	.button-outline .wp-element-button:after,
	.button-outline .from-top:after {
  top: 0;
  height: 0;
}

.wp-block-buttons .wp-element-button:hover:before,
	.wp-block-buttons .wp-element-button:hover:after,
	.wp-block-buttons .from-top:hover:before,
	.wp-block-buttons .from-top:hover:after,
	.button-outline .wp-element-button:hover:before,
	.button-outline .wp-element-button:hover:after,
	.button-outline .from-top:hover:before,
	.button-outline .from-top:hover:after {
  height: 100%;
}

.wp-block-buttons *,
	.wp-block-buttons *:before,
	.wp-block-buttons *:after,
	.button-outline *,
	.button-outline *:before,
	.button-outline *:after {
  box-sizing: border-box;
}

.wp-block-buttons .btn-white:hover, .button-outline .btn-white:hover {
  color: var(--inv);
  transition-delay: 0.5s;
}

.wp-block-buttons .btn-white:hover:after, .button-outline .btn-white:hover:after {
  background: var(--def);
  transition-delay: 0.35s;
}

button.single_add_to_cart_button.button.alt {
  background-color: #212121 !important;
  font-family: var(--wp--preset--font-family--body) !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: 400 !important;
  text-transform: uppercase;
}

.woocommerce div.product form.cart {
  margin-bottom: 1em !important;
}

.woocommerce-product-details__short-description *, .woocommerce-variation-description *{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

a.reset_variations {
  background: black;
  color: white;
  margin: 30px 0;
  width: 100%;
  max-width: 150px;
  margin-left: auto;
  font-weight: normal;
  text-transform: uppercase;
  font-family: var(--wp--preset--font-family--body) !important;
}

.xoo-wsc-icon-cart1:before{
  /*vertical-align: middle;*/
}

.wc-block-components-drawer__screen-overlay.wc-block-components-drawer__screen-overlay--with-slide-in.wc-block-components-drawer__screen-overlay--with-slide-out {
  display: none !important;
}

.xoo-wsc-sc-bki{
  font-size: 1.125rem;
}

.xoo-wsc-sc-cont .xoo-wsc-cart-trigger{
  display: inline-block;
  margin-top: 5px;
}

.xoo-wsc-sc-cont .xoo-wsc-cart-trigger > *{
  margin-right: 0;
}

/**
 * Custom styles to immediately follow Tailwind’s `components` layer
 *
 * “Add more opinionated, complex classes like buttons, form controls, alerts,
 * etc; the sort of pre-built components you often see in other frameworks that
 * you might need to override with utility classes.”
 *
 * — from https://tailwindcss.com/docs/plugins#adding-components
 */

/**
 * Post title styles
 *
 * These will be applied to all headings with a `page-title` or `entry-title`
 * class on the frontend and to the post title in the block editor.
 *
 * The supplied styles are meant to match the default `h1` classes from
 * Tailwind Typography.
 */

.page-title,
.entry-title {
  /*@apply max-w-content mx-auto mb-6 text-3xl font-extrabold text-orange-400;*/
}

/**
 * Layout styles for centered content areas
 *
 * If you are controlling the width of your content area with styles applied
 * to its container, you can delete the following styles whose selectors begin
 * with `.page-content >` and `.entry-content >`. For more details, please see
 * the following:
 *
 * https://make.wordpress.org/core/2021/06/29/on-layout-and-content-width-in-wordpress-5-8/
 */

.page-content > *,
.entry-content > * {
  /* Content width from the `theme.json` file */
  /*@apply max-w-content mx-auto;*/
}

.entry-content > .alignwide {
  /* Wide width from the `theme.json` file */
  /*@apply max-w-wide;*/
}

.entry-content > .alignfull {
  /*@apply max-w-none;*/
}

.entry-content > .alignleft {
  /*@apply float-left mr-8;*/
}

.entry-content > .alignright {
  /*@apply float-right ml-8;*/
}

#cookie-notice{
  background-color: rgb(45, 51, 56) !important;
}

#cn-accept-cookie {
  padding: 5px;
  /* border: 1px solid white;*/
  min-width: 60px;
  background-color: var(--wp--preset--color--headers);
}

footer {
  border-top: 2px solid #e1e1e1;
}

footer h2{
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
}

footer p, footer ul *, footer a{
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

#main-footer .footer-top-svg svg{
  margin-bottom: -1px;
  width: 100% !important;
}

#main-footer .bottom-right-svg svg {
  /* @apply absolute opacity-0  xl:opacity-100 -bottom-[25%] -right-[100%] xl:-right-[15%] fill-white w-[775px] 2xl:w-[975px] transition-all duration-500;*/
  position: absolute;
  bottom: 0px;
  right: 0px;
}

@media (min-width: 640px){
  #main-footer .bottom-right-svg svg{
    width: 55%;
  }
}

@media (min-width: 1024px){
  #main-footer .bottom-right-svg svg{
    width: 60%;
  }
}

@media (min-width: 1280px){
  #main-footer .bottom-right-svg svg{
    width: 40%;
  }
}

iframe{
  width: 100%;
}

.svg-top-container{
  position: relative;
}

.svg-top-container img{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.svg-top-container svg{
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  width: 100%;
}

.prod-dome svg .cls-1td {
  fill: #F4F4F4 !important;
}

#image-left img {
  height: 100%;
  width: 100%;
  aspect-ratio: 1 / 1;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 50vh;
}

@media (min-width: 1280px) {
  #image-left img {
    max-height: 85vh
  }
}

/* #Mega Menu Styles
	if you use sass, convert all this additional css to tailwindcss using the 'hack' @apply for all element.style (css properties)
  [ https://tailwindcss.com/docs/functions-and-directives/#apply ]
  example:
	.mega-menu {
	@apply
	hidden
	left-0
	absolute
	text-left
	w-full;
	}
	–––––––––––––––––––––––––––––––––––––––––––––––––– */

#mega-menu .mega-menu {
  opacity:0;
  visibility:hidden;
  z-index: -900;
  left: 0;
  position: absolute;
  text-align: left;
  width: 100%;
  transition: all 0.15s linear 0s;
}

/* #hoverable Class Styles */

#mega-menu .hoverable {
  position: static;
}

/*.hoverable > a:after {*/

/*	content: "\25BC";*/

/*	font-size: 10px;*/

/*	padding-left: 6px;*/

/*	position: relative;*/

/*	top: -1px;*/

/*}*/

#mega-menu .hoverable:hover .mega-menu {
  opacity:1;
  visibility:visible;
  z-index: 900;
}

/* #toggle Class Styles */

#mega-menu .toggleable > label:after {
  content: "\25BC";
  font-size: 10px;
  padding-left: 6px;
  position: relative;
  top: -1px;
}

#mega-menu .toggle-input {
  display: none;
}

#mega-menu .toggle-input:not(checked) ~ .mega-menu {
  opacity:0;
  visibility:hidden;
  z-index: -900;
}

#mega-menu .toggle-input:checked ~ .mega-menu {
  opacity:1;
  visibility:visible;
  z-index: 900;
}

#mega-menu .toggle-input:checked + label {
  color: white;
  background: rgb(3, 102, 114);
  /*@apply bg-teal-700 */
}

#mega-menu .toggle-input:checked ~ label:after {
  content: "\25B2";
  font-size: 10px;
  padding-left: 6px;
  position: relative;
  top: -1px;
}

svg#desktopMenuLogo{
  z-index:950;
}

/*change menu color on hover*/

nav.bg-menu-hover svg#desktopMenuLogo{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

nav.bg-menu-hover svg#desktopMenuLogo g path{
  fill: var(--wp--preset--color--brand-main);
}

/*change ALL links on hover*/

nav.bg-menu-hover .run-mm-menu-bg, nav.bg-menu-hover .single-link{
  color: var(--wp--preset--color--brand-main);
}

/*change all down chevs also*/

nav.bg-menu-hover #downChev path, nav.bg-menu-hover #searchMiniIcon path, nav.bg-menu-hover #accountMiniIcon path, nav.bg-menu-hover #menuMiniIcon path{
  fill: var(--wp--preset--color--brand-main);
  /*@apply stroke-menu-link-col-hover;*/
}

nav.bg-menu-hover #menuMiniIcon path{
  stroke: var(--wp--preset--color--brand-main);
}

#main-logo{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

#navbar{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

/*.scrolled {*/

/*	@apply shadow-lg;*/

/*	//@apply shadow-b-2.5;*/

/*	//@apply -shadow-spread-2;*/

/*	//@apply shadow-gray-500/15;*/

/*	@apply !py-6;*/

/**/

/*	#main-logo {*/

/*		@apply scale-90;*/

/*	}*/

/**/

/*	a {*/

/*		@apply !py-1;*/

/*	}*/

/**/

/**/

/*	//menu-scroll-bg*/

/*	&#navbar {*/

/*		@apply !bg-menu-scroll-bg;*/

/*		@apply !sticky;*/

/*	}*/

/**/

/*}*/

#mob-canvas {
  z-index: 999;
  /* @apply xl:hidden;*/
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

#mob-canvas .banner-mask-canvas {
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  height: 100%;
  width: 100%;
}

#mob-canvas #showInnerCanvas {
  display: none;
  /*opacity: 0;*/
}

#mob-canvas.hide-canvas {
  animation: hideCanvasSlide .5s ease-in-out forwards;
}

#mob-canvas.show-canvas {
  transform: translateX(100%);
  opacity: 1;
  animation: showCanvasSlide .5s ease-in-out forwards;
}

#mob-canvas.show-canvas #canvas-mask-img {
  display: block;
}

#mob-canvas.show-canvas #canvas-mask-img #canvas-mask-inner-img {
  transform: translateX(40%) translateY(20%);
}

#mob-canvas.show-canvas #mob-canvas-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* display: none;*/
  animation-delay: 2s;
  animation: showInnerCanvas 0.5s ease-in-out forwards;
}

@keyframes showCanvasSlide {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes hideCanvasSlide {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }

  100% {
    transform: translateX(100%);
    opacity: 1;
  }
}

@keyframes showCanvas {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes showInnerCanvas {
  0% {
    /*display: flex;*/
    /*transform: translateX(-100%);*/
    opacity: 0;
    transform: translateX(-100%);
  }

  100% {
    /*transform: translateX(0%);*/
    opacity: 1;
    /*display: flex;*/
    transform: translateX(0%);
  }
}

.menu-link-force a{
  color: var(--wp--preset--color--headers) !important;
}

.menu-link-force svg#desktopMenuLogo{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.menu-link-force svg#desktopMenuLogo g path{
  fill: var(--wp--preset--color--brand-main);
}

.menu-link-force #downChev path, .menu-link-force #searchMiniIcon path, .menu-link-force #accountMiniIcon path{
  fill: var(--wp--preset--color--brand-main) !important;
}

.menu-link-force #menuMiniIcon path{
  stroke: var(--wp--preset--color--brand-main) !important;
}

.menu-link-force svg.wc-block-mini-cart__icon {
  /*@apply !text-menu-link-col-hover;*/
}

@media (min-width: 1024px) {
  a.logo-link {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    justify-content: center
  }
}

#main-logo:hover {
  cursor: pointer;
}

.nf-form-cont *{
  font-family: var(--wp--preset--font-family--body);
}

.nf-form-cont .nf-form-title{
  display: none !important;
}

.nf-form-cont .nf-error-msg{
  font-size: 1rem;
  line-height: 1.5rem;
}

.nf-form-cont .nf-field-label label{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

.nf-form-cont input, .nf-form-cont textarea{
  border-width: 1px;
  padding: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.nf-form-cont input.nf-element[type="submit"] {
  /* background-color: red;*/
  /* display:none;*/
  min-width: 125px;
  --tw-bg-opacity: 1;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity));
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  /* @apply !transition-all;*/
  /* @apply !font-button;*/
  /* @apply !no-underline;*/
  /* @apply !font-normal;*/
  /* @apply !text-[12px];*/
  /* @apply !uppercase;*/
  /* @apply !bg-color-headers;*/
  /* @apply !rounded-none;*/
  /* @apply !px-[50px];*/
  /* @apply !py-[15px];*/
  /* @apply !text-white;*/
  /* //this is to fix woo, tailwind doesn't work with borders*/
  /* border: 1px solid var(--wp--preset--color--headers) !important;*/
}

.is-style-outline .nf-form-cont input.nf-element[type="submit"]{
  background-color: transparent !important;
  /* @apply !text-color-headers;*/
  /* @apply !font-normal;*/
  /* //@apply !border !border-color-headers;*/
  /* border: 1px solid var(--wp--preset--color--headers) !important;*/
  /* //@apply !border;*/
  /* &:hover {*/
  /* 	@apply !bg-color-headers;*/
  /* 	@apply !text-white;*/
  /* 	@apply !font-normal;*/
  /* }*/
}

a.nf-form-cont input.nf-element[type="submit"].product_type_grouped,
a.nf-form-cont input.nf-element[type="submit"].product_type_external {
  width: 100%;
  text-align: center;
}

button.single_add_to_cart_button.nf-form-cont input.nf-element[type="submit"].alt {
  background-color: #212121;
  font-family: var(--wp--preset--font-family--body) !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: 400 !important;
  text-transform: uppercase;
}

 .gs-single-pro a.nf-form-cont input.nf-element[type="submit"].product_type_variable.add_to_cart_button {
  text-align: center;
  display: block;
  color: #212121;
  border-radius: 0;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  border: 1px solid #212121;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  font-weight:400;
}

 .gs-single-pro a.nf-form-cont input.nf-element[type="submit"].product_type_variable.add_to_cart_button:hover {
  color: #fff;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity)) !important;
}

a.nf-form-cont input.nf-element[type="submit"].add_to_cart_button {
  width: 100%;
  text-align: center;
}

button.single_add_to_cart_button.nf-form-cont input.nf-element[type="submit"].alt {
  width: 100%;
  margin: 20px 0;
}

button.woocommerce-button.nf-form-cont input.nf-element[type="submit"].woocommerce-form-login__submit,
.woocommerce-info .nf-form-cont input.nf-element[type="submit"],.nf-form-cont input.nf-element[type="submit"]{
  margin-top: 1rem;
  margin-bottom: 1rem;
  min-width: 125px !important;
  cursor: pointer !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity)) !important;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-transform: uppercase !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

button.single_add_to_cart_button.nf-form-cont input.nf-element[type="submit"].alt {
  max-width: 200px;
  flex: 1;
  text-wrap: nowrap;
}

.nf-form-cont .nf-element[type="submit"]{
  cursor: pointer;
  /* @apply !transition-all;*/
  /* @apply !font-button;*/
  /* @apply !no-underline;*/
  /* @apply !font-normal;*/
  /* @apply !text-[12px];*/
  /* @apply !uppercase;*/
  /* @apply !bg-color-headers;*/
  /* @apply !rounded-none;*/
  /* @apply !px-[50px];*/
  /* @apply !py-[15px];*/
  /* @apply !text-white;*/
  /* //this is to fix woo, tailwind doesn't work with borders*/
  /* border: 1px solid var(--wp--preset--color--headers) !important;*/
}

h2#swal2-title {
  text-align: left;
  color: white;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: normal;
  font-family: var(--wp--preset--font-family--headers);
  font-size: 1.875em !important;
}

.pop-search-button{
  border: 1px solid white !important;
  white-space: nowrap;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

form#search-form{
  margin-top: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
}

@media (min-width: 640px){
  form#search-form{
    flex-direction: row;
  }
}

input#search-input{
  width: 100%;
  padding: 1rem;
}

input#search-input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.swal2-html-container{
  margin: 0px !important;
  padding: 0px !important;
}

.swal2-close{
  position: absolute;
}

span.svg-underline-injection{
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}

span.svg-underline-injection svg{
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  width: 100%;
}

.wp-block-woocommerce-product-categories.is-style-horizontal-list ul.wc-block-product-categories-list--depth-0 {
  /*list-style-type: none;*/
  /*margin: 0;*/
  /*padding: 0;*/
  /*text-align: left;*/
  /*display: flex;*/
  /*justify-content: center;*/
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  justify-content: center;
  gap: 1rem;
  padding: 0px;
  text-align: left;
}

.wp-block-woocommerce-product-categories.is-style-horizontal-list ul.wc-block-product-categories-list--depth-0 li .wc-block-product-categories-list-item-count{
  display: none;
}

.wp-block-woocommerce-product-categories.is-style-horizontal-list ul.wc-block-product-categories-list--depth-0 li a{
  font-family: var(--wp--preset--font-family--sub);
  font-size: 12px;
  text-transform: uppercase;
  text-decoration-line: none;
}

/*hide all the sub cats*/

.wp-block-woocommerce-product-categories.is-style-horizontal-list ul.wc-block-product-categories-list--depth-0 ul{
  display: none;
}

@media screen and (max-width:640px) {
  .wp-block-spacer {
    height: 25px !important
  }
}

.post-edit-link{
  display: none;
}

.nav-links{
  padding-top: 40px;
  padding-bottom: 40px;
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */

:root{
  --animate-duration:1s;
  --animate-delay:1s;
  --animate-repeat:1
}

.animate__animated{
  animation-duration:1s;
  animation-duration:var(--animate-duration);
  animation-fill-mode:both
}

.animate__animated.animate__infinite{
  animation-iteration-count:infinite
}

.animate__animated.animate__repeat-1{
  animation-iteration-count:1;
  animation-iteration-count:var(--animate-repeat)
}

.animate__animated.animate__repeat-2{
  animation-iteration-count:2;
  animation-iteration-count:calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3{
  animation-iteration-count:3;
  animation-iteration-count:calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s{
  animation-delay:1s;
  animation-delay:var(--animate-delay)
}

.animate__animated.animate__delay-2s{
  animation-delay:2s;
  animation-delay:calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s{
  animation-delay:3s;
  animation-delay:calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s{
  animation-delay:4s;
  animation-delay:calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s{
  animation-delay:5s;
  animation-delay:calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster{
  animation-duration:.5s;
  animation-duration:calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast{
  animation-duration:.8s;
  animation-duration:calc(var(--animate-duration)*0.8)
}

.animate__animated.animate__slow{
  animation-duration:2s;
  animation-duration:calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower{
  animation-duration:3s;
  animation-duration:calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),print{
  .animate__animated{
    animation-duration:1ms!important;
    transition-duration:1ms!important;
    animation-iteration-count:1!important
  }

  .animate__animated[class*=Out]{
    opacity:0
  }
}

@keyframes bounce{
  0%,20%,53%,to{
    animation-timing-function:cubic-bezier(.215,.61,.355,1);
    transform:translateZ(0)
  }

  40%,43%{
    animation-timing-function:cubic-bezier(.755,.05,.855,.06);
    transform:translate3d(0,-30px,0) scaleY(1.1)
  }

  70%{
    animation-timing-function:cubic-bezier(.755,.05,.855,.06);
    transform:translate3d(0,-15px,0) scaleY(1.05)
  }

  80%{
    transition-timing-function:cubic-bezier(.215,.61,.355,1);
    transform:translateZ(0) scaleY(.95)
  }

  90%{
    transform:translate3d(0,-4px,0) scaleY(1.02)
  }
}

.animate__bounce{
  animation-name:bounce;
  transform-origin:center bottom
}

@keyframes flash{
  0%,50%,to{
    opacity:1
  }

  25%,75%{
    opacity:0
  }
}

.animate__flash{
  animation-name:flash
}

@keyframes pulse{
  0%{
    transform:scaleX(1)
  }

  50%{
    transform:scale3d(1.05,1.05,1.05)
  }

  to{
    transform:scaleX(1)
  }
}

.animate__pulse{
  animation-name:pulse;
  animation-timing-function:ease-in-out
}

@keyframes rubberBand{
  0%{
    transform:scaleX(1)
  }

  30%{
    transform:scale3d(1.25,.75,1)
  }

  40%{
    transform:scale3d(.75,1.25,1)
  }

  50%{
    transform:scale3d(1.15,.85,1)
  }

  65%{
    transform:scale3d(.95,1.05,1)
  }

  75%{
    transform:scale3d(1.05,.95,1)
  }

  to{
    transform:scaleX(1)
  }
}

.animate__rubberBand{
  animation-name:rubberBand
}

@keyframes shakeX{
  0%,to{
    transform:translateZ(0)
  }

  10%,30%,50%,70%,90%{
    transform:translate3d(-10px,0,0)
  }

  20%,40%,60%,80%{
    transform:translate3d(10px,0,0)
  }
}

.animate__shakeX{
  animation-name:shakeX
}

@keyframes shakeY{
  0%,to{
    transform:translateZ(0)
  }

  10%,30%,50%,70%,90%{
    transform:translate3d(0,-10px,0)
  }

  20%,40%,60%,80%{
    transform:translate3d(0,10px,0)
  }
}

.animate__shakeY{
  animation-name:shakeY
}

@keyframes headShake{
  0%{
    transform:translateX(0)
  }

  6.5%{
    transform:translateX(-6px) rotateY(-9deg)
  }

  18.5%{
    transform:translateX(5px) rotateY(7deg)
  }

  31.5%{
    transform:translateX(-3px) rotateY(-5deg)
  }

  43.5%{
    transform:translateX(2px) rotateY(3deg)
  }

  50%{
    transform:translateX(0)
  }
}

.animate__headShake{
  animation-timing-function:ease-in-out;
  animation-name:headShake
}

@keyframes swing{
  20%{
    transform:rotate(15deg)
  }

  40%{
    transform:rotate(-10deg)
  }

  60%{
    transform:rotate(5deg)
  }

  80%{
    transform:rotate(-5deg)
  }

  to{
    transform:rotate(0deg)
  }
}

.animate__swing{
  transform-origin:top center;
  animation-name:swing
}

@keyframes tada{
  0%{
    transform:scaleX(1)
  }

  10%,20%{
    transform:scale3d(.9,.9,.9) rotate(-3deg)
  }

  30%,50%,70%,90%{
    transform:scale3d(1.1,1.1,1.1) rotate(3deg)
  }

  40%,60%,80%{
    transform:scale3d(1.1,1.1,1.1) rotate(-3deg)
  }

  to{
    transform:scaleX(1)
  }
}

.animate__tada{
  animation-name:tada
}

@keyframes wobble{
  0%{
    transform:translateZ(0)
  }

  15%{
    transform:translate3d(-25%,0,0) rotate(-5deg)
  }

  30%{
    transform:translate3d(20%,0,0) rotate(3deg)
  }

  45%{
    transform:translate3d(-15%,0,0) rotate(-3deg)
  }

  60%{
    transform:translate3d(10%,0,0) rotate(2deg)
  }

  75%{
    transform:translate3d(-5%,0,0) rotate(-1deg)
  }

  to{
    transform:translateZ(0)
  }
}

.animate__wobble{
  animation-name:wobble
}

@keyframes jello{
  0%,11.1%,to{
    transform:translateZ(0)
  }

  22.2%{
    transform:skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3%{
    transform:skewX(6.25deg) skewY(6.25deg)
  }

  44.4%{
    transform:skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5%{
    transform:skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6%{
    transform:skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7%{
    transform:skewX(.390625deg) skewY(.390625deg)
  }

  88.8%{
    transform:skewX(-.1953125deg) skewY(-.1953125deg)
  }
}

.animate__jello{
  animation-name:jello;
  transform-origin:center
}

@keyframes heartBeat{
  0%{
    transform:scale(1)
  }

  14%{
    transform:scale(1.3)
  }

  28%{
    transform:scale(1)
  }

  42%{
    transform:scale(1.3)
  }

  70%{
    transform:scale(1)
  }
}

.animate__heartBeat{
  animation-name:heartBeat;
  animation-duration:1.3s;
  animation-duration:calc(var(--animate-duration)*1.3);
  animation-timing-function:ease-in-out
}

@keyframes backInDown{
  0%{
    transform:translateY(-1200px) scale(.7);
    opacity:.7
  }

  80%{
    transform:translateY(0) scale(.7);
    opacity:.7
  }

  to{
    transform:scale(1);
    opacity:1
  }
}

.animate__backInDown{
  animation-name:backInDown
}

@keyframes backInLeft{
  0%{
    transform:translateX(-2000px) scale(.7);
    opacity:.7
  }

  80%{
    transform:translateX(0) scale(.7);
    opacity:.7
  }

  to{
    transform:scale(1);
    opacity:1
  }
}

.animate__backInLeft{
  animation-name:backInLeft
}

@keyframes backInRight{
  0%{
    transform:translateX(2000px) scale(.7);
    opacity:.7
  }

  80%{
    transform:translateX(0) scale(.7);
    opacity:.7
  }

  to{
    transform:scale(1);
    opacity:1
  }
}

.animate__backInRight{
  animation-name:backInRight
}

@keyframes backInUp{
  0%{
    transform:translateY(1200px) scale(.7);
    opacity:.7
  }

  80%{
    transform:translateY(0) scale(.7);
    opacity:.7
  }

  to{
    transform:scale(1);
    opacity:1
  }
}

.animate__backInUp{
  animation-name:backInUp
}

@keyframes backOutDown{
  0%{
    transform:scale(1);
    opacity:1
  }

  20%{
    transform:translateY(0) scale(.7);
    opacity:.7
  }

  to{
    transform:translateY(700px) scale(.7);
    opacity:.7
  }
}

.animate__backOutDown{
  animation-name:backOutDown
}

@keyframes backOutLeft{
  0%{
    transform:scale(1);
    opacity:1
  }

  20%{
    transform:translateX(0) scale(.7);
    opacity:.7
  }

  to{
    transform:translateX(-2000px) scale(.7);
    opacity:.7
  }
}

.animate__backOutLeft{
  animation-name:backOutLeft
}

@keyframes backOutRight{
  0%{
    transform:scale(1);
    opacity:1
  }

  20%{
    transform:translateX(0) scale(.7);
    opacity:.7
  }

  to{
    transform:translateX(2000px) scale(.7);
    opacity:.7
  }
}

.animate__backOutRight{
  animation-name:backOutRight
}

@keyframes backOutUp{
  0%{
    transform:scale(1);
    opacity:1
  }

  20%{
    transform:translateY(0) scale(.7);
    opacity:.7
  }

  to{
    transform:translateY(-700px) scale(.7);
    opacity:.7
  }
}

.animate__backOutUp{
  animation-name:backOutUp
}

@keyframes bounceIn{
  0%,20%,40%,60%,80%,to{
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }

  0%{
    opacity:0;
    transform:scale3d(.3,.3,.3)
  }

  20%{
    transform:scale3d(1.1,1.1,1.1)
  }

  40%{
    transform:scale3d(.9,.9,.9)
  }

  60%{
    opacity:1;
    transform:scale3d(1.03,1.03,1.03)
  }

  80%{
    transform:scale3d(.97,.97,.97)
  }

  to{
    opacity:1;
    transform:scaleX(1)
  }
}

.animate__bounceIn{
  animation-duration:.75s;
  animation-duration:calc(var(--animate-duration)*0.75);
  animation-name:bounceIn
}

@keyframes bounceInDown{
  0%,60%,75%,90%,to{
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }

  0%{
    opacity:0;
    transform:translate3d(0,-3000px,0) scaleY(3)
  }

  60%{
    opacity:1;
    transform:translate3d(0,25px,0) scaleY(.9)
  }

  75%{
    transform:translate3d(0,-10px,0) scaleY(.95)
  }

  90%{
    transform:translate3d(0,5px,0) scaleY(.985)
  }

  to{
    transform:translateZ(0)
  }
}

.animate__bounceInDown{
  animation-name:bounceInDown
}

@keyframes bounceInLeft{
  0%,60%,75%,90%,to{
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }

  0%{
    opacity:0;
    transform:translate3d(-3000px,0,0) scaleX(3)
  }

  60%{
    opacity:1;
    transform:translate3d(25px,0,0) scaleX(1)
  }

  75%{
    transform:translate3d(-10px,0,0) scaleX(.98)
  }

  90%{
    transform:translate3d(5px,0,0) scaleX(.995)
  }

  to{
    transform:translateZ(0)
  }
}

.animate__bounceInLeft{
  animation-name:bounceInLeft
}

@keyframes bounceInRight{
  0%,60%,75%,90%,to{
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }

  0%{
    opacity:0;
    transform:translate3d(3000px,0,0) scaleX(3)
  }

  60%{
    opacity:1;
    transform:translate3d(-25px,0,0) scaleX(1)
  }

  75%{
    transform:translate3d(10px,0,0) scaleX(.98)
  }

  90%{
    transform:translate3d(-5px,0,0) scaleX(.995)
  }

  to{
    transform:translateZ(0)
  }
}

.animate__bounceInRight{
  animation-name:bounceInRight
}

@keyframes bounceInUp{
  0%,60%,75%,90%,to{
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }

  0%{
    opacity:0;
    transform:translate3d(0,3000px,0) scaleY(5)
  }

  60%{
    opacity:1;
    transform:translate3d(0,-20px,0) scaleY(.9)
  }

  75%{
    transform:translate3d(0,10px,0) scaleY(.95)
  }

  90%{
    transform:translate3d(0,-5px,0) scaleY(.985)
  }

  to{
    transform:translateZ(0)
  }
}

.animate__bounceInUp{
  animation-name:bounceInUp
}

@keyframes bounceOut{
  20%{
    transform:scale3d(.9,.9,.9)
  }

  50%,55%{
    opacity:1;
    transform:scale3d(1.1,1.1,1.1)
  }

  to{
    opacity:0;
    transform:scale3d(.3,.3,.3)
  }
}

.animate__bounceOut{
  animation-duration:.75s;
  animation-duration:calc(var(--animate-duration)*0.75);
  animation-name:bounceOut
}

@keyframes bounceOutDown{
  20%{
    transform:translate3d(0,10px,0) scaleY(.985)
  }

  40%,45%{
    opacity:1;
    transform:translate3d(0,-20px,0) scaleY(.9)
  }

  to{
    opacity:0;
    transform:translate3d(0,2000px,0) scaleY(3)
  }
}

.animate__bounceOutDown{
  animation-name:bounceOutDown
}

@keyframes bounceOutLeft{
  20%{
    opacity:1;
    transform:translate3d(20px,0,0) scaleX(.9)
  }

  to{
    opacity:0;
    transform:translate3d(-2000px,0,0) scaleX(2)
  }
}

.animate__bounceOutLeft{
  animation-name:bounceOutLeft
}

@keyframes bounceOutRight{
  20%{
    opacity:1;
    transform:translate3d(-20px,0,0) scaleX(.9)
  }

  to{
    opacity:0;
    transform:translate3d(2000px,0,0) scaleX(2)
  }
}

.animate__bounceOutRight{
  animation-name:bounceOutRight
}

@keyframes bounceOutUp{
  20%{
    transform:translate3d(0,-10px,0) scaleY(.985)
  }

  40%,45%{
    opacity:1;
    transform:translate3d(0,20px,0) scaleY(.9)
  }

  to{
    opacity:0;
    transform:translate3d(0,-2000px,0) scaleY(3)
  }
}

.animate__bounceOutUp{
  animation-name:bounceOutUp
}

@keyframes fadeIn{
  0%{
    opacity:0
  }

  to{
    opacity:1
  }
}

.animate__fadeIn{
  animation-name:fadeIn
}

@keyframes fadeInDown{
  0%{
    opacity:0;
    transform:translate3d(0,-100%,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInDown{
  animation-name:fadeInDown
}

@keyframes fadeInDownBig{
  0%{
    opacity:0;
    transform:translate3d(0,-2000px,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInDownBig{
  animation-name:fadeInDownBig
}

@keyframes fadeInLeft{
  0%{
    opacity:0;
    transform:translate3d(-100%,0,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInLeft{
  animation-name:fadeInLeft
}

@keyframes fadeInLeftBig{
  0%{
    opacity:0;
    transform:translate3d(-2000px,0,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInLeftBig{
  animation-name:fadeInLeftBig
}

@keyframes fadeInRight{
  0%{
    opacity:0;
    transform:translate3d(100%,0,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInRight{
  animation-name:fadeInRight
}

@keyframes fadeInRightBig{
  0%{
    opacity:0;
    transform:translate3d(2000px,0,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInRightBig{
  animation-name:fadeInRightBig
}

@keyframes fadeInUp{
  0%{
    opacity:0;
    transform:translate3d(0,100%,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInUp{
  animation-name:fadeInUp
}

@keyframes fadeInUpBig{
  0%{
    opacity:0;
    transform:translate3d(0,2000px,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInUpBig{
  animation-name:fadeInUpBig
}

@keyframes fadeInTopLeft{
  0%{
    opacity:0;
    transform:translate3d(-100%,-100%,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInTopLeft{
  animation-name:fadeInTopLeft
}

@keyframes fadeInTopRight{
  0%{
    opacity:0;
    transform:translate3d(100%,-100%,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInTopRight{
  animation-name:fadeInTopRight
}

@keyframes fadeInBottomLeft{
  0%{
    opacity:0;
    transform:translate3d(-100%,100%,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInBottomLeft{
  animation-name:fadeInBottomLeft
}

@keyframes fadeInBottomRight{
  0%{
    opacity:0;
    transform:translate3d(100%,100%,0)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__fadeInBottomRight{
  animation-name:fadeInBottomRight
}

@keyframes fadeOut{
  0%{
    opacity:1
  }

  to{
    opacity:0
  }
}

.animate__fadeOut{
  animation-name:fadeOut
}

@keyframes fadeOutDown{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(0,100%,0)
  }
}

.animate__fadeOutDown{
  animation-name:fadeOutDown
}

@keyframes fadeOutDownBig{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(0,2000px,0)
  }
}

.animate__fadeOutDownBig{
  animation-name:fadeOutDownBig
}

@keyframes fadeOutLeft{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(-100%,0,0)
  }
}

.animate__fadeOutLeft{
  animation-name:fadeOutLeft
}

@keyframes fadeOutLeftBig{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(-2000px,0,0)
  }
}

.animate__fadeOutLeftBig{
  animation-name:fadeOutLeftBig
}

@keyframes fadeOutRight{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(100%,0,0)
  }
}

.animate__fadeOutRight{
  animation-name:fadeOutRight
}

@keyframes fadeOutRightBig{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(2000px,0,0)
  }
}

.animate__fadeOutRightBig{
  animation-name:fadeOutRightBig
}

@keyframes fadeOutUp{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(0,-100%,0)
  }
}

.animate__fadeOutUp{
  animation-name:fadeOutUp
}

@keyframes fadeOutUpBig{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(0,-2000px,0)
  }
}

.animate__fadeOutUpBig{
  animation-name:fadeOutUpBig
}

@keyframes fadeOutTopLeft{
  0%{
    opacity:1;
    transform:translateZ(0)
  }

  to{
    opacity:0;
    transform:translate3d(-100%,-100%,0)
  }
}

.animate__fadeOutTopLeft{
  animation-name:fadeOutTopLeft
}

@keyframes fadeOutTopRight{
  0%{
    opacity:1;
    transform:translateZ(0)
  }

  to{
    opacity:0;
    transform:translate3d(100%,-100%,0)
  }
}

.animate__fadeOutTopRight{
  animation-name:fadeOutTopRight
}

@keyframes fadeOutBottomRight{
  0%{
    opacity:1;
    transform:translateZ(0)
  }

  to{
    opacity:0;
    transform:translate3d(100%,100%,0)
  }
}

.animate__fadeOutBottomRight{
  animation-name:fadeOutBottomRight
}

@keyframes fadeOutBottomLeft{
  0%{
    opacity:1;
    transform:translateZ(0)
  }

  to{
    opacity:0;
    transform:translate3d(-100%,100%,0)
  }
}

.animate__fadeOutBottomLeft{
  animation-name:fadeOutBottomLeft
}

@keyframes flip{
  0%{
    transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    animation-timing-function:ease-out
  }

  40%{
    transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    animation-timing-function:ease-out
  }

  50%{
    transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    animation-timing-function:ease-in
  }

  80%{
    transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
    animation-timing-function:ease-in
  }

  to{
    transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    animation-timing-function:ease-in
  }
}

.animate__animated.animate__flip{
  backface-visibility:visible;
  animation-name:flip
}

@keyframes flipInX{
  0%{
    transform:perspective(400px) rotateX(90deg);
    animation-timing-function:ease-in;
    opacity:0
  }

  40%{
    transform:perspective(400px) rotateX(-20deg);
    animation-timing-function:ease-in
  }

  60%{
    transform:perspective(400px) rotateX(10deg);
    opacity:1
  }

  80%{
    transform:perspective(400px) rotateX(-5deg)
  }

  to{
    transform:perspective(400px)
  }
}

.animate__flipInX{
  backface-visibility:visible!important;
  animation-name:flipInX
}

@keyframes flipInY{
  0%{
    transform:perspective(400px) rotateY(90deg);
    animation-timing-function:ease-in;
    opacity:0
  }

  40%{
    transform:perspective(400px) rotateY(-20deg);
    animation-timing-function:ease-in
  }

  60%{
    transform:perspective(400px) rotateY(10deg);
    opacity:1
  }

  80%{
    transform:perspective(400px) rotateY(-5deg)
  }

  to{
    transform:perspective(400px)
  }
}

.animate__flipInY{
  backface-visibility:visible!important;
  animation-name:flipInY
}

@keyframes flipOutX{
  0%{
    transform:perspective(400px)
  }

  30%{
    transform:perspective(400px) rotateX(-20deg);
    opacity:1
  }

  to{
    transform:perspective(400px) rotateX(90deg);
    opacity:0
  }
}

.animate__flipOutX{
  animation-duration:.75s;
  animation-duration:calc(var(--animate-duration)*0.75);
  animation-name:flipOutX;
  backface-visibility:visible!important
}

@keyframes flipOutY{
  0%{
    transform:perspective(400px)
  }

  30%{
    transform:perspective(400px) rotateY(-15deg);
    opacity:1
  }

  to{
    transform:perspective(400px) rotateY(90deg);
    opacity:0
  }
}

.animate__flipOutY{
  animation-duration:.75s;
  animation-duration:calc(var(--animate-duration)*0.75);
  backface-visibility:visible!important;
  animation-name:flipOutY
}

@keyframes lightSpeedInRight{
  0%{
    transform:translate3d(100%,0,0) skewX(-30deg);
    opacity:0
  }

  60%{
    transform:skewX(20deg);
    opacity:1
  }

  80%{
    transform:skewX(-5deg)
  }

  to{
    transform:translateZ(0)
  }
}

.animate__lightSpeedInRight{
  animation-name:lightSpeedInRight;
  animation-timing-function:ease-out
}

@keyframes lightSpeedInLeft{
  0%{
    transform:translate3d(-100%,0,0) skewX(30deg);
    opacity:0
  }

  60%{
    transform:skewX(-20deg);
    opacity:1
  }

  80%{
    transform:skewX(5deg)
  }

  to{
    transform:translateZ(0)
  }
}

.animate__lightSpeedInLeft{
  animation-name:lightSpeedInLeft;
  animation-timing-function:ease-out
}

@keyframes lightSpeedOutRight{
  0%{
    opacity:1
  }

  to{
    transform:translate3d(100%,0,0) skewX(30deg);
    opacity:0
  }
}

.animate__lightSpeedOutRight{
  animation-name:lightSpeedOutRight;
  animation-timing-function:ease-in
}

@keyframes lightSpeedOutLeft{
  0%{
    opacity:1
  }

  to{
    transform:translate3d(-100%,0,0) skewX(-30deg);
    opacity:0
  }
}

.animate__lightSpeedOutLeft{
  animation-name:lightSpeedOutLeft;
  animation-timing-function:ease-in
}

@keyframes rotateIn{
  0%{
    transform:rotate(-200deg);
    opacity:0
  }

  to{
    transform:translateZ(0);
    opacity:1
  }
}

.animate__rotateIn{
  animation-name:rotateIn;
  transform-origin:center
}

@keyframes rotateInDownLeft{
  0%{
    transform:rotate(-45deg);
    opacity:0
  }

  to{
    transform:translateZ(0);
    opacity:1
  }
}

.animate__rotateInDownLeft{
  animation-name:rotateInDownLeft;
  transform-origin:left bottom
}

@keyframes rotateInDownRight{
  0%{
    transform:rotate(45deg);
    opacity:0
  }

  to{
    transform:translateZ(0);
    opacity:1
  }
}

.animate__rotateInDownRight{
  animation-name:rotateInDownRight;
  transform-origin:right bottom
}

@keyframes rotateInUpLeft{
  0%{
    transform:rotate(45deg);
    opacity:0
  }

  to{
    transform:translateZ(0);
    opacity:1
  }
}

.animate__rotateInUpLeft{
  animation-name:rotateInUpLeft;
  transform-origin:left bottom
}

@keyframes rotateInUpRight{
  0%{
    transform:rotate(-90deg);
    opacity:0
  }

  to{
    transform:translateZ(0);
    opacity:1
  }
}

.animate__rotateInUpRight{
  animation-name:rotateInUpRight;
  transform-origin:right bottom
}

@keyframes rotateOut{
  0%{
    opacity:1
  }

  to{
    transform:rotate(200deg);
    opacity:0
  }
}

.animate__rotateOut{
  animation-name:rotateOut;
  transform-origin:center
}

@keyframes rotateOutDownLeft{
  0%{
    opacity:1
  }

  to{
    transform:rotate(45deg);
    opacity:0
  }
}

.animate__rotateOutDownLeft{
  animation-name:rotateOutDownLeft;
  transform-origin:left bottom
}

@keyframes rotateOutDownRight{
  0%{
    opacity:1
  }

  to{
    transform:rotate(-45deg);
    opacity:0
  }
}

.animate__rotateOutDownRight{
  animation-name:rotateOutDownRight;
  transform-origin:right bottom
}

@keyframes rotateOutUpLeft{
  0%{
    opacity:1
  }

  to{
    transform:rotate(-45deg);
    opacity:0
  }
}

.animate__rotateOutUpLeft{
  animation-name:rotateOutUpLeft;
  transform-origin:left bottom
}

@keyframes rotateOutUpRight{
  0%{
    opacity:1
  }

  to{
    transform:rotate(90deg);
    opacity:0
  }
}

.animate__rotateOutUpRight{
  animation-name:rotateOutUpRight;
  transform-origin:right bottom
}

@keyframes hinge{
  0%{
    animation-timing-function:ease-in-out
  }

  20%,60%{
    transform:rotate(80deg);
    animation-timing-function:ease-in-out
  }

  40%,80%{
    transform:rotate(60deg);
    animation-timing-function:ease-in-out;
    opacity:1
  }

  to{
    transform:translate3d(0,700px,0);
    opacity:0
  }
}

.animate__hinge{
  animation-duration:2s;
  animation-duration:calc(var(--animate-duration)*2);
  animation-name:hinge;
  transform-origin:top left
}

@keyframes jackInTheBox{
  0%{
    opacity:0;
    transform:scale(.1) rotate(30deg);
    transform-origin:center bottom
  }

  50%{
    transform:rotate(-10deg)
  }

  70%{
    transform:rotate(3deg)
  }

  to{
    opacity:1;
    transform:scale(1)
  }
}

.animate__jackInTheBox{
  animation-name:jackInTheBox
}

@keyframes rollIn{
  0%{
    opacity:0;
    transform:translate3d(-100%,0,0) rotate(-120deg)
  }

  to{
    opacity:1;
    transform:translateZ(0)
  }
}

.animate__rollIn{
  animation-name:rollIn
}

@keyframes rollOut{
  0%{
    opacity:1
  }

  to{
    opacity:0;
    transform:translate3d(100%,0,0) rotate(120deg)
  }
}

.animate__rollOut{
  animation-name:rollOut
}

@keyframes zoomIn{
  0%{
    opacity:0;
    transform:scale3d(.3,.3,.3)
  }

  50%{
    opacity:1
  }
}

.animate__zoomIn{
  animation-name:zoomIn
}

@keyframes zoomInDown{
  0%{
    opacity:0;
    transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    animation-timing-function:cubic-bezier(.55,.055,.675,.19)
  }

  60%{
    opacity:1;
    transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
    animation-timing-function:cubic-bezier(.175,.885,.32,1)
  }
}

.animate__zoomInDown{
  animation-name:zoomInDown
}

@keyframes zoomInLeft{
  0%{
    opacity:0;
    transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    animation-timing-function:cubic-bezier(.55,.055,.675,.19)
  }

  60%{
    opacity:1;
    transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
    animation-timing-function:cubic-bezier(.175,.885,.32,1)
  }
}

.animate__zoomInLeft{
  animation-name:zoomInLeft
}

@keyframes zoomInRight{
  0%{
    opacity:0;
    transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
    animation-timing-function:cubic-bezier(.55,.055,.675,.19)
  }

  60%{
    opacity:1;
    transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
    animation-timing-function:cubic-bezier(.175,.885,.32,1)
  }
}

.animate__zoomInRight{
  animation-name:zoomInRight
}

@keyframes zoomInUp{
  0%{
    opacity:0;
    transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
    animation-timing-function:cubic-bezier(.55,.055,.675,.19)
  }

  60%{
    opacity:1;
    transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
    animation-timing-function:cubic-bezier(.175,.885,.32,1)
  }
}

.animate__zoomInUp{
  animation-name:zoomInUp
}

@keyframes zoomOut{
  0%{
    opacity:1
  }

  50%{
    opacity:0;
    transform:scale3d(.3,.3,.3)
  }

  to{
    opacity:0
  }
}

.animate__zoomOut{
  animation-name:zoomOut
}

@keyframes zoomOutDown{
  40%{
    opacity:1;
    transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
    animation-timing-function:cubic-bezier(.55,.055,.675,.19)
  }

  to{
    opacity:0;
    transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
    animation-timing-function:cubic-bezier(.175,.885,.32,1)
  }
}

.animate__zoomOutDown{
  animation-name:zoomOutDown;
  transform-origin:center bottom
}

@keyframes zoomOutLeft{
  40%{
    opacity:1;
    transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
  }

  to{
    opacity:0;
    transform:scale(.1) translate3d(-2000px,0,0)
  }
}

.animate__zoomOutLeft{
  animation-name:zoomOutLeft;
  transform-origin:left center
}

@keyframes zoomOutRight{
  40%{
    opacity:1;
    transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
  }

  to{
    opacity:0;
    transform:scale(.1) translate3d(2000px,0,0)
  }
}

.animate__zoomOutRight{
  animation-name:zoomOutRight;
  transform-origin:right center
}

@keyframes zoomOutUp{
  40%{
    opacity:1;
    transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
    animation-timing-function:cubic-bezier(.55,.055,.675,.19)
  }

  to{
    opacity:0;
    transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
    animation-timing-function:cubic-bezier(.175,.885,.32,1)
  }
}

.animate__zoomOutUp{
  animation-name:zoomOutUp;
  transform-origin:center bottom
}

@keyframes slideInDown{
  0%{
    transform:translate3d(0,-100%,0);
    visibility:visible
  }

  to{
    transform:translateZ(0)
  }
}

.animate__slideInDown{
  animation-name:slideInDown
}

@keyframes slideInLeft{
  0%{
    transform:translate3d(-100%,0,0);
    visibility:visible
  }

  to{
    transform:translateZ(0)
  }
}

.animate__slideInLeft{
  animation-name:slideInLeft
}

@keyframes slideInRight{
  0%{
    transform:translate3d(100%,0,0);
    visibility:visible
  }

  to{
    transform:translateZ(0)
  }
}

.animate__slideInRight{
  animation-name:slideInRight
}

@keyframes slideInUp{
  0%{
    transform:translate3d(0,100%,0);
    visibility:visible
  }

  to{
    transform:translateZ(0)
  }
}

.animate__slideInUp{
  animation-name:slideInUp
}

@keyframes slideOutDown{
  0%{
    transform:translateZ(0)
  }

  to{
    visibility:hidden;
    transform:translate3d(0,100%,0)
  }
}

.animate__slideOutDown{
  animation-name:slideOutDown
}

@keyframes slideOutLeft{
  0%{
    transform:translateZ(0)
  }

  to{
    visibility:hidden;
    transform:translate3d(-100%,0,0)
  }
}

.animate__slideOutLeft{
  animation-name:slideOutLeft
}

@keyframes slideOutRight{
  0%{
    transform:translateZ(0)
  }

  to{
    visibility:hidden;
    transform:translate3d(100%,0,0)
  }
}

.animate__slideOutRight{
  animation-name:slideOutRight
}

@keyframes slideOutUp{
  0%{
    transform:translateZ(0)
  }

  to{
    visibility:hidden;
    transform:translate3d(0,-100%,0)
  }
}

.animate__slideOutUp{
  animation-name:slideOutUp
}

/**
 * This injects Tailwind's utility classes and any utility classes registered
 * by plugins, then adds custom utility classes.
 */

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

.visible{
  visibility: visible;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

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

.relative{
  position: relative;
}

.sticky{
  position: sticky;
}

.\!left-0{
  left: 0px !important;
}

.\!right-0{
  right: 0px !important;
}

.-bottom-\[50px\]{
  bottom: -50px;
}

.-left-\[24px\]{
  left: -24px;
}

.-right-\[10px\]{
  right: -10px;
}

.-start-3{
  inset-inline-start: -0.75rem;
}

.bottom-0{
  bottom: 0px;
}

.bottom-\[-20\%\]{
  bottom: -20%;
}

.bottom-\[30px\]{
  bottom: 30px;
}

.bottom-\[5\%\]{
  bottom: 5%;
}

.left-0{
  left: 0px;
}

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

.left-\[10\%\]{
  left: 10%;
}

.left-\[30px\]{
  left: 30px;
}

.left-\[5\%\]{
  left: 5%;
}

.left-auto{
  left: auto;
}

.right-0{
  right: 0px;
}

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

.right-\[10\%\]{
  right: 10%;
}

.top-0{
  top: 0px;
}

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

.top-\[111px\]{
  top: 111px;
}

.top-\[5\%\]{
  top: 5%;
}

.top-\[50\%\]{
  top: 50%;
}

.top-\[61px\]{
  top: 61px;
}

.top-\[90px\]{
  top: 90px;
}

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

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

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

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

.z-\[10\]{
  z-index: 10;
}

.z-\[5\]{
  z-index: 5;
}

.z-\[999\]{
  z-index: 999;
}

.order-1{
  order: 1;
}

.order-2{
  order: 2;
}

.col-span-2{
  -ms-grid-column-span: 2;
  grid-column: span 2 / span 2;
}

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

.col-span-6{
  -ms-grid-column-span: 6;
  grid-column: span 6 / span 6;
}

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

.row-span-3{
  -ms-grid-row-span: 3;
  grid-row: span 3 / span 3;
}

.row-start-4{
  grid-row-start: 4;
}

.\!m-0{
  margin: 0px !important;
}

.m-auto{
  margin: auto;
}

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

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

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

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

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

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

.my-\[0\]{
  margin-top: 0;
  margin-bottom: 0;
}

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

.my-\[30px\]{
  margin-top: 30px;
  margin-bottom: 30px;
}

.-ml-\[5px\]{
  margin-left: -5px;
}

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

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

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

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

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

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

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

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

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

.mb-\[10px\]{
  margin-bottom: 10px;
}

.mb-\[15px\]{
  margin-bottom: 15px;
}

.mb-\[30px\]{
  margin-bottom: 30px;
}

.mb-\[50px\]{
  margin-bottom: 50px;
}

.mb-\[75px\]{
  margin-bottom: 75px;
}

.mb-\[78px\]{
  margin-bottom: 78px;
}

.mb-\[80px\]{
  margin-bottom: 80px;
}

.me-2{
  margin-inline-end: 0.5rem;
}

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

.ms-3{
  margin-inline-start: 0.75rem;
}

.ms-6{
  margin-inline-start: 1.5rem;
}

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

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

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

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

.mt-\[0\]{
  margin-top: 0;
}

.mt-\[30px\]{
  margin-top: 30px;
}

.mt-\[42px\]{
  margin-top: 42px;
}

.mt-\[50px\]{
  margin-top: 50px;
}

.mt-\[8px\]{
  margin-top: 8px;
}

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

.block{
  display: block;
}

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

.inline{
  display: inline;
}

.flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.table{
  display: table;
}

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

.hidden{
  display: none;
}

.aspect-\[4\/3\]{
  aspect-ratio: 4/3;
}

.\!h-full{
  height: 100% !important;
}

.h-2{
  height: 0.5rem;
}

.h-2\.5{
  height: 0.625rem;
}

.h-6{
  height: 1.5rem;
}

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

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

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

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

.h-auto{
  height: auto;
}

.h-category-banner{
  height: clamp(350px, calc(21.875rem + (750 - 350) * ((100vw - 320px) / (1920 - 320))), 750px);
}

.h-full{
  height: 100%;
}

.h-screen{
  height: 100vh;
}

.max-h-\[50vh\]{
  max-height: 50vh;
}

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

.max-h-\[75vh\]{
  max-height: 75vh;
}

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

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

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

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

.min-h-\[50vh\]{
  min-height: 50vh;
}

.min-h-\[55vh\]{
  min-height: 55vh;
}

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

.min-h-\[75vh\]{
  min-height: 75vh;
}

.w-2{
  width: 0.5rem;
}

.w-2\.5{
  width: 0.625rem;
}

.w-6{
  width: 1.5rem;
}

.w-\[1\.125rem\]{
  width: 1.125rem;
}

.w-\[13px\]{
  width: 13px;
}

.w-\[20px\]{
  width: 20px;
}

.w-\[24px\]{
  width: 24px;
}

.w-\[34px\]{
  width: 34px;
}

.w-\[75\%\]{
  width: 75%;
}

.w-\[85\%\]{
  width: 85%;
}

.w-\[90px\]{
  width: 90px;
}

.w-full{
  width: 100%;
}

.min-w-\[125px\]{
  min-width: 125px;
}

.min-w-\[150px\]{
  min-width: 150px;
}

.\!max-w-\[150px\]{
  max-width: 150px !important;
}

.\!max-w-\[400px\]{
  max-width: 400px !important;
}

.max-w-\[150px\]{
  max-width: 150px;
}

.max-w-\[200px\]{
  max-width: 200px;
}

.max-w-\[250px\]{
  max-width: 250px;
}

.max-w-\[35rem\]{
  max-width: 35rem;
}

.max-w-\[400px\]{
  max-width: 400px;
}

.max-w-\[45ch\]{
  max-width: 45ch;
}

.max-w-\[500px\]{
  max-width: 500px;
}

.max-w-\[60ch\]{
  max-width: 60ch;
}

.max-w-\[70ch\]{
  max-width: 70ch;
}

.max-w-\[85\%\]{
  max-width: 85%;
}

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

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

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

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

.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), 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));
}

.translate-x-full{
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), 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));
}

.translate-y-\[-50\%\]{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), 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));
}

.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), 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));
}

.rotate-90{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), 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));
}

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

.transform{
  transform: translate(var(--tw-translate-x), 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));
}

.\!cursor-zoom-out{
  cursor: -webkit-zoom-out !important;
  cursor: zoom-out !important;
}

.cursor-pointer{
  cursor: pointer;
}

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

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

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

.grid-cols-\[20px_1fr\]{
  grid-template-columns: 20px 1fr;
}

.grid-cols-\[repeat\(auto-fit\2c minmax\(min\(100\%\2c var\(--minWidth\)\)\2c 1fr\)\)\]{
  grid-template-columns: repeat(auto-fit,minmax(min(100%,var(--minWidth)),1fr));
}

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

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

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

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

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

.\!items-center{
  align-items: center !important;
}

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

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

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

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

.gap-0{
  gap: 0px;
}

.gap-10{
  gap: 2.5rem;
}

.gap-2{
  gap: 0.5rem;
}

.gap-4{
  gap: 1rem;
}

.gap-5{
  gap: 1.25rem;
}

.gap-8{
  gap: 2rem;
}

.gap-\[10px\]{
  gap: 10px;
}

.gap-\[2\.8rem\]{
  gap: 2.8rem;
}

.gap-\[21px\]{
  gap: 21px;
}

.gap-\[25px\]{
  gap: 25px;
}

.gap-\[30px\]{
  gap: 30px;
}

.gap-\[40px\]{
  gap: 40px;
}

.overflow-hidden{
  overflow: hidden;
}

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

.rounded{
  border-radius: 0.25rem;
}

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

.border{
  border-width: 1px;
}

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

.border-s{
  border-inline-start-width: 1px;
}

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

.border-accord-border-col{
  --tw-border-opacity: 1;
  border-color: rgb(134 134 134 / var(--tw-border-opacity));
}

.border-color-headers{
  border-color: var(--wp--preset--color--headers);
}

.border-company-accent{
  border-color: var(--wp--preset--color--headers);
}

.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.border-gray-600{
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
}

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

.bg-\[\#212121\]{
  --tw-bg-opacity: 1;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity));
}

.bg-accord-answer-bg{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

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

.bg-blue-100{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}

.bg-body{
  background-color: var(--wp--preset--color--page-background);
}

.bg-company-accent{
  background-color: var(--wp--preset--color--headers);
}

.bg-contact-bar-bg{
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
}

.bg-footer-bg{
  background-color: var(--wp--preset--color--footer-bg);
}

.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.bg-gray-700{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.bg-menu-bg{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-menu-canvas-bg{
  background-color: var(--wp--preset--color--brand-main);
}

.bg-menu-hover{
  --tw-bg-opacity: 1;
  background-color: rgb(217 217 217 / var(--tw-bg-opacity));
}

.bg-teal-700{
  --tw-bg-opacity: 1;
  background-color: rgb(15 118 110 / var(--tw-bg-opacity));
}

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

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

.from-black\/0{
  --tw-gradient-from: rgb(0 0 0 / 0) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-black\/30{
  --tw-gradient-to: rgb(0 0 0 / 0.3) var(--tw-gradient-to-position);
}

.\!bg-cover{
  background-size: cover !important;
}

.bg-cover{
  background-size: cover;
}

.\!bg-center{
  background-position: center !important;
}

.bg-center{
  background-position: center;
}

.\!bg-no-repeat{
  background-repeat: no-repeat !important;
}

.bg-no-repeat{
  background-repeat: no-repeat;
}

.fill-company-accent{
  fill: var(--wp--preset--color--headers);
}

.fill-contact-bar-icon-fill{
  fill: #0f131f;
}

.fill-white{
  fill: #fff;
}

.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}

.object-center{
  -o-object-position: center;
     object-position: center;
}

.\!p-0{
  padding: 0px !important;
}

.p-10{
  padding: 2.5rem;
}

.p-3{
  padding: 0.75rem;
}

.p-5{
  padding: 1.25rem;
}

.p-6{
  padding: 1.5rem;
}

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

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

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

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

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

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

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

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

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

.px-\[20px\]{
  padding-left: 20px;
  padding-right: 20px;
}

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

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

.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

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

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

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

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

.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

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

.py-\[15px\]{
  padding-top: 15px;
  padding-bottom: 15px;
}

.py-\[20px\]{
  padding-top: 20px;
  padding-bottom: 20px;
}

.py-\[25px\]{
  padding-top: 25px;
  padding-bottom: 25px;
}

.py-\[50px\]{
  padding-top: 50px;
  padding-bottom: 50px;
}

.py-\[85px\]{
  padding-top: 85px;
  padding-bottom: 85px;
}

.py-contact-bar-padding{
  padding-top: 10px;
  padding-bottom: 10px;
}

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

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

.pb-\[15px\]{
  padding-bottom: 15px;
}

.pb-\[3\.25rem\]{
  padding-bottom: 3.25rem;
}

.pb-\[35px\]{
  padding-bottom: 35px;
}

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

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

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

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

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

.pt-\[15px\]{
  padding-top: 15px;
}

.pt-\[185px\]{
  padding-top: 185px;
}

.pt-\[2\.688rem\]{
  padding-top: 2.688rem;
}

.pt-\[20px\]{
  padding-top: 20px;
}

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

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

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

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

.\!font-body{
  font-family: var(--wp--preset--font-family--body) !important;
}

.\!font-subtitle{
  font-family: var(--wp--preset--font-family--sub) !important;
}

.font-body{
  font-family: var(--wp--preset--font-family--body);
}

.font-headers{
  font-family: var(--wp--preset--font-family--headers);
}

.font-menu{
  font-family: var(--wp--preset--font-family--sub);
}

.font-subtitle{
  font-family: var(--wp--preset--font-family--sub);
}

.\!text-\[12px\]{
  font-size: 12px !important;
}

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

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

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

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

.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-5xl{
  font-size: 3rem;
  line-height: 1;
}

.text-\[0\.875rem\]{
  font-size: 0.875rem;
}

.text-\[1\.5rem\]{
  font-size: 1.5rem;
}

.text-\[1\.938rem\]{
  font-size: 1.938rem;
}

.text-\[14px\]{
  font-size: 14px;
}

.text-\[18px\]{
  font-size: 18px;
}

.text-\[2rem\]{
  font-size: 2rem;
}

.text-\[45px\]{
  font-size: 45px;
}

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

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

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

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

.\!font-normal{
  font-weight: 400 !important;
}

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

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

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

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

.uppercase{
  text-transform: uppercase;
}

.italic{
  font-style: italic;
}

.\!leading-normal{
  line-height: 1.5 !important;
}

.leading-\[167\.6\%\]{
  line-height: 167.6%;
}

.leading-\[250\%\]{
  line-height: 250%;
}

.leading-loose{
  line-height: 2;
}

.leading-none{
  line-height: 1;
}

.leading-normal{
  line-height: 1.5;
}

.leading-relaxed{
  line-height: 1.625;
}

.\!text-\[\#EB3C4A\]{
  --tw-text-opacity: 1 !important;
  color: rgb(235 60 74 / var(--tw-text-opacity)) !important;
}

.\!text-color-headers{
  color: var(--wp--preset--color--headers) !important;
}

.text-ani-stats-text-col{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

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

.text-blue-800{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}

.text-color-brand-main{
  color: var(--wp--preset--color--brand-main);
}

.text-color-headers{
  color: var(--wp--preset--color--headers);
}

.text-company-accent{
  color: var(--wp--preset--color--headers);
}

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

.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.text-main-text-col{
  color: var(--wp--preset--color--paragraphs);
}

.text-menu-link-col{
  color: var(--wp--preset--color--brand-main);
}

.text-menu-link-col-hover{
  color: var(--wp--preset--color--brand-main);
}

.text-teal-600{
  --tw-text-opacity: 1;
  color: rgb(13 148 136 / var(--tw-text-opacity));
}

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

.underline{
  text-decoration-line: underline;
}

.line-through{
  text-decoration-line: line-through;
}

.no-underline{
  text-decoration-line: none;
}

.opacity-100{
  opacity: 1;
}

.opacity-60{
  opacity: 0.6;
}

.opacity-80{
  opacity: 0.8;
}

.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.ring-8{
  --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(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-white{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}

.drop-shadow-lg{
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  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);
}

.drop-shadow-md{
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  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);
}

.filter{
  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);
}

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

.content-none{
  --tw-content: none;
  content: var(--tw-content);
}

.auto-fit-\[var\(--auto-width\)\]{
  grid-template-columns: repeat(auto-fit, minmax(min(var(--auto-width), 100%), 1fr));
}

/**
 * Custom styles to immediately follow Tailwind’s `utilities` layer
 *
 * Add your own utility classes to this theme. Complex utility classes should
 * be added using Tailwind’s plugin system:
 *
 * https://tailwindcss.com/docs/plugins#adding-utilities
 */

.aspect-square{
  aspect-ratio: 1/1;
}

.wp-block-group{
  color: var(--tw-prose-body);
  max-width: 75%;
}

.wp-block-group :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  color: var(--wp--preset--color--paragraphs);
}

.wp-block-group :where([class~="lead"], [class~="is-style-lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.wp-block-group :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  text-decoration: none;
  font-weight: light;
  font-family: var(--wp--preset--font-family--body);
  font-size: clamp(14px, calc(0.875rem + (18 - 14) * ((100vw - 320px) / (1000 - 320))), 18px);
  cursor: pointer;
}

.wp-block-group :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.wp-block-group :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.wp-block-group :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.wp-block-group :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.wp-block-group :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}

.wp-block-group :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.wp-block-group :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.wp-block-group :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.wp-block-group :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.wp-block-group :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.wp-block-group :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.wp-block-group :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.wp-block-group :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.wp-block-group :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
}

.wp-block-group :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: none;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 0;
}

.wp-block-group :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  font-weight: 400;
  color: var(--tw-prose-counters);
}

.wp-block-group :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  color: var(--tw-prose-bullets);
}

.wp-block-group :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}

.wp-block-group :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
  border-bottom: none;
}

.wp-block-group :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
  border-left-style: solid;
}

.wp-block-group :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: open-quote;
}

.wp-block-group :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: close-quote;
}

.wp-block-group :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: clamp(32px, calc(2rem + (100 - 32) * ((100vw - 320px) / (1920 - 320))), 100px);
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.wp-block-group :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 900;
  color: inherit;
}

.wp-block-group :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: clamp(28px, calc(1.75rem + (45 - 28) * ((100vw - 320px) / (1920 - 320))), 45px);
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.wp-block-group :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 800;
  color: inherit;
}

.wp-block-group :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: clamp(22px, calc(1.375rem + (38 - 22) * ((100vw - 320px) / (1920 - 320))), 38px);
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.wp-block-group :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}

.wp-block-group :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
  font-size: clamp(20px, calc(1.25rem + (43 - 20) * ((100vw - 320px) / (1920 - 320))), 43px);
}

.wp-block-group :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}

.wp-block-group :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.wp-block-group :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}

.wp-block-group :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.wp-block-group :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}

.wp-block-group :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}

.wp-block-group :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: "`";
}

.wp-block-group :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: "`";
}

.wp-block-group :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.wp-block-group :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.wp-block-group :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.875em;
}

.wp-block-group :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.9em;
}

.wp-block-group :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.wp-block-group :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.wp-block-group :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.wp-block-group :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}

.wp-block-group :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.wp-block-group :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: none;
}

.wp-block-group :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: none;
}

.wp-block-group :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  width: 100%;
  table-layout: auto;
  text-align: start;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
  background: white;
}

.wp-block-group :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.wp-block-group :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.wp-block-group :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.wp-block-group :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 0;
}

.wp-block-group :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: baseline;
}

.wp-block-group :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.wp-block-group :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: top;
}

.wp-block-group :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.wp-block-group :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.wp-block-group{
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: var(--wp--preset--color--brand-main);
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.wp-block-group :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.wp-block-group :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.wp-block-group :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}

.wp-block-group :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}

.wp-block-group :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.wp-block-group :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}

.wp-block-group :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.wp-block-group :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}

.wp-block-group :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.wp-block-group :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.wp-block-group :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.wp-block-group :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}

.wp-block-group :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.wp-block-group :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.wp-block-group :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.wp-block-group :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.wp-block-group :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}

.wp-block-group :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}

.wp-block-group :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.wp-block-group :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}

.wp-block-group :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}

.wp-block-group :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.wp-block-group :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.wp-block-group :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}

.wp-block-group{
  margin-left: 0;
  margin-right: 0;
}

.wp-block-group :where(h1, h2, h3, h4, h5, h6):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-family: var(--wp--preset--font-family--headers);
  font-weight: 300;
  line-height: normal;
}

.wp-block-group :where(h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: bold;
}

.wp-block-group :where(h5):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: clamp(18px, calc(1.125rem + (40 - 18) * ((100vw - 320px) / (1920 - 320))), 40px);
}

.wp-block-group :where(h6):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: clamp(16px, calc(1rem + (35 - 16) * ((100vw - 320px) / (1920 - 320))), 35px);
}

.wp-block-group :where(a, p, li, span):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-family: var(--wp--preset--font-family--body);
  font-weight: 300;
  font-size: clamp(14px, calc(0.875rem + (18 - 14) * ((100vw - 320px) / (1000 - 320))), 18px);
}

.wp-block-group :where(p strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 600;
  color: inherit;
}

.wp-block-group :where(a:hover):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--wp--preset--color--brand-main);
}

.wp-block-group :where(form):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-family: Manrope;
}

.wp-block-group :where(form label):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1rem;
  font-weight: 400;
}

.wp-block-group :where(blockquote > cite):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-body);
  font-style: normal;
  font-weight: 400;
}

.wp-block-group :where(blockquote > cite):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: "\2014";
}

.wp-block-group :where(table.has-fixed-layout):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  table-layout: fixed;
  width: 100%;
}

.wp-block-group{
  max-width: none;
}

/* default and wide come from the theme.json and also get sent to the tailwind.config*/

.block-container,
.wp-block-group,
.wp-block-columns {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
}

.alignwide {
  max-width: var(--wp--style--global--wide-size);
  margin-left: auto !important;
  margin-right: auto !important;
}

.alignfull {
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}

body .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: unset !important;
  margin-right: unset !important;
}

.woocommerce nav#mega-menu, .page-template-basket nav#mega-menu, .woocommerce-checkout nav#mega-menu {
  /*background-color: #515151;*/
  /*S@apply hidden;*/
}

.woocommerce #content, .page-template-basket #content, .woocommerce-checkout #content {
  /*@apply container mt-[200px];*/
}

.woocommerce-shopX #content, .woo-product-categoryX #content, .woocommerce-checkout #content, .woocommerce-cart #content, .woocommerce-account #content, .search-results #content, .search-no-results #content{
  width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

@media (min-width: 1024px){
  .gs-acf-grid.rem-left .woocommerce-shopX #content,.gs-acf-grid.rem-left  .woo-product-categoryX #content,.gs-acf-grid.rem-left  .woocommerce-checkout #content,.gs-acf-grid.rem-left  .woocommerce-cart #content,.gs-acf-grid.rem-left  .woocommerce-account #content,.gs-acf-grid.rem-left  .search-results #content,.gs-acf-grid.rem-left  .search-no-results #content{
    width: 100% !important;
  }
}

@media (min-width: 1536px){
  .woocommerce-shopX #content.full-right, .woo-product-categoryX #content.full-right, .woocommerce-checkout #content.full-right, .woocommerce-cart #content.full-right, .woocommerce-account #content.full-right, .search-results #content.full-right, .search-no-results #content.full-right{
    margin-left: 5% !important;
    width: 95% !important;
  }
}


	.wp-block-buttons .woocommerce-shopX #content,
	.button-outline .woocommerce-shopX #content,
	.wp-block-buttons  .woo-product-categoryX #content,
	.button-outline  .woo-product-categoryX #content,
	.wp-block-buttons  .woocommerce-checkout #content,
	.button-outline  .woocommerce-checkout #content,
	.wp-block-buttons  .woocommerce-cart #content,
	.button-outline  .woocommerce-cart #content,
	.wp-block-buttons  .woocommerce-account #content,
	.button-outline  .woocommerce-account #content,
	.wp-block-buttons  .search-results #content,
	.button-outline  .search-results #content,
	.wp-block-buttons  .search-no-results #content,
	.button-outline  .search-no-results #content {
  --def: #ffffff;
  --inv: #000000;
  display: block;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
}

/* cart stuff*/

svg.wc-block-mini-cart__icon {
  /*color: white !important;*/
}

.wc-block-mini-cart__badge {
  color: white;
}

/* global bread style*/

.woocommerce-breadcrumb{
  color: var(--wp--preset--color--headers) !important;
}

.woocommerce-breadcrumb *{
  color: var(--wp--preset--color--headers) !important;
}

/* Single product page*/

.single .woocommerce-breadcrumb,
	.single .woocommerce-breadcrumb nav a,
	.single .woocommerce-breadcrumb .crumb {
  color: #c2c2c2 !important;
}

.single .accordion-options h2{
  --tw-text-opacity: 1;
  color: rgb(193 193 193 / var(--tw-text-opacity));
}

.single .accordion-options .font-bold,
		.single .accordion-options p {
  color: #1D2327;
}

.single .accordion-tab-info .font-bold,
		.single .accordion-tab-info p,
		.single .accordion-tab-info .tab-content {
  color: #1D2327 !important;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.single .group_table tr{
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  align-items: center !important;
  font-family: var(--wp--preset--font-family--body) !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

main>.woocommerce-breadcrumb{
  display: none;
}

.gs-single-pro{
  margin-bottom: 80px !important;
  display: -ms-grid;
  display: grid;
  min-height: 75vh;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

.search .gs-single-pro img {
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #e9e9e9;
}

.acf-bespoke-grids .bespoke-grid-1 .gs-single-pro {
  display: -ms-grid;
  display: grid;
  min-height: 400px;
  grid-template-columns: 1fr;
}

@media all and (min-width: 1024px) {
  .acf-bespoke-grids .bespoke-grid-1 .gs-single-pro {
    grid-template-rows: 60px auto 60px;
    grid-template-columns: 1fr .5fr 1fr
  }
  .acf-bespoke-grids .bespoke-grid-1 .gs-single-pro > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1
  }
  .acf-bespoke-grids .bespoke-grid-1 .gs-single-pro > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2
  }
  .acf-bespoke-grids .bespoke-grid-1 .gs-single-pro > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3
  }
  .acf-bespoke-grids .bespoke-grid-1 .gs-single-pro > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 1
  }
  .acf-bespoke-grids .bespoke-grid-1 .gs-single-pro > *:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 2
  }
  .acf-bespoke-grids .bespoke-grid-1 .gs-single-pro > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 3
  }
  .acf-bespoke-grids .bespoke-grid-1 .gs-single-pro > *:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 1
  }
  .acf-bespoke-grids .bespoke-grid-1 .gs-single-pro > *:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 2
  }
  .acf-bespoke-grids .bespoke-grid-1 .gs-single-pro > *:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 3
  }
}

.acf-bespoke-grids .bespoke-grid-1 .gs-single-pro .col {
  /* padding: 20px;*/
  text-align: center;
}

.acf-bespoke-grids .bespoke-grid-1 .gs-single-pro .col.img {
  min-height: 360px;
  /* background-image: url("https://images.unsplash.com/photo-1511467687858-23d96c32e4ae?crop=entropy&cs=srgb&fm=jpg&ixid=M3wzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3MTY5MDMxOTd8&ixlib=rb-4.0.3&q=85");*/
}

@media all and (min-width: 1024px) {
  .acf-bespoke-grids .bespoke-grid-1 .gs-single-pro .col.img {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / span 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1 / span 3;
    order:1;
  }
}

.acf-bespoke-grids .bespoke-grid-1 .gs-single-pro .col.img{
  background-size: cover;
}

.acf-bespoke-grids .bespoke-grid-1 .gs-single-pro .col.card{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(88 133 49 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-align: left;
  width: 100%;
  margin-top: 0px;
}

.acf-bespoke-grids .bespoke-grid-1 .gs-single-pro .col.card a{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.acf-bespoke-grids .bespoke-grid-1 .gs-single-pro .col.card strong{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.acf-bespoke-grids .bespoke-grid-1 .gs-single-pro .col.card{
  order:1;
}

@media all and (min-width: 1024px) {
  .acf-bespoke-grids .bespoke-grid-1 .gs-single-pro .col.card {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 / span 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / span 1
  }
}

.is-style-image-style .gs-single-pro section:nth-child(2) .wp-block-image img {
  /*transform: scale(1, 0.8); *//* Reduces the height by 20% while maintaining aspect ratio *//**/
  /*height:80% !important;*/
}

 .gs-acf-grid.is-style-footer .gs-single-pro {
  /*@apply !py-0 !gap-0;*/
}

@media (min-width: 1024px){
  .gs-single-pro{
    grid-template-columns: 2.5fr 1fr;
  }
}

.gs-single-pro .woocommerce-product-gallery,
	.gs-single-pro .summary{
  float: none !important;
  width: 100% !important;
}

.gs-single-pro .summary{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/*.variations{*/

/*	 table tr th.label{*/

/*		@apply hidden;*/

/*	}*/

/*}*/

/* swatch stuff*/

.gs-single-pro ul.variable-items-wrapper.color-variable-items-wrapper.wvs-style-rounded {
  justify-content: center;
}

.gs-single-pro th.label {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.gs-single-pro a.reset_variations, .gs-single-pro a.button.product_type_variable.add_to_cart_button {
  text-align: center;
  display: block;
  color: #212121 !important;
  border-radius: 0 !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  border: 1px solid #212121 !important;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  font-weight:400;
}

.gs-single-pro a.reset_variations:hover, .gs-single-pro a.button.product_type_variable.add_to_cart_button:hover {
  color: #fff !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity)) !important;
}

/*price*/

.gs-single-pro .single_variation_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  /*align-items: flex-end;*/
  flex-direction: row;
  align-items: center;
  gap: 20px;
}

/* on sale badge*/

.woocommerce span.onsale{
  min-width: 3.7em;
  background-color: var(--wp--preset--color--headers);
}

select.orderby{
  padding: 0.5rem;
}

ul.variable-items-wrapper.button-variable-items-wrapper.wvs-style-rounded {
  justify-content: center;
}

.price{
  text-align: left;
  color: var(--wp--preset--color--headers) !important;
}

/* buttons, related pros*/

a.button.add_to_cart_button {
  width: 100%;
  text-align: center;
}

.woocommerce-loop-product__title{
  text-align: left;
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}

.pagination-message{
  padding-top: 50px;
  padding-bottom: 15px;
  text-align: center;
}

nav.woocommerce-pagination{
  padding-bottom: 55px;
}

nav.woocommerce-pagination .page-numbers {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-style: none !important;
}

nav.woocommerce-pagination .page-numbers li {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}

/*@apply !border-b;*/

nav.woocommerce-pagination .page-numbers li span{
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  border-bottom: 1px solid #e3e3e3 !important;
}

nav.woocommerce-pagination .page-numbers li span.current{
  background-color: transparent !important;
  color: var(--wp--preset--color--headers) !important;
  border-bottom: 2px solid black !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

nav.woocommerce-pagination .page-numbers li a {
  border-bottom: 1px solid #e3e3e3 !important;
  color: var(--wp--preset--color--headers) !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

nav.woocommerce-pagination .page-numbers li a:hover,
				nav.woocommerce-pagination .page-numbers li a:focus{
  background-color: transparent !important;
  color: var(--wp--preset--color--headers) !important;
}

.woocommerce ul.products li.product a img{
  height: clamp(450px, calc(28.125rem + (550 - 450) * ((100vw - 320px) / (1920 - 320))), 550px);
  -o-object-fit: cover;
     object-fit: cover;
}

button.single_add_to_cart_button.button.alt {
  width: 100%;
  margin: 20px 0;
}

.quantity {
  float: unset !important;
  margin: auto;
  text-align: center;
  padding: 20px 0;
}

form input,
	form textarea{
  padding: 0.5rem;
}

.woocommerce table.shop_table{
  border-color: transparent !important;
}

table,
form,
.woocommerce-loop-category__title {
  /*@apply font-headers;*/
}

nav.woocommerce-MyAccount-navigation ul{
  margin-bottom: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

nav.woocommerce-MyAccount-navigation ul li a{
  font-family: var(--wp--preset--font-family--sub) !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  text-transform: uppercase !important;
}

form span em{
  font-size: 14px;
}

h2.woocommerce-loop-category__title{
  text-align: center;
  font-size: 18px !important;
  font-weight: 300 !important;
}

@media (min-width: 640px){
  h2.woocommerce-loop-category__title{
    font-size: 24px !important;
  }
}

@media (min-width: 768px){
  h2.woocommerce-loop-category__title{
    font-size: 30px !important;
  }
}

mark.count {
  background-color: transparent;
}

.woocommerce-shop .wp-block-spacer{
  width: 100% !important;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  text-align: center;
}

.search .search-form{
  padding-top: 20px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.search .search-title span{
  text-decoration-line: underline;
}

.search .search-submit {
  /* @apply !transition-all;*/
  /* @apply !font-button;*/
  /* @apply !no-underline;*/
  /* @apply !font-normal;*/
  /* @apply !text-[12px];*/
  /* @apply !uppercase;*/
  /* @apply !bg-color-headers;*/
  /* @apply !rounded-none;*/
  /* @apply !px-[50px];*/
  /* @apply !py-[15px];*/
  /* @apply !text-white;*/
  /* //this is to fix woo, tailwind doesn't work with borders*/
  /* border: 1px solid var(--wp--preset--color--headers) !important;*/
}

.search input.search-field {
  min-height: 50px;
  /*margin-right: 5px;*/
}

/*hijack archive GRID, with css grid for more control*/

.products {
  /* Ensure it uses grid layout */
  /*grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); *//* Adjust the minmax value as needed *//**/
  /*grid-template-columns: repeat(auto-fit, minmax(min(350px, 100%), 1fr));*/
  /* Adjust the minmax value as needed */
  /* Adjust the gap between items */
}

.products:before,
	.products:after {
  display: none !important;
}

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

.search .products img {
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #e9e9e9;
}

.acf-bespoke-grids .bespoke-grid-1 .products {
  display: -ms-grid;
  display: grid;
  min-height: 400px;
  grid-template-columns: 1fr;
}

@media all and (min-width: 1024px) {
  .acf-bespoke-grids .bespoke-grid-1 .products {
    grid-template-rows: 60px auto 60px;
    grid-template-columns: 1fr .5fr 1fr
  }
  .acf-bespoke-grids .bespoke-grid-1 .products > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1
  }
  .acf-bespoke-grids .bespoke-grid-1 .products > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2
  }
  .acf-bespoke-grids .bespoke-grid-1 .products > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3
  }
  .acf-bespoke-grids .bespoke-grid-1 .products > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 1
  }
  .acf-bespoke-grids .bespoke-grid-1 .products > *:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 2
  }
  .acf-bespoke-grids .bespoke-grid-1 .products > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 3
  }
  .acf-bespoke-grids .bespoke-grid-1 .products > *:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 1
  }
  .acf-bespoke-grids .bespoke-grid-1 .products > *:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 2
  }
  .acf-bespoke-grids .bespoke-grid-1 .products > *:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 3
  }
}

.acf-bespoke-grids .bespoke-grid-1 .products .col {
  /* padding: 20px;*/
  text-align: center;
}

.acf-bespoke-grids .bespoke-grid-1 .products .col.img {
  min-height: 360px;
  /* background-image: url("https://images.unsplash.com/photo-1511467687858-23d96c32e4ae?crop=entropy&cs=srgb&fm=jpg&ixid=M3wzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3MTY5MDMxOTd8&ixlib=rb-4.0.3&q=85");*/
}

@media all and (min-width: 1024px) {
  .acf-bespoke-grids .bespoke-grid-1 .products .col.img {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / span 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1 / span 3;
    order:1;
  }
}

.acf-bespoke-grids .bespoke-grid-1 .products .col.img{
  background-size: cover;
}

.acf-bespoke-grids .bespoke-grid-1 .products .col.card{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(88 133 49 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-align: left;
  width: 100%;
  margin-top: 0px;
}

.acf-bespoke-grids .bespoke-grid-1 .products .col.card a{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.acf-bespoke-grids .bespoke-grid-1 .products .col.card strong{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.acf-bespoke-grids .bespoke-grid-1 .products .col.card{
  order:1;
}

@media all and (min-width: 1024px) {
  .acf-bespoke-grids .bespoke-grid-1 .products .col.card {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 / span 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / span 1
  }
}

.is-style-image-style .products section:nth-child(2) .wp-block-image img {
  /*transform: scale(1, 0.8); *//* Reduces the height by 20% while maintaining aspect ratio *//**/
  /*height:80% !important;*/
}

 .gs-acf-grid.is-style-footer .products {
  /*@apply !py-0 !gap-0;*/
}

@media (min-width: 768px){
  .products{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){
  .products{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1536px){
  .products{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.products li.product {
  /* Reset any margin if needed */
  float: unset !important;
  width: 100% !important;
  margin: 0 !important;
}

.archive #content{
  padding-top: 0px !important;
}

/*remove results count*/

.archive .woocommerce-result-count,
	.archive .woocommerce-products-header {
  display: none;
}

.archive .woocommerce-breadcrumb{
  margin-bottom: 0px !important;
  display: block !important;
}

.swiper-pagination.pro-pagination.archive .woocommerce-breadcrumb.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -18px;
}

.archive .woocommerce-breadcrumb{
  color: var(--wp--preset--color--headers) !important;
}

.archive .woocommerce-breadcrumb *{
  color: var(--wp--preset--color--headers) !important;
}

.archive form,
	.archive select{
  font-family: var(--wp--preset--font-family--body) !important;
  font-size: .92em;
  color: var(--wp--preset--color--headers) !important;
}

.archive form option, .archive select option{
  color: var(--wp--preset--color--headers) !important;
}

.woocommerce-cart-form *, .cart-collaterals *, .checkout *, .woocommerce-edit-account #main *, .variations_form *{
  font-family: var(--wp--preset--font-family--body) !important;
}

.checkout input,
	.checkout textarea,
	.checkout select,
	.checkout .woocommerce-Input,
	.checkout input#user_login,
	.woocommerce-edit-account #main input,
	.woocommerce-edit-account #main textarea,
	.woocommerce-edit-account #main select,
	.woocommerce-edit-account #main .woocommerce-Input,
	.woocommerce-edit-account #main input#user_login,
	.variations_form input,
	.variations_form textarea,
	.variations_form select,
	.variations_form .woocommerce-Input,
	.variations_form input#user_login,
	.woocommerce-form-login input,
	.woocommerce-form-login textarea,
	.woocommerce-form-login select,
	.woocommerce-form-login .woocommerce-Input,
	.woocommerce-form-login input#user_login,
	.woocommerce-MyAccount-content input,
	.woocommerce-MyAccount-content textarea,
	.woocommerce-MyAccount-content select,
	.woocommerce-MyAccount-content .woocommerce-Input,
	.woocommerce-MyAccount-content input#user_login,
	#user_login input,
	#user_login textarea,
	#user_login select,
	#user_login .woocommerce-Input,
	#user_login input#user_login{
  border-width: 1px;
}

.checkout-button,
#place_order{
  margin-top: 1rem;
  margin-bottom: 1rem;
  min-width: 125px !important;
  cursor: pointer !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity)) !important;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-transform: uppercase !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.variations_form select{
  width: 100%;
}

.woocommerce-variation-description {
  margin-bottom: 60px;
}

button.woocommerce-button.button.woocommerce-form-login__submit,
.woocommerce-info .button,
.button{
  margin-top: 1rem;
  margin-bottom: 1rem;
  min-width: 125px !important;
  cursor: pointer !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity)) !important;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-transform: uppercase !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

form.woocommerce-form.woocommerce-form-login.login {
  max-width: 450px;
  margin: auto;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
  padding-top: 26px;
}

.woocommerce-account h2{
  color: var(--tw-prose-body);
  max-width: 75%;
}

.woocommerce-account h2 :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  color: var(--wp--preset--color--paragraphs);
}

.woocommerce-account h2 :where([class~="lead"], [class~="is-style-lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.woocommerce-account h2 :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  text-decoration: none;
  font-weight: light;
  font-family: var(--wp--preset--font-family--body);
  font-size: clamp(14px, calc(0.875rem + (18 - 14) * ((100vw - 320px) / (1000 - 320))), 18px);
  cursor: pointer;
}

.woocommerce-account h2 :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.woocommerce-account h2 :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.woocommerce-account h2 :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.woocommerce-account h2 :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.woocommerce-account h2 :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}

.woocommerce-account h2 :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.woocommerce-account h2 :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.woocommerce-account h2 :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.woocommerce-account h2 :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.woocommerce-account h2 :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.woocommerce-account h2 :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.woocommerce-account h2 :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.woocommerce-account h2 :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.woocommerce-account h2 :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
}

.woocommerce-account h2 :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: none;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 0;
}

.woocommerce-account h2 :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  font-weight: 400;
  color: var(--tw-prose-counters);
}

.woocommerce-account h2 :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  color: var(--tw-prose-bullets);
}

.woocommerce-account h2 :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}

.woocommerce-account h2 :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
  border-bottom: none;
}

.woocommerce-account h2 :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
  border-left-style: solid;
}

.woocommerce-account h2 :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: open-quote;
}

.woocommerce-account h2 :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: close-quote;
}

.woocommerce-account h2 :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: clamp(32px, calc(2rem + (100 - 32) * ((100vw - 320px) / (1920 - 320))), 100px);
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.woocommerce-account h2 :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 900;
  color: inherit;
}

.woocommerce-account h2 :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: clamp(28px, calc(1.75rem + (45 - 28) * ((100vw - 320px) / (1920 - 320))), 45px);
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.woocommerce-account h2 :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 800;
  color: inherit;
}

.woocommerce-account h2 :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: clamp(22px, calc(1.375rem + (38 - 22) * ((100vw - 320px) / (1920 - 320))), 38px);
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.woocommerce-account h2 :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}

.woocommerce-account h2 :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
  font-size: clamp(20px, calc(1.25rem + (43 - 20) * ((100vw - 320px) / (1920 - 320))), 43px);
}

.woocommerce-account h2 :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}

.woocommerce-account h2 :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.woocommerce-account h2 :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}

.woocommerce-account h2 :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.woocommerce-account h2 :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}

.woocommerce-account h2 :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}

.woocommerce-account h2 :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: "`";
}

.woocommerce-account h2 :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: "`";
}

.woocommerce-account h2 :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.woocommerce-account h2 :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.woocommerce-account h2 :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.875em;
}

.woocommerce-account h2 :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.9em;
}

.woocommerce-account h2 :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.woocommerce-account h2 :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.woocommerce-account h2 :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.woocommerce-account h2 :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}

.woocommerce-account h2 :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.woocommerce-account h2 :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: none;
}

.woocommerce-account h2 :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: none;
}

.woocommerce-account h2 :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  width: 100%;
  table-layout: auto;
  text-align: start;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
  background: white;
}

.woocommerce-account h2 :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.woocommerce-account h2 :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.woocommerce-account h2 :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.woocommerce-account h2 :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 0;
}

.woocommerce-account h2 :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: baseline;
}

.woocommerce-account h2 :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.woocommerce-account h2 :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: top;
}

.woocommerce-account h2 :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.woocommerce-account h2 :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.woocommerce-account h2{
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: var(--wp--preset--color--brand-main);
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.woocommerce-account h2 :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.woocommerce-account h2 :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.woocommerce-account h2 :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}

.woocommerce-account h2 :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}

.woocommerce-account h2 :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.woocommerce-account h2 :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}

.woocommerce-account h2 :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.woocommerce-account h2 :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}

.woocommerce-account h2 :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.woocommerce-account h2 :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.woocommerce-account h2 :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.woocommerce-account h2 :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}

.woocommerce-account h2 :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.woocommerce-account h2 :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.woocommerce-account h2 :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.woocommerce-account h2 :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.woocommerce-account h2 :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}

.woocommerce-account h2 :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}

.woocommerce-account h2 :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.woocommerce-account h2 :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}

.woocommerce-account h2 :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}

.woocommerce-account h2 :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.woocommerce-account h2 :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.woocommerce-account h2 :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}

.woocommerce-account h2{
  margin-left: 0;
  margin-right: 0;
}

.woocommerce-account h2 :where(h1, h2, h3, h4, h5, h6):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-family: var(--wp--preset--font-family--headers);
  font-weight: 300;
  line-height: normal;
}

.woocommerce-account h2 :where(h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: bold;
}

.woocommerce-account h2 :where(h5):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: clamp(18px, calc(1.125rem + (40 - 18) * ((100vw - 320px) / (1920 - 320))), 40px);
}

.woocommerce-account h2 :where(h6):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: clamp(16px, calc(1rem + (35 - 16) * ((100vw - 320px) / (1920 - 320))), 35px);
}

.woocommerce-account h2 :where(a, p, li, span):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-family: var(--wp--preset--font-family--body);
  font-weight: 300;
  font-size: clamp(14px, calc(0.875rem + (18 - 14) * ((100vw - 320px) / (1000 - 320))), 18px);
}

.woocommerce-account h2 :where(p strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 600;
  color: inherit;
}

.woocommerce-account h2 :where(a:hover):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--wp--preset--color--brand-main);
}

.woocommerce-account h2 :where(form):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-family: Manrope;
}

.woocommerce-account h2 :where(form label):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1rem;
  font-weight: 400;
}

.woocommerce-account h2 :where(blockquote > cite):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-body);
  font-style: normal;
  font-weight: 400;
}

.woocommerce-account h2 :where(blockquote > cite):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: "\2014";
}

.woocommerce-account h2 :where(table.has-fixed-layout):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  table-layout: fixed;
  width: 100%;
}

.page-id-271 article h2{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  text-align: center;
  font-family: var(--wp--preset--font-family--headers);
  font-size: 1.5rem;
  line-height: 2rem;
}

input#user_login {
  border: 1px solid #b4b4b4;
}

.variations select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  padding: 16px;
}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
  width: 100%;
}

a.reset_variations {
  margin-top: 8px;
  width: 100px;
  background: #212121;
}

.single_variation_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-top: 20px;
}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  gap: 5px;
}

.woocommerce-variation-add-to-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.single_variation_wrap span.woocommerce-Price-amount.amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
}

.woocommerce-variation-description {
  display: none;
}

table.variations {
  margin-bottom: 0 !important;
}

button.single_add_to_cart_button.button.alt {
  max-width: 200px;
}

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

.woocommerce-product-details__short-description{
  margin-bottom: 16px;
}

/*wooswiper*/

div#wooswipe {
  width: 100% !important;
  /*.thumbnails {*/
  /*	//overflow: visible !important;*/
  /*	img {*/
  /*		width: 230px !important;*/
  /*		height: 230px !important;*/
  /*		object-fit: cover !important;*/
  /*	}*/
  /*}*/
  /*.slick-list{*/
  /*	@apply !m-0;*/
  /*}*/
  /*.slick-slide{*/
  /*	@apply !w-auto;*/
  /*}*/
}

.single-product-main-image{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.single-product-main-image img {
  height: 900px !important;
  /*@media all and (min-width:1024px){*/
  /*	height: 850px !important;*/
  /*}*/
  -o-object-fit: contain;
     object-fit: contain;
  /*background: white;*/
}

.single-product-main-image svg circle#Ellipse_1 {
  fill: transparent;
}

.single-product-main-image svg path {
  fill: var(--wp--preset--color--headers) !important;
}

img.attachment-shop_thumbnail.size-shop_thumbnail {
  width: 100px !important;
  height: 100px !important;
  -o-object-fit: cover;
     object-fit: cover;
}

li.slick-slide {
  width: auto !important;
  margin-left: 0 !important;
}

.slick-list {
  margin: 0 !important;
}

button {
  border-radius: 0 !important;
}

.woocommerce-variation-availability {
  text-wrap: nowrap;
  text-align: left;
}

button.single_add_to_cart_button.button.alt {
  flex: 1;
  text-wrap: nowrap;
}

table.variations th.label {
  padding-top: 13px !important;
}

table.variations th.label * {
  font-weight: normal;
}

.woocommerce div.product form.cart .group_table td:first-child {
  width: auto;
  padding:0;
}

/**
 * Custom `@font-face` rules
 *
 * These will be added immediately before Tailwind’s `base` layer.
 */

/* poppins-regular - latin */

@font-face {
  font-display: swap;

  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 400;

  src: url('./fonts/poppins-v21-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		 url('./fonts/poppins-v21-latin-regular.ttf') format('truetype');

  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* shadows-into-light-regular - latin */

@font-face {
  font-display: swap;

  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Shadows Into Light';

  font-style: normal;

  font-weight: 400;

  src: url('./fonts/shadows-into-light-v19-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		 url('./fonts/shadows-into-light-v19-latin-regular.ttf') format('truetype');

  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

menu-
body, p{
  font-family: var(--wp--preset--font-family--body);
}

#content > .wp-block-heading, #content > p{
  width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1024px){
  .gs-acf-grid.rem-left #content > .wp-block-heading,.gs-acf-grid.rem-left  #content > p{
    width: 100% !important;
  }
}

@media (min-width: 1536px){
  #content > .wp-block-heading.full-right, #content > p.full-right{
    margin-left: 5% !important;
    width: 95% !important;
  }
}


	.wp-block-buttons #content > .wp-block-heading,
	.button-outline #content > .wp-block-heading,
	.wp-block-buttons  #content > p,
	.button-outline  #content > p {
  --def: #ffffff;
  --inv: #000000;
  display: block;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
}

.gs-acf-container .wp-block-heading:first-of-type{
  margin-top: 0px;
}

@media (min-width: 640px){
  .sm\:prose-xl{
    font-size: 1.25rem;
    line-height: 1.8;
  }

  .sm\:prose-xl :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.2em;
    margin-bottom: 1.2em;
  }

  .sm\:prose-xl :where([class~="lead"], [class~="is-style-lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 1.2em;
    line-height: 1.5;
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .sm\:prose-xl :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1.0666667em;
  }

  .sm\:prose-xl :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 2.8em;
    margin-top: 0;
    margin-bottom: 0.8571429em;
    line-height: 1;
  }

  .sm\:prose-xl :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 1.8em;
    margin-top: 1.5555556em;
    margin-bottom: 0.8888889em;
    line-height: 1.1111111;
  }

  .sm\:prose-xl :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 1.5em;
    margin-top: 1.6em;
    margin-bottom: 0.6666667em;
    line-height: 1.3333333;
  }

  .sm\:prose-xl :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.8em;
    margin-bottom: 0.6em;
    line-height: 1.6;
  }

  .sm\:prose-xl :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .sm\:prose-xl :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .sm\:prose-xl :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
    margin-bottom: 0;
  }

  .sm\:prose-xl :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .sm\:prose-xl :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 0.9em;
    border-radius: 0.3125rem;
    padding-top: 0.25em;
    padding-inline-end: 0.4em;
    padding-bottom: 0.25em;
    padding-inline-start: 0.4em;
  }

  .sm\:prose-xl :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 0.9em;
  }

  .sm\:prose-xl :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 0.8611111em;
  }

  .sm\:prose-xl :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 0.9em;
  }

  .sm\:prose-xl :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 0.9em;
    line-height: 1.7777778;
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: 0.5rem;
    padding-top: 1.1111111em;
    padding-inline-end: 1.3333333em;
    padding-bottom: 1.1111111em;
    padding-inline-start: 1.3333333em;
  }

  .sm\:prose-xl :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    padding-inline-start: 1.6em;
  }

  .sm\:prose-xl :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    padding-inline-start: 1.6em;
  }

  .sm\:prose-xl :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0.6em;
    margin-bottom: 0.6em;
  }

  .sm\:prose-xl :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-start: 0.4em;
  }

  .sm\:prose-xl :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-start: 0.4em;
  }

  .sm\:prose-xl :where(.sm\:prose-xl > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0.8em;
    margin-bottom: 0.8em;
  }

  .sm\:prose-xl :where(.sm\:prose-xl > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.2em;
  }

  .sm\:prose-xl :where(.sm\:prose-xl > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-bottom: 1.2em;
  }

  .sm\:prose-xl :where(.sm\:prose-xl > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.2em;
  }

  .sm\:prose-xl :where(.sm\:prose-xl > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-bottom: 1.2em;
  }

  .sm\:prose-xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0.8em;
    margin-bottom: 0.8em;
  }

  .sm\:prose-xl :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.2em;
    margin-bottom: 1.2em;
  }

  .sm\:prose-xl :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.2em;
  }

  .sm\:prose-xl :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0.6em;
    padding-inline-start: 1.6em;
  }

  .sm\:prose-xl :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 2.8em;
    margin-bottom: 2.8em;
  }

  .sm\:prose-xl :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
  }

  .sm\:prose-xl :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
  }

  .sm\:prose-xl :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
  }

  .sm\:prose-xl :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
  }

  .sm\:prose-xl :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 0.9em;
    line-height: 1.5555556;
  }

  .sm\:prose-xl :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-end: 0.6666667em;
    padding-bottom: 0.8888889em;
    padding-inline-start: 0.6666667em;
  }

  .sm\:prose-xl :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-start: 0;
  }

  .sm\:prose-xl :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-end: 0;
  }

  .sm\:prose-xl :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-top: 0.8888889em;
    padding-inline-end: 0.6666667em;
    padding-bottom: 0.8888889em;
    padding-inline-start: 0.6666667em;
  }

  .sm\:prose-xl :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-start: 0;
  }

  .sm\:prose-xl :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-end: 0;
  }

  .sm\:prose-xl :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .sm\:prose-xl :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
    margin-bottom: 0;
  }

  .sm\:prose-xl :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 0.9em;
    line-height: 1.5555556;
    margin-top: 1em;
  }

  .sm\:prose-xl :where(.sm\:prose-xl > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
  }

  .sm\:prose-xl :where(.sm\:prose-xl > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-bottom: 0;
  }
}

@media (min-width: 768px){
  .md\:prose-xl{
    font-size: 1.25rem;
    line-height: 1.8;
  }

  .md\:prose-xl :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.2em;
    margin-bottom: 1.2em;
  }

  .md\:prose-xl :where([class~="lead"], [class~="is-style-lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 1.2em;
    line-height: 1.5;
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .md\:prose-xl :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1.0666667em;
  }

  .md\:prose-xl :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 2.8em;
    margin-top: 0;
    margin-bottom: 0.8571429em;
    line-height: 1;
  }

  .md\:prose-xl :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 1.8em;
    margin-top: 1.5555556em;
    margin-bottom: 0.8888889em;
    line-height: 1.1111111;
  }

  .md\:prose-xl :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 1.5em;
    margin-top: 1.6em;
    margin-bottom: 0.6666667em;
    line-height: 1.3333333;
  }

  .md\:prose-xl :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.8em;
    margin-bottom: 0.6em;
    line-height: 1.6;
  }

  .md\:prose-xl :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .md\:prose-xl :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .md\:prose-xl :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
    margin-bottom: 0;
  }

  .md\:prose-xl :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .md\:prose-xl :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 0.9em;
    border-radius: 0.3125rem;
    padding-top: 0.25em;
    padding-inline-end: 0.4em;
    padding-bottom: 0.25em;
    padding-inline-start: 0.4em;
  }

  .md\:prose-xl :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 0.9em;
  }

  .md\:prose-xl :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 0.8611111em;
  }

  .md\:prose-xl :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 0.9em;
  }

  .md\:prose-xl :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 0.9em;
    line-height: 1.7777778;
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: 0.5rem;
    padding-top: 1.1111111em;
    padding-inline-end: 1.3333333em;
    padding-bottom: 1.1111111em;
    padding-inline-start: 1.3333333em;
  }

  .md\:prose-xl :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    padding-inline-start: 1.6em;
  }

  .md\:prose-xl :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    padding-inline-start: 1.6em;
  }

  .md\:prose-xl :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0.6em;
    margin-bottom: 0.6em;
  }

  .md\:prose-xl :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-start: 0.4em;
  }

  .md\:prose-xl :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-start: 0.4em;
  }

  .md\:prose-xl :where(.md\:prose-xl > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0.8em;
    margin-bottom: 0.8em;
  }

  .md\:prose-xl :where(.md\:prose-xl > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.2em;
  }

  .md\:prose-xl :where(.md\:prose-xl > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-bottom: 1.2em;
  }

  .md\:prose-xl :where(.md\:prose-xl > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.2em;
  }

  .md\:prose-xl :where(.md\:prose-xl > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-bottom: 1.2em;
  }

  .md\:prose-xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0.8em;
    margin-bottom: 0.8em;
  }

  .md\:prose-xl :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.2em;
    margin-bottom: 1.2em;
  }

  .md\:prose-xl :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.2em;
  }

  .md\:prose-xl :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0.6em;
    padding-inline-start: 1.6em;
  }

  .md\:prose-xl :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 2.8em;
    margin-bottom: 2.8em;
  }

  .md\:prose-xl :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
  }

  .md\:prose-xl :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
  }

  .md\:prose-xl :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
  }

  .md\:prose-xl :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
  }

  .md\:prose-xl :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 0.9em;
    line-height: 1.5555556;
  }

  .md\:prose-xl :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-end: 0.6666667em;
    padding-bottom: 0.8888889em;
    padding-inline-start: 0.6666667em;
  }

  .md\:prose-xl :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-start: 0;
  }

  .md\:prose-xl :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-end: 0;
  }

  .md\:prose-xl :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-top: 0.8888889em;
    padding-inline-end: 0.6666667em;
    padding-bottom: 0.8888889em;
    padding-inline-start: 0.6666667em;
  }

  .md\:prose-xl :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-start: 0;
  }

  .md\:prose-xl :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-end: 0;
  }

  .md\:prose-xl :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .md\:prose-xl :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
    margin-bottom: 0;
  }

  .md\:prose-xl :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 0.9em;
    line-height: 1.5555556;
    margin-top: 1em;
  }

  .md\:prose-xl :where(.md\:prose-xl > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
  }

  .md\:prose-xl :where(.md\:prose-xl > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-bottom: 0;
  }
}

@media (min-width: 1536px){
  .\32xl\:aspect-h-16{
    --tw-aspect-h: 16;
  }

  .\32xl\:aspect-w-13{
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 13;
  }

  .\32xl\:aspect-w-13 > *{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

.hover\:bg-\[\#f0f0f0\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity));
}

.hover\:bg-menu-hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(217 217 217 / var(--tw-bg-opacity));
}

.hover\:bg-teal-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(15 118 110 / var(--tw-bg-opacity));
}

.hover\:bg-teal-900:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(19 78 74 / var(--tw-bg-opacity));
}

.hover\:text-company-accent:hover{
  color: var(--wp--preset--color--headers);
}

.hover\:text-menu-link-col-hover:hover{
  color: var(--wp--preset--color--brand-main);
}

.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:underline:hover{
  text-decoration-line: underline;
}

.group:hover .group-hover\:block{
  display: block;
}

.group:hover .group-hover\:scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), 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));
}

.group:hover .group-hover\:scale-\[1\.1\]{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), 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));
}

.group:hover .group-hover\:from-black\/0{
  --tw-gradient-from: rgb(0 0 0 / 0) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:to-black\/90{
  --tw-gradient-to: rgb(0 0 0 / 0.9) var(--tw-gradient-to-position);
}

.prose-headings\:mb-5 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  margin-bottom: 1.25rem;
}

.prose-headings\:leading-loose :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  line-height: 2;
}

.prose-headings\:leading-normal :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  line-height: 1.5;
}

.prose-headings\:leading-relaxed :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  line-height: 1.625;
}

.prose-headings\:text-company-accent :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  color: var(--wp--preset--color--headers);
}

.prose-headings\:text-main-headings-col :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  color: var(--wp--preset--color--headers);
}

.prose-headings\:text-white :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.prose-h1\:text-white :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.prose-p\:text-main-text-col :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  color: var(--wp--preset--color--paragraphs);
}

.prose-p\:text-white :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 420px){
  .min-\[420px\]\:flex-row{
    flex-direction: row;
  }
}

@media (min-width: 640px){
  .sm\:m-0{
    margin: 0px;
  }

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

  .sm\:mb-\[25px\]{
    margin-bottom: 25px;
  }

  .sm\:min-h-\[80px\]{
    min-height: 80px;
  }

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

  .sm\:w-auto{
    width: auto;
  }

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

  .sm\:grid-cols-\[1fr_1fr\]{
    grid-template-columns: 1fr 1fr;
  }

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

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

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

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

  .sm\:gap-2{
    gap: 0.5rem;
  }

  .sm\:gap-\[3\.5rem\]{
    gap: 3.5rem;
  }

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

  .sm\:border-b-0{
    border-bottom-width: 0px;
  }

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

  .sm\:border-r-0{
    border-right-width: 0px;
  }

  .sm\:border-none{
    border-style: none;
  }

  .sm\:pb-\[6\.25rem\]{
    padding-bottom: 6.25rem;
  }

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

  .sm\:pt-\[4\.688rem\]{
    padding-top: 4.688rem;
  }

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

  .sm\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }

  .sm\:text-\[2\.313rem\]{
    font-size: 2.313rem;
  }

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

@media (min-width: 768px){
  .md\:mb-0{
    margin-bottom: 0px;
  }

  .md\:block{
    display: block;
  }

  .md\:h-full{
    height: 100%;
  }

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

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

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

  .md\:grid-cols-\[1fr_1fr_1fr\]{
    grid-template-columns: 1fr 1fr 1fr;
  }

  .md\:gap-2{
    gap: 0.5rem;
  }

  .md\:gap-\[3rem\]{
    gap: 3rem;
  }

  .md\:border-b-0{
    border-bottom-width: 0px;
  }

  .md\:\!pt-\[55vh\]{
    padding-top: 55vh !important;
  }

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

  .md\:text-foot-title{
    font-size: 4rem;
  }

  .md\:last\:pr-0:last-child{
    padding-right: 0px;
  }
}

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

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

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

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

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

  .lg\:row-span-3{
    -ms-grid-row-span: 3;
    grid-row: span 3 / span 3;
  }

  .lg\:row-span-6{
    -ms-grid-row-span: 6;
    grid-row: span 6 / span 6;
  }

  .lg\:row-start-4{
    grid-row-start: 4;
  }

  .lg\:m-auto{
    margin: auto;
  }

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

  .lg\:mb-\[15\%\]{
    margin-bottom: 15%;
  }

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

  .lg\:block{
    display: block;
  }

  .lg\:flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:max-h-\[90vh\]{
    max-height: 90vh;
  }

  .lg\:min-h-\[800px\]{
    min-height: 800px;
  }

  .lg\:min-h-\[80vh\]{
    min-height: 80vh;
  }

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

  .lg\:max-w-\[50\%\]{
    max-width: 50%;
  }

  .lg\:max-w-\[80\%\]{
    max-width: 80%;
  }

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

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

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)\2c minmax\(0\2c 2fr\)\]{
    grid-template-columns: minmax(0,1fr) minmax(0,2fr);
  }

  .lg\:grid-cols-\[minmax\(0px\2c _1fr\)_minmax\(0px\2c _3fr\)\]{
    grid-template-columns: minmax(0px, 1fr) minmax(0px, 3fr);
  }

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

  .lg\:grid-cols-layout-1-1-1_5{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.5fr);
  }

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

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

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

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

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

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

  .lg\:gap-10{
    gap: 2.5rem;
  }

  .lg\:gap-20{
    gap: 5rem;
  }

  .lg\:gap-5{
    gap: 1.25rem;
  }

  .lg\:gap-\[100px\]{
    gap: 100px;
  }

  .lg\:\!overflow-visible{
    overflow: visible !important;
  }

  .lg\:border-b-0{
    border-bottom-width: 0px;
  }

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

  .lg\:p-6{
    padding: 1.5rem;
  }

  .lg\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .lg\:\!pt-\[75vh\]{
    padding-top: 75vh !important;
  }

  .lg\:pt-3{
    padding-top: 0.75rem;
  }
}

@media (min-width: 1280px){
  .xl\:relative{
    position: relative;
  }

  .xl\:block{
    display: block;
  }

  .xl\:flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .xl\:hidden{
    display: none;
  }

  .xl\:w-auto{
    width: auto;
  }

  .xl\:\!max-w-\[200px\]{
    max-width: 200px !important;
  }

  .xl\:max-w-\[200px\]{
    max-width: 200px;
  }

  .xl\:max-w-\[250px\]{
    max-width: 250px;
  }

  .xl\:max-w-\[390px\]{
    max-width: 390px;
  }

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

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

  .xl\:grid-cols-\[6fr_2fr_4fr\]{
    grid-template-columns: 6fr 2fr 4fr;
  }

  .xl\:grid-cols-\[auto_1fr\]{
    grid-template-columns: auto 1fr;
  }

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

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

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

  .xl\:gap-x-\[4\.375rem\]{
    -moz-column-gap: 4.375rem;
         column-gap: 4.375rem;
  }

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

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

  .xl\:border{
    border-width: 1px;
  }

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

  .xl\:border-none{
    border-style: none;
  }

  .xl\:bg-transparent{
    background-color: transparent;
  }

  .xl\:bg-none{
    background-image: none;
  }

  .xl\:p-0{
    padding: 0px;
  }

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

  .xl\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .xl\:pb-0{
    padding-bottom: 0px;
  }

  .xl\:shadow-none{
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .hover\:xl\:bg-company-accent:hover{
    background-color: var(--wp--preset--color--headers);
  }

  .hover\:xl\:text-white:hover{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}

@media (min-width: 1536px){
  .\32xl\:block{
    display: block;
  }

  .\32xl\:h-\[500px\]{
    height: 500px;
  }

  .\32xl\:min-h-\[90vh\]{
    min-height: 90vh;
  }

  .\32xl\:max-w-\[35\%\]{
    max-width: 35%;
  }

  .\32xl\:max-w-\[350px\]{
    max-width: 350px;
  }

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

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

  .\32xl\:grid-cols-\[2fr_1fr\]{
    grid-template-columns: 2fr 1fr;
  }

  .\32xl\:gap-\[160px\]{
    gap: 160px;
  }

  .\32xl\:\!pt-\[80vh\]{
    padding-top: 80vh !important;
  }

  .\32xl\:pr-10{
    padding-right: 2.5rem;
  }

  .\32xl\:last\:pr-0:last-child{
    padding-right: 0px;
  }
}

@media (min-width: 2000px){
  .min-\[2000px\]\:h-\[700px\]{
    height: 700px;
  }
}

@media (prefers-color-scheme: dark){
  .dark\:border-gray-700{
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity));
  }

  .dark\:bg-blue-900{
    --tw-bg-opacity: 1;
    background-color: rgb(30 58 138 / var(--tw-bg-opacity));
  }

  .dark\:bg-company-accent{
    background-color: var(--wp--preset--color--headers);
  }

  .dark\:text-blue-300{
    --tw-text-opacity: 1;
    color: rgb(147 197 253 / var(--tw-text-opacity));
  }

  .dark\:text-gray-500{
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }

  .dark\:text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

  .dark\:ring-gray-900{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity));
  }
}