/*******************************************************
 * Tailwind base (not required)
 ******************************************************/

/*@tailwind base;*/

:root {
  --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:initial;
  --tw-pan-y:initial;
  --tw-pinch-zoom:initial;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position:0%;
  --tw-gradient-via-position:50%;
  --tw-gradient-to-position:100%;
  --tw-ordinal:initial;
  --tw-slashed-zero:initial;
  --tw-numeric-figure:initial;
  --tw-numeric-spacing:initial;
  --tw-numeric-fraction:initial;
  --tw-ring-inset:initial;
  --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:blur(0);
  --tw-brightness:brightness(1);
  --tw-contrast:contrast(1);
  --tw-grayscale:grayscale(0);
  --tw-hue-rotate:hue-rotate(0deg);
  --tw-invert:invert(0);
  --tw-saturate:saturate(1);
  --tw-sepia:sepia(0);
  --tw-drop-shadow:drop-shadow(0 0 #0000);
  --tw-backdrop-blur:blur(0);
  --tw-backdrop-brightness:brightness(1);
  --tw-backdrop-contrast:contrast(1);
  --tw-backdrop-grayscale:grayscale(0);
  --tw-backdrop-hue-rotate:hue-rotate(0deg);
  --tw-backdrop-invert:invert(0);
  --tw-backdrop-opacity:opacity(1);
  --tw-backdrop-saturate:saturate(1);
  --tw-backdrop-sepia:sepia(0);
  --tw-contain-size:none;
  --tw-contain-layout:none;
  --tw-contain-paint:none;
  --tw-contain-style:none;
}

/*******************************************************
 * Tailwind components
 ******************************************************/

.\!container {
  width:100% !important;
  margin-right:auto !important;
  margin-left:auto !important;
  padding-right:var(--vii-spacing-gap-container) !important;
  padding-left:var(--vii-spacing-gap-container) !important;
}

.container {
  width:100%;
  margin-right:auto;
  margin-left:auto;
  padding-right:var(--vii-spacing-gap-container);
  padding-left:var(--vii-spacing-gap-container);
}

@media (min-width: 1210px) {
  .\!container {
    max-width:1210px !important;
  }

  .container {
    max-width:1210px;
  }
}

:root {
  --vii-container:1210px;
  --vii-gap-side:clamp(var(--vii-spacing-gap-container), (var(--100vw, 100vw) - var(--vii-container) - (var(--vii-spacing-gap-container) * 2)) / 2, 100vw);
  --vii-container-small:780px;
  --vii-gap-side-small:clamp(var(--vii-spacing-gap-container), (var(--100vw, 100vw) - var(--vii-container-small) - (var(--vii-spacing-gap-container) * 2)) / 2, 100vw);
}

.container-small {
  position:relative;
  max-width:780px;
  width:100%;
  padding-left:var(--vii-spacing-gap-container);
  padding-right:var(--vii-spacing-gap-container);
  margin-left:auto;
  margin-right:auto;
  --vii-gap-side:var(--vii-gap-side-small);;
}

.container-fluid {
  position:relative;
  max-width:unset;
  width:100%;
  padding-left:var(--vii-spacing-gap-container);
  padding-right:var(--vii-spacing-gap-container);
  margin-left:auto;
  margin-right:auto;
  --vii-gap-side:var(--vii-spacing-gap-container);
}

.fl-center {
  display:flex;
  align-items:center;
  justify-content:center;
}

.fl-center-v {
  display:flex;
  align-items:center;
}

.ab-center {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}

.ab-full, .ab-full-b::before, .ab-full-a::after, .ab-full-ba::before, .ab-full-ba::after {
  position:absolute;
  inset:0;
}

.ab-full-b::before, .ab-full-a::after, .ab-full-ba::before, .ab-full-ba::after {
  content:"";
}

.img-wrapper-cover > img, .img-wrapper-contain > img {
  -o-object-position:center center;
     object-position:center center;
  height:100%;
  width:100%;
  min-height:100%;
  min-width:100%;
  max-height:100%;
  max-width:100%;
  display:block;
}

.img-wrapper-cover > img {
  -o-object-fit:cover;
     object-fit:cover;
}

.img-wrapper-contain > img {
  -o-object-fit:contain;
     object-fit:contain;
}

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

ul.list-style-none > li, .list-style-none ul > li {
  padding:0;
}

.\!t {
  transition-duration:.25s !important;
  transition-property:all !important;
  transition-timing-function:ease !important;
  transition-delay:0s !important;
}

.t {
  transition-duration:.25s;
  transition-property:all;
  transition-timing-function:ease;
  transition-delay:0s;
}

.t-slow {
  transition-duration:.6s;
}

:root {
  --loading-size:35px;
  --loading-color:var(--vii-color-black);
  --loading-bg:rgba(255, 255, 255, 0.7);
}

.loading, .woocommerce .blockUI.blockOverlay, .woocommerce .loader {
  position:relative;
}

.woocommerce .blockUI.blockOverlay::before, .woocommerce .loader::before, .loading::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background-color:var(--loading-bg);
}

