/*
! tailwindcss v3.2.7 | 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.
*/

html {
  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, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
}

/*
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. 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-size: 1em;
  /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
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-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: 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,
[type='button'],
[type='reset'],
[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;
}

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

html {
  margin-top: 0 !important;
}

body {
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgb(39 38 37 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
  body {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  body {
    font-size: 18px;
  }
}

body {
  font-family: 'Mabry Pro', sans-serif !important;
  line-height: 1.35 !important;
  /*background: linear-gradient(104.97deg, #FFFFFF -33.36%, #F6F7F0 281.94%)!important;*/
  background: #FEFEFD !important;
}

.container {
  max-width: 1480px !important;
  margin: 0 auto;
}

canvas {
  display: block;
}

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

h1, h2{
  text-transform: uppercase;
}

h1 {
  font-size: 34px;
}

@media (min-width: 992px) {
    h1 {
      font-size: 54px;
    }
  }

h2 {
  font-size: 24px;
}

@media (min-width: 992px) {
    h2 {
      font-size: 42px;
    }
  }

h3 {
  font-size: 20px;
}

@media (min-width: 992px) {
    h3 {
      font-size: 28px;
    }
  }

*, ::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-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:  ;
}

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

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

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

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

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

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

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

.visible {
  visibility: visible;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

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

.bottom-0 {
  bottom: 0px;
}

.left-0 {
  left: 0px;
}

.right-0 {
  right: 0px;
}

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

.top-0 {
  top: 0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mr-\[40px\] {
  margin-right: 40px;
}

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

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

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

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

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

.block {
  display: block;
}

.flex {
  display: flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

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

.hidden {
  display: none;
}

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

.h-0 {
  height: 0px;
}

.h-0\.5 {
  height: 0.125rem;
}

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

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

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

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

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

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

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

.h-full {
  height: 100%;
}

.h-max {
  height: -moz-max-content;
  height: max-content;
}

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

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

.w-2 {
  width: 0.5rem;
}

.w-2\.5 {
  width: 0.625rem;
}

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

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

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

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

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

.w-full {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gap-0 {
  gap: 0px;
}

.gap-0\.5 {
  gap: 0.125rem;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

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

.gap-4 {
  gap: 1rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

.overflow-hidden {
  overflow: hidden;
}

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

.rounded-\[50\%\] {
  border-radius: 50%;
}

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

.border {
  border-width: 1px;
}

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

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

.border-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(39 38 37 / var(--tw-border-opacity));
}

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

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

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

.bg-fifth {
  --tw-bg-opacity: 1;
  background-color: rgb(230 171 48 / var(--tw-bg-opacity));
}

.bg-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(39 38 37 / var(--tw-bg-opacity));
}

.fill-secondary {
  fill: #272625;
}

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

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

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

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

.pt-12 {
  padding-top: 3rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pt-\[15px\] {
  padding-top: 15px;
}

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

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

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

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

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

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

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

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

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

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.\!text-white\/80 {
  color: rgb(255 255 255 / 0.8) !important;
}

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

.opacity-50 {
  opacity: 0.5;
}

.opacity-70 {
  opacity: 0.7;
}

.outline {
  outline-style: solid;
}

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

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

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

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

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

@font-face {
  font-family: 'Americana Std';

  src:   url('../resources/fonts/AmericanaSTD/Americana Std Roman.otf');

  font-weight: 400;
}

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

  src:   url('../resources/fonts/SFUI/SFUIText-RegularItalic.eot');

  src: local('SFUI Regular Italic'), local('SFUIText-RegularItalic'),
    url('../resources/fonts/SFUI/SFUIText-RegularItalic.eot?#iefix') format('embedded-opentype'),
    url('../resources/fonts/SFUI/SFUIText-RegularItalic.woff2') format('woff2'),
    url('../resources/fonts/SFUI/SFUIText-RegularItalic.woff') format('woff'),
    url('../resources/fonts/SFUI/SFUIText-RegularItalic.ttf') format('truetype');

  font-weight: normal;

  font-style: italic;
}

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

  src:   url('../resources/fonts/SFUI/SFUIText-SemiboldItalic.eot');

  src: local('SFUI SemiboldItalic'), local('SFUIText-SemiboldItalic'),
    url('../resources/fonts/SFUI/SFUIText-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
    url('../resources/fonts/SFUI/SFUIText-SemiboldItalic.woff2') format('woff2'),
    url('../resources/fonts/SFUI/SFUIText-SemiboldItalic.woff') format('woff'),
    url('../resources/fonts/SFUI/SFUIText-SemiboldItalic.ttf') format('truetype');

  font-weight: 600;

  font-style: italic;
}

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

  src:   url('../resources/fonts/SFUI/SFUIText-Heavy.eot');

  src: local('SFUI Heavy'), local('SFUIText-Heavy'),
    url('../resources/fonts/SFUI/SFUIText-Heavy.eot?#iefix') format('embedded-opentype'),
    url('../resources/fonts/SFUI/SFUIText-Heavy.woff2') format('woff2'),
    url('../resources/fonts/SFUI/SFUIText-Heavy.woff') format('woff'),
    url('../resources/fonts/SFUI/SFUIText-Heavy.ttf') format('truetype');

  font-weight: 900;

  font-style: normal;
}

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

  src:   url('../resources/fonts/SFUI/SFUIText-Semibold.eot');

  src: local('SFUI Semibold'), local('SFUIText-Semibold'),
    url('../resources/fonts/SFUI/SFUIText-Semibold.eot?#iefix') format('embedded-opentype'),
    url('../resources/fonts/SFUI/SFUIText-Semibold.woff2') format('woff2'),
    url('../resources/fonts/SFUI/SFUIText-Semibold.woff') format('woff'),
    url('../resources/fonts/SFUI/SFUIText-Semibold.ttf') format('truetype');

  font-weight: 600;

  font-style: normal;
}

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

  src:   url('../resources/fonts/SFUI/SFUIText-Medium.eot');

  src: local('SFUI Medium'), local('SFUIText-Medium'),
    url('../resources/fonts/SFUI/SFUIText-Medium.eot?#iefix') format('embedded-opentype'),
    url('../resources/fonts/SFUI/SFUIText-Medium.woff2') format('woff2'),
    url('../resources/fonts/SFUI/SFUIText-Medium.woff') format('woff'),
    url('../resources/fonts/SFUI/SFUIText-Medium.ttf') format('truetype');

  font-weight: 500;

  font-style: normal;
}

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

  src:   url('../resources/fonts/SFUI/SFUIText-Light.eot');

  src: local('SFUI Light'), local('SFUIText-Light'),
    url('../resources/fonts/SFUI/SFUIText-Light.eot?#iefix') format('embedded-opentype'),
    url('../resources/fonts/SFUI/SFUIText-Light.woff2') format('woff2'),
    url('../resources/fonts/SFUI/SFUIText-Light.woff') format('woff'),
    url('../resources/fonts/SFUI/SFUIText-Light.ttf') format('truetype');

  font-weight: 200;

  font-style: normal;
}

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

  src:   url('../resources/fonts/SFUI/SFUIText-Regular.eot');

  src: local('SFUI Regular'), local('SFUIText-Regular'),
    url('../resources/fonts/SFUI/SFUIText-Regular.eot?#iefix') format('embedded-opentype'),
    url('../resources/fonts/SFUI/SFUIText-Regular.woff2') format('woff2'),
    url('../resources/fonts/SFUI/SFUIText-Regular.woff') format('woff'),
    url('../resources/fonts/SFUI/SFUIText-Regular.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;
}

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

  src:   url('../resources/fonts/SFUI/SFUIText-BoldItalic.eot');

  src: local('SFUI BoldItalic'), local('SFUIText-BoldItalic'),
    url('../resources/fonts/SFUI/SFUIText-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../resources/fonts/SFUI/SFUIText-BoldItalic.woff2') format('woff2'),
    url('../resources/fonts/SFUI/SFUIText-BoldItalic.woff') format('woff'),
    url('../resources/fonts/SFUI/SFUIText-BoldItalic.ttf') format('truetype');

  font-weight: bold;

  font-style: italic;
}

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

  src:   url('../resources/fonts/SFUI/SFUIText-Bold.eot');

  src: local('SFUI Bold'), local('SFUIText-Bold'),
    url('../resources/fonts/SFUI/SFUIText-Bold.eot?#iefix') format('embedded-opentype'),
    url('../resources/fonts/SFUI/SFUIText-Bold.woff2') format('woff2'),
    url('../resources/fonts/SFUI/SFUIText-Bold.woff') format('woff'),
    url('../resources/fonts/SFUI/SFUIText-Bold.ttf') format('truetype');

  font-weight: bold;

  font-style: normal;
}

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

  src:   url('../resources/fonts/SFUI/SFUIText-HeavyItalic.eot');

  src: local('SFUI HeavyItalic'), local('SFUIText-HeavyItalic'),
    url('../resources/fonts/SFUI/SFUIText-HeavyItalic.eot?#iefix') format('embedded-opentype'),
    url('../resources/fonts/SFUI/SFUIText-HeavyItalic.woff2') format('woff2'),
    url('../resources/fonts/SFUI/SFUIText-HeavyItalic.woff') format('woff'),
    url('../resources/fonts/SFUI/SFUIText-HeavyItalic.ttf') format('truetype');

  font-weight: 900;

  font-style: italic;
}

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

  src:   url('../resources/fonts/SFUI/SFUIText-MediumItalic.eot');

  src: local('SFUI MediumItalic'), local('SFUIText-MediumItalic'),
    url('../resources/fonts/SFUI/SFUIText-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('../resources/fonts/SFUI/SFUIText-MediumItalic.woff2') format('woff2'),
    url('../resources/fonts/SFUI/SFUIText-MediumItalic.woff') format('woff'),
    url('../resources/fonts/SFUI/SFUIText-MediumItalic.ttf') format('truetype');

  font-weight: 500;

  font-style: italic;
}

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

  src:   url('../resources/fonts/GoogleSans/GoogleSans-Regular.eot');

  src: local('GoogleSans Regular'), local('GoogleSans-Regular'),
    url('../resources/fonts/GoogleSans/GoogleSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('../resources/fonts/GoogleSans/GoogleSans-Regular.woff2') format('woff2'),
    url('../resources/fonts/GoogleSans/GoogleSans-Regular.woff') format('woff'),
    url('../resources/fonts/GoogleSans/GoogleSans-Regular.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;
}

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

  src:   url('../resources/fonts/GoogleSans/GoogleSans-Regular.eot');

  src: local('GoogleSans Regular'), local('GoogleSans-Regular'),
    url('../resources/fonts/GoogleSans/GoogleSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('../resources/fonts/GoogleSans/GoogleSans-Regular.woff2') format('woff2'),
    url('../resources/fonts/GoogleSans/GoogleSans-Regular.woff') format('woff'),
    url('../resources/fonts/GoogleSans/GoogleSans-Regular.ttf') format('truetype');

  font-weight: 400;

  font-style: normal;
}

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

  src:   url('../resources/fonts/GoogleSans/GoogleSans-Medium.eot');

  src: local('GoogleSans Medium'), local('GoogleSans-Medium'),
    url('../resources/fonts/GoogleSans/GoogleSans-Medium.eot?#iefix') format('embedded-opentype'),
    url('../resources/fonts/GoogleSans/GoogleSans-Medium.woff2') format('woff2'),
    url('../resources/fonts/GoogleSans/GoogleSans-Medium.woff') format('woff'),
    url('../resources/fonts/GoogleSans/GoogleSans-Medium.ttf') format('truetype');

  font-weight: 500;

  font-style: normal;
}

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

  src:   url('../resources/fonts/GoogleSans/GoogleSans-Bold.eot');

  src: local('GoogleSans Bold'), local('GoogleSans-Bold'),
    url('../resources/fonts/GoogleSans/GoogleSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('../resources/fonts/GoogleSans/GoogleSans-Bold.woff2') format('woff2'),
    url('../resources/fonts/GoogleSans/GoogleSans-Bold.woff') format('woff'),
    url('../resources/fonts/GoogleSans/GoogleSans-Bold.ttf') format('truetype');

  font-weight: bold;

  font-style: normal;
}