.loading::after, body .xwc--pf-loader-overlay::after, .woocommerce .blockUI.blockOverlay::after, .woocommerce .loader::after {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  z-index:3;
  width:var(--loading-size);
  height:var(--loading-size);
  margin:calc(-0.5 * var(--loading-size)) 0 0 calc(-0.5 * var(--loading-size));
  border-radius:50%;
  border:2px dashed transparent;
  border-bottom-color:var(--loading-color);
  border-right-color:var(--loading-color);
  animation:spinner-loading 0.6s linear infinite;
  box-sizing:border-box;
}

@keyframes spinner-loading {
  to {
    transform:rotate(360deg);
  }
}

.flex-grid-template {
  --grid-gap-x:30px;
  --grid-gap-y:30px;
  --grid-col:3;
  --grid-gap-x-total:calc(var(--grid-gap-x) * (var(--grid-col) - 1));
  --grid-space-each:calc(var(--grid-gap-x-total) / var(--grid-col));
  display:flex;
  flex-wrap:wrap;
  gap:var(--grid-gap-y) var(--grid-gap-x);
}

.flex-grid-template > * {
  width:calc(100% / var(--grid-col) - var(--grid-space-each));
}

@media only screen and (max-width: 768px) {
  .flex-grid-template {
    --grid-col:2;
  }
}

@media only screen and (max-width: 576px) {
  .flex-grid-template {
    --grid-col:1;
  }
}

.skeleton-bg {
  background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgd2lkdGg9IjEwMHB4IiBoZWlnaHQ9IjEwMHB4Ij4NCjxjaXJjbGUgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNTA1MjU0IiBzdHJva2Utd2lkdGg9IjEwIiByPSI0NSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY2IDQ0IiBzdHlsZT0iJiMxMDsgICAgLyogc3Ryb2tlLWRhc2hhcnJheTogMTY2IDQ0OyAqLyYjMTA7Ij4NCiAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIi8+DQo8L2NpcmNsZT4NCjwvc3ZnPg==);
  background-size:30px;
  background-repeat:no-repeat;
  background-position:center;
  background-color:#eee;
}

/*******************************************************
 * Tailwind utilities
 * including custom utilities
 ******************************************************/

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

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

.visible {
  visibility:visible;
}

.invisible {
  visibility:hidden;
}

.collapse {
  visibility:collapse;
}

.static {
  position:static;
}

.fixed {
  position:fixed;
}

.absolute {
  position:absolute;
}

.relative {
  position:relative;
}

.sticky {
  position:sticky;
}

.inset-0 {
  inset:0px;
}

.bottom-0 {
  bottom:0px;
}

.bottom-1 {
  bottom:1px;
}

.bottom-10 {
  bottom:10px;
}

.bottom-full {
  bottom:100%;
}

.left-0 {
  left:0px;
}

.right-0 {
  right:0px;
}

.top-0 {
  top:0px;
}

.top-1 {
  top:1px;
}

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

.top-56 {
  top:56px;
}

.top-full {
  top:100%;
}

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

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

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

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

.z-\[--index\] {
  z-index:var(--index);
}

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

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

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

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

.\!mb-12 {
  margin-bottom:12px !important;
}

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

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

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

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

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

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

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

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

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

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

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

.mb-responsive-152 {
  margin-bottom:var(--vii-spacing-152);
}

.mb-responsive-24 {
  margin-bottom:var(--vii-spacing-24);
}

.mb-responsive-32 {
  margin-bottom:var(--vii-spacing-32);
}

.mb-responsive-48 {
  margin-bottom:var(--vii-spacing-48);
}

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

.mr-\[--gallery-nav-gap\] {
  margin-right:var(--gallery-nav-gap);
}

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

.mt-responsive-24 {
  margin-top:var(--vii-spacing-24);
}

.mt-responsive-6 {
  margin-top:var(--vii-spacing-6);
}

.block {
  display:block;
}

.inline {
  display:inline;
}

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

.flex {
  display:flex;
}

.table {
  display:table;
}

.grid {
  display:grid;
}

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

.hidden {
  display:none;
}

.aspect-\[270\/337\] {
  aspect-ratio:270/337;
}

.aspect-\[300\/374\] {
  aspect-ratio:300/374;
}

.aspect-\[436\/580\] {
  aspect-ratio:436/580;
}

.aspect-\[57\/75\] {
  aspect-ratio:57/75;
}

.aspect-square {
  aspect-ratio:1 / 1;
}

.size-full {
  width:100%;
  height:100%;
}

.h-\[--mini-cart-header-height\] {
  height:var(--mini-cart-header-height);
}

.h-\[--vii-100vh\] {
  height:var(--vii-100vh);
}

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

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

.h-\[80vh\] {
  height:80vh;
}

.h-\[calc\(322\*0\.35\*var\(--vii-100vw\)\/512\)\] {
  height:calc(322 * 0.35 * var(--vii-100vw) / 512);
}

.h-\[var\(--max-height\)\] {
  height:var(--max-height);
}

.h-full {
  height:100%;
}

.h-screen {
  height:100vh;
}

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

.max-h-\[calc\(100\%-var\(--mini-cart-header-height\)\)\] {
  max-height:calc(100% - var(--mini-cart-header-height));
}

.max-h-\[var\(--vii-100vh\)\] {
  max-height:var(--vii-100vh);
}

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

.min-h-\[calc\(var\(--vii-100vh\)-60px\)\] {
  min-height:calc(var(--vii-100vh) - 60px);
}

.min-h-\[clamp\(250px\2c 47\.5vw\2c 684px\)\] {
  min-height:clamp(250px,47.5vw,684px);
}

.min-h-screen {
  min-height:100vh;
}

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

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

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

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

.w-\[--gallery-nav-max-w\] {
  width:var(--gallery-nav-max-w);
}

.w-\[--gallery-nav-total-w\] {
  width:var(--gallery-nav-total-w);
}

.w-\[--gallery-nav-width\] {
  width:var(--gallery-nav-width);
}

.w-\[1px\] {
  width:1px;
}

.w-\[25px\] {
  width:25px;
}

.w-\[26\.5\%\] {
  width:26.5%;
}

.w-\[30\%\] {
  width:30%;
}

.w-\[346px\] {
  width:346px;
}

.w-\[35\%\] {
  width:35%;
}

.w-\[50\%\] {
  width:50%;
}

.w-\[73\.5\%\] {
  width:73.5%;
}

.w-\[calc\(100\%-346px\)\] {
  width:calc(100% - 346px);
}

.w-\[calc\(50\%-100px\)\] {
  width:calc(50% - 100px);
}

.w-\[var\(--vii-accor-width-icon\)\] {
  width:var(--vii-accor-width-icon);
}

.w-\[var\(--vii-logo-width\)\] {
  width:var(--vii-logo-width);
}

.w-full {
  width:100%;
}

.min-w-\[25px\] {
  min-width:25px;
}

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

.max-w-\[--mini-cart-width\] {
  max-width:var(--mini-cart-width);
}

.max-w-\[--width-content\] {
  max-width:var(--width-content);
}

.max-w-\[470px\] {
  max-width:470px;
}

.max-w-\[780px\] {
  max-width:780px;
}

.max-w-\[835px\] {
  max-width:835px;
}

.-translate-y-1\/2 {
  --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));
}