@font-face {
  font-family: 'Mabry Pro';

  src: url('../resources/fonts/MabryPro/MabryPro-Medium.eot');

  src: local('Mabry Pro Medium'), local('MabryPro-Medium'),
  url('../resources/fonts/MabryPro/MabryPro-Medium.eot?#iefix') format('embedded-opentype'),
  url('../resources/fonts/MabryPro/MabryPro-Medium.woff2') format('woff2'),
  url('../resources/fonts/MabryPro/MabryPro-Medium.woff') format('woff'),
  url('../resources/fonts/MabryPro/MabryPro-Medium.ttf') format('truetype');

  font-weight: 500;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'Mabry Pro';

  src: url('../resources/fonts/MabryPro/MabryPro-MediumItalic.eot');

  src: local('Mabry Pro Medium Italic'), local('MabryPro-MediumItalic'),
  url('../resources/fonts/MabryPro/MabryPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
  url('../resources/fonts/MabryPro/MabryPro-MediumItalic.woff2') format('woff2'),
  url('../resources/fonts/MabryPro/MabryPro-MediumItalic.woff') format('woff'),
  url('../resources/fonts/MabryPro/MabryPro-MediumItalic.ttf') format('truetype');

  font-weight: 500;

  font-style: italic;

  font-display: swap;
}

@font-face {
  font-family: 'Mabry Pro';

  src: url('../resources/fonts/MabryPro/MabryPro-Regular.eot');

  src: local('Mabry Pro'), local('MabryPro-Regular'),
  url('../resources/fonts/MabryPro/MabryPro-Regular.eot?#iefix') format('embedded-opentype'),
  url('../resources/fonts/MabryPro/MabryPro-Regular.woff2') format('woff2'),
  url('../resources/fonts/MabryPro/MabryPro-Regular.woff') format('woff'),
  url('../resources/fonts/MabryPro/MabryPro-Regular.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

  font-display: swap;
}

#wpadminbar{
  //display: none;
  display: block;
}

.header {
  transition: background-color 0.3s ease;
  padding: 15px 0;
}

@media (min-width: 992px) {
    .header {
      margin-top: 0;
    }
  }

.header.scrolled{
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }

.header .header__logo svg,.header .footer__logo svg{
      width: 96px;
      height: 29px;
    }

.header .header__burger, .header .header-mobile__close{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
  }

.header .header__burger{
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
  }

.header .header__burger span{
      height: 1px
    }

.header .header__burger span {
      --tw-bg-opacity: 1;
      background-color: rgb(39 38 37 / var(--tw-bg-opacity));
    }

.header .header__burger span:first-child{
        width: 100%;
      }

.header .header__burger span:nth-child(2){
        width: 50%;
      }

.header .header__burger span:nth-child(3){
        width: 75%;
      }

@media (min-width: 992px) {
      .header .header__burger {
        display: none;
      }
    }

.header .header__menu li a{
    position: relative;
  }

.header .header__menu li a::after{
      content: '';
      display: block;
      position: absolute;
      height: 2px;
      width: 0;
    }

.header .header__menu li a::after {
      --tw-bg-opacity: 1;
      background-color: rgb(0 187 0 / var(--tw-bg-opacity));
    }

.header .header__menu li a::after{
      bottom: -5px;
      transition: width 0.3s ease;
    }

.header .header__menu li a:hover::after {
      width: 100%;
    }

.header .header-mobile {
    transition: 0.3s;
    visibility: hidden;
    z-index: -10;
    opacity: 0;
    height: 360px;
    background: linear-gradient(to right, #FEFEFE 0%, #F4F0EA 100%);
  }

.header .header-mobile.active{
      visibility: visible;
      opacity: 1;
      z-index: 990;
    }

.header .header-mobile .header-mobile__close {
      position: relative;
      width: 30px;
      height: 30px;
    }

.header .header-mobile .header-mobile__close span {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 1px;
        background-color: black;
        transform-origin: center;
        transition: 0.3s ease;
      }

.header .header-mobile .header-mobile__close span:first-child {
          transform: translate(-50%, -50%) rotate(45deg);
        }

.header .header-mobile .header-mobile__close span:last-child {
          transform: translate(-50%, -50%) rotate(-45deg);
        }

.header .header-mobile .header-mobile__logo svg{
        width: 87px;
        height: 26px;
      }

.header .header-mobile .header-mobile__menu li{
        width: 100%;
      }

.header .header-mobile .header-mobile__menu li a{
          display: flex;
          justify-content: center;
          padding: 8px 0;
          width: 100%;
        }

.call-popup{
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  visibility: hidden;
  opacity: 0;
  z-index: -10;
}

.call-popup .wpforms-container{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    z-index: -10 !important;
  }

.call-popup.active{
    visibility: visible;
    opacity: 1;
    z-index: 99999;
  }

.call-popup.active .wpforms-container{
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      z-index: 99999 !important;
    }

.overlay {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  opacity: 0.7;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 10;
}

.call-popup__content{
  position: relative;
  z-index: 11;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 16px;
  width: 450px;
  margin: 0 5%;
}

@media (min-width: 992px) {
    .call-popup__content {
      padding: 35px 45px;
    }
  }

.call-popup__content .call-popup__content-wrap{
    padding: 24px;
  }

.call-popup__content .call-popup__close{
    display: flex;
    justify-content: end;
  }

.call-popup__content .call-popup__close span{
      position: absolute;
      top: 50%;
      left: 50%;
      width: 60%;
      height: 1px
    }

.call-popup__content .call-popup__close span {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }

.call-popup__content .call-popup__close span{
      transform-origin: center;
      transition: 0.3s ease;
    }

.call-popup__content .call-popup__close span:first-child {
        transform: translate(-50%, -50%) rotate(45deg);
      }

.call-popup__content .call-popup__close span:last-child {
        transform: translate(-50%, -50%) rotate(-45deg);
      }

.wpforms-container form input, .woocommerce-input-wrapper input{
  border: none !important;
  border-bottom: 1px solid !important;
  border-color: rgb(228 228 228 / var(--tw-border-opacity));
  --tw-border-opacity: 0.4;
  border-radius: 0 !important;
}

input:focus {
  outline: none !important;
  box-shadow: none !important;
}

.wpforms-field{
  padding: 0 !important;
  padding-bottom: 16px!important;
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container {
  margin-top: 16px !important;
}

.wpforms-container{
  margin: 0!important;
}

div.wpforms-container-full input[type=text], .woocommerce-input-wrapper input{
  padding: 16px 24px !important;
  box-sizing: border-box!important;
  background-color: transparent !important;
  --tw-text-opacity: 1 !important;
  color: rgb(39 38 37 / var(--tw-text-opacity)) !important;
  opacity: 0.6 !important;
}

.call-popup__btn, .form-btn{
  height: auto!important;
  width: 100% !important;
  border-radius: 40px !important;
  border-color: transparent !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(39 38 37 / var(--tw-bg-opacity)) !important;
  padding: 12px 0 !important;
  gap: 12px !important;
  border: 2px solid !important;
  font-size: 16px !important;
  font-weight: 400 !important
}

@media (min-width: 768px) {
  .call-popup__btn, .form-btn {
    font-weight: 500 !important;
  }
}

@media (min-width: 1200px) {
  .call-popup__btn, .form-btn {
    font-size: 18px !important;
  }
}

.call-popup__btn:after,.form-btn:after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect width='32' height='32' rx='16' fill='white'/%3E%3Cpath d='M23 11C23 10.4477 22.5523 10 22 10L13 10C12.4477 10 12 10.4477 12 11C12 11.5523 12.4477 12 13 12L21 12L21 20C21 20.5523 21.4477 21 22 21C22.5523 21 23 20.5523 23 20L23 11ZM11 22L11.7071 22.7071L22.7071 11.7071L22 11L21.2929 10.2929L10.2929 21.2929L11 22Z' fill='%23272625'/%3E%3C/svg%3E");
    display: inline-flex;
  }

div.wpforms-container-full button[type=submit]:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(39 38 37 / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(39 38 37 / var(--tw-bg-opacity)) !important;
}

body.lock {
  overflow: hidden!important;
}

a, .btn{
  transition: 0.3s;
}

.header__logo a:hover, .footer__logo a:hover{
  opacity: 0.7;
}

.btn{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  font-size: 16px;
  font-weight: 400;
}

@media (min-width: 768px) {
  .btn {
    font-weight: 500;
  }
}

@media (min-width: 1200px) {
  .btn {
    font-size: 18px;
  }
}

.section__padding {
  padding-bottom: 64px;
}

@media (min-width: 576px) {
    .section__padding {
      padding-bottom: 80px;
    }
  }

@media (min-width: 768px) {
    .section__padding {
      padding-bottom: 100px;
    }
  }

@media (min-width: 992px) {
    .section__padding {
      padding-bottom: 120px;
    }
  }

@media (min-width: 1200px) {
    .section__padding {
      padding-bottom: 140px;
    }
  }

@media (min-width: 1440px) {
    .section__padding {
      padding-bottom: 160px;
    }
  }

section h2{
  padding-bottom: 24px;
}

@media (min-width: 992px) {
    section h2 {
      padding-bottom: 48px;
    }
  }

.section__main{
  min-height: 820px;
}

@media (min-width: 992px) {
    .section__main {
      min-height: 720px;
    }
  }

.section__main {
  display: flex;
  justify-content: center;
  padding-top: 110px;
  background: url("../resources/images/hero_section_mob.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
    .section__main {
      padding-top: 0;
      align-items: center;
      background: url("../resources/images/hero_section.jpg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
    }
  }

.section__main {
  margin-bottom: 64px;
}

@media (min-width: 576px) {
    .section__main {
      margin-bottom: 80px;
    }
  }

@media (min-width: 768px) {
    .section__main {
      margin-bottom: 100px;
    }
  }

@media (min-width: 992px) {
    .section__main {
      margin-bottom: 120px;
    }
  }

@media (min-width: 1200px) {
    .section__main {
      margin-bottom: 140px;
    }
  }

@media (min-width: 1440px) {
    .section__main {
      margin-bottom: 160px;
    }
  }

.section__main .custom__background .background-image__desktop{
      position: relative;
      top: -40px;
    }

.section__main .custom__background .background-image__desktop img {
        width: 727px;
        height: 621px;
      }

.section__main .custom__background .background-image__mobile{
      position: relative;
      top: -75px;
    }

.section__main .custom__background .background-image__mobile img {
        width: 375px;
        height: 444px;
      }

.section__main .main__content{
    width: 100%;
  }

@media (min-width: 992px) {
      .section__main .main__content {
        width: -moz-max-content;
        width: max-content;
      }
    }

.section__main .main-btn{
    padding: 16px;
    gap: 12px;
    width: 200px
  }

.section__main .main-btn {
    --tw-bg-opacity: 1;
    background-color: rgb(39 38 37 / var(--tw-bg-opacity));
  }

.section__main .main-btn {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

.section__main .main-btn{
    border: 2px solid #F7EEBB;
  }

.section__main .main-btn:hover {
      --tw-border-opacity: 1;
      border-color: rgb(39 38 37 / var(--tw-border-opacity));
    }

@media (min-width: 992px) {
      .section__main .main-btn {
        width: 250px;
      }
    }

.section__main .main-btn svg{
      width: 32px;
      height: 32px;
    }

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

.section__main .advantages_block{
    display: flex;
    align-items: center;
    height: 73px;
  }

@media (min-width: 992px) {
      .section__main .advantages_block {
        height: 100px;
      }
    }

.section__main .advantages_block .advantages{
      padding: 30px 0;
      overflow: auto;
      -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
              mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
    }

.section__main .advantages_block .advantages .slick-track {
        display: flex;
        align-items: center;
        gap: 64px;
      }

.section__main .advantages_block .advantages .advantage{
        display: flex!important;
        align-items: center;
        gap: 24px;
      }

.section__main .advantages_block .advantages .advantage svg{
          flex: 0 0 auto;
        }

.main-popup {
  position: absolute;
  top: 20%;
  right: 25%;
}

@media (min-width: 992px) {
    .main-popup {
      //top: 25%;
      //right: 62%;
      top: 12%;
      right: 65%;
    }
  }

.main-popup .main-popup__animation {
    position: relative;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
  }

.main-popup .main-popup__animation {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

.main-popup .main-popup__animation {
    box-shadow: 0 0 0 #fff;
    animation: pulse-animation 2s infinite;
  }

.main-popup .main-popup__animation .pulse{
      display: flex;
      justify-content: center;
      align-items: center;
      width: 12px;
      height: 12px;
      border-radius: 50%;
    }

.main-popup .main-popup__animation .pulse {
      --tw-bg-opacity: 1;
      background-color: rgb(0 187 0 / var(--tw-bg-opacity));
    }

.main-popup .main-popup__animation .pulse{
      box-shadow: 0 0 0 rgba(0, 187, 0, 0.4);
    }

.main-popup .main-popup__animation .main-popup__opened{
      position: absolute;
      top: 40px;
      right: 0;
    }

.main-popup .main-popup__animation .main-popup__opened .main-popup__content{
        position: relative;
        border-radius: 20px;
      }

.main-popup .main-popup__animation .main-popup__opened .main-popup__content .main-popup__triangle{
          position: absolute;
          top: -8px;
          right: 70px;
          width: 10px;
          height: 8px;
        }

.main-popup .main-popup__animation .main-popup__opened .main-popup__content {
        width: 310px;
        padding: 8px;
}

.main-popup .main-popup__animation .main-popup__opened .main-popup__content .main-popup__image{
          display: flex;
          justify-content: center;
          align-items: center;
          flex: 0 0 auto;
          height: 80px;
          width: 65px;
        }

.main-popup .main-popup__animation .main-popup__opened .main-popup__content .main-popup__image img{
            height: 100%;
            width: 100%;
            -o-object-fit: contain;
               object-fit: contain;
          }

.main-popup .main-popup__animation .main-popup__opened .main-popup__content .main-popup__text form.cart .quantity{
              display: none;
            }

.main-popup .main-popup__animation .main-popup__opened .main-popup__content .main-popup__text form.cart button{
              display: flex;
              gap: 4px;
              align-items: center;
              justify-content: center;
              border-radius: 40px;
              padding: 8px 16px
            }

.main-popup .main-popup__animation .main-popup__opened .main-popup__content .main-popup__text form.cart button {
              --tw-bg-opacity: 1;
              background-color: rgb(0 187 0 / var(--tw-bg-opacity));
            }

.main-popup .main-popup__animation .main-popup__opened .main-popup__content .main-popup__text form.cart button {
              --tw-text-opacity: 1;
              color: rgb(255 255 255 / var(--tw-text-opacity));
            }

.main-popup .main-popup__animation .main-popup__opened .main-popup__content .main-popup__text form.cart button:after {
                content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M1.5 2.50001H2.54C2.68954 2.49911 2.83452 2.55142 2.94902 2.64761C3.06352 2.74379 3.14008 2.87756 3.165 3.02501L3.5 5.07001V5.10001L4.5 11.1C4.52338 11.2146 4.58621 11.3175 4.67757 11.3905C4.76893 11.4636 4.88303 11.5024 5 11.5H13C13.1142 11.5033 13.2261 11.4674 13.3171 11.3983C13.4081 11.3292 13.4726 11.2309 13.5 11.12L15 5.12001C15.0185 5.04514 15.0195 4.967 15.0028 4.89169C14.9862 4.81639 14.9523 4.74596 14.9039 4.68592C14.8555 4.62588 14.7938 4.57786 14.7237 4.5456C14.6537 4.51335 14.5771 4.49775 14.5 4.50001H4.425L4.15 2.86501C4.08809 2.48306 3.89193 2.13574 3.5968 1.88552C3.30166 1.6353 2.92693 1.4986 2.54 1.50001H1.5C1.36739 1.50001 1.24021 1.55269 1.14645 1.64646C1.05268 1.74023 1 1.8674 1 2.00001C1 2.13262 1.05268 2.2598 1.14645 2.35356C1.24021 2.44733 1.36739 2.50001 1.5 2.50001ZM13.86 5.50001L12.61 10.5H5.425L4.59 5.50001H13.86Z' fill='white'/%3E%3Cpath d='M12 12.5C11.7033 12.5 11.4133 12.588 11.1666 12.7528C10.92 12.9176 10.7277 13.1519 10.6142 13.426C10.5006 13.7001 10.4709 14.0017 10.5288 14.2926C10.5867 14.5836 10.7296 14.8509 10.9393 15.0607C11.1491 15.2704 11.4164 15.4133 11.7074 15.4712C11.9983 15.5291 12.2999 15.4994 12.574 15.3858C12.8481 15.2723 13.0824 15.08 13.2472 14.8334C13.412 14.5867 13.5 14.2967 13.5 14C13.5 13.6022 13.342 13.2206 13.0607 12.9393C12.7794 12.658 12.3978 12.5 12 12.5ZM12 14.5C11.9011 14.5 11.8044 14.4707 11.7222 14.4157C11.64 14.3608 11.5759 14.2827 11.5381 14.1913C11.5002 14.1 11.4903 13.9994 11.5096 13.9025C11.5289 13.8055 11.5765 13.7164 11.6464 13.6464C11.7164 13.5765 11.8055 13.5289 11.9025 13.5096C11.9994 13.4903 12.1 13.5002 12.1913 13.5381C12.2827 13.5759 12.3608 13.64 12.4157 13.7222C12.4707 13.8044 12.5 13.9011 12.5 14C12.5 14.1326 12.4473 14.2598 12.3536 14.3536C12.2598 14.4473 12.1326 14.5 12 14.5Z' fill='white'/%3E%3Cpath d='M4.5 14C4.5 14.2967 4.58797 14.5867 4.7528 14.8334C4.91762 15.08 5.15189 15.2723 5.42597 15.3858C5.70006 15.4994 6.00166 15.5291 6.29264 15.4712C6.58361 15.4133 6.85088 15.2704 7.06066 15.0607C7.27044 14.8509 7.4133 14.5836 7.47118 14.2926C7.52906 14.0017 7.49935 13.7001 7.38582 13.426C7.27229 13.1519 7.08003 12.9176 6.83336 12.7528C6.58668 12.588 6.29667 12.5 6 12.5C5.60218 12.5 5.22064 12.658 4.93934 12.9393C4.65804 13.2206 4.5 13.6022 4.5 14ZM6.5 14C6.5 14.0989 6.47068 14.1956 6.41573 14.2778C6.36079 14.36 6.2827 14.4241 6.19134 14.4619C6.09998 14.4998 5.99945 14.5097 5.90245 14.4904C5.80546 14.4711 5.71637 14.4235 5.64645 14.3536C5.57652 14.2836 5.5289 14.1945 5.50961 14.0975C5.49031 14.0006 5.50022 13.9 5.53806 13.8087C5.5759 13.7173 5.63999 13.6392 5.72221 13.5843C5.80444 13.5293 5.90111 13.5 6 13.5C6.13261 13.5 6.25979 13.5527 6.35355 13.6464C6.44732 13.7402 6.5 13.8674 6.5 14Z' fill='white'/%3E%3C/svg%3E");
                display: inline-flex;
              }

.main-popup .main-popup__animation .main-popup__opened .main-popup__content .main-popup__text form.cart button {
              font-size: 0;
}

.main-popup .main-popup__animation .main-popup__opened .main-popup__content .main-popup__text form.cart button:before {
                content: 'У кошик';
              }

.main-popup .main-popup__animation .main-popup__opened .main-popup__content .main-popup__text form.cart button:before {
                font-size: 12px;
              }

.main-popup .main-popup__animation .main-popup__opened .main-popup__content .main-popup__text form.cart button:before {
                font-weight: 400;
              }

@media (min-width: 576px) {
                .main-popup .main-popup__animation .main-popup__opened .main-popup__content .main-popup__text form.cart button:before {
                  font-size: 14px;
                }
              }

@media (min-width: 768px) {
                .main-popup .main-popup__animation .main-popup__opened .main-popup__content .main-popup__text form.cart button:before {
                  font-size: 16px;
                }
              }

@media (min-width: 768px) {
                .main-popup .main-popup__animation .main-popup__opened .main-popup__content .main-popup__text form.cart button:before {
                  font-weight: 500;
                }
              }

@media (min-width: 1200px) {
                .main-popup .main-popup__animation .main-popup__opened .main-popup__content .main-popup__text form.cart button:before {
                  font-size: 18px;
                }
              }

@keyframes pulse-animation {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
  }

  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

.main-popup__opened{
  max-width: 250px;
  display: none;
}

.main-popup__opened.active{
    display: block;
  }

.main-popup__opened .main-popup__triangle {
    width: 11px;
    height: 9px;
    background-color: white;
    border-radius: 50% 50% 60% 60% / 60% 60% 40% 40%;
  }

.main-popup__opened .main-popup__content {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

.main-popup__opened .main-popup__content{
    padding: 20px;
  }

.main-popup__opened .main-popup__content img{
      width: 65px;
      height: 80px;
    }

.section__info .info__content{
    border-radius: 10px;
    overflow: hidden;
  }

.section__info .info__content .info__image{
      position: relative;
      width: 100%
    }

.section__info .info__content .info__image {
      --tw-bg-opacity: 1;
      background-color: rgb(238 231 214 / var(--tw-bg-opacity));
    }

.section__info .info__content .info__image{
      padding: 10px;
      border-radius: 10px;
    }

.section__info .info__content .info__image .info__image-wrap img{
          width: 137px;
          height: 275px;
        }

@media (min-width: 992px) {
            .section__info .info__content .info__image .info__image-wrap img {
              width: 340px;
              height: 620px;
            }
          }

@media (min-width: 992px) {
        .section__info .info__content .info__image {
          width: 50%;
          padding: 20px;
        }
      }

.section__info .info__content .info__image img{
        height: 275px;
      }

@media (min-width: 992px) {
          .section__info .info__content .info__image img {
            height: 620px;
          }
        }

.section__info .info__content .info__image .info__image-caption{
        padding: 8px 16px;
        max-width: -moz-max-content;
        max-width: max-content
      }

.section__info .info__content .info__image .info__image-caption {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      }

.section__info .info__content .info__image .info__image-caption {
        --tw-text-opacity: 1;
        color: rgb(39 38 37 / var(--tw-text-opacity));
      }

@media (min-width: 576px) {
          .section__info .info__content .info__image .info__image-caption {
            padding: 16px 0;
            max-width: 175px;
          }
        }

.section__info .info__content .info__image .info__image-text ul li{
            padding: 8px;
            border-radius: 10px;
            border: 1px solid;
          }

.section__info .info__content .info__image .info__image-text ul li {
            width: -moz-fit-content;
            width: fit-content;
          }

.section__info .info__content .info__image .info__image-text ul li {
            --tw-border-opacity: 1;
            border-color: rgb(39 38 37 / var(--tw-border-opacity));
          }

.section__info .info__content .info__image .info__image-text ul li {
            --tw-border-opacity: 0.4;
          }

.section__info .info__content .info__text{
      width: 100%;
    }

@media (min-width: 992px) {
        .section__info .info__content .info__text {
          width: 50%;
        }
      }

.section__info .info__content .info__text .info__text-main p {
          padding-bottom: 24px;
        }

.section__info .info__content .info__text .info__text-main p:last-of-type {
            padding-bottom: 0;
          }

.section__info .background__flower{
    position: absolute;
    z-index: -10;
    bottom: 0;
    right: 0;
    transform: translateX(37%);
    height: 570px;
    display: none;
  }

@media (min-width: 1650px) {
      .section__info .background__flower {
        display: block;
      }
    }

.nav__prev svg circle,
.nav__prev svg path,
.nav__next svg circle,
.nav__next svg path {
  transition: 0.3s;
}

.nav__prev:hover svg circle,
.nav__next:hover svg circle {
  stroke: #E6AB30;
}

.nav__prev:hover svg path,
.nav__next:hover svg path {
  fill: #E6AB30;
  stroke: #E6AB30;
}

.xoo-wsc-chng:hover {
  color: #E6AB30;
  border-color: #E6AB30;
}

.quantity-btns button:hover{
  color: #E6AB30;
  border-color: #E6AB30 !important;
}

.section__products .product{
    position: relative;
    border-radius: 10px;
    padding: 0 10px;
    background: linear-gradient(121.44deg, #FEFEFE 4.51%, #F4F0EA 157.79%);
  }

@media (min-width: 992px) {
      .section__products .product {
        padding: 0 16px;
      }
    }

.section__products .product .slick-slide{
      display: flex;
      justify-content: center;
    }

.section__products .product .product__images{
      position: relative;
    }

.section__products .product .product__images .nav__prev, .section__products .product .product__images .nav__next{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
      }

.section__products .product .product__images .nav__prev {
        left: 0;
      }

.section__products .product .product__images .nav__next {
        right: 0;
      }

.section__products .product .product__title h3{
        padding: 12px 0;
        margin-bottom: 12px;
        border-bottom: 1px solid;
      }

.section__products .product .product__title h3 {
        --tw-border-opacity: 1;
        border-color: rgb(39 38 37 / var(--tw-border-opacity));
      }

.section__products .product .product__title h3 {
        --tw-border-opacity: 0.4;
      }

.section__products .product .product__price form.cart .quantity{
          display: none;
        }

.section__products .product .product__price form.cart button{
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 40px
        }

.section__products .product .product__price form.cart button {
          font-size: 16px;
        }

.section__products .product .product__price form.cart button {
          font-weight: 400;
        }

@media (min-width: 768px) {
          .section__products .product .product__price form.cart button {
            font-weight: 500;
          }
        }

@media (min-width: 1200px) {
          .section__products .product .product__price form.cart button {
            font-size: 18px;
          }
        }

.section__products .product .product__price form.cart button{
          padding: 9px 28px;
          max-width: 200px
        }

.section__products .product .product__price form.cart button {
          border-color: transparent;
        }

.section__products .product .product__price form.cart button {
          --tw-bg-opacity: 1;
          background-color: rgb(39 38 37 / var(--tw-bg-opacity));
        }

.section__products .product .product__price form.cart button {
          --tw-text-opacity: 1;
          color: rgb(255 255 255 / var(--tw-text-opacity));
        }

.section__products .product .product__price form.cart button{
          border: 2px solid;
        }

.section__products .product .product__price form.cart button:hover {
            --tw-border-opacity: 1;
            border-color: rgb(39 38 37 / var(--tw-border-opacity));
          }

.section__products .product .product__price form.cart button {
          gap: 12px;
}

@media (min-width: 992px) {
            .section__products .product .product__price form.cart button {
              padding: 9px 20px;
              max-width: 180px;
            }
          }

@media (min-width: 1200px) {
            .section__products .product .product__price form.cart button {
              padding: 9px 28px;
              max-width: 200px;
            }
          }

.section__products .product .product__price form.cart button:after {
            content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' viewBox='0 0 33 32' fill='none'%3E%3Crect x='0.5' width='32' height='32' rx='16' fill='white'/%3E%3Cpath d='M16.409 25C14.5773 24.9979 12.8212 24.2693 11.5259 22.9741C10.2307 21.6788 9.50209 19.9227 9.5 18.091C9.5 12.0862 15.8511 6.35097 16.1217 6.10976C16.2007 6.03908 16.303 6 16.409 6C16.5151 6 16.6174 6.03908 16.6964 6.10976C16.967 6.35097 23.3181 12.0862 23.3181 18.091C23.316 19.9227 22.5874 21.6788 21.2922 22.9741C19.9969 24.2693 18.2408 24.9979 16.409 25ZM16.409 7.02443C15.1712 8.21844 10.3636 13.1734 10.3636 18.091C10.3636 19.6943 11.0006 21.232 12.1343 22.3657C13.268 23.4994 14.8057 24.1364 16.409 24.1364C18.0124 24.1364 19.5501 23.4994 20.6838 22.3657C21.8175 21.232 22.4545 19.6943 22.4545 18.091C22.4545 13.1734 17.6469 8.21844 16.409 7.02443Z' fill='%23272625'/%3E%3Cpath d='M14.0331 22.6378C13.9572 22.6379 13.8827 22.6179 13.8172 22.5799C13.0309 22.1234 12.378 21.4688 11.9236 20.6814C11.4692 19.8939 11.2291 19.0011 11.2273 18.092C11.2273 17.9774 11.2728 17.8676 11.3538 17.7866C11.4348 17.7057 11.5446 17.6602 11.6591 17.6602C11.7736 17.6602 11.8835 17.7057 11.9644 17.7866C12.0454 17.8676 12.0909 17.9774 12.0909 18.092C12.0924 18.8497 12.2926 19.5939 12.6715 20.2501C13.0503 20.9064 13.5946 21.4519 14.25 21.8322C14.3323 21.8798 14.3966 21.9532 14.4329 22.0411C14.4692 22.129 14.4755 22.2264 14.4508 22.3182C14.4261 22.41 14.3718 22.4911 14.2963 22.5489C14.2208 22.6067 14.1281 22.6379 14.0331 22.6378Z' fill='%23272625'/%3E%3C/svg%3E");
            display: inline-flex;
            height: 32px;
          }

.section__products .product .product__link{
      -webkit-text-decoration: underline dotted;
              text-decoration: underline dotted;
      text-underline-offset: 5px;
    }

.section__products .product .product__link {
      text-decoration-color: #272625;
    }

.section__products .product .product__additional{
      position: absolute;
      top: 16px;
      left: 16px;
    }

.section__products .product .product__additional .product__promotion {
        --tw-bg-opacity: 1;
        background-color: rgb(0 187 0 / var(--tw-bg-opacity));
      }

.section__products .product .product__additional .product__promotion {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
      }

.section__products .product .product__additional .product__promotion{
        width: 160px;
        padding: 10px 0;
        font-size: 14px;
      }

.section__products .product .product__additional .pre-order-btn {
        --tw-bg-opacity: 1;
        background-color: rgb(230 171 48 / var(--tw-bg-opacity));
      }

.section__products .product .product__additional .pre-order-btn {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
      }

.section__products .product .product__images {
  height: auto;
  aspect-ratio: 1 / 1;
}

@media (min-width: 576px) {
    .section__products .product .product__images{
      height: 260px;
      aspect-ratio: unset;
    }
  }

.section__products .product .product__images img{
    margin: 0 auto;
  }

.product__image-slider, .product__image-slider .slick-list, .product__image-slider .slick-track, .product__image-slider .slick-slide, .product__image-slider .product__image, .product__image-slider .product__image img{
  height: 100%;
}

.product-popup{
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  visibility: hidden;
  opacity: 0;
  z-index: 0;
}

.product-popup.active{
    visibility: visible;
    opacity: 1;
    z-index: 99999;
  }

.product-popup__close-wrap{
  position: relative;
  width: 30px;
  height: 30px;
}

.product-popup__close-wrap span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    height: 1px
  }

.product-popup__close-wrap span {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

.product-popup__close-wrap span {
    transform-origin: center;
    transition: 0.3s ease;
  }

.product-popup__close-wrap span:first-child {
      transform: translate(-50%, -50%) rotate(45deg);
    }

.product-popup__close-wrap span:last-child {
      transform: translate(-50%, -50%) rotate(-45deg);
    }

.product-popup__content{
  position: relative;
  z-index: 11;
  overflow-y: scroll;
  scrollbar-width: none;
}

.product-popup__content::-webkit-scrollbar {
    display: none;
  }

.product-popup__content {
  --tw-bg-opacity: 1;
  background-color: rgb(238 231 214 / var(--tw-bg-opacity));
  padding: 16px;
}

@media (min-width: 768px) {
    .product-popup__content {
      max-width: 700px;
    }
  }

@media (min-width: 992px) {
    .product-popup__content {
      max-width: 940px;
    }
  }

@media (min-width: 1200px) {
    .product-popup__content {
      max-width: 1150px;
    }
  }

@media (min-width: 1440px) {
    .product-popup__content {
      max-width: 1350px;
    }
  }

.product-popup__content {
  height: 664px;
  aspect-ratio: 16 / 9;
  margin: 0 5%;
}

@media (min-width: 992px) {
    .product-popup__content {
      padding: 24px;
    }
  }

.product-popup__content .product-popup__images{
    position: relative
  }

.product-popup__content .product-popup__images {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

.product-popup__content .product-popup__images{
    height: 100%;
    width: 100%;
  }

@media (min-width: 576px) {
      .product-popup__content .product-popup__images {
        width: 50%;
      }
    }

@media (min-width: 992px) {
      .product-popup__content .product-popup__images {
        width: 100%;
      }
    }

@media (min-width: 992px) {
      .product-popup__content .product-popup__images {
        width: 40%;
      }
    }

.product-popup__content .product-popup__images .product-popup__image-slider{
      position: relative;
      top: 50%;
      transform: translateY(-50%);
    }

.product-popup__content .product-popup__images .product-popup__image{
      display: flex !important;
      justify-content: center;
      align-items: center;
    }

.product-popup__content .product-popup__images .nav__prev, .product-popup__content .product-popup__images .nav__next{
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
    }

.product-popup__content .product-popup__images .nav__prev {
      left: 0;
    }

.product-popup__content .product-popup__images .nav__next {
      right: 0;
    }

.product-popup__content .product-popup__text{
    width: 100%;
  }

@media (min-width: 992px) {
      .product-popup__content .product-popup__text {
        width: 60%;
      }
    }

.product-popup__content .product-popup__text .product-popup__buy .quantity__wrap{
        display: flex;
        align-items: center;
        width: 96px;
        height: 32px;
      }

.product-popup__content .product-popup__text .product-popup__buy .quantity__wrap input, .product-popup__content .product-popup__text .product-popup__buy .quantity__wrap .qty-minus, .product-popup__content .product-popup__text .product-popup__buy .quantity__wrap .qty-plus{
          width: 32px;
          height: 32px;
        }

.product-popup__content .product-popup__text .product-popup__buy .quantity__wrap .qty-minus, .product-popup__content .product-popup__text .product-popup__buy .quantity__wrap .qty-plus{
          border-radius: 50%;
          border: 1px solid;
        }

.product-popup__content .product-popup__text .product-popup__buy .quantity__wrap .qty-minus, .product-popup__content .product-popup__text .product-popup__buy .quantity__wrap .qty-plus {
          --tw-border-opacity: 1;
          border-color: rgb(39 38 37 / var(--tw-border-opacity));
        }

.product-popup__content .product-popup__text .product-popup__buy .quantity__wrap .qty-minus, .product-popup__content .product-popup__text .product-popup__buy .quantity__wrap .qty-plus {
          --tw-border-opacity: 0.4;
        }

.product-popup__content .product-popup__text .product-popup__buy .quantity__wrap input{
          background: transparent;
          text-align: center;
        }

.product-popup__content .product-popup__text .product-popup__buy .quantity__wrap input[type="number"]::-webkit-inner-spin-button,
        .product-popup__content .product-popup__text .product-popup__buy .quantity__wrap input[type="number"]::-webkit-outer-spin-button {
          -webkit-appearance: none;
          margin: 0;
        }

.product-popup__content .product-popup__text .product-popup__buy .quantity__wrap input[type="number"] {
          -moz-appearance: textfield;
        }

.product-popup__content .product-popup__text .product-popup__buy button[type="submit"]{
        margin-top: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px
      }

.product-popup__content .product-popup__text .product-popup__buy button[type="submit"] {
        --tw-bg-opacity: 1;
        background-color: rgb(39 38 37 / var(--tw-bg-opacity));
      }

.product-popup__content .product-popup__text .product-popup__buy button[type="submit"] {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
      }

.product-popup__content .product-popup__text .product-popup__buy button[type="submit"]{
        gap: 12px;
        padding: 16px 0;
        width: 250px
      }

.product-popup__content .product-popup__text .product-popup__buy button[type="submit"] {
        border-color: transparent;
      }

.product-popup__content .product-popup__text .product-popup__buy button[type="submit"]{
        border: 2px solid;
      }

.product-popup__content .product-popup__text .product-popup__buy button[type="submit"]:hover {
          --tw-border-opacity: 1;
          border-color: rgb(39 38 37 / var(--tw-border-opacity));
        }

.product-popup__content .product-popup__text .product-popup__buy button[type="submit"] {
        font-size: 0;
}

.product-popup__content .product-popup__text .product-popup__buy button[type="submit"]:before{
          content: 'Замовити олію';
        }

.product-popup__content .product-popup__text .product-popup__buy button[type="submit"]:before {
          font-size: 16px;
        }

.product-popup__content .product-popup__text .product-popup__buy button[type="submit"]:before {
          font-weight: 400;
        }

@media (min-width: 768px) {
          .product-popup__content .product-popup__text .product-popup__buy button[type="submit"]:before {
            font-weight: 500;
          }
        }

@media (min-width: 1200px) {
          .product-popup__content .product-popup__text .product-popup__buy button[type="submit"]:before {
            font-size: 18px;
          }
        }

.product-popup__content .product-popup__text .product-popup__buy button[type="submit"]:after{
          content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' viewBox='0 0 33 32' fill='none'%3E%3Crect x='0.5' width='32' height='32' rx='16' fill='white'/%3E%3Cpath d='M16.4092 25C14.5774 24.9979 12.8213 24.2693 11.526 22.9741C10.2308 21.6788 9.50221 19.9227 9.50012 18.091C9.50012 12.0862 15.8513 6.35097 16.1218 6.10976C16.2008 6.03908 16.3031 6 16.4092 6C16.5152 6 16.6175 6.03908 16.6965 6.10976C16.9671 6.35097 23.3182 12.0862 23.3182 18.091C23.3161 19.9227 22.5875 21.6788 21.2923 22.9741C19.997 24.2693 18.2409 24.9979 16.4092 25ZM16.4092 7.02443C15.1713 8.21844 10.3638 13.1734 10.3638 18.091C10.3638 19.6943 11.0007 21.232 12.1344 22.3657C13.2681 23.4994 14.8058 24.1364 16.4092 24.1364C18.0125 24.1364 19.5502 23.4994 20.6839 22.3657C21.8177 21.232 22.4546 19.6943 22.4546 18.091C22.4546 13.1734 17.6471 8.21844 16.4092 7.02443Z' fill='%23272625'/%3E%3Cpath d='M14.0331 22.6378C13.9572 22.6379 13.8827 22.6179 13.8172 22.5799C13.0309 22.1234 12.378 21.4688 11.9236 20.6814C11.4692 19.8939 11.2291 19.0011 11.2273 18.092C11.2273 17.9774 11.2728 17.8676 11.3538 17.7866C11.4348 17.7057 11.5446 17.6602 11.6591 17.6602C11.7736 17.6602 11.8835 17.7057 11.9644 17.7866C12.0454 17.8676 12.0909 17.9774 12.0909 18.092C12.0924 18.8497 12.2926 19.5939 12.6715 20.2501C13.0503 20.9064 13.5946 21.4519 14.25 21.8322C14.3323 21.8798 14.3966 21.9532 14.4329 22.0411C14.4692 22.129 14.4755 22.2264 14.4508 22.3182C14.4261 22.41 14.3718 22.4911 14.2963 22.5489C14.2208 22.6067 14.1281 22.6379 14.0331 22.6378Z' fill='%23272625'/%3E%3C/svg%3E");
          display: flex;
        }

.product-popup__content .product-popup__text .product-popup__table{
      display: grid;
      grid-template-columns: 1fr 1fr;
      border-radius: 10px;
      max-height: 380px;
    }

@media (min-width: 992px) {
        .product-popup__content .product-popup__text .product-popup__table {
          overflow-y: scroll;
          scrollbar-width: none;
        }
          .product-popup__content .product-popup__text .product-popup__table::-webkit-scrollbar {
            display: none;
          }
      }

.product-popup__content .product-popup__text .product-popup__table .cell, .product-popup__content .product-popup__text .product-popup__table .cell__header {
        gap: 0.25rem;
      }

.product-popup__content .product-popup__text .product-popup__table .cell, .product-popup__content .product-popup__text .product-popup__table .cell__header {
        font-size: 12px;
      }

@media (min-width: 576px) {
        .product-popup__content .product-popup__text .product-popup__table .cell, .product-popup__content .product-popup__text .product-popup__table .cell__header {
          font-size: 14px;
        }
      }

@media (min-width: 768px) {
        .product-popup__content .product-popup__text .product-popup__table .cell, .product-popup__content .product-popup__text .product-popup__table .cell__header {
          font-size: 16px;
        }
      }

@media (min-width: 1440px) {
        .product-popup__content .product-popup__text .product-popup__table .cell, .product-popup__content .product-popup__text .product-popup__table .cell__header {
          font-size: 18px;
        }
      }

.product-popup__content .product-popup__text .product-popup__table .cell, .product-popup__content .product-popup__text .product-popup__table .cell__header {
        padding: 6px 0;
      }

.product-popup__content .product-popup__text .product-popup__table .cell__header {
        font-weight: 500;
      }

.product-popup__content .product-popup__text .product-popup__table .cell {
        border-bottom: 1px solid;
        border-color: #D9D0B9;
      }

.product-popup__image-slider{
  height: 550px;
}

.product-popup__image-slider .slick-list, .product-popup__image-slider .slick-track, .product-popup__image-slider .slick-slide, .product-popup__image-slider .slick-slide.slick-current.slick-active > div:not([class]), .product-popup__image-slider .product-popup__image,
.product-popup__image-slider .product-popup__image img{
  height: 100%;
}

.section__video{
  overflow: hidden;
}

.section__video .video__content .video__cover, .section__video .video__content .video__block{
      border-radius: 10px;
      padding: 10px;
    }

@media (min-width: 992px) {
        .section__video .video__content .video__cover, .section__video .video__content .video__block {
          padding: 20px;
        }
      }

.section__video .video__content .video__cover img,.section__video .video__content .video__block img{
        -o-object-fit: contain;
           object-fit: contain;
      }

.section__video .video__content .video__block{
      overflow: hidden;
      min-height: 660px;
    }

.section__video .video__content .video__cover-wrap{
      height: 210px;
      min-height: unset;
    }

@media (min-width: 576px) {
        .section__video .video__content .video__cover-wrap {
          height: -moz-max-content;
          height: max-content;
          min-height: 660px;
        }
      }

.section__video .video__content .video__cover-wrap .video__cover{
        height: 100%;
      }

.section__video .video__content .video__cover-bg{
      content: '';
      display: block;
      position: absolute;
      z-index: 0;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      height: 103%;
      background: #FEFEFD;
      width: 5000px;
    }

.section__video .video__content .slick-track {
      display: flex;
    }

@media (min-width: 576px) {
        .section__video .video__content .slick-list {
          overflow: unset;
        }
      }

@media (min-width: 576px) {
        .section__video .video__content .slick-initialized .slick-slide, .section__video .video__content .video__cover {
          margin-left: 15px;
        }
      }

.section__video .video__content .video__cover {
      display: flex!important
    }

.section__video .video__content .video__cover {
      --tw-bg-opacity: 1;
      background-color: rgb(238 231 214 / var(--tw-bg-opacity));
    }

.section__video .video__content .video__cover .video__cover-caption{
        padding: 16px 22px;
        width: -moz-max-content;
        width: max-content;
      }

.section__video .video__content .video__cover .video__cover-caption {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      }

.section__video .video__content .video__cover .video__cover-caption {
        --tw-text-opacity: 1;
        color: rgb(39 38 37 / var(--tw-text-opacity));
      }

.section__video .video__content .video__block{
      display: flex!important;
    }

.section__video .video__content .video__block .video__block-name{
        padding: 24px 0;
        border-radius: 10px;
      }

.section__video .video__content .video__block .video__block-name {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      }

.section__video .video__content .video__block .video__block-name{
        z-index: 10;
        width: 100%;
      }

.section__video .video__content .video-slider__nav{
      position: relative;
      display: flex;
      align-items: center;
      gap: 36px;
      font-size: 18px;
    }

.section__reviews .reviews .review {
      padding: 10px
    }

.section__reviews .reviews .review {
      --tw-bg-opacity: 1;
      background-color: rgb(246 247 240 / var(--tw-bg-opacity));
    }

.section__reviews .reviews .review {
      border-radius: 10px;
    }

@media (min-width: 992px) {
        .section__reviews .reviews .review {
          padding: 20px;
        }
      }

.section__comparison h3{
    text-align: center;
    //@media (min-width: 992px) {
    //  & {
    //    font-size: 24px;
    //  }
    //}
    //@media (min-width: 1440px) {
    //  & {
    //    font-size: 28px;
    //  }
    //}
  }

.section__comparison .comparison__image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 330px;
  }

.section__comparison .comparison__image img {
      -o-object-fit: contain;
         object-fit: contain;
      height: 320px;
      width: 128px;
    }

.section__comparison .comparison__oil {
    background: linear-gradient(104.97deg, #FFFFFF -33.36%, #F6F7F0 281.94%);
    border-radius: 10px;
  }

@media (min-width: 992px) {
      .section__comparison .comparison__oil {
        background: linear-gradient(163.63deg, #FEFEFE 8.94%, #F4F0EA 216.06%);
        padding: 20px;
      }
    }

.section__comparison .comparison__oil .comparison {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr;
      -moz-column-gap: 32px;
           column-gap: 32px;
    }

.section__comparison .comparison__oil .comparison:before{
        content: '';
        display: block;
        height: 100%;
        width: 1px;
        background: #D9D0B9;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
      }

.section__comparison .comparison__oil .comparison .comparison__image {
        --tw-bg-opacity: 1;
        background-color: rgb(246 247 240 / var(--tw-bg-opacity));
      }

.section__comparison .comparison__oil .comparison .comparison__table {
        display: grid;
        grid-template-columns: 1fr 1fr;
        border-radius: 10px;
        overflow: hidden;
      }

.section__comparison .comparison__oil .comparison .comparison__table .cell {
          display: flex;
        }

.section__comparison .comparison__oil .comparison .comparison__table .cell {
          align-items: center;
        }

.section__comparison .comparison__oil .comparison .comparison__table .cell {
          gap: 0.75rem;
        }

.section__comparison .comparison__oil .comparison .comparison__table .cell {
          font-size: 12px;
        }

@media (min-width: 576px) {
          .section__comparison .comparison__oil .comparison .comparison__table .cell {
            font-size: 14px;
          }
        }

@media (min-width: 768px) {
          .section__comparison .comparison__oil .comparison .comparison__table .cell {
            font-size: 16px;
          }
        }

@media (min-width: 1200px) {
          .section__comparison .comparison__oil .comparison .comparison__table .cell {
            font-size: 18px;
          }
        }

.section__comparison .comparison__oil .comparison .comparison__table .cell {
          padding: 16px 12px;
          border-bottom: 1px solid;
          border-color: #D9D0B9;
        }

@media (min-width: 576px) {
            .section__comparison .comparison__oil .comparison .comparison__table .cell {
              padding: 16px 12px 16px 55px;
            }
          }

@media (min-width: 768px) {
            .section__comparison .comparison__oil .comparison .comparison__table .cell {
              padding: 16px 12px 16px 100px;
            }
          }

@media (min-width: 992px) {
            .section__comparison .comparison__oil .comparison .comparison__table .cell {
              padding: 16px 12px 16px 140px;
            }
          }

@media (min-width: 1200px) {
            .section__comparison .comparison__oil .comparison .comparison__table .cell {
              padding: 16px 12px 16px 160px;
            }
          }

@media (min-width: 1440px) {
            .section__comparison .comparison__oil .comparison .comparison__table .cell {
              padding: 16px 12px 16px 215px;
            }
          }

.section__comparison .comparison__oil .comparison .comparison__table .cell svg {
            flex: 0 0 auto;
            width: 18px;
            height: 18px;
          }

@media (min-width: 992px) {
              .section__comparison .comparison__oil .comparison .comparison__table .cell svg {
                width: 20px;
                height: 20px;
              }
            }

.contents:last-child .cell {
  border-bottom: none !important;
}

@media (min-width: 992px) {
      .section__about-factory h2 {
        max-width: 480px;
      }
    }

.section__about-factory .about-factory__text{
    width: 100%;
  }

@media (min-width: 992px) {
      .section__about-factory .about-factory__text {
        width: 50%;
      }
    }

.section__about-factory .about-factory__text .about-factory__text-main p {
        padding-bottom: 24px;
      }

.section__about-factory .about-factory__text .about-factory__text-main p:last-of-type {
          padding-bottom: 0;
        }

.section__about-factory .about-factory__image img{
      height: 420px;
    }

.section__about-factory .about-factory__image video{
      height: 300px;
      width: 100%;
    }

@media (min-width: 576px) {
        .section__about-factory .about-factory__image video {
          height: 420px;
        }
      }

.section__about-factory .about-factory__image {
    width: 100%;
}

@media (min-width: 992px) {
      .section__about-factory .about-factory__image {
        width: 50%;
      }
    }

.section__manufacturability .manufacturability{
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
    background: #F6F7F0;
  }

@media (min-width: 992px) {
      .section__manufacturability .manufacturability {
        width: 50%;
      }
    }

.section__manufacturability .manufacturability .manufacturability__image img {
        width: 100%;
      }

@media (min-width: 992px) {
          .section__manufacturability .manufacturability .manufacturability__image img {
            height: 380px;
          }
        }

.section__manufacturability .manufacturability .manufacturability__text{
      display: flex;
      flex-direction: column;
      padding: 12px 10px;
    }

@media (min-width: 992px) {
        .section__manufacturability .manufacturability .manufacturability__text {
          padding: 24px 20px;
        }
      }

.section__certificates h2{
    max-width: 500px;
  }

@media (min-width: 992px) {
      .section__certificates h2 {
        max-width: 760px;
      }
    }

.section__certificates .certificate__caption{
    display: flex;
    justify-content: center;
    padding: 10px 0;
  }

@media (min-width: 992px) {
      .section__certificates .certificate__caption {
        padding: 20px 0;
      }
    }

.section__certificates .certificate__caption {
    --tw-bg-opacity: 1;
    background-color: rgb(230 171 48 / var(--tw-bg-opacity));
  }

.section__certificates .certificate__caption{
    color: #fff;
    border-radius: 10px;
  }

.section__certificates .certificate__image{
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    height: 275px;
  }

.section__certificates .certificate__image a{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

.section__certificates .certificate__image img{
      position: relative;
      height: 100%;
      width: 100%;
    }

.section__certificates .certificate__image svg{
      position: absolute;
      bottom: 6px;
      right: 6px;
      width: 30px;
      height: 30px;
    }

@media (min-width: 992px) {
        .section__certificates .certificate__image svg {
          bottom: 12px;
          right: 12px;
          width: 43px;
          height: 43px;
        }
      }

.section__matches h2{
    max-width: 450px;
  }

@media (min-width: 992px) {
      .section__matches h2 {
        max-width: 700px;
      }
    }

.section__matches .match{
    background: #F6F7F0;
    border-radius: 10px;
    overflow: hidden;
  }

.section__matches .match .match__title{
      padding: 10px;
    }

@media (min-width: 992px) {
        .section__matches .match .match__title {
          padding: 20px;
        }
      }

.section__terms h2{
    max-width: 350px;
  }

@media (min-width: 992px) {
      .section__terms h2 {
        max-width: 570px;
      }
    }

.section__terms .term{
    background: #F6F7F0;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px;
  }

@media (min-width: 992px) {
      .section__terms .term {
        padding: 20px;
      }
    }

.section__terms .term .term-btn{
      width: 137px;
      padding: 16px 0;
    }

.section__terms .term .term-btn {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }

.section__form .form__text{
    flex: 1;
    width: 100%;
  }

@media (min-width: 992px) {
      .section__form .form__text {
        width: 50%;
      }
    }

.section__form .consultation__form{
    border-radius: 10px
  }

.section__form .consultation__form {
    --tw-bg-opacity: 1;
    background-color: rgb(246 247 240 / var(--tw-bg-opacity));
  }

.section__form .consultation__form{
    flex: 1;
    padding: 12px 24px;
  }

@media (min-width: 992px) {
      .section__form .consultation__form {
        padding: 24px 28px;
      }
    }

.section__form .consultation__form .contact__form{
      width: 100%;
    }

@media (min-width: 992px) {
        .section__form .consultation__form .contact__form {
          width: 50%;
        }
      }

.section__form .consultation__form .contact__form .consultation__form{
        width: 100%;
      }

.section__form .consultation__form .contact__form label, .section__form .consultation__form .contact__form input, .section__form .consultation__form .contact__form textarea{
        width: 100%;
      }

.section__form .background__bottle{
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-66%);
    display: none;
  }

@media (min-width: 1650px) {
      .section__form .background__bottle {
        display: block;
      }
    }

.form-btn{
  width: -moz-max-content !important;
  width: max-content !important;
  display: flex!important;
  justify-content: space-between!important;
  align-items: center!important;
  padding: 12px 30px!important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

@media (min-width: 768px) {
  .form-btn {
    font-weight: 500 !important;
  }
}

@media (min-width: 1200px) {
  .form-btn {
    font-size: 18px !important;
  }
}

.footer{
  margin-bottom: 24px;
}

@media (min-width: 992px) {
    .footer {
      margin-bottom: 90px;
    }
  }

.footer .footer__content{
    border-top: 1px solid;
  }

.footer .footer__content {
    --tw-border-opacity: 1;
    border-color: rgb(39 38 37 / var(--tw-border-opacity));
  }

.footer .footer__content {
    --tw-border-opacity: 0.4;
  }

.footer .footer__btn{
    width: 290px;
    gap: 12px;
    padding: 12px 0
  }

.footer .footer__btn {
    --tw-bg-opacity: 1;
    background-color: rgb(39 38 37 / var(--tw-bg-opacity));
  }

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

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

.footer .footer__btn{
    border: 2px solid;
  }

.footer .footer__btn:hover {
      --tw-border-opacity: 1;
      border-color: rgb(39 38 37 / var(--tw-border-opacity));
    }

@media (min-width: 992px) {
      .footer .footer__block {
        margin-left: 28px;
      }
    }

@media (min-width: 1200px) {
      .footer .footer__block {
        margin-left: 60px;
      }
    }

@media (min-width: 1440px) {
      .footer .footer__block {
        margin-left: 80px;
      }
    }

.cart__close {
  position: relative;
  width: 20px;
  height: 20px;
}

.cart__close span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 1px;
    background-color: black;
    transform-origin: center;
    transition: 0.3s ease;
  }

.cart__close span:first-child {
      transform: translate(-50%, -50%) rotate(45deg);
    }

.cart__close span:last-child {
      transform: translate(-50%, -50%) rotate(-45deg);
    }

.xoo-wsc-empty-cart{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size: 21px;
  font-weight: 500;
}

.xoo-wsc-container{
  max-width: 580px;
  right: -580px;
}

.xoo-wsc-modal .xoo-wsc-basket {
  display: none !important;
}

.xoo-wsc-sc-subt{
  display: none;
}

span.xoo-wsc-sc-count{
  top: unset;
  bottom: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(230 171 48 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.xoo-wsc-body{
  background: linear-gradient(to right, #FFFFFF 0%, #F6F7F0 100%);
}

.xoo-wsc-product, .xoo-wsc-sp-product {
  padding: 12px;
  margin: 16px 24px;
  border-radius: 5px;
  box-shadow: 0 2px 2px #00000005;
  background-color: #ffffff;
}

.xoo-wsc-pattern-row .xoo-wsc-img-col {
  width: 76px;
  height: 98px;
}

.xoo-wsc-pattern-row .xoo-wsc-img-col img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }

.xoo-wsc-img-col{
  flex: 0 0 auto;
}

.cart__btn{
  justify-content: space-between!important;
  border-radius: 40px;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(39 38 37 / var(--tw-bg-opacity)) !important;
  font-size: 16px !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.xoo-wsc-pattern-row .xoo-wsc-sum-col {
  width: unset;
}

.xoo-wsc-sum-col {
  padding-left: 10px;
}

span.xoo-wsc-smr-del {
  cursor: pointer;
  margin-top: 0;
}

.xoo-wsc-qty-box.xoo-wsc-qtb-square {
  border-color: #000000;
}

input[type="number"].xoo-wsc-qty, .xoo-wsc-qtb-square {
  border-width: 1px;
  border-style: solid;
}

.xoo-wsc-qty-box {
  max-width: 98px;
  height: 32px;
}

input[type="number"].xoo-wsc-qty, .xoo-wsc-qtb-square{
  border: none;
}

span.xoo-wsc-chng {
  min-width: 32px;
  padding: 8px;
  border: 1px solid;
  border-color: rgb(39 38 37 / var(--tw-border-opacity));
  --tw-border-opacity: 0.4;
  border-radius: 50%;
}

.xoo-wsc-ft-amt-total{
  border: none;
  margin-top: 0;
  padding-top: 0;
}

span.xoo-wsc-footer-txt{
  display: none;
}

.section__checkout{
  margin-top: 120px;
}

@media (min-width: 992px) {
    .checkout__leftside {
      width: 55%;
    }
  }

.checkout__rightside {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  border-radius: 10px;
  padding: 32px 16px;
}

@media (min-width: 992px) {
    .checkout__rightside {
      width: 45%;
      padding: 80px 50px;
    }
  }

.woocommerce-form-coupon-toggle{
  display: none;
}

#billing_country_field, #order_comments_field .optional, #shipping_country_field{
  display: none;
}

.woocommerce-notices-wrapper{
  display: none;
}

.wcus-checkout-fields h3{
  display: none;
}

.woocommerce form .form-row{
  padding: 0 !important;
  margin-bottom: 16px;
}

#ship-to-different-address {
  margin-bottom: 16px;
}

#ship-to-different-address label{
    display: flex;
    align-items: center;
    gap: 8px;
  }

#ship-to-different-address span {
    font-size: 18px;
  }

#ship-to-different-address input{
    height: 18px;
    width: 18px;
  }

#ship-to-different-address input:checked {
      accent-color: #272625;
    }

.wc_payment_method.wrap__radio{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  //input[type="radio"] {
  //  appearance: none;
  //  -webkit-appearance: none;
  //  width: 18px;
  //  height: 18px;
  //  border: 1px solid;
  //  @apply border-secondary bg-white;
  //  border-radius: 0;
  //  cursor: pointer;
  //  position: relative;
  //}
  //input[type="radio"]:checked {
  //  @apply border-secondary;
  //  position: relative;
  //  z-index: 1;
  //
  //  &:after {
  //    content: "";
  //    z-index: 3;
  //    position: absolute;
  //    top: 2px;
  //    left: 5px;
  //    width: 4px;
  //    height: 8px;
  //    border: solid white;
  //    border-width: 0 2px 2px 0;
  //    transform: rotate(45deg);
  //  }
  //}
}

.wc_payment_method.wrap__radio input{
    height: 18px;
    width: 18px;
    accent-color: #272625;
    border-radius: 0;
  }

.woocommerce-checkout-payment{
  margin-top: 40px;
  background: transparent!important;
}

.woocommerce-checkout-payment input[type="radio"] {
    position: relative;
    width: 18px;
    height: 18px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid;
  }

.woocommerce-checkout-payment input[type="radio"] {
    --tw-border-opacity: 1;
    border-color: rgb(39 38 37 / var(--tw-border-opacity));
  }

.woocommerce-checkout-payment input[type="radio"] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

.woocommerce-checkout-payment input[type="radio"] {
    cursor: pointer;
    margin-right: 8px;
  }

.woocommerce-checkout-payment input[type="radio"]:checked::before {
    content: "✓";
    font-size: 15px;
  }

.woocommerce-checkout-payment input[type="radio"]:checked::before {
    position: absolute;
  }

.woocommerce-checkout-payment input[type="radio"]:checked::before {
    top: 0px;
  }

.woocommerce-checkout-payment input[type="radio"]:checked::before {
    left: 0px;
  }

.woocommerce-checkout-payment input[type="radio"]:checked::before {
    display: flex;
  }

.woocommerce-checkout-payment input[type="radio"]:checked::before {
    height: 100%;
  }

.woocommerce-checkout-payment input[type="radio"]:checked::before {
    width: 100%;
  }

.woocommerce-checkout-payment input[type="radio"]:checked::before {
    align-items: center;
  }

.woocommerce-checkout-payment input[type="radio"]:checked::before {
    justify-content: center;
  }

.woocommerce-checkout-payment input[type="radio"]:checked::before {
    --tw-bg-opacity: 1;
    background-color: rgb(39 38 37 / var(--tw-bg-opacity));
  }

.woocommerce-checkout-payment input[type="radio"]:checked::before {
    font-weight: 700;
  }

.woocommerce-checkout-payment input[type="radio"]:checked::before {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

.woocommerce-checkout-payment input[type="radio"]:checked::before {
    z-index: 1;
  }

.woocommerce-checkout-payment input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

.woocommerce-checkout-payment input[type="radio"]:checked::after {
    --tw-bg-opacity: 1;
    background-color: rgb(39 38 37 / var(--tw-bg-opacity));
  }

.woocommerce-billing-fields label{
    font-size: 12px;
    color: #272625;
  }

.woocommerce-billing-fields .form-row {
    width: 100% !important;
  }

.checkout__btn{
  padding: 16px 5px 16px 20px!important;
  justify-content: space-between!important;
  --tw-bg-opacity: 1;
  background-color: rgb(39 38 37 / var(--tw-bg-opacity));
  font-size: 16px !important;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 992px) {
  .checkout__btn {
    font-size: 21px !important;
  }
}

.checkout__btn {
  border-color: transparent;
  border: 2px solid;
}

.checkout__btn:hover {
    --tw-border-opacity: 1;
    border-color: rgb(39 38 37 / var(--tw-border-opacity));
  }

.zen-ui-select__value{
  background: transparent;
  border: none;
  border-bottom: 1px solid;
  --tw-border-opacity: 1;
  border-color: rgb(39 38 37 / var(--tw-border-opacity));
}

.zen-ui-select__options .zen-ui-select__option{
  padding: 16px 24px !important;
}

.zen-ui-select__value{
  padding: 16px 24px !important;
  opacity: 0.6 !important;
}

.section__rights .rights__header{
    margin-top: 160px;
  }

@media (min-width: 992px) {
      .section__rights .rights__header {
        margin-top: 220px;
      }
    }

.section__rights .rights__header {
    font-weight: 500;
}

.section__rights h4 {
    padding-bottom: 0.625rem;
  }

.section__rights h4 {
    font-size: 18px;
  }

@media (min-width: 992px) {
    .section__rights h4 {
      padding-bottom: 1rem;
    }
  }

@media (min-width: 992px) {
    .section__rights h4 {
      font-size: 21px;
    }
  }

.section__rights .rights__content{
    padding-bottom: 40px;
  }

@media (min-width: 992px) {
      .section__rights .rights__content {
        padding-bottom: 64px;
      }
    }

.section__rights .rights__content h3, .section__rights .rights__content h2, .section__rights .rights__content h1{
      padding-top: 28px;
      padding-bottom: 10px;
    }

@media (min-width: 992px) {
  .section__rights .rights__content h3, .section__rights .rights__content h2, .section__rights .rights__content h1 {
          padding-top: 36px;
          padding-bottom: 16px;
        }
      }

.section__rights .rights__content h3:last-child, .section__rights .rights__content h2:last-child, .section__rights .rights__content h1:last-child {
  padding-bottom: 0;
}

.section__order-thanks{
  min-height: 480px;
}

.section__order-thanks .order-thanks__link{
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
    text-underline-offset: 5px;
  }

.section__order-thanks .order-thanks__link {
    text-decoration-color: #272625;
  }

//#section__reviews, #section__products, #section__products2, #section__about-factory, #section__certificates,

//#section__terms {

//  scroll-margin-top: 70px;

//}

#section__reviews::before,
#section__products::before,
#section__products2::before,
#section__about-factory::before,
#section__certificates::before,
#section__terms::before {
  content: "";
  display: block;
  height: 80px;
  margin-top: -80px;
  visibility: hidden;
  pointer-events: none;
}

#wpforms-180-field_6-container,
#wpforms-180-field_4-container,
#wpforms-180-field_7-container,
#wpforms-180-field_8-container,
#wpforms-180-field_9-container,
#wpforms-180-field_10-container,
#wpforms-180-field_11-container{
  display: none;
}

#wpforms-183-field_6-container,
#wpforms-183-field_4-container,
#wpforms-183-field_7-container,
#wpforms-183-field_8-container,
#wpforms-183-field_9-container,
#wpforms-183-field_10-container,
#wpforms-183-field_11-container{
  display: none;
}

#custom-add-to-cart-message{
  display:none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #E6AB30;
  color: white;
  padding: 15px 25px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  z-index: 9999;
  font-size: 16px;
}

@keyframes pulse-ring {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  70% {
    transform: scale(1.5);
    opacity: 0;
  }

  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

.video-pulse {
  animation: pulse-ring 1.5s ease-out infinite;
  background-color: transparent;
  pointer-events: none;
}

.order-thanks__link{
  width: 290px;
  padding: 12px 0;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(39 38 37 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  border: 2px solid;
}

.order-thanks__link:hover {
    --tw-border-opacity: 1;
    border-color: rgb(39 38 37 / var(--tw-border-opacity));
  }

.section__order-thanks{
  min-height: calc(100vh - 337px);
}

.first-of-type\:\!pt-0:first-of-type {
  padding-top: 0px !important;
}

.last-of-type\:\!pb-0:last-of-type {
  padding-bottom: 0px !important;
}

.child-all\:\!text-16 * {
  font-size: 16px !important;
}

@media (min-width: 576px) {
  .sm\:mb-0 {
    margin-bottom: 0px;
  }

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

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

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

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

  .sm\:gap-x-5 {
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }

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

@media (min-width: 768px) {
  .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-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:gap-x-4 {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

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

  .md\:text-16 {
    font-size: 16px;
  }

  .md\:text-28 {
    font-size: 28px;
  }
}

@media (min-width: 992px) {
  .lg\:sticky {
    position: sticky;
  }

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

  .lg\:top-24 {
    top: 6rem;
  }

  .lg\:top-\[24px\] {
    top: 24px;
  }

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

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

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

  .lg\:block {
    display: block;
  }

  .lg\:hidden {
    display: none;
  }

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

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

  .lg\:w-2\/3 {
    width: 66.666667%;
  }

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

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

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

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

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

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

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

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

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

  .lg\:gap-12 {
    gap: 3rem;
  }

  .lg\:gap-4 {
    gap: 1rem;
  }

  .lg\:gap-8 {
    gap: 2rem;
  }

  .lg\:gap-x-6 {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .lg\:gap-y-8 {
    row-gap: 2rem;
  }

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

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

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

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

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

  .lg\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

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

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

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

  .lg\:text-12 {
    font-size: 12px;
  }

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

  .lg\:text-16 {
    font-size: 16px;
  }

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

  .lg\:text-21 {
    font-size: 21px;
  }

  .lg\:text-32 {
    font-size: 32px;
  }
}

@media (min-width: 1200px) {
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

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

  .xl\:gap-6 {
    gap: 1.5rem;
  }

  .xl\:gap-8 {
    gap: 2rem;
  }

  .xl\:gap-x-8 {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .xl\:gap-y-12 {
    row-gap: 3rem;
  }

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

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

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

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

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

  .xl\:text-24 {
    font-size: 24px;
  }
}

@media (min-width: 1440px) {
  .\32xl\:gap-8 {
    gap: 2rem;
  }

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

  .\32xl\:text-28 {
    font-size: 28px;
  }
}