.translate-x-\[101\%\] {
  --tw-translate-x:101%;
  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-pointer {
  cursor:pointer;
}

.resize {
  resize:both;
}

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

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

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

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

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

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

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

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

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

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

.gap-12 {
  gap:12px;
}

.gap-4 {
  gap:4px;
}

.gap-6 {
  gap:6px;
}

.gap-responsive-16 {
  gap:var(--vii-spacing-16);
}

.gap-responsive-20 {
  gap:var(--vii-spacing-20);
}

.gap-x-\[--vii-spacing-gap-container\] {
  -moz-column-gap:var(--vii-spacing-gap-container);
       column-gap:var(--vii-spacing-gap-container);
}

.gap-x-\[15px\] {
  -moz-column-gap:15px;
       column-gap:15px;
}

.gap-x-\[20px\] {
  -moz-column-gap:20px;
       column-gap:20px;
}

.gap-x-\[40px\] {
  -moz-column-gap:40px;
       column-gap:40px;
}

.gap-x-\[48px\] {
  -moz-column-gap:48px;
       column-gap:48px;
}

.gap-x-\[8px\] {
  -moz-column-gap:8px;
       column-gap:8px;
}

.gap-y-12 {
  row-gap:12px;
}

.gap-y-24 {
  row-gap:24px;
}

.gap-y-\[12px\] {
  row-gap:12px;
}

.gap-y-\[16px\] {
  row-gap:16px;
}

.gap-y-\[5px\] {
  row-gap:5px;
}

.overflow-auto {
  overflow:auto;
}

.overflow-hidden {
  overflow:hidden;
}

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

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

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

.rounded-\[4px\] {
  border-radius:4px;
}

.border {
  border-width:1px;
}

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

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

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

.border-solid {
  border-style:solid;
}

.border-dashed {
  border-style:dashed;
}

.border-\[\#eee\] {
  --tw-border-opacity:1;
  border-color:rgb(238 238 238 / var(--tw-border-opacity, 1));
}

.border-black\/20 {
  border-color:rgb(0 0 0 / 0.2);
}

.bg-\[\#decfbf\] {
  --tw-bg-opacity:1;
  background-color:rgb(222 207 191 / var(--tw-bg-opacity, 1));
}

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

.bg-black\/20 {
  background-color:rgb(0 0 0 / 0.2);
}

.bg-black\/70 {
  background-color:rgb(0 0 0 / 0.7);
}

.bg-gray {
  --tw-bg-opacity:1;
  background-color:rgb(241 241 241 / var(--tw-bg-opacity, 1));
}

.bg-transparent {
  background-color:transparent;
}

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

.object-cover {
  -o-object-fit:cover;
     object-fit:cover;
}

.object-center {
  -o-object-position:center;
     object-position:center;
}

.p-24 {
  padding:24px;
}

.p-\[8px\] {
  padding:8px;
}

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

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

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

.px-\[--mini-cart-side-padding\] {
  padding-left:var(--mini-cart-side-padding);
  padding-right:var(--mini-cart-side-padding);
}

.px-\[--vii-gap-side\] {
  padding-left:var(--vii-gap-side);
  padding-right:var(--vii-gap-side);
}

.px-\[--vii-spacing-gap-container\] {
  padding-left:var(--vii-spacing-gap-container);
  padding-right:var(--vii-spacing-gap-container);
}

.px-\[var\(--vii-accor-x-spacing\)\] {
  padding-left:var(--vii-accor-x-spacing);
  padding-right:var(--vii-accor-x-spacing);
}

.px-\[var\(--vii-gap-side\)\] {
  padding-left:var(--vii-gap-side);
  padding-right:var(--vii-gap-side);
}

.px-responsive-40 {
  padding-left:var(--vii-spacing-40);
  padding-right:var(--vii-spacing-40);
}

.px-responsive-64 {
  padding-left:var(--vii-spacing-64);
  padding-right:var(--vii-spacing-64);
}

.px-responsive-gap-container {
  padding-left:var(--vii-spacing-gap-container);
  padding-right:var(--vii-spacing-gap-container);
}

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

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

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

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

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

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

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

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

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

.py-\[5px\] {
  padding-top:5px;
  padding-bottom:5px;
}

.py-\[var\(--vii-accor-y-spacing\)\] {
  padding-top:var(--vii-accor-y-spacing);
  padding-bottom:var(--vii-accor-y-spacing);
}

.py-responsive-44 {
  padding-top:var(--vii-spacing-44);
  padding-bottom:var(--vii-spacing-44);
}

.py-responsive-48 {
  padding-top:var(--vii-spacing-48);
  padding-bottom:var(--vii-spacing-48);
}

.\!pr-\[18px\] {
  padding-right:18px !important;
}

.pb-2 {
  padding-bottom:2px;
}

.pb-20 {
  padding-bottom:20px;
}

.pb-\[35vh\] {
  padding-bottom:35vh;
}

.pb-default {
  padding-bottom:var(--vii-spacing-80);
}

.pb-responsive-24 {
  padding-bottom:var(--vii-spacing-24);
}

.pb-responsive-64 {
  padding-bottom:var(--vii-spacing-64);
}

.pl-\[--vii-spacing-gap-container\] {
  padding-left:var(--vii-spacing-gap-container);
}

.pr-\[100px\] {
  padding-right:100px;
}

.pr-\[24px\] {
  padding-right:24px;
}

.pr-\[calc\(var\(--vii-accor-width-icon\)\+5px\)\] {
  padding-right:calc(var(--vii-accor-width-icon) + 5px);
}

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

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

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

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

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

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

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

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

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

.pt-\[--mini-cart-header-height\] {
  padding-top:var(--mini-cart-header-height);
}

.pt-\[--vii-page-top-spacing\] {
  padding-top:var(--vii-page-top-spacing);
}

.pt-\[10vh\] {
  padding-top:10vh;
}

.pt-responsive-20 {
  padding-top:var(--vii-spacing-20);
}

.pt-responsive-24 {
  padding-top:var(--vii-spacing-24);
}

.pt-responsive-48 {
  padding-top:var(--vii-spacing-48);
}

.pt-responsive-6 {
  padding-top:var(--vii-spacing-6);
}

.pt-responsive-60 {
  padding-top:var(--vii-spacing-60);
}

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

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

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

.\!text-13 {
  font-size:13px !important;
}

.\!text-\[\.7em\] {
  font-size:.7em !important;
}

.text-13 {
  font-size:13px;
}

.text-18 {
  font-size:18px;
}

.text-\[\.7em\] {
  font-size:.7em;
}

.text-\[1\.15em\] {
  font-size:1.15em;
}

.text-\[14px\] {
  font-size:14px;
}

.text-body-cta {
  font-size:var(--vii-size-13);
}

.text-body-small {
  font-size:var(--vii-size-12);
}

.text-responsive-15 {
  font-size:var(--vii-size-15);
}

.\!font-primary-400 {
  font-weight:400 !important;
}

.\!font-primary-500 {
  font-weight:500 !important;
}

.\!font-primary-700 {
  font-weight:700 !important;
}

.font-\[400\] {
  font-weight:400;
}

.font-\[500\] {
  font-weight:500;
}

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

.uppercase {
  text-transform:uppercase;
}

.leading-\[1\.1\] {
  line-height:1.1;
}

.tracking-\[0\.08em\] {
  letter-spacing:0.08em;
}

.\!text-\[--menu-text\] {
  color:var(--menu-text) !important;
}

.text-\[--menu-text\] {
  color:var(--menu-text);
}

.text-\[var\(--vii-color-text\)\] {
  color:var(--vii-color-text);
}

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

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

.underline {
  text-decoration-line:underline;
}

.no-underline {
  text-decoration-line:none;
}

.\!opacity-0 {
  opacity:0 !important;
}

.\!opacity-100 {
  opacity:1 !important;
}

.opacity-0 {
  opacity:0;
}

.shadow {
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-\[0_4px_50px_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
  --tw-shadow:0 4px 50px rgba(0,0,0,0.15);
  --tw-shadow-colored:0 4px 50px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.blur {
  --tw-blur:blur(8px);
  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 {
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
}

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

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

.duration-\[\.3s\] {
  transition-duration:.3s;
}

:root {
  --vii-color-transparent:transparent;
  --vii-color-black:#000;
  --vii-color-black-30:#000;
  --vii-color-white:#fff;
  --vii-color-gray:#f1f1f1;
  --vii-color-primary:var(--vii-color-black);
  --vii-color-on-primary:var(--vii-color-white);
  --vii-color-bg:var(--vii-color-white);
  --vii-color-text:var(--vii-color-black);
  --vii-color-heading:var(--vii-color-black);
  --vii-color-placeholder:var(--vii-color-black-30);
  --vii-color-error:#f00;
  --vii-color-permalink:var(--vii-color-black);
  --vii-color-permalink-highlight:var(--vii-color-black);
  --vii-size-10:10px;
  --vii-size-12:12px;
  --vii-size-13:13px;
  --vii-size-15:15px;
  --vii-size-18:18px;
  --vii-size-20:20px;
  --vii-size-24:24px;
  --vii-size-36:36px;
  --vii-size-44:44px;
  --vii-size-56:56px;
  --vii-size-64:64px;
  --vii-size-100:100px;
  --vii-size-120:120px;
  --vii-size-h1:var(--vii-size-64);
  --vii-size-h2:var(--vii-size-56);
  --vii-size-h3:var(--vii-size-44);
  --vii-size-h4:var(--vii-size-36);
  --vii-size-h5:var(--vii-size-24);
  --vii-size-h6:var(--vii-size-20);
  --vii-size-body:var(--vii-size-15);
  --vii-size-body-normal:var(--vii-size-15);
  --vii-size-body-cta:var(--vii-size-13);
  --vii-size-body-large:var(--vii-size-18);
  --vii-size-body-small:var(--vii-size-12);
  --vii-size-big-heading:var(--vii-size-120);
  --vii-font-primary:Lexend, sans-serif;
  --vii-font-heading:Lexend, sans-serif;
  --vii-font-icomoon:icomoon, fantasy;
  --vii-spacing-0:0px;
  --vii-spacing-1:1px;
  --vii-spacing-2:2px;
  --vii-spacing-4:4px;
  --vii-spacing-6:6px;
  --vii-spacing-8:8px;
  --vii-spacing-10:10px;
  --vii-spacing-12:12px;
  --vii-spacing-14:14px;
  --vii-spacing-16:16px;
  --vii-spacing-20:20px;
  --vii-spacing-24:24px;
  --vii-spacing-28:28px;
  --vii-spacing-32:32px;
  --vii-spacing-36:36px;
  --vii-spacing-40:40px;
  --vii-spacing-44:44px;
  --vii-spacing-48:48px;
  --vii-spacing-52:52px;
  --vii-spacing-56:56px;
  --vii-spacing-60:60px;
  --vii-spacing-64:64px;
  --vii-spacing-72:72px;
  --vii-spacing-80:80px;
  --vii-spacing-88:88px;
  --vii-spacing-96:96px;
  --vii-spacing-104:104px;
  --vii-spacing-112:112px;
  --vii-spacing-120:120px;
  --vii-spacing-128:128px;
  --vii-spacing-136:136px;
  --vii-spacing-144:144px;
  --vii-spacing-152:152px;
  --vii-spacing-160:160px;
  --vii-spacing-168:168px;
  --vii-spacing-176:176px;
  --vii-spacing-184:184px;
  --vii-spacing-192:192px;
  --vii-spacing-default:var(--vii-spacing-80);
  --vii-spacing-heading:var(--vii-spacing-16);
  --vii-spacing-paragraph:var(--vii-spacing-16);
  --vii-spacing-gap-container:40px;
  --vii-spacing-gap-vc-column:20px;
}

@media (max-width: 1180px) {
  :root {
    --vii-spacing-64:60px;
    --vii-spacing-72:80px;
    --vii-spacing-88:80px;
    --vii-spacing-96:80px;
    --vii-spacing-104:80px;
    --vii-spacing-112:80px;
    --vii-spacing-120:80px;
    --vii-spacing-128:80px;
    --vii-spacing-136:128px;
    --vii-spacing-144:128px;
    --vii-spacing-152:128px;
    --vii-spacing-160:128px;
    --vii-spacing-168:128px;
    --vii-spacing-176:128px;
    --vii-spacing-184:128px;
    --vii-spacing-192:128px;
    --vii-spacing-gap-container:20px;
  }
}

@media (max-width: 768px) {
  :root {
    --vii-spacing-56:52px;
    --vii-spacing-60:52px;
    --vii-spacing-64:52px;
    --vii-spacing-104:60px;
    --vii-spacing-112:60px;
    --vii-spacing-120:60px;
    --vii-spacing-128:60px;
    --vii-spacing-136:80px;
    --vii-spacing-144:80px;
    --vii-spacing-152:80px;
    --vii-spacing-160:80px;
    --vii-spacing-168:80px;
    --vii-spacing-176:80px;
    --vii-spacing-184:80px;
    --vii-spacing-192:80px;
  }
}

@media (max-width: 480px) {
  :root {
    --vii-spacing-136:60px;
    --vii-spacing-144:60px;
    --vii-spacing-152:60px;
    --vii-spacing-160:60px;
    --vii-spacing-168:60px;
    --vii-spacing-176:60px;
    --vii-spacing-184:60px;
    --vii-spacing-192:60px;
  }
}

@media (max-width: 1560px) {
  :root {
    --vii-size-120:100px;
  }
}

@media (max-width: 768px) {
  :root {
    --vii-size-36:28px;
    --vii-size-44:36px;
    --vii-size-56:44px;
    --vii-size-64:52px;
    --vii-size-100:60px;
    --vii-size-120:72px;
  }
}

.\@container {
  container-type:inline-size;
}

/*@layer utilities {*/

/*}*/

.before\:ab-center::before {
  content:var(--tw-content);
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}

.before\:t::before {
  content:var(--tw-content);
  transition-duration:.25s;
  transition-property:all;
  transition-timing-function:ease;
  transition-delay:0s;
}

.after\:t::after {
  content:var(--tw-content);
  transition-duration:.25s;
  transition-property:all;
  transition-timing-function:ease;
  transition-delay:0s;
}

.target\:t:target {
  transition-duration:.25s;
  transition-property:all;
  transition-timing-function:ease;
  transition-delay:0s;
}

.\*\:\!mb-responsive-32 > * {
  margin-bottom:var(--vii-spacing-32) !important;
}

.before\:pointer-events-none::before {
  content:var(--tw-content);
  pointer-events:none;
}

.before\:absolute::before {
  content:var(--tw-content);
  position:absolute;
}

.before\:inset-0::before {
  content:var(--tw-content);
  inset:0px;
}

.before\:inset-\[0px\]::before {
  content:var(--tw-content);
  inset:0px;
}

.before\:bottom-1::before {
  content:var(--tw-content);
  bottom:1px;
}

.before\:left-0::before {
  content:var(--tw-content);
  left:0px;
}

.before\:top-0::before {
  content:var(--tw-content);
  top:0px;
}

.before\:top-1::before {
  content:var(--tw-content);
  top:1px;
}

.before\:z-\[1\]::before {
  content:var(--tw-content);
  z-index:1;
}

.before\:aspect-square::before {
  content:var(--tw-content);
  aspect-ratio:1 / 1;
}

.before\:h-full::before {
  content:var(--tw-content);
  height:100%;
}

.before\:w-\[32px\]::before {
  content:var(--tw-content);
  width:32px;
}

.before\:w-\[calc\(100\%-18px-var\(--vii-scroll-bar-width\)\)\]::before {
  content:var(--tw-content);
  width:calc(100% - 18px - var(--vii-scroll-bar-width));
}

.before\:rounded-\[4px\]::before {
  content:var(--tw-content);
  border-radius:4px;
}

.before\:rounded-\[50\%\]::before {
  content:var(--tw-content);
  border-radius:50%;
}

.before\:border::before {
  content:var(--tw-content);
  border-width:1px;
}

.before\:border-b::before {
  content:var(--tw-content);
  border-bottom-width:1px;
}

.before\:border-l-0::before {
  content:var(--tw-content);
  border-left-width:0px;
}

.before\:border-r-0::before {
  content:var(--tw-content);
  border-right-width:0px;
}

.before\:border-t::before {
  content:var(--tw-content);
  border-top-width:1px;
}

.before\:border-solid::before {
  content:var(--tw-content);
  border-style:solid;
}

.before\:border-\[--vii-color-text\]::before {
  content:var(--tw-content);
  border-color:var(--vii-color-text);
}

.before\:border-black\/20::before {
  content:var(--tw-content);
  border-color:rgb(0 0 0 / 0.2);
}

.before\:bg-\[\#d9d9d9\]\/50::before {
  content:var(--tw-content);
  background-color:rgb(217 217 217 / 0.5);
}

.before\:bg-black\/20::before {
  content:var(--tw-content);
  background-color:rgb(0 0 0 / 0.2);
}

.before\:from-black\/30::before {
  content:var(--tw-content);
  --tw-gradient-from:rgb(0 0 0 / 0.3) 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);
}

.before\:to-transparent::before {
  content:var(--tw-content);
  --tw-gradient-to:transparent var(--tw-gradient-to-position);
}

.before\:font-\[family-name\:--vii-font-icomoon\]::before {
  content:var(--tw-content);
  font-family:var(--vii-font-icomoon);
}

.before\:text-\[22px\]::before {
  content:var(--tw-content);
  font-size:22px;
}

.before\:leading-\[1\]::before {
  content:var(--tw-content);
  line-height:1;
}

.before\:opacity-0::before {
  content:var(--tw-content);
  opacity:0;
}

.before\:transition-opacity::before {
  content:var(--tw-content);
  transition-property:opacity;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
}

.before\:content-\[\'\'\]::before {
  --tw-content:'';
  content:var(--tw-content);
}

.after\:absolute::after {
  content:var(--tw-content);
  position:absolute;
}

.after\:left-0::after {
  content:var(--tw-content);
  left:0px;
}

.after\:top-0::after {
  content:var(--tw-content);
  top:0px;
}

.after\:z-\[1\]::after {
  content:var(--tw-content);
  z-index:1;
}

.after\:font-\[family-name\:--vii-font-icomoon\]::after {
  content:var(--tw-content);
  font-family:var(--vii-font-icomoon);
}

.after\:text-\[22px\]::after {
  content:var(--tw-content);
  font-size:22px;
}

.after\:leading-\[1\]::after {
  content:var(--tw-content);
  line-height:1;
}

.after\:opacity-0::after {
  content:var(--tw-content);
  opacity:0;
}

.last\:mb-0:last-child {
  margin-bottom:0px;
}

.last\:mr-0:last-child {
  margin-right:0px;
}

.last\:border-none:last-child {
  border-style:none;
}

.hover\:text-\[var\(--vii-color-text\)\]:hover {
  color:var(--vii-color-text);
}

.hover\:underline:hover {
  text-decoration-line:underline;
}

.hover\:\!no-underline:hover {
  text-decoration-line:none !important;
}

.hover\:before\:opacity-80:hover::before {
  content:var(--tw-content);
  opacity:0.8;
}

.hover\:before\:opacity-\[1\]:hover::before {
  content:var(--tw-content);
  opacity:1;
}

.focus\:text-\[var\(--vii-color-text\)\]:focus {
  color:var(--vii-color-text);
}

.focus\:underline:focus {
  text-decoration-line:underline;
}

.focus\:\!no-underline:focus {
  text-decoration-line:none !important;
}

.group:hover .group-hover\:visible {
  visibility:visible;
}

.group:hover .group-hover\: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));
}

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

.group.active .group-\[\.active\]\: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));
}

@media (max-width: 1180px) {
  .md\:mb-36 {
    margin-bottom:36px;
  }

  .md\:block {
    display:block;
  }

  .md\:hidden {
    display:none;
  }

  .md\:min-h-\[calc\(var\(--vii-100vh\)-52px\)\] {
    min-height:calc(var(--vii-100vh) - 52px);
  }

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

  .md\:gap-x-\[18px\] {
    -moz-column-gap:18px;
         column-gap:18px;
  }

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

@media (max-width: 1024px) {
  .tablet\:-order-1 {
    order:-1;
  }

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

  .tablet\:mb-responsive-72 {
    margin-bottom:var(--vii-spacing-72);
  }

  .tablet\:block {
    display:block;
  }

  .tablet\:hidden {
    display:none;
  }

  .tablet\:h-\[--vii-100vw\] {
    height:var(--vii-100vw);
  }

  .tablet\:h-\[calc\(322\*0\.35\*var\(--vii-100vw\)\/256\)\] {
    height:calc(322 * 0.35 * var(--vii-100vw) / 256);
  }

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

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

  .tablet\:pt-default {
    padding-top:var(--vii-spacing-80);
  }
}

@media (max-width: 1023px) {
  .tablet-v\:relative {
    position:relative;
  }

  .tablet-v\:mx-auto {
    margin-left:auto;
    margin-right:auto;
  }

  .tablet-v\:mb-responsive-24 {
    margin-bottom:var(--vii-spacing-24);
  }

  .tablet-v\:mb-responsive-40 {
    margin-bottom:var(--vii-spacing-40);
  }

  .tablet-v\:ml-0 {
    margin-left:0px;
  }

  .tablet-v\:block {
    display:block;
  }

  .tablet-v\:hidden {
    display:none;
  }

  .tablet-v\:aspect-\[57\/66\] {
    aspect-ratio:57/66;
  }

  .tablet-v\:h-\[--gallery-mobile-h\] {
    height:var(--gallery-mobile-h);
  }

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

  .tablet-v\:max-w-\[--gallery-mobile-max-w\] {
    max-width:var(--gallery-mobile-max-w);
  }

  .tablet-v\:border-none {
    border-style:none;
  }

  .tablet-v\:px-responsive-gap-container {
    padding-left:var(--vii-spacing-gap-container);
    padding-right:var(--vii-spacing-gap-container);
  }
}

@media (max-width: 768px) {
  .sm\:\!relative {
    position:relative !important;
  }

  .sm\:mb-12 {
    margin-bottom:12px;
  }

  .sm\:mb-24 {
    margin-bottom:24px;
  }

  .sm\:mb-32 {
    margin-bottom:32px;
  }

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

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

  .sm\:mt-\[-10px\] {
    margin-top:-10px;
  }

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

  .sm\:block {
    display:block;
  }

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

  .sm\:hidden {
    display:none;
  }

  .sm\:max-h-\[450px\] {
    max-height:450px;
  }

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

  .sm\:max-w-\[400px\] {
    max-width:400px;
  }

  .sm\:gap-x-\[28px\] {
    -moz-column-gap:28px;
         column-gap:28px;
  }

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

  .sm\:border-solid {
    border-style:solid;
  }

  .sm\:border-black\/20 {
    border-color:rgb(0 0 0 / 0.2);
  }

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

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

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

  .sm\:pt-80 {
    padding-top:80px;
  }
}

@media (max-width: 480px) {
  .xs\:\!mb-0 {
    margin-bottom:0px !important;
  }

  .xs\:\!ml-\[calc\(-1\*var\(--vii-gap-side\)\)\] {
    margin-left:calc(-1 * var(--vii-gap-side)) !important;
  }

  .xs\:aspect-\[312\/398\] {
    aspect-ratio:312/398;
  }

  .xs\:h-\[--vii-100vh\] {
    height:var(--vii-100vh);
  }

  .xs\:h-\[calc\(322\*\.6\*var\(--vii-100vw\)\/256\)\] {
    height:calc(322 * .6 * var(--vii-100vw) / 256);
  }

  .xs\:w-\[--vii-100vw\] {
    width:var(--vii-100vw);
  }

  .xs\:w-\[60\%\] {
    width:60%;
  }

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

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

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

  .xs\:py-20 {
    padding-top:20px;
    padding-bottom:20px;
  }
}

.\[\&\.is-selected\]\:rounded-\[4px\].is-selected {
  border-radius:4px;
}

.\[\&\.is-selected\]\:before\:opacity-100.is-selected::before {
  content:var(--tw-content);
  opacity:1;
}

.\[\&\>\*\:last-child\]\:\!mb-0>*:last-child {
  margin-bottom:0px !important;
}

.\[\&\>li\:last-child\]\:\!pb-0>li:last-child {
  padding-bottom:0px !important;
}

@media (max-width: 768px) {
  .sm\:\[\&\>li\:last-child\]\:border-b>li:last-child {
    border-bottom-width:1px;
  }

  .sm\:\[\&\>li\:last-child\]\:border-solid>li:last-child {
    border-style:solid;
  }

  .sm\:\[\&\>li\:last-child\]\:border-black\/20>li:last-child {
    border-color:rgb(0 0 0 / 0.2);
  }

  .sm\:\[\&\>li\:last-child\]\:\!pb-20>li:last-child {
    padding-bottom:20px !important;
  }
}

.\[\&\>li\]\:border-t>li {
  border-top-width:1px;
}

.\[\&\>li\]\:border-solid>li {
  border-style:solid;
}

.\[\&\>li\]\:border-black\/20>li {
  border-color:rgb(0 0 0 / 0.2);
}

.\[\&\>li\]\:\!pb-20>li {
  padding-bottom:20px !important;
}

.\[\&\>li\]\:\!pt-12>li {
  padding-top:12px !important;
}

@media (max-width: 768px) {
  .sm\:\[\&\>li\]\:\!pt-20>li {
    padding-top:20px !important;
  }
}

.\[\&\>p\]\:\!mb-0>p {
  margin-bottom:0px !important;
}

.\[\&_\.woocommerce-review-author\]\:text-15 .woocommerce-review-author {
  font-size:15px;
}