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

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

/*
! tailwindcss v3.4.17 | 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: #F0F0F0;
  /* 2 */
}

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

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

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

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

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

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

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

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

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

button,
select {
  text-transform: none;
}

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

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

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

:-moz-focusring {
  outline: auto;
}

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

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

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

progress {
  vertical-align: baseline;
}

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

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

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

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

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #EFEFEF;
  /* 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]:where(:not([hidden="until-found"])) {
  display: none;
}

:root {
  --gutter: 16px;
}

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

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

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

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

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

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

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

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

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

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

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

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.collapse {
  visibility: collapse;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0px;
}

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

.-bottom-24 {
  bottom: -6rem;
}

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

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

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

.-end-16 {
  inset-inline-end: -4rem;
}

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

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

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

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

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

.-start-2 {
  inset-inline-start: -0.5rem;
}

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

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

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

.-top-16 {
  top: -4rem;
}

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

.-top-32 {
  top: -8rem;
}

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

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

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

.bottom-0 {
  bottom: 0px;
}

.bottom-2 {
  bottom: 0.5rem;
}

.bottom-3 {
  bottom: 0.75rem;
}

.bottom-4 {
  bottom: 1rem;
}

.bottom-6 {
  bottom: 1.5rem;
}

.bottom-7 {
  bottom: 1.75rem;
}

.bottom-8 {
  bottom: 2rem;
}

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

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

.end-0 {
  inset-inline-end: 0px;
}

.end-1 {
  inset-inline-end: 0.25rem;
}

.end-10 {
  inset-inline-end: 2.5rem;
}

.end-4 {
  inset-inline-end: 1rem;
}

.end-\[-60px\] {
  inset-inline-end: -60px;
}

.end-\[3px\] {
  inset-inline-end: 3px;
}

.left-0 {
  left: 0px;
}

.left-1 {
  left: 0.25rem;
}

.left-3 {
  left: 0.75rem;
}

.left-6 {
  left: 1.5rem;
}

.left-auto {
  left: auto;
}

.right-0 {
  right: 0px;
}

.right-1 {
  right: 0.25rem;
}

.right-3 {
  right: 0.75rem;
}

.right-4 {
  right: 1rem;
}

.right-6 {
  right: 1.5rem;
}

.start-0 {
  inset-inline-start: 0px;
}

.start-1 {
  inset-inline-start: 0.25rem;
}

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

.start-2 {
  inset-inline-start: 0.5rem;
}

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

.start-4 {
  inset-inline-start: 1rem;
}

.start-8 {
  inset-inline-start: 2rem;
}

.start-\[-150\%\] {
  inset-inline-start: -150%;
}

.start-\[-28px\] {
  inset-inline-start: -28px;
}

.top-0 {
  top: 0px;
}

.top-1 {
  top: 0.25rem;
}

.top-10 {
  top: 2.5rem;
}

.top-14 {
  top: 3.5rem;
}

.top-2 {
  top: 0.5rem;
}

.top-3 {
  top: 0.75rem;
}

.top-32 {
  top: 8rem;
}

.top-4 {
  top: 1rem;
}

.top-6 {
  top: 1.5rem;
}

.top-7 {
  top: 1.75rem;
}

.top-8 {
  top: 2rem;
}

.top-9 {
  top: 2.25rem;
}

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

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

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

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

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

.top-auto {
  top: auto;
}

.top-full {
  top: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

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

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

.float-end {
  float: inline-end;
}

.m-0 {
  margin: 0px;
}

.m-1 {
  margin: 0.25rem;
}

.m-auto {
  margin: auto;
}

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

.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

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

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

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

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

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

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

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

.my-14 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

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

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

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

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

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

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

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

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

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

.my-section-y {
  margin-top: 128px;
  margin-bottom: 128px;
}

.my-section-y-mobile {
  margin-top: 64px;
  margin-bottom: 64px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb-section-y {
  margin-bottom: 128px;
}

.mb-section-y-mobile {
  margin-bottom: 64px;
}

.me-3 {
  margin-inline-end: 0.75rem;
}

.me-4 {
  margin-inline-end: 1rem;
}

.me-auto {
  margin-inline-end: auto;
}

.ml-0 {
  margin-left: 0px;
}

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

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

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

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

.ms-0 {
  margin-inline-start: 0px;
}

.ms-11 {
  margin-inline-start: 2.75rem;
}

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

.ms-2 {
  margin-inline-start: 0.5rem;
}

.ms-4 {
  margin-inline-start: 1rem;
}

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

.ms-auto {
  margin-inline-start: auto;
}

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

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

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

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

.mt-14 {
  margin-top: 3.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.mt-section-y {
  margin-top: 128px;
}

.mt-section-y-mobile {
  margin-top: 64px;
}

.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.block {
  display: block;
}

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

.inline {
  display: inline;
}

.flex {
  display: flex;
}

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

.table {
  display: table;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.hidden {
  display: none;
}

.aspect-\[105\/124\] {
  aspect-ratio: 105/124;
}

.aspect-\[168\/154\] {
  aspect-ratio: 168/154;
}

.aspect-\[169\/117\] {
  aspect-ratio: 169/117;
}

.aspect-\[196\/170\] {
  aspect-ratio: 196/170;
}

.aspect-\[296\/176\] {
  aspect-ratio: 296/176;
}

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

.aspect-\[318\/74\] {
  aspect-ratio: 318/74;
}

.aspect-\[328\/200\] {
  aspect-ratio: 328/200;
}

.aspect-\[328\/216\] {
  aspect-ratio: 328/216;
}

.aspect-\[328\/240\] {
  aspect-ratio: 328/240;
}

.aspect-\[328\/272\] {
  aspect-ratio: 328/272;
}

.aspect-\[328\/320\] {
  aspect-ratio: 328/320;
}

.aspect-\[58\/40\] {
  aspect-ratio: 58/40;
}

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

.h-0 {
  height: 0px;
}

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

.h-1 {
  height: 0.25rem;
}

.h-1\.5 {
  height: 0.375rem;
}

.h-10 {
  height: 2.5rem;
}

.h-11 {
  height: 2.75rem;
}

.h-12 {
  height: 3rem;
}

.h-14 {
  height: 3.5rem;
}

.h-16 {
  height: 4rem;
}

.h-2 {
  height: 0.5rem;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-28 {
  height: 7rem;
}

.h-3 {
  height: 0.75rem;
}

.h-3\.5 {
  height: 0.875rem;
}

.h-4 {
  height: 1rem;
}

.h-44 {
  height: 11rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.h-9 {
  height: 2.25rem;
}

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

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

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

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

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

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

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

.h-auto {
  height: auto;
}

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

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.h-screen {
  height: 100vh;
}

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

.max-h-14 {
  max-height: 3.5rem;
}

.max-h-16 {
  max-height: 4rem;
}

.max-h-24 {
  max-height: 6rem;
}

.max-h-44 {
  max-height: 11rem;
}

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

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

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

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

.min-h-14 {
  min-height: 3.5rem;
}

.min-h-24 {
  min-height: 6rem;
}

.min-h-3 {
  min-height: 0.75rem;
}

.min-h-3\.5 {
  min-height: 0.875rem;
}

.min-h-6 {
  min-height: 1.5rem;
}

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

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

.min-h-fit {
  min-height: -moz-fit-content;
  min-height: fit-content;
}

.w-0 {
  width: 0px;
}

.w-0\.5 {
  width: 0.125rem;
}

.w-1 {
  width: 0.25rem;
}

.w-10 {
  width: 2.5rem;
}

.w-11 {
  width: 2.75rem;
}

.w-12 {
  width: 3rem;
}

.w-14 {
  width: 3.5rem;
}

.w-16 {
  width: 4rem;
}

.w-2 {
  width: 0.5rem;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-28 {
  width: 7rem;
}

.w-3 {
  width: 0.75rem;
}

.w-3\.5 {
  width: 0.875rem;
}

.w-32 {
  width: 8rem;
}

.w-4 {
  width: 1rem;
}

.w-5 {
  width: 1.25rem;
}

.w-6 {
  width: 1.5rem;
}

.w-64 {
  width: 16rem;
}

.w-7 {
  width: 1.75rem;
}

.w-8 {
  width: 2rem;
}

.w-80 {
  width: 20rem;
}

.w-9 {
  width: 2.25rem;
}

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

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

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

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

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

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

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

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

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

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

.w-auto {
  width: auto;
}

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

.w-full {
  width: 100%;
}

.w-px {
  width: 1px;
}

.min-w-10 {
  min-width: 2.5rem;
}

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

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

.min-w-16 {
  min-width: 4rem;
}

.min-w-24 {
  min-width: 6rem;
}

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

.min-w-3\.5 {
  min-width: 0.875rem;
}

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

.min-w-4 {
  min-width: 1rem;
}

.min-w-40 {
  min-width: 10rem;
}

.min-w-6 {
  min-width: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

.max-w-7xl {
  max-width: 80rem;
}

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

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

.max-w-lg {
  max-width: 32rem;
}

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

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

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

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

.border-spacing-1 {
  --tw-border-spacing-x: 0.25rem;
  --tw-border-spacing-y: 0.25rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

.border-spacing-2 {
  --tw-border-spacing-x: 0.5rem;
  --tw-border-spacing-y: 0.5rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

.-translate-x-1 {
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1 {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-full {
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-2 {
  --tw-translate-y: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

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

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

.rotate-\[270deg\] {
  --tw-rotate: 270deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

.transform-none {
  transform: none;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

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

.resize {
  resize: both;
}

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

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

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

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

.columns-1 {
  -moz-columns: 1;
       columns: 1;
}

.columns-2 {
  -moz-columns: 2;
       columns: 2;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gap-0 {
  gap: 0px;
}

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

.gap-1 {
  gap: 0.25rem;
}

.gap-1\.5 {
  gap: 0.375rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-14 {
  gap: 3.5rem;
}

.gap-16 {
  gap: 4rem;
}

.gap-2 {
  gap: 0.5rem;
}

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

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-7 {
  gap: 1.75rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-\[18px\] {
  gap: 18px;
}

.gap-\[25px\] {
  gap: 25px;
}

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

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

.gap-\[9px\] {
  gap: 9px;
}

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

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

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

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

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * 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-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-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}

.space-y-12 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * 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-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));
}

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

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

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

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

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

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

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

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

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

.rounded {
  border-radius: 0.25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

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

.rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

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

.border {
  border-width: 1px;
}

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

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

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

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

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

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

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

.border-e {
  border-inline-end-width: 1px;
}

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

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

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

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

.border-s {
  border-inline-start-width: 1px;
}

.border-s-4 {
  border-inline-start-width: 4px;
}

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

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

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

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

.border-emerald-300 {
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183 / var(--tw-border-opacity, 1));
}

.border-emerald-500 {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}

.border-gray-100 {
  border-color: #1E1E1E1A;
}

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(240 240 240 / var(--tw-border-opacity, 1));
}

.border-gray-250 {
  border-color: #F0F0F033;
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(249 249 249 / var(--tw-border-opacity, 1));
}

.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));
}

.border-gray-450 {
  --tw-border-opacity: 1;
  border-color: rgb(223 223 223 / var(--tw-border-opacity, 1));
}

.border-gray-50 {
  --tw-border-opacity: 1;
  border-color: rgb(240 241 241 / var(--tw-border-opacity, 1));
}

.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(77 77 77 / var(--tw-border-opacity, 1));
}

.border-navy {
  --tw-border-opacity: 1;
  border-color: rgb(27 45 84 / var(--tw-border-opacity, 1));
}

.border-neutral-100 {
  --tw-border-opacity: 1;
  border-color: rgb(245 245 245 / var(--tw-border-opacity, 1));
}

.border-neutral-400 {
  --tw-border-opacity: 1;
  border-color: rgb(163 163 163 / var(--tw-border-opacity, 1));
}

.border-neutral-50 {
  --tw-border-opacity: 1;
  border-color: rgb(250 250 250 / var(--tw-border-opacity, 1));
}

.border-neutral-500 {
  --tw-border-opacity: 1;
  border-color: rgb(115 115 115 / var(--tw-border-opacity, 1));
}

.border-primary-200 {
  --tw-border-opacity: 1;
  border-color: rgb(227 6 19 / var(--tw-border-opacity, 1));
}

.border-primary-50 {
  --tw-border-opacity: 1;
  border-color: rgb(253 231 233 / var(--tw-border-opacity, 1));
}

.border-red-600 {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}

.border-slateDark {
  --tw-border-opacity: 1;
  border-color: rgb(79 90 112 / var(--tw-border-opacity, 1));
}

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

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

.border-r-gray-600 {
  border-right-color: #34343414;
}

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

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

.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

.bg-current {
  background-color: currentColor;
}

.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}

.bg-emerald-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}

.bg-gray-100 {
  background-color: #1E1E1E1A;
}

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

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

.bg-gray-250 {
  background-color: #F0F0F033;
}

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

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

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

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

.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}

.bg-green-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));
}

.bg-green-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(134 239 172 / var(--tw-bg-opacity, 1));
}

.bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
}

.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}

.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}

.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.bg-green-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}

.bg-green-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / var(--tw-bg-opacity, 1));
}

.bg-green-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
}

.bg-green-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 46 22 / var(--tw-bg-opacity, 1));
}

.bg-neutral-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}

.bg-neutral-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 212 / var(--tw-bg-opacity, 1));
}

.bg-neutral-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163 / var(--tw-bg-opacity, 1));
}

.bg-neutral-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

.bg-pink {
  --tw-bg-opacity: 1;
  background-color: rgb(248 183 201 / var(--tw-bg-opacity, 1));
}

.bg-primary-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 228 229 / var(--tw-bg-opacity, 1));
}

.bg-primary-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(227 6 19 / var(--tw-bg-opacity, 1));
}

.bg-primary-400 {
  background-color: #E3061373;
}

.bg-primary-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 231 233 / var(--tw-bg-opacity, 1));
}

.bg-primary-500 {
  background-color: #930009B0;
}

.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.bg-red-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}

.bg-slateDark {
  --tw-bg-opacity: 1;
  background-color: rgb(79 90 112 / var(--tw-bg-opacity, 1));
}

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

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

.bg-whiteAlpha-11 {
  background-color: #FFFFFF1C;
}

.bg-whiteAlpha-26 {
  background-color: #FFFFFF42;
}

.bg-whiteAlpha-32 {
  background-color: #FFFFFF52;
}

.bg-whiteAlpha-49 {
  background-color: #FCFCFC7D;
}

.bg-whiteAlpha-50 {
  background-color: #FFFFFF80;
}

.bg-whiteAlpha-56 {
  background-color: #FFFFFF8F;
}

.bg-whiteAlpha-70 {
  background-color: #FFFFFFB2;
}

.bg-whiteAlpha-73 {
  background-color: #FFFFFFBA;
}

.bg-whiteAlpha-86 {
  background-color: #FFFFFFDB;
}

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

.bg-footer-desktop {
  background-image: url('../../assets/images/footer-vector.svg');
}

.bg-footer-mobile {
  background-image: url('../../assets/images/footer-vector-mobile.svg');
}

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

.bg-none {
  background-image: none;
}

.bg-primary-overlay {
  background-image: 
        linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)),
        linear-gradient(0deg, #E30613, #E30613);
}

.bg-red-diagonal {
  background-image: linear-gradient(269.58deg, rgba(100, 2, 7, 0.4) 0.37%, #7C3230 81.17%, #7C4650 99.61%);
}

.bg-wave-bottom {
  background-image: url("data:image/svg+xml,%3Csvg width='1439' height='114' viewBox='0 0 1439 114' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-1 114C-1 114 406 57 718.5 57C1031 57 1439 114 1439 114V0H-1V114Z' fill='%23F0F0F0'/%3E%3C/svg%3E");
}

.bg-wave-bottom-sm {
  background-image: url("data:image/svg+xml,%3Csvg width='360' height='29' viewBox='0 0 360 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 28.5C0 28.5 101.75 14.25 179.875 14.25C258 14.25 360 28.5 360 28.5V0H0V28.5Z' fill='%23F0F0F0'/%3E%3C/svg%3E");
}

.bg-wave-top {
  background-image: url("data:image/svg+xml,%3Csvg width='1439' height='114' viewBox='0 0 1439 114' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-1 0C-1 0 406 57 718.5 57C1031 57 1439 0 1439 0V114H-1V0Z' fill='%23F0F0F0'/%3E%3C/svg%3E");
}

.bg-wave-top-sm {
  background-image: url("data:image/svg+xml,%3Csvg width='360' height='29' viewBox='0 0 360 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0C0 0 101.75 14.25 179.875 14.25C258 14.25 360 0 360 0V28.5H0V0Z' fill='%23F0F0F0'/%3E%3C/svg%3E");
}

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

.bg-contain {
  background-size: contain;
}

.bg-cover {
  background-size: cover;
}

.bg-bottom {
  background-position: bottom;
}

.bg-center {
  background-position: center;
}

.bg-top {
  background-position: top;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.fill-gray-300 {
  fill: #F9F9F9;
}

.fill-gray-350 {
  fill: #DDDDDD;
}

.fill-gray-500 {
  fill: #999999;
}

.fill-none {
  fill: none;
}

.fill-red-600 {
  fill: #dc2626;
}

.fill-white {
  fill: #FFFFFF;
}

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

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

.p-0 {
  padding: 0px;
}

.p-1 {
  padding: 0.25rem;
}

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

.p-11 {
  padding: 2.75rem;
}

.p-12 {
  padding: 3rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

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

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

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

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

.px-11 {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}

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

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

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

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

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

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

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

.px-\[7\.5px\] {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

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

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

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

.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.py-section-y {
  padding-top: 128px;
  padding-bottom: 128px;
}

.py-section-y-mobile {
  padding-top: 64px;
  padding-bottom: 64px;
}

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

.pb-11 {
  padding-bottom: 2.75rem;
}

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

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

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

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

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

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

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

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

.pb-7 {
  padding-bottom: 1.75rem;
}

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

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

.pb-\[11px\] {
  padding-bottom: 11px;
}

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

.pb-\[38px\] {
  padding-bottom: 38px;
}

.pb-section-y {
  padding-bottom: 128px;
}

.pb-section-y-mobile {
  padding-bottom: 64px;
}

.pe-0 {
  padding-inline-end: 0px;
}

.pe-1 {
  padding-inline-end: 0.25rem;
}

.pe-14 {
  padding-inline-end: 3.5rem;
}

.pe-2 {
  padding-inline-end: 0.5rem;
}

.pe-4 {
  padding-inline-end: 1rem;
}

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

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

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

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

.pr-11 {
  padding-right: 2.75rem;
}

.pr-16 {
  padding-right: 4rem;
}

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

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

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

.pr-9 {
  padding-right: 2.25rem;
}

.ps-0 {
  padding-inline-start: 0px;
}

.ps-1 {
  padding-inline-start: 0.25rem;
}

.ps-11 {
  padding-inline-start: 2.75rem;
}

.ps-16 {
  padding-inline-start: 4rem;
}

.ps-2 {
  padding-inline-start: 0.5rem;
}

.ps-3 {
  padding-inline-start: 0.75rem;
}

.ps-4 {
  padding-inline-start: 1rem;
}

.ps-6 {
  padding-inline-start: 1.5rem;
}

.ps-\[22px\] {
  padding-inline-start: 22px;
}

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

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

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

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

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

.pt-16 {
  padding-top: 4rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.align-text-top {
  vertical-align: text-top;
}

.font-icon {
  font-family: icomoon;
}

.font-nian {
  font-family: Nian, serif;
}

.font-sans {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

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

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

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-5xl {
  font-size: 3rem;
  line-height: 1;
}

.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.font-extrabold {
  font-weight: 800;
}

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

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

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

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

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

.font-thin {
  font-weight: 100;
}

.italic {
  font-style: italic;
}

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

.leading-10 {
  line-height: 2.5rem;
}

.leading-4 {
  line-height: 1rem;
}

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

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

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

.leading-8 {
  line-height: 2rem;
}

.leading-9 {
  line-height: 2.25rem;
}

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

.leading-\[100\%\] {
  line-height: 100%;
}

.leading-\[22px\] {
  line-height: 22px;
}

.leading-\[22pxpx\] {
  line-height: 22pxpx;
}

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

.leading-\[38px\] {
  line-height: 38px;
}

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

.leading-none {
  line-height: 1;
}

.leading-normal {
  line-height: 1.5;
}

.leading-tight {
  line-height: 1.25;
}

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

.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(240 240 240 / var(--tw-text-opacity, 1));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(239 239 239 / var(--tw-text-opacity, 1));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}

.text-gray-600 {
  color: #34343414;
}

.text-gray-650 {
  --tw-text-opacity: 1;
  color: rgb(106 106 106 / var(--tw-text-opacity, 1));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(77 77 77 / var(--tw-text-opacity, 1));
}

.text-green-100 {
  --tw-text-opacity: 1;
  color: rgb(220 252 231 / var(--tw-text-opacity, 1));
}

.text-green-200 {
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
}

.text-green-300 {
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}

.text-green-400 {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}

.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}

.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}

.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

.text-green-900 {
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}

.text-green-950 {
  --tw-text-opacity: 1;
  color: rgb(5 46 22 / var(--tw-text-opacity, 1));
}

.text-navy {
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

.text-neutral-50 {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
}

.text-neutral-600 {
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity, 1));
}

.text-neutral-700 {
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity, 1));
}

.text-neutral-900 {
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
}

.text-primary-200 {
  --tw-text-opacity: 1;
  color: rgb(227 6 19 / var(--tw-text-opacity, 1));
}

.text-primary-300 {
  --tw-text-opacity: 1;
  color: rgb(147 0 9 / var(--tw-text-opacity, 1));
}

.text-primary-400 {
  color: #E3061373;
}

.text-primary-500 {
  color: #930009B0;
}

.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.text-slate {
  --tw-text-opacity: 1;
  color: rgb(96 110 139 / var(--tw-text-opacity, 1));
}

.text-slateDark {
  --tw-text-opacity: 1;
  color: rgb(79 90 112 / var(--tw-text-opacity, 1));
}

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

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

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.opacity-0 {
  opacity: 0;
}

.opacity-10 {
  opacity: 0.1;
}

.opacity-100 {
  opacity: 1;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-60 {
  opacity: 0.6;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-deep-left {
  --tw-shadow: -80px -2px 50.1px 0px #00000040;
  --tw-shadow-colored: -80px -2px 50.1px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-inset-red {
  --tw-shadow: inset 0px -7.06px 11.77px 0px #CA1B27A6;
  --tw-shadow-colored: inset 0px -7.06px 11.77px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-soft-down {
  --tw-shadow: 0px 20px 40px 0px #0000000A;
  --tw-shadow-colored: 0px 20px 40px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-soft-gray {
  --tw-shadow: 0px 0px 50px 0px #A5A5A526;
  --tw-shadow-colored: 0px 0px 50px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-soft-md {
  --tw-shadow: 0px 4px 20px 0px #0000000A;
  --tw-shadow-colored: 0px 4px 20px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-soft-red {
  --tw-shadow: 0px 4px 7.8px 0px #E3061359;
  --tw-shadow-colored: 0px 4px 7.8px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-soft-sm {
  --tw-shadow: 0px 4px 4px 0px #00000040;
  --tw-shadow-colored: 0px 4px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-soft-xs {
  --tw-shadow: 0px 1.88px 7.5px 0px #4848480A;
  --tw-shadow-colored: 0px 1.88px 7.5px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

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

.outline {
  outline-style: solid;
}

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

.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.brightness-0 {
  --tw-brightness: brightness(0);
  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);
}

.grayscale {
  --tw-grayscale: grayscale(100%);
  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);
}

.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-\[10px\] {
  --tw-backdrop-blur: blur(10px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-\[23px\] {
  --tw-backdrop-blur: blur(23px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-lg {
  --tw-backdrop-blur: blur(16px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-filter {
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

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

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

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

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

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

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

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

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

@media (min-width: 1440px) {
  .container-3xl {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 1440px;
  }
}

/*#region global*/

@font-face {
  font-family: "Nian";

  font-weight: 100;

  font-style: normal;

  src: url("../fonts/nian/Nian-Thin.woff2") format("woff2"),
        url("../fonts/nian/Nian-Thin.woff") format("woff"),
        url("../fonts/nian/Nian-Thin.ttf") format("truetype");
}

@font-face {
  font-family: "Nian";

  font-weight: 200;

  font-style: normal;

  src: url("../fonts/nian/Nian-ExtraLight.woff2") format("woff2"),
        url("../fonts/nian/Nian-ExtraLight.woff") format("woff"),
        url("../fonts/nian/Nian-ExtraLight.ttf") format("truetype");
}

@font-face {
  font-family: "Nian";

  font-weight: 300;

  font-style: normal;

  src: url("../fonts/nian/Nian-Light.woff2") format("woff2"),
        url("../fonts/nian/Nian-Light.woff") format("woff"),
        url("../fonts/nian/Nian-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Nian";

  font-weight: 400;

  font-style: normal;

  src: url("../fonts/nian/Nian.woff2") format("woff2"),
        url("../fonts/nian/Nian.woff") format("woff"),
        url("../fonts/nian/Nian.ttf") format("truetype");
}

@font-face {
  font-family: "Nian";

  font-weight: 500;

  font-style: normal;

  src: url("../fonts/nian/Nian.woff2") format("woff2"),
        url("../fonts/nian/Nian.woff") format("woff"),
        url("../fonts/nian/Nian.ttf") format("truetype");
}

@font-face {
  font-family: "Nian";

  font-weight: 600;

  font-style: normal;

  src: url("../fonts/nian/Nian-SemiBold.woff2") format("woff2"),
        url("../fonts/nian/Nian-SemiBold.woff") format("woff"),
        url("../fonts/nian/Nian-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Nian";

  font-weight: 700;

  font-style: normal;

  src: url("../fonts/nian/Nian-Bold.woff2") format("woff2"),
        url("../fonts/nian/Nian-Bold.woff") format("woff"),
        url("../fonts/nian/Nian-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Nian";

  font-weight: 800;

  font-style: normal;

  src: url("../fonts/nian/Nian-ExtraBold.woff2") format("woff2"),
        url("../fonts/nian/Nian-ExtraBold.woff") format("woff"),
        url("../fonts/nian/Nian-ExtraBold.ttf") format("truetype");
}

@font-face {
  font-family: "Nian";

  font-weight: 900;

  font-style: normal;

  src: url("../fonts/nian/Nian-Black.woff2") format("woff2"),
        url("../fonts/nian/Nian-Black.woff") format("woff"),
        url("../fonts/nian/Nian-Black.ttf") format("truetype");
}

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

  src: url('../fonts/icomoon/icomoon.eot?f85tqm');

  src: url('../fonts/icomoon/icomoon.eot?f85tqm#iefix') format('embedded-opentype'),
        url('../fonts/icomoon/icomoon.ttf?f85tqm') format('truetype'),
        url('../fonts/icomoon/icomoon.woff?f85tqm') format('woff'),
        url('../fonts/icomoon/icomoon.svg?f85tqm#icomoon') format('svg');

  font-weight: normal;

  font-style: normal;

  font-display: block;
}

/* پایه */

* {
  margin: 0px;
  box-sizing: border-box;
  padding: 0px;
  font-size: 100%;
}

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

/* HTML و تایپوگرافی */

html {
  font-family: Nian, serif;
  font-size: 16px;
}

html.menu-open {
  overflow-y: hidden;
}

:focus,
:active {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

/* مدیا */

img {
  vertical-align: middle;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0px;
  display: block;
}

p:empty {
  display: none;
}

/* لیست‌ها */

ol,
ul,
dl {
  margin: 0px;
  list-style-type: none;
}

/* بلاک‌کوت */

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
}

/* جدول */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* لینک و دکمه */

a {
  text-decoration-line: none;
}

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

button {
  -webkit-appearance: button;
}

/* فرم‌ها */

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-width: 0px;
}

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

/* کانتینرها */

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

@media (min-width: 1440px) {
  .container {
    max-width: calc(1240px + var(--gutter) * 2);
  }
}

@media (max-width: 768px) {
  .none-left-container-mobile {
    padding-inline-end: 0px;
  }
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

.section-title {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .section-title {
    font-size: 31px;
    line-height: 38px;
  }
}

.img-default {
  position: relative;
  z-index: 0;
  aspect-ratio: 168/154;
  overflow: hidden;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(253 231 233 / var(--tw-bg-opacity, 1));
}

@media (min-width: 992px) {
  .img-default {
    aspect-ratio: 266/237;
  }
}

.img-default::before {
  content: "";
  background-image: url(../images/logo.png);
  position: absolute;
  inset: 0px;
  z-index: -1;
  margin: auto;
  aspect-ratio: 58/40;
  height: auto;
  width: 58px;
  min-width: 58px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

@media (min-width: 992px) {
  .img-default::before {
    aspect-ratio: 72/49;
    width: 72px;
    min-width: 72px;
  }
}

.show-more {
  margin-left: auto;
  margin-right: auto;
  min-width: 8rem;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

@media (min-width: 992px) {
  .show-more {
    min-width: 155px;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    line-height: 26px;
  }
}

.swiper-pagination {
  position: static;
  margin-top: 0.75rem;
}

@media (min-width: 992px) {
  .swiper-pagination {
    margin-top: 2.25rem;
  }
}

.swiper-pagination .swiper-pagination-bullet {
  height: 0.25rem;
  width: 1.25rem;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity, 1));
  opacity: 1;
}

@media (min-width: 992px) {
  .swiper-pagination .swiper-pagination-bullet {
    height: 5px;
    width: 2rem;
  }
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 2.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(227 6 19 / var(--tw-bg-opacity, 1));
}

@media (min-width: 992px) {
  .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 80px;
  }
}

.section-description {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(79 90 112 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .section-description {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.5rem;
  }
}

/*#endregion global*/

/*#region button*/

.button {
  display: flex;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

@media (min-width: 992px) {
  .button {
    height: 3rem;
  }
}

.button-primary-outline {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-radius: 48px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 6 19 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(227 6 19 / var(--tw-text-opacity, 1));
}

.button-primary-outline:hover {
  --tw-border-opacity: 1;
  border-color: rgb(227 6 19 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(227 6 19 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .button-primary-outline {
    gap: 5px;
  }
}

.button-slateDark-outline {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(79 90 112 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(79 90 112 / var(--tw-text-opacity, 1));
}

.button-slateDark-outline:hover {
  --tw-border-opacity: 1;
  border-color: rgb(79 90 112 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(79 90 112 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.button-primary {
  height: 2rem;
  border-radius: 0.5rem;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(227 6 19 / var(--tw-bg-opacity, 1));
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.button-primary:hover {
  background-image: 
        linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)),
        linear-gradient(0deg, #E30613, #E30613);
}

@media (min-width: 992px) {
  .button-primary {
    height: 3rem;
    border-radius: 0.75rem;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.button-gray-200 {
  height: 2.5rem;
  border-radius: 0.75rem;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 16px;
  line-height: 22px;
  --tw-text-opacity: 1;
  color: rgb(77 77 77 / var(--tw-text-opacity, 1));
}

.button-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1));
}

@media (min-width: 992px) {
  .button-gray-200 {
    border-radius: 0.75rem;
  }
}

/*#endregion button*/

/*#region header*/

body.home-page .header-section {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  background-color: #FFFFFF8F;
}

.header-section {
  outline: none;
  position: relative;
  z-index: 3;
  background-color: #FFFFFFDB;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-backdrop-blur: blur(10px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms
}

@media (min-width: 992px) {
  .header-section {
    padding-top: 23px;
    padding-bottom: 23px;
  }
}

.header-section.sticky-header {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 3;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0px 20px 40px 0px #0000000A;
  --tw-shadow-colored: 0px 20px 40px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.header-section .header-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
}

.header-section .menu-toggle-btn {
  display: block;
  font-size: 40px;
  line-height: 0;
  --tw-text-opacity: 1;
  color: rgb(227 6 19 / var(--tw-text-opacity, 1));
}

@media (min-width: 1200px) {
  .header-section .menu-toggle-btn {
    display: none;
  }
}

.logo {
  aspect-ratio: 58/40;
  height: auto;
  width: 58px;
  min-width: 58px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (min-width: 992px) {
  .logo {
    aspect-ratio: 72/49;
    width: 72px;
    min-width: 72px;
  }
}

.header-section .header-actions {
  outline: none;
}

.header-section .header-actions .close-btn {
  order: 1;
  display: block;
}

@media (min-width: 1200px) {
  .header-section .header-actions .close-btn {
    display: none;
  }
}

.header-section .header-actions .change-lang {
  order: 2;
  height: 2rem;
  min-width: 54px;
  --tw-text-opacity: 1;
  color: rgb(227 6 19 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.header-section .header-actions .change-lang:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .header-section .header-actions .change-lang {
    height: 50px;
    min-width: 80px;
  }
}

.header-section .header-actions .close-btn {
  order: 1;
  height: 2rem;
  width: 2rem;
  --tw-text-opacity: 1;
  color: rgb(227 6 19 / var(--tw-text-opacity, 1));
}

.header-section .header-actions .close-btn [class^="icon-"],
.header-section .header-actions [class*=" icon-"] {
  font-size: 32px;
  line-height: normal;
}

.header-section .header-controls {
  order: 2;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 1200px) {
  .header-section .header-controls {
    order: 3;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.header-section .header-actions .change-lang .lang-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 300;
  line-height: 100%;
}

@media (min-width: 992px) {
  .header-section .header-actions .change-lang .lang-item {
    gap: 5px;
  }
}

.header-section .header-actions .change-lang .lang-item.disabled {
  display: none;
}

.header-section .header-actions .search-item {
  position: relative;
  order: 3;
  width: 100%;
}

@media (min-width: 1200px) {
  .header-section .header-actions .search-item {
    order: 2;
    width: 200px;
  }
}

.header-section .header-actions .search-item input {
  height: 2.5rem;
  width: 100%;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 6 19 / var(--tw-border-opacity, 1));
  background-color: transparent;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-inline-start: 1rem;
  padding-inline-end: 3.5rem;
  font-size: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .header-section .header-actions .search-item input {
    height: 44px;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 300;
  }
}

@media (min-width: 1200px) {
  .header-section .header-actions .search-item input {
    width: 200px;
    border-radius: 27px;
  }
}

.header-section .header-actions .search-item input::-moz-placeholder {
  font-size: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(227 6 19 / var(--tw-text-opacity, 1));
  opacity: 0.5;
}

.header-section .header-actions .search-item input::placeholder {
  font-size: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(227 6 19 / var(--tw-text-opacity, 1));
  opacity: 0.5;
}

@media (min-width: 992px) {
  .header-section .header-actions .search-item input::-moz-placeholder {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 300;
  }
  .header-section .header-actions .search-item input::placeholder {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 300;
  }
}

@media (min-width: 1200px) {
  .header-section .header-actions .search-item input::-moz-placeholder {
    opacity: 1;
  }
  .header-section .header-actions .search-item input::placeholder {
    opacity: 1;
  }
}

.header-section .header-actions .main-nav {
  outline: none;
  order: 4;
  width: 100%
}

@media (min-width: 1200px) {
  .header-section .header-actions .main-nav {
    order: 1;
    margin-inline-end: auto;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.header-section .header-actions .main-nav ul {
  outline: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  outline-width: 0px
}

@media (min-width: 1200px) {
  .header-section .header-actions .main-nav ul {
    gap: 1px;
  }
}

.header-section .header-actions .main-nav>ul {
  flex-direction: column;
}

@media (min-width: 1200px) {
  .header-section .header-actions .main-nav>ul {
    flex-direction: row;
  }
}

.header-section .header-actions .main-nav ul .menu-item {
  outline: none;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 20px;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-inline-end: 0px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
  outline-width: 0px
}

@media (min-width: 992px) {
  .header-section .header-actions .main-nav ul .menu-item {
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 26px;
  }
}

@media (min-width: 1200px) {
  .header-section .header-actions .main-nav ul .menu-item {
    width: -moz-fit-content;
    width: fit-content;
    flex-direction: row;
    justify-content: center;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-inline-end: 1rem;
  }
}

.header-section .header-actions .main-nav ul .menu-item a {
  outline: none;
}

@media (min-width: 1200px) {
  .header-section .header-actions .main-nav>ul>.menu-item {
    gap: 0.5rem;
  }

  .header-section .header-actions .main-nav>ul>.menu-item:last-child {
    position: relative;
  }
}

.header-section .header-actions .main-nav>ul>.menu-item:last-child::before {
  content: "";
  display: none
}

@media (min-width: 1200px) {
  .header-section .header-actions .main-nav>ul>.menu-item:last-child::before {
    position: absolute;
    inset-inline-start: 0px;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
    height: 2rem;
    width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(153 153 153 / var(--tw-bg-opacity, 1));
  }
}

.header-section .search-btn {
  position: absolute;
  inset-inline-end: 1rem;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  height: 1.25rem;
  border-inline-start-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 6 19 / var(--tw-border-opacity, 1));
  padding-inline-start: 0.75rem;
}

.header-section .search-btn [class^="icon-"], .header-section .search-btn [class*=" icon-"] {
  font-size: 1.25rem;
  line-height: 1.75rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(227 6 19 / var(--tw-text-opacity, 1));
}

/*#endregion header*/

/*#region mobile-menu*/

.header-section .header-actions {
  display: none;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
}

@media (min-width: 992px) {
  .header-section .header-actions {
    gap: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .header-section .header-actions {
    display: flex;
    flex-direction: row;
  }
}

@media (max-width: 1200px) {
  .header-section .header-actions {
    width: calc(100% - 39px);
    position: fixed;
    top: 0px;
    inset-inline-start: -150%;
    z-index: 999;
    display: flex;
    height: 100vh;
    flex-direction: column;
    gap: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 1.5rem;
    --tw-shadow: -80px -2px 50.1px 0px #00000040;
    --tw-shadow-colored: -80px -2px 50.1px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
  }

  @media (min-width: 1200px) {
    .header-section .header-actions {
      display: none;
      gap: 1.5rem;
    }
  }
}

.header-section .header-actions.open {
  inset-inline-start: 0px;
}

/*#endregion mobile-menu*/

/*#region mega-menu*/

.header-section .main-nav .menu-item-has-children>.sub-menu .menu-item-has-children>.sub-menu>.menu-item::before {
  content: "";
  display: block;
  height: 0.25rem;
  width: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(79 90 112 / var(--tw-bg-opacity, 1))
}

.header-section .main-nav .menu-item-has-children>.sub-menu .menu-item-has-children>.sub-menu>.menu-item {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  border-radius: 0.25rem;
  padding: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(79 90 112 / var(--tw-text-opacity, 1));
}

.header-section .main-nav .menu-item-has-children>.sub-menu .menu-item-has-children>.sub-menu>.menu-item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
}

@media (min-width: 1200px) {
  .header-section .main-nav .menu-item-has-children>.sub-menu .menu-item-has-children>.sub-menu>.menu-item {
    padding: 0px;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 16px;
    font-weight: 600;
  }

  .header-section .main-nav .menu-item-has-children>.sub-menu .menu-item-has-children>.sub-menu>.menu-item:hover {
    background-color: transparent;
  }
}

.header-section .main-nav .menu-item-has-children>.sub-menu .menu-item-has-children>.sub-menu {
  inset-inline-start: calc(25% + 80px);
  top: 0px;
  gap: 0.5rem
}

@media (min-width: 1200px) {
  .header-section .main-nav .menu-item-has-children>.sub-menu .menu-item-has-children>.sub-menu {
    visibility: hidden;
    position: absolute;
    width: 64%;
    align-items: flex-start;
    gap: 0.75rem;
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
  }
}

.header-section .main-nav>ul>.menu-item-has-children>.sub-menu {
  z-index: 2;
}

@media (min-width: 1200px) {
  .header-section .main-nav>ul>.menu-item-has-children>.sub-menu {
    visibility: hidden;
    position: absolute;
    top: 100%;
    inset-inline-start: 0px;
    inset-inline-end: 0px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    width: 1140px;
    align-items: flex-start;
    gap: 1.25rem;
    border-radius: 20px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    opacity: 0;
    --tw-shadow: 0px 0px 50px 0px #A5A5A526;
    --tw-shadow-colored: 0px 0px 50px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
  }
}

@media (min-width: 1440px) {
  .header-section .main-nav>ul>.menu-item-has-children>.sub-menu {
    width: 1240px;
  }
}

.header-section .main-nav>ul>.menu-item-has-children>.sub-menu .menu-holder {
  position: relative;
  height: 100%;
  width: 100%;
}

@media (min-width: 1200px) {
  .header-section .main-nav>ul>.menu-item-has-children.open>.sub-menu .menu-item-has-children.open .sub-menu {
    visibility: visible;
    opacity: 1;
  }

  .header-section .main-nav>ul>.menu-item-has-children.open::after {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

  .header-section .main-nav>ul>.menu-item-has-children>.sub-menu .menu-holder>li {
    width: 100%;
    justify-content: space-between;
    padding: 0px;
  }

  .header-section .main-nav>ul>.menu-item-has-children>.sub-menu .menu-holder>li>a {
    width: 25%;
    border-radius: 10px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 21px;
    font-weight: 700;
  }

  .header-section .main-nav>ul>.menu-item-has-children.open>.sub-menu {
    visibility: visible;
    height: 336px;
    --tw-translate-y: 0.5rem;
    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));
    overflow-y: auto;
    opacity: 1;
  }

  .header-section .main-nav>ul>.menu-item-has-children>.sub-menu .menu-holder>.menu-item-has-children>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .header-section .main-nav>ul>.menu-item-has-children>.sub-menu .menu-holder>.menu-item-has-children.open>a {
    --tw-bg-opacity: 1;
    background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
  }

  .header-section .main-nav>ul>.menu-item-has-children>.sub-menu .sub-menu {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .header-section .main-nav .sub-menu .menu-item a {
    font-size: 16px;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(27 45 84 / var(--tw-text-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

  .header-section .header-actions .main-nav>ul>.menu-item.menu-item-has-children.open {
    --tw-bg-opacity: 1;
    background-color: rgb(227 6 19 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

  .header-section .main-nav>ul>.menu-item-has-children::after {
    content: "\e901";
    font-family: icomoon;
    font-size: 16px;
    --tw-text-opacity: 1;
    color: rgb(27 45 84 / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
  }

  .header-section .main-nav>ul>.menu-item-has-children>.sub-menu .menu-holder>.menu-item-has-children>a::after {
    content: "\e915";
    font-family: icomoon;
    font-size: 16px;
    --tw-text-opacity: 1;
    color: rgb(27 45 84 / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
  }

  .header-section .main-nav>ul>.menu-item-has-children>.sub-menu .menu-holder>.menu-item-has-children>a:where([dir="ltr"], [dir="ltr"] *)::after {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .header-section .main-nav>ul>.menu-item-has-children>.sub-menu .menu-holder::before {
    content: "";
    inset-inline-start: calc(25% + 40px);
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
    height: 100%;
    width: 1px;
    background-color: #1E1E1E1A
  }
}

/* ================= MOBILE MENU FIX ================= */

@media (max-width: 1199px) {
  .header-section .main-nav {
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    border-top-width: 1px;
    border-color: #1E1E1E1A;
    padding-top: 1rem;
  }

  .header-section .main-nav .menu-item-has-children>a {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
  }

  .header-section .main-nav .menu-item-has-children>a::after {
    content: "\e915";
    font-family: icomoon;
    font-size: 1.25rem;
    line-height: 1.75rem;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
  }

  .header-section .main-nav .menu-item-has-children>a:where([dir="ltr"], [dir="ltr"] *)::after {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .header-section .main-nav .menu-item-has-children>.sub-menu>.menu-item-has-children>a::after {
    font-size: 16px;
  }

  .header-section .main-nav .menu-item-has-children.open>a::after {
    --tw-rotate: 270deg;
    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));
    --tw-text-opacity: 1;
    color: rgb(227 6 19 / var(--tw-text-opacity, 1));
  }

  .header-section .main-nav .menu-item-has-children>.sub-menu {
    max-height: 0px;
    overflow: hidden;
    border-radius: 10px;
    --tw-bg-opacity: 1;
    background-color: rgb(253 231 233 / var(--tw-bg-opacity, 1));
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
  }

  .header-section .main-nav .menu-item-has-children.open>.sub-menu {
    height: 100%;
    max-height: 100%;
    min-height: 182px;
    width: 100%;
    padding: 0.5rem;
    padding-inline-start: 0.5rem;
    opacity: 1;
  }

  .header-section .main-nav .menu-item-has-children.open>.sub-menu .menu-item-has-children {
    border-radius: 10px;
  }

  .header-section .main-nav .menu-item-has-children.open>.sub-menu .menu-item-has-children.open {
    gap: 0.625rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .header-section .main-nav .menu-item-has-children.open>.sub-menu .menu-item-has-children.open>.sub-menu {
    margin-inline-start: 0px;
    height: 100%;
    max-height: 100%;
    min-height: 200px;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 0px;
  }

  .header-section .header-actions .main-nav>ul>.menu-item:not(:last-child) {
    border-radius: 0px;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(249 249 249 / var(--tw-border-opacity, 1));
  }

  .header-section .header-actions .main-nav>ul>.menu-item.menu-item-has-children.open {
    gap: 0.5rem;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-inline-start: 0px;
  }

  .header-section .header-actions .main-nav>ul>.menu-item.menu-item-has-children.open>a {
    border-bottom-width: 0px;
    border-inline-start-width: 4px;
    --tw-border-opacity: 1;
    border-color: rgb(227 6 19 / var(--tw-border-opacity, 1));
    padding-top: 13px;
    padding-bottom: 13px;
    padding-inline-start: 1rem;
  }
}

/*#endregion mega-menu*/

/*#region hero*/

.hero {
  position: relative;
  z-index: 0;
  display: flex;
  height: 358px;
  align-items: flex-end;
}

@media (min-width: 992px) {
  .hero {
    height: 689px;
  }
}

.hero .hero-items .hero-img {
  position: absolute;
  inset: 0px;
  z-index: -1;
}

.hero .hero-items .hero-mobile {
  display: block;
}

@media (min-width: 992px) {
  .hero .hero-items .hero-mobile {
    display: none;
  }
}

.hero .hero-items .hero-desktop {
  display: none;
}

@media (min-width: 992px) {
  .hero .hero-items .hero-desktop {
    display: block;
  }
}

.hero .hero-items .hero-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero .hero-items .hero-title {
  padding-bottom: 38px;
  text-align: start;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .hero .hero-items .hero-title {
    font-size: 3rem;
    line-height: 1;
  }
}

.hero .hero-items .hero-title .red-title {
  font-size: 3rem;
  line-height: 1;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(227 6 19 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .hero .hero-items .hero-title .red-title {
    font-size: 64px;
  }
}

/*#endregion hero*/

/*#region product-categories*/

.product-categories {
  margin-top: 43px;
  margin-bottom: 59px;
}

@media (min-width: 992px) {
  .product-categories {
    margin-bottom: 128px;
    margin-top: 142px;
  }
}

.product-categories-swiper {
  padding-top: 1.5rem;
}

@media (min-width: 992px) {
  .product-categories-swiper {
    padding-top: 4rem;
  }
}

.product-categories .product-category-items {
  margin-top: 1.5rem;
  display: flex;
  max-width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  overflow-x: auto;
}

@media (min-width: 992px) {
  .product-categories .product-category-items {
    margin-top: 54px;
    justify-content: center;
    gap: 1.25rem;
  }
}

.product-categories .product-category-items .product-category-item {
  display: flex;
  height: 2.5rem;
  min-width: -moz-fit-content;
  min-width: fit-content;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 80px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 6 19 / var(--tw-border-opacity, 1));
  background-color: transparent;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(227 6 19 / var(--tw-text-opacity, 1));
}

.product-categories .product-category-items .product-category-item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(227 6 19 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .product-categories .product-category-items .product-category-item {
    height: 3rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.product-categories .product-category-items .product-category-item .product-category-img {
  height: 1.5rem;
  width: 1.5rem;
  -o-object-fit: contain;
     object-fit: contain;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

@media (min-width: 992px) {
  .product-categories .product-category-items .product-category-item .product-category-img {
    height: 2rem;
    width: 2rem;
  }
}

.product-categories .product-category-items .product-category-item:hover .product-category-img {
  --tw-brightness: brightness(0);
  --tw-invert: invert(100%);
  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);
}

.product-category-cart {
  background-image: url(../images/product-category-bg.png);
  display: flex;
  height: 240px;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  border-radius: 10px;
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat
}

@media (min-width: 768px) {
  .product-category-cart {
    height: 368px;
  }
}

@media (min-width: 992px) {
  .product-category-cart {
    border-radius: 1rem;
  }
}

.product-category-cart .product-category-cart-img {
  aspect-ratio: 196/170;
  width: 100%;
  background-color: transparent;
}

@media (min-width: 992px) {
  .product-category-cart .product-category-cart-img {
    aspect-ratio: 300/260;
  }
}

.product-category-cart .product-category-cart-img img {
  max-height: 170px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (min-width: 768px) {
  .product-category-cart .product-category-cart-img img {
    max-height: 260px;
  }
}

.product-category-cart .product-category-cart-title {
  width: calc(100% - 48px);
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: flex;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  background-color: #FFFFFF42;
  font-size: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms
}

@media (min-width: 992px) {
  .product-category-cart .product-category-cart-title {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    height: 3rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
  }
}

@media (max-width: 992px) {
  .product-category-cart .product-category-cart-title {
    width: calc(100% - 32px);
  }
}

.product-category-cart:hover .product-category-cart-title {
  opacity: 1;
}

/*#endregion product-categories*/

/*#region special-products*/

.special-products {
  position: relative;
  z-index: 0;
  margin-top: 93px;
  margin-bottom: 93px;
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));
}

@media (min-width: 992px) {
  .special-products {
    margin-top: 242px;
    margin-bottom: 242px;
  }
}

.special-products::before {
  content: "";
  position: absolute;
  top: -28px;
  z-index: -2;
  display: block;
  height: 29px;
  width: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='360' height='29' viewBox='0 0 360 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0C0 0 101.75 14.25 179.875 14.25C258 14.25 360 0 360 0V28.5H0V0Z' fill='%23F0F0F0'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

@media (min-width: 992px) {
  .special-products::before {
    top: -114px;
    height: 114px;
    background-image: url("data:image/svg+xml,%3Csvg width='1439' height='114' viewBox='0 0 1439 114' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-1 0C-1 0 406 57 718.5 57C1031 57 1439 0 1439 0V114H-1V0Z' fill='%23F0F0F0'/%3E%3C/svg%3E");
  }
}

.special-products::after {
  content: "";
  position: absolute;
  bottom: -29px;
  z-index: -2;
  display: block;
  height: 29px;
  width: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='360' height='29' viewBox='0 0 360 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 28.5C0 28.5 101.75 14.25 179.875 14.25C258 14.25 360 28.5 360 28.5V0H0V28.5Z' fill='%23F0F0F0'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

@media (min-width: 992px) {
  .special-products::after {
    bottom: -114px;
    height: 114px;
    background-image: url("data:image/svg+xml,%3Csvg width='1439' height='114' viewBox='0 0 1439 114' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-1 114C-1 114 406 57 718.5 57C1031 57 1439 114 1439 114V0H-1V114Z' fill='%23F0F0F0'/%3E%3C/svg%3E");
  }
}

.special-product-cart {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.flower-vector .flower-img {
  position: absolute;
  bottom: -29px;
  z-index: 2;
  aspect-ratio: 105/124;
  width: 105px;
}

@media (min-width: 992px) {
  .flower-vector .flower-img {
    bottom: -114px;
    aspect-ratio: 246/333;
    width: 246px;
  }
}

.flower-vector .flower-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.flower-vector .right-flower {
  inset-inline-start: 0px;
}

.flower-vector .left-flower {
  inset-inline-end: 0px;
}

.special-product-cart .special-product-img {
  position: relative;
  z-index: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  aspect-ratio: 298/270;
  width: 298px;
  align-items: center;
  justify-content: center;
}

@media (min-width: 992px) {
  .special-product-cart .special-product-img {
    aspect-ratio: 562/509;
    width: 562px;
  }
}

.special-product-cart .special-product-img::after {
  content: "";
  background-image: url(../images/product-img-holder.png);
  position: absolute;
  inset: 0px;
  z-index: -2;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  width: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

.special-product-cart .special-product-img::before {
  content: "";
  background-image: url(../images/product-img-holder-bubbles.svg);
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  z-index: -1;
  margin-left: auto;
  margin-right: auto;
  display: block;
  aspect-ratio: 318/74;
  width: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

@media (min-width: 992px) {
  .special-product-cart .special-product-img::before {
    aspect-ratio: 665/316;
  }
}

@media (max-width: 992px) {
  .special-product-cart .special-product-img::before {
    background-image: url(../images/product-img-holder-bubbles-sm.svg);
  }
}

.special-product-cart .special-product-img img {
  height: auto;
  max-height: 220px;
  width: 260px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (min-width: 992px) {
  .special-product-cart .special-product-img img {
    max-height: 420px;
    width: 470px;
  }
}

.special-product-cart .special-product-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .special-product-cart .special-product-title {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

.special-product-feature {
  position: absolute;
}

.special-product-feature .special-product-feature-text::before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
  height: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.special-product-feature .special-product-feature-text {
  position: relative;
  display: flex;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.125rem;
  background-color: #FFFFFFBA;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(227 6 19 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .special-product-feature .special-product-feature-text {
    height: 3rem;
    border-radius: 0.5rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
  }
}

.special-product-feature.top-right {
  inset-inline-start: 0px;
  top: 72px;
}

@media (min-width: 1200px) {
  .special-product-feature.top-right {
    inset-inline-start: 3rem;
    top: 8rem;
  }
}

@media (min-width: 768px) {
  .special-product-feature.top-right .special-product-feature-text::before {
    inset-inline-end: -175px;
    width: 175px;
  }
}

@media (min-width: 1200px) {
  .special-product-feature.top-right .special-product-feature-text::before {
    inset-inline-end: -267px;
    width: 267px;
  }
}

.special-product-feature.bottom-right {
  inset-inline-start: 0.5rem;
  top: 150px;
}

@media (min-width: 1200px) {
  .special-product-feature.bottom-right {
    inset-inline-start: 94px;
    top: 321px;
  }
}

.special-product-feature.bottom-right .special-product-feature-text::before {
  inset-inline-end: -60px;
  width: 60px;
}

@media (min-width: 768px) {
  .special-product-feature.bottom-right .special-product-feature-text::before {
    inset-inline-end: -175px;
    width: 175px;
  }
}

@media (min-width: 1200px) {
  .special-product-feature.bottom-right .special-product-feature-text::before {
    inset-inline-end: -212px;
    width: 212px;
  }
}

.special-product-feature.top-left {
  inset-inline-end: 3px;
  top: 96px;
}

@media (min-width: 1200px) {
  .special-product-feature.top-left {
    inset-inline-end: 98px;
    top: 92px;
  }
}

.special-product-feature.top-left .special-product-feature-text::before {
  inset-inline-start: -28px;
  width: 28px;
}

@media (min-width: 768px) {
  .special-product-feature.top-left .special-product-feature-text::before {
    inset-inline-start: -155px;
    width: 155px;
  }
}

@media (min-width: 1200px) {
  .special-product-feature.top-left .special-product-feature-text::before {
    inset-inline-start: -145px;
    width: 145px;
  }
}

.special-product-feature.bottom-left {
  inset-inline-end: 0.25rem;
  top: 165px;
}

@media (min-width: 1200px) {
  .special-product-feature.bottom-left {
    inset-inline-end: 47px;
    top: 297px;
  }
}

@media (min-width: 768px) {
  .special-product-feature.bottom-left .special-product-feature-text::before {
    inset-inline-start: -200px;
    width: 200px;
  }
}

@media (min-width: 1200px) {
  .special-product-feature.bottom-left .special-product-feature-text::before {
    inset-inline-start: -271px;
    width: 271px;
  }
}

/*#endregion product*/

/*#region product-posts*/

.product-posts {
  margin-top: 64px;
  margin-bottom: 64px;
}

@media (min-width: 992px) {
  .product-posts {
    margin-top: 128px;
    margin-bottom: 128px;
  }
}

.product-swiper {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

@media (min-width: 992px) {
  .product-swiper {
    padding-top: 2.5rem;
    padding-bottom: 3rem;
  }
}

.product-cart {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  border-radius: 15px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 7.5px;
  padding-right: 7.5px;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  --tw-shadow: 0px 1.88px 7.5px 0px #4848480A;
  --tw-shadow-colored: 0px 1.88px 7.5px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 992px) {
  .product-cart {
    gap: 1rem;
    border-radius: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

.product-cart .product-cart-img {
  aspect-ratio: 169/117;
  border-radius: 10px;
}

@media (min-width: 992px) {
  .product-cart .product-cart-img {
    aspect-ratio: 268/222;
    border-radius: 1rem;
  }
}

.product-cart .product-cart-img .product-img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.product-cart .product-cart-categoty {
  margin-bottom: 5px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: flex;
  height: 18px;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(248 228 229 / var(--tw-bg-opacity, 1));
  padding: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(227 6 19 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .product-cart .product-cart-categoty {
    margin-bottom: 0.5rem;
    height: 1.25rem;
    border-radius: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

.product-cart .product-cart-title {
  margin-bottom: 0.375rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

.product-cart .product-cart-title:hover {
  --tw-text-opacity: 1;
  color: rgb(227 6 19 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .product-cart .product-cart-title {
    margin-bottom: 0px;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
  }
}

.buy-btn {
  height: 2rem;
  border-radius: 5px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 7.5px;
  padding-right: 7.5px;
  font-size: 16px;
  font-weight: 600;
}

@media (min-width: 992px) {
  .buy-btn {
    height: 3rem;
    border-radius: 0.5rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
  }
}

/*#endregion product-posts*/

/*#region blog-posts*/

.blog-posts {
  margin-top: 64px;
  margin-bottom: 64px;
}

@media (min-width: 992px) {
  .blog-posts {
    margin-top: 128px;
    margin-bottom: 128px;
  }
}

.blog-swiper {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

@media (min-width: 992px) {
  .blog-swiper {
    padding-top: 2.5rem;
    padding-bottom: 3rem;
  }
}

.blog-cart {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 9px;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));
  padding: 0.5rem;
  --tw-shadow: 0px 20px 40px 0px #0000000A;
  --tw-shadow-colored: 0px 20px 40px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 992px) {
  .blog-cart {
    gap: 1rem;
    padding: 1rem;
  }
}

.blog-cart .blog-cart-img .blog-img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.blog-cart .publication-date {
  position: absolute;
  top: 1rem;
  inset-inline-start: 1rem;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-radius: 0.5rem;
  border-width: 1px;
  border-right-color: #34343414;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
  --tw-shadow: 0px 4px 4px 0px #00000040;
  --tw-shadow-colored: 0px 4px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 992px) {
  .blog-cart .publication-date {
    top: 2rem;
    inset-inline-start: 2rem;
    padding: 0.5rem;
    font-size: 16px;
    line-height: 22px;
  }
}

.blog-cart .publication-date::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='19' viewBox='0 0 17 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 6C0.75 3.79086 2.54086 2 4.75 2H11.75C13.9591 2 15.75 3.79086 15.75 6V13.4167C15.75 15.6258 13.9591 17.4167 11.75 17.4167H4.75C2.54086 17.4167 0.75 15.6258 0.75 13.4167V6Z' stroke='%231B2D54' stroke-width='1.5'/%3E%3Cpath d='M0.75 6.58398H15.75' stroke='%231B2D54' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M4.91797 0.75L4.91797 3.25' stroke='%231B2D54' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.582 0.75V3.25' stroke='%231B2D54' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='8.2513' cy='11.5833' r='0.833333' fill='%231B2D54'/%3E%3Ccircle cx='11.5833' cy='11.5833' r='0.833333' fill='%231B2D54'/%3E%3Ccircle cx='4.91536' cy='11.5833' r='0.833333' fill='%231B2D54'/%3E%3C/svg%3E");
  display: block;
  height: 0.875rem;
  width: 0.875rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

@media (min-width: 992px) {
  .blog-cart .publication-date::before {
    height: 1.25rem;
    width: 1.25rem;
  }
}

.blog-cart .blog-cart-title {
  margin-bottom: 0.25rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

.blog-cart .blog-cart-title:hover {
  --tw-text-opacity: 1;
  color: rgb(227 6 19 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .blog-cart .blog-cart-title {
    margin-bottom: 0.5rem;
    font-size: 21px;
    font-weight: 700;
    line-height: 26px;
  }
}

.blog-cart .blog-cart-description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(79 90 112 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .blog-cart .blog-cart-description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 51px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    line-height: 180%;
  }
}

.blog-cart .blog-cart-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(240 241 241 / var(--tw-border-opacity, 1));
  padding-top: 9px;
}

@media (min-width: 992px) {
  .blog-cart .blog-cart-meta {
    padding-top: 1rem;
  }
}

.blog-cart .read-time {
  display: flex;
  height: 2rem;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(79 90 112 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .blog-cart .read-time {
    height: 3rem;
    padding: 1rem;
  }
}

.blog-cart .read-time::before {
  content: "\e90d";
  font-family: icomoon;
  font-size: 16px;
  font-weight: 400
}

@media (min-width: 992px) {
  .blog-cart .read-time::before {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.blog-cart .read-btn {
  gap: 0.5rem;
  font-size: 16px;
  font-weight: 600;
}

@media (min-width: 992px) {
  .blog-cart .read-btn {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.blog-cart .read-btn::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99935 5.04447V16.9187M4.16602 6.87887C5.22083 7.04222 6.3975 7.31381 7.49935 7.7399M4.16602 10.2122C4.69892 10.2947 5.26293 10.4049 5.83268 10.5486M3.32796 2.50939C5.1766 2.71829 7.66029 3.28027 9.43004 4.52037C9.77017 4.75871 10.2285 4.75871 10.5687 4.52037C12.3384 3.28027 14.8221 2.71829 16.6707 2.50939C17.5857 2.40601 18.3327 3.17002 18.3327 4.11265V13.5C18.3327 14.4426 17.5857 15.2069 16.6707 15.3103C14.8221 15.5192 12.3384 16.0811 10.5687 17.3212C10.2285 17.5596 9.77017 17.5596 9.43004 17.3212C7.66029 16.0811 5.1766 15.5192 3.32796 15.3103C2.41303 15.2069 1.66602 14.4426 1.66602 13.5V4.11265C1.66602 3.17002 2.41303 2.40601 3.32796 2.50939Z' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  display: block;
  height: 1rem;
  width: 1rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

@media (min-width: 992px) {
  .blog-cart .read-btn::after {
    height: 1.25rem;
    width: 1.25rem;
  }
}

/*#region blog-archive-post*/

.blog-posts.blog-archive-post {
  margin-top: 2rem;
  margin-bottom: 4rem;
}

@media (min-width: 992px) {
  .blog-posts.blog-archive-post {
    margin-top: 54px;
    margin-bottom: 8rem;
  }
}

.blog-posts.blog-archive-post .section-title {
  text-align: start;
}

.blog-archive-post .blog-posts-items {
  margin-top: 2rem;
  margin-bottom: 3.5rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 992px) {
  .blog-archive-post .blog-posts-items {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.blog-archive-post .blog-cart .blog-cart-meta, .related-blog .blog-cart .blog-cart-meta {
  border-width: 0px;
  padding-top: 0px;
}

.blog-archive-post .blog-cart .blog-cart-meta .read-btn,
.related-blog .blog-cart .blog-cart-meta .read-btn {
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(77 77 77 / var(--tw-text-opacity, 1));
}

.blog-archive-post .blog-cart .blog-cart-meta .read-btn:hover,
.related-blog .blog-cart .blog-cart-meta .read-btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(227 6 19 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.blog-archive-post .blog-cart .blog-cart-meta .read-btn::after,
.related-blog .blog-cart .blog-cart-meta .read-btn::after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99935 5.04447V16.9187M4.16602 6.87887C5.22083 7.04222 6.3975 7.31381 7.49935 7.7399M4.16602 10.2122C4.69892 10.2947 5.26293 10.4049 5.83268 10.5486M3.32796 2.50939C5.1766 2.71829 7.66029 3.28027 9.43004 4.52037C9.77017 4.75871 10.2285 4.75871 10.5687 4.52037C12.3384 3.28027 14.8221 2.71829 16.6707 2.50939C17.5857 2.40601 18.3327 3.17002 18.3327 4.11265V13.5C18.3327 14.4426 17.5857 15.2069 16.6707 15.3103C14.8221 15.5192 12.3384 16.0811 10.5687 17.3212C10.2285 17.5596 9.77017 17.5596 9.43004 17.3212C7.66029 16.0811 5.1766 15.5192 3.32796 15.3103C2.41303 15.2069 1.66602 14.4426 1.66602 13.5V4.11265C1.66602 3.17002 2.41303 2.40601 3.32796 2.50939Z' stroke='%234D4D4D' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms
}

.blog-archive-post .blog-cart .blog-cart-meta .read-btn:hover::after,
.related-blog .blog-cart .blog-cart-meta .read-btn:hover::after {
  --tw-brightness: brightness(0);
  --tw-invert: invert(100%);
  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);
}

.blog-archive-post .show-more, .product-archive-post .show-more {
  min-width: 240px;
  font-weight: 600;
}

/*#endregion blog-archive-post*/

/*#endregion blog-posts*/

/*#region footer*/

.footer {
  position: relative;
  margin-top: 87px;
}

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

.footer .footer-items .footer-top {
  --tw-bg-opacity: 1;
  background-color: rgb(227 6 19 / var(--tw-bg-opacity, 1));
}

.footer .footer-items .footer-top .footer-top-items {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding-top: 19px;
  padding-bottom: 30px;
}

@media (min-width: 992px) {
  .footer .footer-items .footer-top .footer-top-items {
    flex-direction: row;
    justify-content: space-between;
    padding-top: 42px;
    padding-bottom: 22px;
  }
}

.footer .footer-items .footer-logo {
  order: 1;
}

@media (min-width: 992px) {
  .footer .footer-items .footer-logo {
    width: 20%;
  }
}

.footer .footer-items .footer-social-links {
  order: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
}

@media (min-width: 992px) {
  .footer .footer-items .footer-social-links {
    order: 2;
  }
}

.footer .footer-items .footer-social-links .social-link {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background-color: #FFFFFF52;
}

@media (min-width: 992px) {
  .footer .footer-items .footer-social-links .social-link {
    height: 3rem;
    width: 3rem;
  }
}

.footer .footer-items .footer-social-links .social-link .social-img {
  height: auto;
  width: 1.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.footer .footer-items .footer-invite-text {
  order: 2;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .footer .footer-items .footer-invite-text {
    order: 3;
    width: 20%;
    text-align: end;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
  }
}

.footer .footer-items .footer-bottom {
  background-image: 
        linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)),
        linear-gradient(0deg, #E30613, #E30613);
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 992px) {
  .footer .footer-items .footer-bottom {
    padding-top: 2rem;
    padding-bottom: 0.75rem;
  }
}

.footer .footer-items .footer-bottom .footer-nav {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: 100%;
  justify-content: center;
  border-radius: 1rem;
  background-color: #FFFFFF42;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0px;
  padding-right: 0px;
}

@media (min-width: 576px) {
  .footer .footer-items .footer-bottom .footer-nav {
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media (min-width: 992px) {
  .footer .footer-items .footer-bottom .footer-nav {
    border-radius: 21px;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
}

.footer .footer-items .footer-bottom .footer-nav ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .footer .footer-items .footer-bottom .footer-nav ul {
    left: 26px;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.footer .footer-items .footer-bottom .footer-nav ul .menu-item {
  position: relative;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

@media (min-width: 992px) {
  .footer .footer-items .footer-bottom .footer-nav ul .menu-item {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.footer .footer-items .footer-bottom .footer-nav ul .menu-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  inset-inline-end: 0px;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  display: block;
  height: auto;
  width: 0.125rem;
  background-color: #FFFFFF80
}

@media (min-width: 992px) {
  .footer .footer-items .footer-bottom .footer-nav ul .menu-item:not(:last-child)::after {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}

.footer .footer-items .footer-bottom .copyright-text {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .footer .footer-items .footer-bottom .copyright-text {
    margin-top: 34px;
    gap: 0.5rem;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.75rem;
  }
}

.footer .footer-items .footer-bottom .copyright-text strong {
  font-size: 16px;
  font-weight: 600;
}

@media (min-width: 992px) {
  .footer .footer-items .footer-bottom .copyright-text strong {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.footer .footer-items .footer-bottom .copyright-text .icon-copyright {
  font-size: 16px;
}

@media (min-width: 992px) {
  .footer .footer-items .footer-bottom .copyright-text .icon-copyright {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.back-top-top {
  position: absolute;
  inset-inline-end: 0px;
  top: 0px;
  z-index: 0;
  height: 6rem;
  width: 6rem;
  background-image: url('../../assets/images/footer-vector-mobile.svg');
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
  .back-top-top {
    inset-inline-end: 75px;
    background-image: url('../../assets/images/footer-vector.svg');
  }
}

.back-top-top .back-top-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='47' height='43' viewBox='0 0 47 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.636 28.3513L21.9008 21.0964C22.6581 20.5611 23.8861 20.5611 24.6434 21.0964L34.9082 28.3513' stroke='%23E30613' stroke-width='2.77765' stroke-linecap='round'/%3E%3Cpath d='M11.636 18.9115L21.9008 11.7619C22.6581 11.2344 23.8861 11.2344 24.6434 11.7619L34.9082 18.9115' stroke='%23EB5962' stroke-opacity='0.53' stroke-width='2.77765' stroke-linecap='round'/%3E%3C/svg%3E");
  margin-left: auto;
  margin-right: auto;
  margin-top: -1.5rem;
  display: block;
  height: 42px;
  width: 46px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

@media (min-width: 992px) {
  .back-top-top .back-top-icon {
    margin-top: -2rem;
  }
}

/*#endregion footer*/

/*#region faq*/

.faq {
  margin-top: 2rem;
  margin-bottom: 64px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

@media (min-width: 992px) {
  .faq {
    margin-top: 84px;
    margin-bottom: 128px;
  }

  .faq .section-title {
    font-size: 27px;
    line-height: 2rem;
  }
}

.faq .accordion {
  margin-top: 1.5rem;
}

@media (min-width: 992px) {
  .faq .accordion {
    margin-top: 54px;
  }
}

/*#endregion faq*/

/*#region accordion*/

.accordion > :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));
}

@media (min-width: 992px) {
  .accordion > :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));
  }
}

.accordion-item {
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(240 240 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 992px) {
  .accordion-item {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.accordion-trigger {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.5rem;
  text-align: start;
  font-size: 16px;
  font-weight: 700;
  line-height: 22pxpx;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.accordion-trigger:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

@media (min-width: 992px) {
  .accordion-trigger {
    flex-direction: row;
    align-items: center;
    gap: 1rem;
  }
}

.accordion-icon {
  font-size: 32px;
  font-weight: 400;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(227 6 19 / var(--tw-text-opacity, 1));
  transition-property: transform;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.accordion-item[aria-expanded="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
}

.accordion:not(.simple-accordion) .accordion-item[aria-expanded="true"] .accordion-icon::before {
  content: "\e917";
}

.accordion-panel {
  display: none;
  padding-top: 1rem;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(79 90 112 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .accordion-panel {
    padding-top: 1.5rem;
  }
}

/*#region simple-accordion*/

.simple-accordion .accordion-trigger {
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(240 240 240 / var(--tw-border-opacity, 1));
  padding-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.75rem;
}

@media (min-width: 992px) {
  .simple-accordion .accordion-trigger {
    padding-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    line-height: 22px;
  }
}

.simple-accordion .accordion-item {
  border-width: 0px;
  background-color: transparent;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 992px) {
  .simple-accordion .accordion-item {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

.simple-accordion .accordion-icon {
  font-size: 1.25rem;
  line-height: 1.75rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

.simple-accordion .accordion-panel {
  padding-top: 1rem;
}

/*#endregion simple-accordion*/

/*#endregion accordion*/

/*#region breadcrumbs*/

body:not(.home-page) .breadcrumbs:not(.transparent):not(.no-bg) {
  display: flex;
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
}

.rank-math-breadcrumb {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

.rank-math-breadcrumb p {
  display: flex;
  max-width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  overflow-x: auto;
  overflow-y: hidden;
}

.rank-math-breadcrumb .separator {
  display: flex;
  align-items: center;
  justify-content: center;
}

.rank-math-breadcrumb p>* {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.rank-math-breadcrumb .separator::before {
  content: "\e902";
  font-family: icomoon;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 400
}

.rank-math-breadcrumb .separator:where([dir="ltr"], [dir="ltr"] *)::before {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rank-math-breadcrumb a {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}

.breadcrumbs.transparent .rank-math-breadcrumb {
  margin-top: 0px;
  margin-bottom: 25px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .breadcrumbs.transparent .rank-math-breadcrumb {
    margin-bottom: 2rem;
  }
}

.breadcrumbs.no-bg .rank-math-breadcrumb {
  --tw-text-opacity: 1;
  color: rgb(77 77 77 / var(--tw-text-opacity, 1));
}

/*#endregion breadcrumbs*/

/*#region about-overview*/

.about-overview {
  margin-top: 2rem;
  margin-bottom: 64px;
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
}

@media (min-width: 992px) {
  .about-overview {
    margin-top: 64px;
    margin-bottom: 128px;
  }
}

.section-full-bg.about-overview {
  margin: 0px;
  display: flex;
}

.video-wrapper {
  position: relative;
  aspect-ratio: 328/200;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  border-radius: 32px;
}

@media (min-width: 992px) {
  .video-wrapper {
    aspect-ratio: 521/411;
  }
}

.video-wrapper::before {
  content: "";
  position: absolute;
  inset: 0px;
  z-index: 2;
  background-color: #E3061373;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.video-wrapper .cover-img {
  position: absolute;
  inset: 0px;
  z-index: 1;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.video-wrapper::after {
  content: "";
  background-image: url("../images/play.svg");
  position: absolute;
  inset: 0px;
  z-index: 2;
  margin: auto;
  height: 4rem;
  width: 4rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

@media (min-width: 992px) {
  .video-wrapper::after {
    height: 6rem;
    width: 6rem;
  }
}

.video-player {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.video-wrapper.playing::before,
.video-wrapper.playing::after,
.video-wrapper.playing .cover-img {
  pointer-events: none;
  opacity: 0;
}

.about-overview-title.desktop {
  display: none;
}

@media (min-width: 992px) {
  .about-overview-title.desktop {
    display: block;
  }
}

.about-overview-title.mobile {
  display: block;
}

@media (min-width: 992px) {
  .about-overview-title.mobile {
    display: none;
  }
}

.about-overview-items {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

@media (min-width: 992px) {
  .about-overview-items {
    flex-direction: row;
    gap: 3rem;
  }
}

.about-overview.section-full-bg .about-overview-items {
  margin-bottom: 64px;
}

@media (min-width: 992px) {
  .about-overview.section-full-bg .about-overview-items {
    margin-top: 2rem;
    margin-bottom: 128px;
  }
}

.about-overview-items .about-overview-video {
  width: 100%;
}

@media (min-width: 992px) {
  .about-overview-items .about-overview-video {
    width: 40%;
  }
}

@media (min-width: 1440px) {
  .about-overview-items .about-overview-video {
    width: 521px;
  }
}

.about-overview-items .about-overview-content {
  width: 100%;
}

@media (min-width: 992px) {
  .about-overview-items .about-overview-content {
    width: 60%;
  }
}

@media (min-width: 1440px) {
  .about-overview-items .about-overview-content {
    width: 671px;
  }
}

.about-overview-title {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .about-overview-title {
    font-size: 27px;
    line-height: 33px;
  }
}

.about-overview-desc {
  text-align: justify;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(79 90 112 / var(--tw-text-opacity, 1));
}

.about-overview-fields {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

@media (min-width: 992px) {
  .about-overview-fields {
    margin-top: 21px;
    flex-direction: row;
  }
}

.about-overview-fields .about-overview-field {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.75rem;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}

.about-overview-fields .about-overview-field .about-overview-field-header {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.about-overview-fields .about-overview-field .about-overview-field-title {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  line-height: 26px;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

.about-overview-fields .about-overview-field .about-overview-field-icon {
  height: -moz-fit-content;
  height: fit-content;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(227 6 19 / var(--tw-text-opacity, 1));
}

.about-overview-fields .about-overview-field .about-overview-field-icon [class^="icon-"],
.about-overview-fields .about-overview-field .about-overview-field-icon [class*=" icon-"] {
  font-weight: 600;
}

.about-overview-fields .about-overview-field .about-overview-field-desc {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(79 90 112 / var(--tw-text-opacity, 1));
}

/*#endregion about-overview*/

/*#region statistics*/

.statistics {
  background-image: url(../../uploads/about-pic.png);
  position: relative;
  z-index: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 36px;
  padding-bottom: 36px
}

@media (min-width: 992px) {
  .statistics {
    padding-top: 110px;
    padding-bottom: 110px;
  }
}

.statistics::before {
  content: "";
  position: absolute;
  inset: 0px;
  z-index: -1;
  margin: auto;
  height: 100%;
  width: 100%;
  background-color: #930009B0
}

.statistics .stat-items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 992px) {
  .statistics .stat-items {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(1, minmax(0, 1fr));
    gap: 2.5rem;
  }
}

.stat-cart {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  background-color: #FFFFFF1C;
  padding: 0.5rem;
  text-align: center;
  --tw-backdrop-blur: blur(23px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

@media (min-width: 992px) {
  .stat-cart {
    border-radius: 40px;
    padding: 1.5rem;
  }
}

.stat-cart .stat-cart-img {
  margin-bottom: 0.5rem;
  height: 2rem;
  width: 2rem;
}

@media (min-width: 992px) {
  .stat-cart .stat-cart-img {
    margin-bottom: 1.25rem;
    height: 52px;
    width: 52px;
  }
}

.stat-cart .stat-cart-img img {
  height: auto;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.stat-cart .stat-cart-title {
  margin-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 22px;
  --tw-text-opacity: 1;
  color: rgb(240 240 240 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .stat-cart .stat-cart-title {
    margin-bottom: 26px;
    font-size: 27px;
    line-height: 2rem;
  }
}

.stat-cart-count {
  font-size: 31px;
  font-weight: 700;
  line-height: 38px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .stat-cart-count {
    font-size: 3rem;
    line-height: 1;
    line-height: 58px;
  }
}

/*#endregion statistics*/

/*#region products-gallery*/

.products-gallery {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .products-gallery {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}

.products-gallery .products-gallery-items {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

@media (min-width: 992px) {
  .products-gallery .products-gallery-items {
    flex-direction: row;
    gap: 3rem;
  }
}

.products-gallery .products-gallery-content {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

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

@media (min-width: 1440px) {
  .products-gallery .products-gallery-content {
    width: 608px;
  }
}

.products-gallery .products-gallery-pictures {
  width: 100%;
}

@media (min-width: 992px) {
  .products-gallery .products-gallery-pictures {
    width: 45%;
  }
}

@media (min-width: 1440px) {
  .products-gallery .products-gallery-pictures {
    width: 584px;
  }
}

.products-gallery .products-gallery-content .products-gallery-title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .products-gallery .products-gallery-content .products-gallery-title {
    font-size: 27px;
    line-height: 2rem;
  }
}

.products-gallery .products-gallery-content .products-gallery-desc {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(79 90 112 / var(--tw-text-opacity, 1));
}

.products-gallery .products-gallery-content .show-all-btn {
  display: flex;
  height: 3rem;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  border-radius: 80px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-inline-start: 0.75rem;
  padding-inline-end: 0.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  line-height: 26px;
}

.products-gallery .products-gallery-content .show-all-btn [class^="icon-"],
.products-gallery .products-gallery-content .show-all-btn [class*=" icon-"] {
  font-size: 32px;
  line-height: 1;
}

.products-gallery .products-gallery-content .show-all-btn [class^="icon-"]:where([dir="ltr"], [dir="ltr"] *),
.products-gallery .products-gallery-content .show-all-btn [class*=" icon-"]:where([dir="ltr"], [dir="ltr"] *) {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.products-gallery-pictures .products-gallery-img {
  overflow: hidden;
  border-radius: 1rem;
}

@media (min-width: 992px) {
  .products-gallery-pictures .products-gallery-img {
    border-radius: 20px;
  }
}

.products-gallery-pictures .products-gallery-img img {
  aspect-ratio: 328/216;
  height: 100%;
  width: 100%;
  border-radius: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 992px) {
  .products-gallery-pictures .products-gallery-img img {
    aspect-ratio: 584/400;
    border-radius: 20px;
  }
}

.products-gallery-pictures .swiper-pagination {
  position: absolute;
  bottom: 25px;
}

.products-gallery-pictures .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 2.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(227 6 19 / var(--tw-bg-opacity, 1));
}

.products-gallery-pictures .swiper-pagination .swiper-pagination-bullet {
  width: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

/*#endregion products-gallery*/

/*#region contact-map*/

.contact-map {
  margin-top: 2rem;
  margin-bottom: 64px;
}

@media (min-width: 992px) {
  .contact-map {
    margin-top: 84px;
    margin-bottom: 128px;
  }
}

.contact-map .section-title {
  font-size: 1.5rem;
  line-height: 1.75rem;
}

@media (min-width: 992px) {
  .contact-map .section-title {
    font-size: 27px;
    line-height: 2rem;
  }
}

.contact-map .contact-map-wrapper {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.5rem;
}

@media (min-width: 992px) {
  .contact-map .contact-map-wrapper {
    margin-top: 54px;
    flex-direction: row;
    gap: 50px;
  }
}

.contact-map-list {
  order: 2;
  width: 100%;
}

@media (min-width: 992px) {
  .contact-map-list {
    order: 1;
    width: 50%;
  }
}

@media (min-width: 1440px) {
  .contact-map-list {
    width: 584px;
  }
}

.contact-map-map {
  order: 1;
  width: 100%;
}

@media (min-width: 992px) {
  .contact-map-map {
    order: 2;
    width: 50%;
  }
}

@media (min-width: 1440px) {
  .contact-map-map {
    width: 606px;
  }
}

.province-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}

@media (min-width: 992px) {
  .province-list {
    justify-content: flex-start;
  }
}

.province-list li {
  display: flex;
  height: 3.5rem;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 76px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(240 240 240 / var(--tw-border-opacity, 1));
  background-color: #F0F0F033;
  padding: 1rem;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

@media (min-width: 992px) {
  .province-list li {
    min-width: 90px;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.province-list li.is-active {
  --tw-border-opacity: 1;
  border-color: rgb(227 6 19 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(227 6 19 / var(--tw-text-opacity, 1));
}

.map-svg {
  height: auto;
  width: 100%;
  outline: none;
}

.province {
  cursor: pointer;
}

.province-shape {
  fill: #DDDDDD;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  outline: none;
}

.province-label {
  fill: #FFFFFF;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 22px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

@media (min-width: 992px) {
  .province-label {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.province-label {
  pointer-events: none;
  display: none !important;
}

.province.is-active .province-shape {
  fill: #E30613;
}

.province-deatails {
  margin-bottom: 1.5rem;
}

@media (min-width: 992px) {
  .province-deatails {
    margin-bottom: 3rem;
  }
}

.province-deatails .province-deatails-title {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 22px;
  --tw-text-opacity: 1;
  color: rgb(227 6 19 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .province-deatails .province-deatails-title {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}

.province-deatails .province-deatails-title::before {
  content: "";
  height: 0.25rem;
  width: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(227 6 19 / var(--tw-bg-opacity, 1))
}

.province-deatail-items > :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));
}

.province-deatail-items {
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(240 240 240 / var(--tw-border-opacity, 1));
  background-color: #F0F0F033;
  padding: 1rem;
}

.province-deatail-items .province-deatail-item .province-deatail-icon {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  min-width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(248 228 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(227 6 19 / var(--tw-text-opacity, 1));
}

.province-deatail-items .province-deatail-item .province-deatail-icon [class^="icon-"], .province-deatail-items .province-deatail-item .province-deatail-icon [class*=" icon-"] {
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1;
}

.province-deatail-items .province-deatail-item {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.province-deatail-items .province-deatail-item .province-deatail-text {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .province-deatail-items .province-deatail-item .province-deatail-text {
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 26px;
  }
}

/*#endregion contact-map*/

/*#region contact-form*/

.contact-form {
  background-image: url(../../uploads/contact-us-banner.png);
  position: relative;
  z-index: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 0.5rem;
  padding-bottom: 11px;
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

@media (min-width: 992px) {
  .contact-form {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }
}

.contact-form::before {
  content: "";
  position: absolute;
  inset: 0px;
  z-index: -1;
  display: block;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(269.58deg, rgba(100, 2, 7, 0.4) 0.37%, #7C3230 81.17%, #7C4650 99.61%);
  background-position: center;
  background-repeat: no-repeat
}

.contact-form-items {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
}

@media (min-width: 992px) {
  .contact-form-items {
    flex-direction: row;
  }
}

.contact-form-text {
  width: 100%;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .contact-form-text {
    width: 50%;
    text-align: start;
  }
}

.contact-form-text .contact-form-title {
  margin-bottom: 0.5rem;
  display: block;
  font-size: 27px;
  font-weight: 700;
  line-height: 2rem;
}

@media (min-width: 992px) {
  .contact-form-text .contact-form-title {
    font-size: 56px;
    line-height: 68px;
  }
}

.contact-form-text .contact-form-desc {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.75rem;
}

@media (min-width: 992px) {
  .contact-form-text .contact-form-desc {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.5rem;
  }
}

.contact-form-box {
  width: 100%;
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  background-color: #FFFFFFB2;
  padding: 1rem;
  --tw-backdrop-blur: blur(16px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

@media (min-width: 992px) {
  .contact-form-box {
    width: 50%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 25px;
    padding-right: 25px;
  }
}

.contact-form-box label {
  margin-bottom: 0.5rem;
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .contact-form-box label {
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 26px;
  }
}

.contact-form-box, .contact-form-box>* {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

@media (min-width: 992px) {
  .contact-form-box, .contact-form-box>* {
    row-gap: 1.5rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}

.form-field {
  width: 100%;
}

@media (min-width: 576px) {
  .form-field.email, .form-field.phone {
    width: -moz-fit-content;
    width: fit-content;
    flex: 1 1 0%;
  }
}

input, select {
  height: 2.5rem;
}

@media (min-width: 992px) {
  input, select {
    height: 3.5rem;
  }
}

input, select, textarea {
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(240 240 240 / var(--tw-border-opacity, 1));
  background-color: #FCFCFC7D;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}

input::placeholder, select::placeholder, textarea::placeholder {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}

.contact-form-box .send-btn {
  float: inline-end;
}

.send-btn {
  display: flex;
  height: 2.5rem;
  align-items: center;
  gap: 0.5rem;
  border-radius: 80px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-inline-end: 0.25rem;
  padding-inline-start: 0.5rem;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

@media (min-width: 992px) {
  .send-btn {
    gap: 1rem;
    padding-inline-start: 1rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 26px;
  }
}

.send-btn [class^="icon-"], .send-btn [class*=" icon-"] {
  font-size: 32px;
  line-height: 0;
}

.send-btn [class^="icon-"]:where([dir="ltr"], [dir="ltr"] *), .send-btn [class*=" icon-"]:where([dir="ltr"], [dir="ltr"] *) {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/*#endregion contact-form*/

/*#region contact-information*/

.contact-information {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
  padding-top: 3rem;
  padding-bottom: 2rem;
}

@media (min-width: 992px) {
  .contact-information {
    padding-top: 82px;
    padding-bottom: 4rem;
  }
}

.contact-information .section-title {
  font-size: 1.5rem;
  line-height: 1.75rem;
}

@media (min-width: 992px) {
  .contact-information .section-title {
    font-size: 27px;
    line-height: 2rem;
  }
}

.office-deatails {
  border-radius: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(240 240 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

@media (min-width: 992px) {
  .office-deatails {
    padding: 1.5rem;
  }
}

.contact-information .office-deatail-title {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 22px;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .contact-information .office-deatail-title {
    font-size: 21px;
    line-height: 26px;
  }
}

.office-deatail-items {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
}

@media (min-width: 992px) {
  .office-deatail-items {
    flex-direction: row;
    align-items: flex-end;
    gap: 2rem;
  }
}

.office-deatail-content {
  width: 100%;
}

@media (min-width: 992px) {
  .office-deatail-content {
    width: 80%;
  }
}

@media (min-width: 1440px) {
  .office-deatail-content {
    width: 808px;
  }
}

.office-deatail-location {
  width: 100%;
}

@media (min-width: 992px) {
  .office-deatail-location {
    width: 20%;
  }
}

@media (min-width: 1440px) {
  .office-deatail-location {
    width: 352px;
  }
}

.office-deatail-content > :not([hidden]) ~ :not([hidden]), .office-deatail-contact > :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));
}

.office-deatail-contact .province-deatail-items {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.office-deatail-contact .province-deatail-items > :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));
}

.office-deatail-contact .province-deatail-items {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

@media (min-width: 992px) {
  .office-deatail-contact .province-deatail-items {
    flex-direction: row;
    align-items: center;
    gap: 2rem;
    padding: 1rem;
  }
}

.location-box {
  width: 100%;
}

.location-map {
  position: relative;
  aspect-ratio: 296/176;
  width: 100%;
  overflow: hidden;
  border-radius: 1rem;
}

@media (min-width: 992px) {
  .location-map {
    aspect-ratio: 352/176;
  }
}

.location-map-iframe {
  pointer-events: none;
  height: 100%;
  width: 100%;
  border-width: 0px;
  --tw-grayscale: grayscale(100%);
  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);
}

.location-route-btn {
  position: absolute;
  bottom: 0.75rem;
  inset-inline-start: 0.75rem;
  height: 2.5rem;
  border-radius: 80px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 600;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.location-route-btn:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 768px) {
  .location-route-btn {
    inset-inline-start: 19px;
  }
}

/*#endregion contact-information*/

/*#region tabs section*/

.tabs {
  margin-top: 1.5rem;
  width: 100%;
}

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

.tabs-nav {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  overflow-x: auto;
  white-space: nowrap;
}

@media (min-width: 992px) {
  .tabs-nav {
    gap: 1.25rem;
  }
}

.tab-item {
  display: flex;
  height: 2.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 80px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(227 6 19 / var(--tw-border-opacity, 1));
  background-color: transparent;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  --tw-text-opacity: 1;
  color: rgb(227 6 19 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

@media (min-width: 992px) {
  .tab-item {
    height: 3rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    font-size: 21px;
    font-weight: 700;
    line-height: 26px;
  }
}

.tab-item.active {
  --tw-bg-opacity: 1;
  background-color: rgb(227 6 19 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.tabs-content {
  padding-top: 1.5rem;
}

@media (min-width: 992px) {
  .tabs-content {
    padding-top: 2.5rem;
  }
}

.tab-panel {
  display: none;
}

.tab-panel > :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));
}

.tab-panel.active {
  display: block;
}

/*#endregion tabs section*/

/*#region single-blog*/

.single-blog .main-title {
  margin-bottom: 0px;
}

.single-blog {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .single-blog {
    margin-bottom: 4rem;
    margin-top: 54px;
  }
}

.single-blog .video-wrapper::before {
  display: none;
}

.single-blog .video-wrapper {
  aspect-ratio: 328/320;
}

@media (min-width: 992px) {
  .single-blog .video-wrapper {
    aspect-ratio: 944/440;
  }
}

.single-blog .video-wrapper::after {
  background-image: url(../images/play-circle.svg);
}

.single-blog .section-title {
  text-align: start;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

.single-blog .single-blog-items {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
}

@media (min-width: 992px) {
  .single-blog .single-blog-items {
    margin-top: 54px;
    flex-direction: row;
    gap: 1.5rem;
  }
}

.single-blog .sidebar {
  order: 2;
  width: 100%;
}

.single-blog .sidebar > :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));
}

@media (min-width: 992px) {
  .single-blog .sidebar {
    width: 20%;
  }
}

@media (min-width: 1440px) {
  .single-blog .sidebar {
    width: 272px;
  }
}

.single-blog .single-blog-content {
  order: 1;
  width: 100%;
}

.single-blog .single-blog-content > :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));
}

@media (min-width: 992px) {
  .single-blog .single-blog-content {
    width: 80%;
  }
}

@media (min-width: 1440px) {
  .single-blog .single-blog-content {
    width: 944px;
  }
}

.single-blog .blog-meta {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}

@media (min-width: 992px) {
  .single-blog .blog-meta {
    gap: 1rem;
  }
}

.single-blog .blog-meta .post-meta-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .single-blog .blog-meta .post-meta-item {
    gap: 0.75rem;
  }
}

.single-blog .blog-meta .post-meta-item::before {
  content: "";
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

.single-blog .blog-meta .post-meta-item.date::before {
  background-image: url(../images/calendar-days.svg)
}

.single-blog .blog-meta .post-meta-item.comment-count::before {
  background-image: url(../images/messages.svg)
}

.single-blog .blog-meta .post-meta-item.share-wrapper::before {
  background-image: url(../images/share.svg)
}

.single-blog .blog-meta .post-meta-item:not(:last-child)::after {
  content: "";
  display: block;
  height: 1rem;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1))
}

.single-blog-img {
  height: auto;
  width: 100%;
  border-radius: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.single-blog-poster .single-blog-img {
  aspect-ratio: 328/240;
}

@media (min-width: 992px) {
  .single-blog-poster .single-blog-img {
    aspect-ratio: 944/320;
  }
}

.single-blog-description > :not([hidden]) ~ :not([hidden]), .single-product-description > :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));
}

.single-blog-description, .single-product-description {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(79 90 112 / var(--tw-text-opacity, 1));
}

.single-blog-description a, .single-product-description a {
  --tw-text-opacity: 1;
  color: rgb(227 6 19 / var(--tw-text-opacity, 1));
}

.single-blog-title, .single-product-title {
  margin-bottom: 1rem;
  font-size: 21px;
  font-weight: 700;
  line-height: 26px;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .single-blog-title, .single-product-title {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}

.single-blog-desc-title, .single-product-desc-title {
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

ul.text-list {
  list-style-type: disc;
  padding-inline-start: 22px;
}

ol.text-list {
  list-style-type: decimal;
  padding-inline-start: 22px;
}

.sidebar-cart:not(.sidebar-banner) {
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(240 240 240 / var(--tw-border-opacity, 1));
  padding: 1rem;
}

.sidebar-banner img {
  aspect-ratio: 328/272;
  height: 100%;
  width: 100%;
  border-radius: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 992px) {
  .sidebar-banner img {
    aspect-ratio: 1 / 1;
  }
}

.sidebar-cart .contact-deatails-items > :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));
}

.sidebar-cart .contact-deatails-content {
  position: static;
  padding-inline-start: 0px;
}

.sidebar-cart .contact-deatails-item .sidebar-cart-title:before {
  background-size: 20px;
  position: static;
  height: 2rem;
  width: 2rem;
  min-width: 2rem;
  font-size: 1.25rem;
  line-height: 1.75rem
}

.sidebar-cart .contact-deatails-item:last-child {
  border-bottom-width: 0px;
  padding-bottom: 0px;
}

.sidebar-cart .sidebar-cart-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  padding-bottom: 1rem;
}

.sidebar-cart .sidebar-cart-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  line-height: 22px;
}

.sidebar-cart .sidebar-cart-item.category {
  padding-bottom: 0px;
}

.sidebar-cart .sidebar-cart-item.category .sidebar-cart-title::before {
  content: "";
  background-image: url(../images/category.svg);
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

.sidebar-cart .sidebar-cart-item .sidebar-cart-main-title {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 22px;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

.table-of-contents {
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

.table-of-contents li a {
  /* @apply hover:text-primary-800 */
}

.table-of-contents ul {
  list-style-type: decimal;
}

.table-of-contents ul > :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));
}

.table-of-contents ul {
  padding-inline-start: 0.75rem;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

.table-of-contents ul ol {
  list-style-type: disc;
}

.table-of-contents ul ol > :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));
}

.table-of-contents ul ol {
  padding-inline-start: 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(79 90 112 / var(--tw-text-opacity, 1));
}

/*#endregion single-blog*/

/*#region share*/

.share-toggle {
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

.share-toggle:hover {
  background-color: transparent;
}

.share-toggle::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.9609 6.17004C18.9609 7.56004 20.3409 9.77004 20.6209 12.32' stroke='%23797A86' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.49023 12.37C3.75023 9.82997 5.11023 7.61997 7.09023 6.21997' stroke='%23797A86' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.18945 20.9399C9.34945 21.5299 10.6695 21.8599 12.0595 21.8599C13.3995 21.8599 14.6595 21.5599 15.7895 21.0099' stroke='%23797A86' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0593 7.70001C13.5946 7.70001 14.8393 6.45537 14.8393 4.92001C14.8393 3.38466 13.5946 2.14001 12.0593 2.14001C10.5239 2.14001 9.2793 3.38466 9.2793 4.92001C9.2793 6.45537 10.5239 7.70001 12.0593 7.70001Z' stroke='%23797A86' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.83078 19.92C6.36613 19.92 7.61078 18.6753 7.61078 17.14C7.61078 15.6046 6.36613 14.36 4.83078 14.36C3.29543 14.36 2.05078 15.6046 2.05078 17.14C2.05078 18.6753 3.29543 19.92 4.83078 19.92Z' stroke='%23797A86' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.1706 19.92C20.706 19.92 21.9506 18.6753 21.9506 17.14C21.9506 15.6046 20.706 14.36 19.1706 14.36C17.6353 14.36 16.3906 15.6046 16.3906 17.14C16.3906 18.6753 17.6353 19.92 19.1706 19.92Z' stroke='%23797A86' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.share-box {
  position: absolute;
  top: 100%;
  inset-inline-start: 0px;
  inset-inline-end: 0px;
  z-index: 2;
  margin-top: 0.5rem;
  display: none;
  width: 328px;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

@media (min-width: 576px) {
  .share-box {
    inset-inline-end: unset;
  }
}

@media (min-width: 768px) {
  .share-box {
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media (min-width: 992px) {
  .share-box {
    margin-inline-start: auto;
  }
}

@media (min-width: 1200px) {
  .share-box {
    width: 600px;
  }
}

.share-box.active {
  display: block;
}

.share-box-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  border-bottom-width: 1px;
  padding: 1.5rem;
}

.share-box-header span {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25rem;
}

@media (min-width: 992px) {
  .share-box-header span {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
  }
}

.share-close {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 400;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.share-box-body {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  .share-box-body {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 2.5rem;
    padding-bottom: 2rem;
  }
}

.share-icons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.share-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.share-icon {
  margin-bottom: 1.25rem;
  display: flex;
  height: 47px;
  width: 47px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(79 90 112 / var(--tw-bg-opacity, 1));
  font-size: 28px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .share-icon {
    height: 66px;
    width: 66px;
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

.share-icon .social-img {
  height: 1.5rem;
  width: 1.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.share-name {
  font-size: 11px;
  font-weight: 600;
}

@media (min-width: 992px) {
  .share-name {
    font-size: 16px;
  }
}

.share-copy {
  display: flex;
  height: 50px;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@media (min-width: 992px) {
  .share-copy {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    line-height: 22px;
  }
}

.share-copy::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M13.7543 6.06377L14.7855 5.03252C15.1914 4.62654 15.6733 4.30449 16.2036 4.08477C16.734 3.86504 17.3024 3.75195 17.8765 3.75195C18.4505 3.75195 19.019 3.86504 19.5493 4.08477C20.0797 4.30449 20.5615 4.62654 20.9674 5.03252C21.3734 5.43838 21.6954 5.92025 21.9152 6.4506C22.1349 6.98095 22.248 7.54939 22.248 8.12346C22.248 8.69752 22.1349 9.26596 21.9152 9.79631C21.6954 10.3267 21.3734 10.8085 20.9674 11.2144L18.6818 13.5L17.7124 14.4694C17.3061 14.8758 16.8236 15.1981 16.2926 15.4178C15.7615 15.6376 15.1924 15.7505 14.6177 15.75C14.043 15.7496 13.474 15.6359 12.9433 15.4153C12.4126 15.1948 11.9306 14.8717 11.5249 14.4647C11.1049 14.0449 10.7752 13.5437 10.556 12.9919C10.3367 12.44 10.2326 11.8492 10.2499 11.2556' stroke='%231F2235' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.2457 17.9362L10.2145 18.9674C9.80814 19.3738 9.32565 19.6961 8.79463 19.9159C8.2636 20.1356 7.69446 20.2485 7.11976 20.2481C6.54506 20.2477 5.97609 20.1339 5.44539 19.9134C4.9147 19.6928 4.4327 19.3698 4.02698 18.9628C3.20947 18.1424 2.7509 17.0311 2.75195 15.873C2.75301 14.7148 3.2136 13.6044 4.0326 12.7856L7.2876 9.53057C7.69347 9.12458 8.17534 8.80253 8.70569 8.58281C9.23604 8.36309 9.80448 8.25 10.3785 8.25C10.9526 8.25 11.521 8.36309 12.0514 8.58281C12.5817 8.80253 13.0636 9.12458 13.4695 9.53057C13.8912 9.95034 14.2224 10.4521 14.4426 11.0048C14.6629 11.5576 14.7675 12.1496 14.7501 12.7443' stroke='%231F2235' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

/*#endregion share*/

/*#region comments-section*/

.comments-section {
  margin-top: 2rem;
  margin-bottom: 2rem;
  overflow: hidden;
}

@media (min-width: 992px) {
  .comments-section {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}

.comments-section .comments {
  display: flex;
  flex-direction: column;
}

.comments-section .comments .section-title {
  order: 1;
  text-align: right;
}

.comments-section .comments .section-title .main-title {
  margin-bottom: 0px;
}

.comments-section .comments .comment-respond {
  order: 3;
  margin-top: 1.5rem;
}

@media (min-width: 992px) {
  .comments-section .comments .comment-respond {
    margin-top: 2rem;
  }
}

.comments-section .comments .comment-respond .comment-reply-title {
  margin-bottom: 1rem;
  display: block;
  font-size: 21px;
  font-weight: 700;
  line-height: 26px;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .comments-section .comments .comment-respond .comment-reply-title {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}

.comments-section .comments .comment-respond .comment-description {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(106 106 106 / var(--tw-text-opacity, 1));
}

.comments-section .comments .comment-respond .comment-form {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
}

@media (min-width: 992px) {
  .comments-section .comments .comment-respond .comment-form {
    margin-top: 2rem;
    gap: 2rem;
  }
}

.comments-section .comments .comment-respond .comment-form .right-col {
  width: 100%;
}

@media (min-width: 992px) {
  .comments-section .comments .comment-respond .comment-form .right-col {
    width: 65%;
  }
}

@media (min-width: 1440px) {
  .comments-section .comments .comment-respond .comment-form .right-col {
    width: 805px;
  }
}

.comments-section .comments .comment-respond .comment-form .left-col {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 1rem;
}

@media (min-width: 992px) {
  .comments-section .comments .comment-respond .comment-form .left-col {
    width: 31%;
  }
}

@media (min-width: 1440px) {
  .comments-section .comments .comment-respond .comment-form .left-col {
    width: 344px;
  }
}

.comments-section .comments .comment-respond .comment-form .comment-form-comment {
  order: 3;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
}

.comments-section .comments .comment-respond .comment-form .form-submit {
  order: 4;
  display: flex;
  height: 2.5rem;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  border-radius: 80px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-inline-start: 1rem;
  padding-inline-end: 0.25rem;
}

@media (min-width: 992px) {
  .comments-section .comments .comment-respond .comment-form .form-submit {
    justify-content: flex-end;
  }
}

.comments-section .comments .comment-respond .comment-form .form-submit .submit {
  height: -moz-fit-content;
  height: fit-content;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.comments-section .comments .comment-respond .comment-form .form-submit .submit-icon {
  height: -moz-fit-content;
  height: fit-content;
  font-size: 32px;
  line-height: 1;
}

.comments-section .comments .comment-respond .comment-form .comment-form-subject,
.comments-section .comments .comment-respond .comment-form .comment-form-email {
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
}

.comments-section .comments .comment-respond .comment-form .comment-rate {
  margin-inline-start: 0px;
  margin-inline-end: auto;
  width: -moz-fit-content;
  width: fit-content;
}

.comments-section .comments .comment-respond .comment-form .comment-rate .comment-rate-title {
  margin-inline-end: 0.75rem;
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

.comments-section .comments .comment-respond .comment-form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
.comments-section .comments .comment-respond .comment-form textarea,
.comments-section .comments .comment-respond .comment-form select {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 223 223 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  font-size: 16px;
  font-weight: 600;
}

.comments-section .comments .comment-respond .comment-form input:not([type="submit"]),
.comments-section .comments .comment-respond .comment-form textarea,
.comments-section .comments .comment-respond .comment-form select {
  width: 100%;
  border-radius: 0.5rem;
}

.comments-section .comments .comment-respond .comment-form input:not([type="submit"]),
.comments-section .comments .comment-respond .comment-form select {
  height: 3rem;
}

.comments-section .comments .comment-respond .comment-form input[name="email"] {
  text-align: left;
}

.comments-section .comments .comment-respond .comment-form input::-moz-placeholder, .comments-section .comments .comment-respond .comment-form textarea::-moz-placeholder {
  text-align: start;
  --tw-text-opacity: 1;
  color: rgb(79 90 112 / var(--tw-text-opacity, 1));
}

.comments-section .comments .comment-respond .comment-form input::placeholder, .comments-section .comments .comment-respond .comment-form textarea::placeholder {
  text-align: start;
  --tw-text-opacity: 1;
  color: rgb(79 90 112 / var(--tw-text-opacity, 1));
}

.comments-section .comments .comment-list {
  order: 2;
  margin-top: 1.5rem;
}

@media (min-width: 992px) {
  .comments-section .comments .comment-list {
    margin-top: 2rem;
  }
}

.comments-section .comments .comment-list .comment-body {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 1.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 223 223 / var(--tw-border-opacity, 1));
  padding: 1rem;
}

@media (min-width: 992px) {
  .comments-section .comments .comment-list .comment-body {
    padding: 1.5rem;
  }
}

.comments-section .comments .comment-list .comment-body .comment-author {
  order: 1;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .comments-section .comments .comment-list .comment-body .comment-author {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.comments-section .comments .comment-list .comment-body .comment-text {
  order: 4;
  width: 100%;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(96 110 139 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .comments-section .comments .comment-list .comment-body .comment-text {
    font-size: 16px;
  }
}

.comments-section .comments .comment-list .comment-body .reply {
  order: 5;
  margin-inline-start: auto;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  justify-content: center;
  font-size: 0px;
}

.comments-section .comments .comment-list .comment-body .reply::before {
  content: "";
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.76579%202.27226C9.53699%202.51196%209.54582%202.89176%209.78552%203.12056L13.1023%206.28655H5.0998C2.72498%206.28655%200.799805%208.21172%200.799805%2010.5865C0.799805%2012.9614%202.72498%2014.8865%205.0998%2014.8865H7.3998C7.73117%2014.8865%207.9998%2014.6179%207.9998%2014.2865C7.9998%2013.9552%207.73117%2013.6865%207.3998%2013.6865H5.0998C3.38772%2013.6865%201.9998%2012.2986%201.9998%2010.5865C1.9998%208.87447%203.38772%207.48655%205.0998%207.48655H13.1023L9.78552%2010.6525C9.54582%2010.8813%209.53699%2011.2611%209.76579%2011.5008C9.99459%2011.7405%2010.3744%2011.7494%2010.6141%2011.5206L15.0141%207.32056C15.1327%207.20735%2015.1998%207.05052%2015.1998%206.88655C15.1998%206.72258%2015.1327%206.56575%2015.0141%206.45254L10.6141%202.25254C10.3744%202.02373%209.99459%202.03256%209.76579%202.27226Z%22%20fill%3D%22%23CACBCC%22/%3E%3C/svg%3E);
  height: 1rem;
  width: 1rem;
  cursor: pointer;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

.comments-section .comments .comment-list .comment-body .commentmetadata {
  order: 2;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  line-height: 22px;
  --tw-text-opacity: 1;
  color: rgb(227 6 19 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .comments-section .comments .comment-list .comment-body .commentmetadata {
    font-size: 16px;
  }
}

/* Reply/nested comments: margin so replies are visually indented (works for both .comment and .review/WooCommerce) */
.comments-section .comments .comment-list .comment .children .comment-body,
.comments-section .comments .comment-list .comment .children .review .comment-body,
.comments-section .comments .comment-list .review .children .comment-body,
.comments-section .comments .comment-list .review .children .review .comment-body,
.comments-section .comments .comment-list .children > li > .comment-body {
  margin-top: 1rem;
  margin-inline-start: 1.5rem;
}

@media (min-width: 992px) {
  .comments-section .comments .comment-list .comment .children .comment-body,
  .comments-section .comments .comment-list .comment .children .review .comment-body,
  .comments-section .comments .comment-list .review .children .comment-body,
  .comments-section .comments .comment-list .review .children .review .comment-body,
  .comments-section .comments .comment-list .children > li > .comment-body {
    margin-top: 1.5rem;
    margin-inline-start: 3rem;
  }
}

/* Spacing between top-level comments */
.comments-section .comments .comment-list .comment.depth-1:not(:first-child) .comment-body,
.comments-section .comments .comment-list .review.depth-1:not(:first-child) .comment-body {
  margin-top: 1rem;
}

@media (min-width: 992px) {
  .comments-section .comments .comment-list .comment.depth-1:not(:first-child) .comment-body,
  .comments-section .comments .comment-list .review.depth-1:not(:first-child) .comment-body {
    margin-top: 1.5rem;
  }
}

.comments-section .comments .comment-list .comment-body .comment-author .fn {
  font-style: normal;
}

.comments-section .comment-rate {
  order: 3;
  margin-inline-start: auto;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  gap: 0.25rem;
}

.comments-section .comment-rate .star {
  display: block;
  height: 1rem;
  width: 1rem;
  cursor: pointer;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.comments-section .comment-rate .star:not(.rate-full) {
  background-image: url(../images/star.svg);
}

.comments-section .comment-rate .rate-full {
  background-image: url(../images/fill-star.svg);
}

/*#endregion comments-section*/

/*#region table*/

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

@media (min-width: 992px) {
  .table-holder {
    overflow-x: visible;
  }
}

.scrolled-table table {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 1.5rem;
  min-width: 400px;
}

@media (min-width: 992px) {
  .scrolled-table table {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    min-width: 100%;
  }
}

.table-holder::-webkit-scrollbar {
  height: 0.375rem;
}

.table-holder::-webkit-scrollbar-track {
  background-color: transparent;
}

.table-holder::-webkit-scrollbar-thumb {
  /* background-color: var(--color-natural-150); */
  border-radius: 16px;
}

.table-holder {
  /* scrollbar-color: var(--color-natural-150) transparent; */
  scrollbar-width: thin;
}

table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  border-radius: 1rem;
}

table thead tr {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: right;
}

table thead tr th, table tbody td {
  padding: 0.75rem;
  vertical-align: text-top;
}

table thead tr th {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1));
  padding-top: 21px;
  padding-bottom: 21px;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 22px;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  table thead tr th {
    padding-top: 19px;
    padding-bottom: 19px;
    font-size: 21px;
    line-height: 26px;
  }
}

table tbody tr, table thead tr {
  border-bottom-width: 1px;
  border-inline-start-width: 1px;
  border-inline-end-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(240 240 240 / var(--tw-border-opacity, 1));
}

table thead tr {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(240 240 240 / var(--tw-border-opacity, 1));
}

table tbody tr td:not(:last-child), table thead tr th:not(:last-child) {
  border-inline-end-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(240 240 240 / var(--tw-border-opacity, 1));
}

table tbody tr td:first-child {
  text-align: center;
  font-size: 16px;
  line-height: 22px;
}

table tbody tr td {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(79 90 112 / var(--tw-text-opacity, 1));
}

/*#endregion table*/

/*#region product-archive-post*/

.product-archive-post {
  margin-top: 2rem;
  margin-bottom: 4rem;
}

@media (min-width: 992px) {
  .product-archive-post {
    margin-top: 3rem;
    margin-bottom: 6rem;
  }
}

.product-archive-post .section-title {
  text-align: start;
}

.product-archive-post-items {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}

@media (min-width: 992px) {
  .product-archive-post-items {
    margin-top: 3.5rem;
    flex-direction: row;
    gap: 0.75rem;
  }
}

.product-archive-sidebar {
  order: 1;
  width: 100%;
}

@media (min-width: 992px) {
  .product-archive-sidebar {
    width: 25%;
  }
}

@media (min-width: 1440px) {
  .product-archive-sidebar {
    width: 252px;
  }
}

.product-archive-content {
  order: 2;
  width: 100%;
}

@media (min-width: 992px) {
  .product-archive-content {
    width: 75%;
  }
}

@media (min-width: 1440px) {
  .product-archive-content {
    width: 976px;
  }
}

.product-posts-items {
  margin-bottom: 2rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 992px) {
  .product-posts-items {
    margin-bottom: 3.5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 1rem;
  }
}

.product-archive-post .product-cart {
  flex-direction: row;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border-width: 0px;
  padding: 0.5rem;
  --tw-shadow: 0px 4px 20px 0px #0000000A;
  --tw-shadow-colored: 0px 4px 20px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 992px) {
  .product-archive-post .product-cart {
    flex-direction: column;
    gap: 1rem;
  }
}

.product-archive-post .product-cart .product-cart-img {
  aspect-ratio: 1 / 1;
  width: 8rem;
  min-width: 8rem;
  border-radius: 0.5rem;
}

@media (min-width: 992px) {
  .product-archive-post .product-cart .product-cart-img {
    aspect-ratio: 294/216;
    width: 100%;
  }
}

.product-archive-post .product-cart-content {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
}

.product-archive-post .product-cart .product-cart-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .product-archive-post .product-cart .product-cart-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
}

.product-categories-filter .wpcf7-checkbox {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.product-categories-filter .wpcf7-checkbox label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(79 90 112 / var(--tw-text-opacity, 1));
}

.product-categories-filter br {
  display: none;
}

.product-categories-filter .wpcf7-checkbox label input {
  height: 0.875rem;
  min-height: 0.875rem;
  width: 0.875rem;
  min-width: 0.875rem;
  border-radius: 0.125rem;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));
}

/*#endregion product-archive-post*/

/*#region product-archive-category-section*/

.product-archive-post {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .product-archive-post {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}

.product-archive-category-items {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(240 240 240 / var(--tw-border-opacity, 1));
}

@media (min-width: 992px) {
  .product-archive-category-items {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1.5rem;
  }
}

.product-archive-category {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-bottom: 1rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

@media (min-width: 992px) {
  .product-archive-category {
    gap: 1rem;
    padding-bottom: 2rem;
  }
}

.product-archive-category-img {
  aspect-ratio: 1 / 1;
  border-radius: 0.5rem;
}

@media (min-width: 992px) {
  .product-archive-category-img {
    aspect-ratio: 192/156;
  }
}

.product-archive-category-img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.product-archive-category-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

@media (min-width: 992px) {
  .product-archive-category-title {
    gap: 0.5rem;
  }
}

@media (min-width: 1200px) {
  .product-archive-category-title {
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 26px;
  }
}

.product-archive-category-icon {
  font-size: 16px;
  line-height: 1;
}

@media (min-width: 1200px) {
  .product-archive-category-icon {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.product-archive-category.selected-category {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(27 45 84 / var(--tw-border-opacity, 1));
}

.product-archive-category.selected-category .product-archive-category-title {
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

/*#endregion product-archive-category-section*/

/*#region single-product*/

.single-product {
  margin-top: 2rem;
  margin-bottom: 44px;
}

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

.single-product-items {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
}

@media (min-width: 992px) {
  .single-product-items {
    position: relative;
    flex-direction: row;
  }
}

.single-product-content {
  order: 2;
  width: 100%;
}

@media (min-width: 992px) {
  .single-product-content {
    width: 70%;
  }
}

@media (min-width: 1440px) {
  .single-product-content {
    width: 720px;
  }
}

.single-product-pic {
  order: 1;
  width: 100%;
}

@media (min-width: 992px) {
  .single-product-pic {
    position: sticky;
    top: 0px;
    inset-inline-start: 0px;
    width: 30%;
  }
}

@media (min-width: 1440px) {
  .single-product-pic {
    width: 480px;
  }
}

.desktop-title {
  margin-bottom: 1.5rem;
  display: none;
}

@media (min-width: 992px) {
  .desktop-title {
    display: block;
  }
}

.mobile-title {
  display: block;
}

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

.single-product .section-title {
  text-align: start;
}

.single-product .where-to-buy-btn {
  margin-top: 1rem;
  height: 3.5rem;
  border-radius: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  line-height: 26px;
}

@media (min-width: 992px) {
  .single-product .where-to-buy-btn {
    margin-top: 3.5rem;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 352px;
  }
}

.product-gallery {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 36rem;
}

/* MAIN IMAGE */

.product-main-slider {
  margin-bottom: 1rem;
  margin-top: 2rem;
  width: 100%;
  overflow: hidden;
  border-radius: 1rem;
}

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

.product-main-slider .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-main-slider img {
  aspect-ratio: 1 / 1;
  height: 100%;
  width: 100%;
  border-radius: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

@media (min-width: 992px) {
  .product-main-slider img {
    aspect-ratio: 480/407;
  }
}

/* THUMBNAILS */

.product-thumbs-slider {
  width: 100%;
}

.product-thumbs-slider .swiper-wrapper {
  justify-content: center;
}

@media (min-width: 992px) {
  .product-thumbs-slider .swiper-wrapper {
    justify-content: flex-start;
  }
}

.product-thumbs-slider .swiper-slide {
  cursor: pointer;
  overflow: hidden;
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: transparent;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.product-thumbs-slider .swiper-slide-thumb-active {
  border-radius: 10px;
  --tw-border-opacity: 1;
  border-color: rgb(240 240 240 / var(--tw-border-opacity, 1));
}

.product-thumbs-slider img {
  height: 5rem;
  width: 5rem;
  border-radius: 0.75rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.product-posts.product-archive-post .product-cart {
  flex-direction: column;
}

.product-posts.product-archive-post .product-cart .product-cart-img {
  width: 100%;
}

.product-posts.product-archive-post .product-cart .product-cart-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.product-posts.product-archive-post .product-cart-content {
  gap: 0px;
}

.single-product-desc-title {
  font-weight: 700;
}

.single-product-description .bold-text {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

.single-product-accordion .accordion.simple-accordion > :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));
}

.single-product-accordion .accordion-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9207 8.17999H11.6907H6.08072C5.12072 8.17999 4.64073 9.33999 5.32073 10.02L10.5007 15.2C11.3307 16.03 12.6807 16.03 13.5107 15.2L15.4807 13.23L18.6907 10.02C19.3607 9.33999 18.8807 8.17999 17.9207 8.17999Z' fill='%231B2D54'/%3E%3C/svg%3E");
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  -o-object-fit: contain;
     object-fit: contain
}

.single-product-accordion {
  margin-top: 2rem;
  margin-bottom: 4rem;
}

@media (min-width: 992px) {
  .single-product-accordion {
    margin-top: 132px;
  }
}

.single-product-accordion .simple-accordion .accordion-item {
  padding: 0px;
}

.single-product-accordion .simple-accordion .accordion-item[aria-expanded="true"] .accordion-icon {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.single-product-accordion .simple-accordion .accordion-trigger {
  padding: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 22px;
}

@media (min-width: 992px) {
  .single-product-accordion .simple-accordion .accordion-trigger {
    font-size: 21px;
    line-height: 26px;
  }
}

.single-product .comments-section {
  margin-bottom: 0px;
  margin-top: 4rem;
}

@media (min-width: 992px) {
  .single-product .comments-section .comments .comment-respond .comment-form .left-col {
    width: 43%;
  }
}

@media (min-width: 1440px) {
  .single-product .comments-section .comments .comment-respond .comment-form .left-col {
    width: 43%;
  }
}

@media (min-width: 992px) {
  .single-product .comments-section .comments .comment-respond .comment-form .right-col {
    width: 51%;
  }
}

@media (min-width: 1440px) {
  .single-product .comments-section .comments .comment-respond .comment-form .right-col {
    width: 51%;
  }
}

/*#endregion single-product*/

/*#region where-can-buy*/

.where-can-buy {
  margin-top: 2rem;
  margin-bottom: 6rem;
}

@media (min-width: 992px) {
  .where-can-buy {
    margin-top: 75px;
    margin-bottom: 241px;
  }
}

.custom-modal .where-can-buy {
  margin: 0px;
}

.where-can-buy .section-title {
  margin-bottom: 0.5rem;
  text-align: start;
}

.sales-representative-items {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
  row-gap: 1rem;
}

@media (min-width: 992px) {
  .sales-representative-items {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
  }
}

.sales-representative-cart {
  display: flex;
  height: auto;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(240 240 240 / var(--tw-border-opacity, 1));
  padding: 0.5rem;
}

@media (min-width: 992px) {
  .sales-representative-cart {
    border-radius: 1.5rem;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.sales-representative-img {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

@media (min-width: 992px) {
  .sales-representative-img {
    margin-bottom: 2.5rem;
  }
}

.sales-representative-img img {
  height: auto;
  width: 100%;
  max-width: 160px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (min-width: 992px) {
  .sales-representative-img img {
    max-width: 170px;
  }
}

.sales-representative-title {
  order: 2;
  margin-bottom: 1rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  --tw-text-opacity: 1;
  color: rgb(27 45 84 / var(--tw-text-opacity, 1));
}

@media (min-width: 992px) {
  .sales-representative-title {
    margin-bottom: 1.5rem;
    font-size: 21px;
    line-height: 26px;
  }
}

@media (min-width: 1200px) {
  .sales-representative-title {
    order: 1;
    width: -moz-fit-content;
    width: fit-content;
    text-align: start;
  }
}

.sales-representative-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 992px) {
  .sales-representative-content {
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }
}

@media (min-width: 1440px) {
  .sales-representative-content {
    -moz-column-gap: 18px;
         column-gap: 18px;
  }
}

.sales-representative-offer {
  order: 1;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 13px;
  display: flex;
  height: 1.75rem;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(227 6 19 / var(--tw-bg-opacity, 1));
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0px 4px 7.8px 0px #E3061359;
  --tw-shadow-colored: 0px 4px 7.8px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 992px) {
  .sales-representative-offer {
    margin-bottom: 1.5rem;
    height: 2rem;
    gap: 0.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1200px) {
  .sales-representative-offer {
    order: 2;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.sales-representative-offer .bold-text {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}

@media (min-width: 992px) {
  .sales-representative-offer .bold-text {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}

.sales-representative-cart .buy-btn {
  order: 3;
  height: 2rem;
  width: 100%;
  gap: 0.5rem;
  border-radius: 1rem;
  font-size: 16px;
  font-weight: 600;
}

@media (min-width: 992px) {
  .sales-representative-cart .buy-btn {
    height: 3.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.buy-btn-icon {
  font-size: 16px;
  line-height: 1;
}

@media (min-width: 992px) {
  .buy-btn-icon {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.custom-modal .where-can-buy .section-title {
  font-size: 21px;
  line-height: 26px;
}

@media (min-width: 992px) {
  .custom-modal .where-can-buy .section-title {
    font-size: 31px;
    line-height: 38px;
  }
}

/*#endregion where-can-buy*/

/*#region modal*/

.custom-modal {
  position: fixed;
  inset: 0px;
  z-index: 50;
  display: none;
}

.custom-modal.is-open {
  display: flex;
}

.modal-overlay {
  position: absolute;
  inset: 0px;
  background-color: rgb(0 0 0 / 0.5);
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.modal-box {
  width: calc(100% - 32px);
  height: calc(100% - 32px);
  position: relative;
  margin: auto;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  animation: modalIn 0.25s ease-out;
}

@media (min-width: 992px) {
  .modal-box {
    max-height: 503px;
    padding: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .modal-box {
    height: -moz-fit-content;
    height: fit-content;
    width: 1240px;
  }
}

.modal-close {
  margin-bottom: 1rem;
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  align-items: center;
  justify-content: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@media (min-width: 992px) {
  .modal-close {
    margin-bottom: 2rem;
  }
}

.modal-close img {
  -o-object-fit: contain;
     object-fit: contain;
}

@keyframes modalIn {
  from {
    opacity: 0;
    transform: translateY(30px) scale(0.96);
  }

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

.animate-modalIn {
  animation: modalIn 0.25s ease-out;
}

body.modal-open {
  overflow: hidden;
}

/*#endregion modal*/

.hover\:border-primary-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(227 6 19 / var(--tw-border-opacity, 1));
}

.hover\:border-slateDark:hover {
  --tw-border-opacity: 1;
  border-color: rgb(79 90 112 / var(--tw-border-opacity, 1));
}

.hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1));
}

.hover\:bg-primary-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(227 6 19 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slateDark:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(79 90 112 / var(--tw-bg-opacity, 1));
}

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

.hover\:bg-primary-overlay:hover {
  background-image: 
        linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)),
        linear-gradient(0deg, #E30613, #E30613);
}

.hover\:text-primary-200:hover {
  --tw-text-opacity: 1;
  color: rgb(227 6 19 / var(--tw-text-opacity, 1));
}

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

@media (min-width: 576px) {
  .sm\:end-\[unset\] {
    inset-inline-end: unset;
  }

  .sm\:w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }

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

@media (min-width: 768px) {
  .md\:end-\[-175px\] {
    inset-inline-end: -175px;
  }

  .md\:start-\[-155px\] {
    inset-inline-start: -155px;
  }

  .md\:start-\[-200px\] {
    inset-inline-start: -200px;
  }

  .md\:start-\[19px\] {
    inset-inline-start: 19px;
  }

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

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

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

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

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

  .md\:w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }
}

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

  .lg\:sticky {
    position: sticky;
  }

  .lg\:bottom-\[-114px\] {
    bottom: -114px;
  }

  .lg\:end-\[75px\] {
    inset-inline-end: 75px;
  }

  .lg\:left-\[26px\] {
    left: 26px;
  }

  .lg\:start-0 {
    inset-inline-start: 0px;
  }

  .lg\:start-8 {
    inset-inline-start: 2rem;
  }

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

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

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

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

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

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

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

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

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

  .lg\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .lg\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

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

  .lg\:my-section-y {
    margin-top: 128px;
    margin-bottom: 128px;
  }

  .lg\:my-section-y-mobile {
    margin-top: 64px;
    margin-bottom: 64px;
  }

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

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

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

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

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

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

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

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

  .lg\:mb-32 {
    margin-bottom: 8rem;
  }

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

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

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

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

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

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

  .lg\:mb-section-y {
    margin-bottom: 128px;
  }

  .lg\:ms-12 {
    margin-inline-start: 3rem;
  }

  .lg\:ms-auto {
    margin-inline-start: auto;
  }

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

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

  .lg\:mt-14 {
    margin-top: 3.5rem;
  }

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

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

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

  .lg\:mt-\[132px\] {
    margin-top: 132px;
  }

  .lg\:mt-\[142px\] {
    margin-top: 142px;
  }

  .lg\:mt-\[150px\] {
    margin-top: 150px;
  }

  .lg\:mt-\[21px\] {
    margin-top: 21px;
  }

  .lg\:mt-\[34px\] {
    margin-top: 34px;
  }

  .lg\:mt-\[54px\] {
    margin-top: 54px;
  }

  .lg\:mt-\[75px\] {
    margin-top: 75px;
  }

  .lg\:mt-\[84px\] {
    margin-top: 84px;
  }

  .lg\:mt-section-y-mobile {
    margin-top: 64px;
  }

  .lg\:line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  .lg\:line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .lg\:block {
    display: block;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:aspect-\[192\/156\] {
    aspect-ratio: 192/156;
  }

  .lg\:aspect-\[246\/333\] {
    aspect-ratio: 246/333;
  }

  .lg\:aspect-\[266\/237\] {
    aspect-ratio: 266/237;
  }

  .lg\:aspect-\[268\/222\] {
    aspect-ratio: 268/222;
  }

  .lg\:aspect-\[294\/216\] {
    aspect-ratio: 294/216;
  }

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

  .lg\:aspect-\[352\/176\] {
    aspect-ratio: 352/176;
  }

  .lg\:aspect-\[480\/407\] {
    aspect-ratio: 480/407;
  }

  .lg\:aspect-\[521\/411\] {
    aspect-ratio: 521/411;
  }

  .lg\:aspect-\[562\/509\] {
    aspect-ratio: 562/509;
  }

  .lg\:aspect-\[584\/400\] {
    aspect-ratio: 584/400;
  }

  .lg\:aspect-\[665\/316\] {
    aspect-ratio: 665/316;
  }

  .lg\:aspect-\[72\/49\] {
    aspect-ratio: 72/49;
  }

  .lg\:aspect-\[944\/320\] {
    aspect-ratio: 944/320;
  }

  .lg\:aspect-\[944\/440\] {
    aspect-ratio: 944/440;
  }

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

  .lg\:h-12 {
    height: 3rem;
  }

  .lg\:h-14 {
    height: 3.5rem;
  }

  .lg\:h-24 {
    height: 6rem;
  }

  .lg\:h-5 {
    height: 1.25rem;
  }

  .lg\:h-8 {
    height: 2rem;
  }

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

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

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

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

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

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

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

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

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

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

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

  .lg\:w-1\/5 {
    width: 20%;
  }

  .lg\:w-12 {
    width: 3rem;
  }

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

  .lg\:w-4\/5 {
    width: 80%;
  }

  .lg\:w-5 {
    width: 1.25rem;
  }

  .lg\:w-8 {
    width: 2rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .lg\:w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }

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

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

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

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

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

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

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

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

  .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-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

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

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

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

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

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

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

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

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

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

  .lg\:gap-10 {
    gap: 2.5rem;
  }

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

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

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

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

  .lg\:gap-5 {
    gap: 1.25rem;
  }

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

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

  .lg\:gap-\[50px\] {
    gap: 50px;
  }

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

  .lg\:gap-x-1 {
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }

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

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

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

  .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\:overflow-x-visible {
    overflow-x: visible;
  }

  .lg\:rounded-2xl {
    border-radius: 1rem;
  }

  .lg\:rounded-3xl {
    border-radius: 1.5rem;
  }

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

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

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

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

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

  .lg\:rounded-xl {
    border-radius: 0.75rem;
  }

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

  .lg\:bg-footer-desktop {
    background-image: url('../../assets/images/footer-vector.svg');
  }

  .lg\:bg-wave-bottom {
    background-image: url("data:image/svg+xml,%3Csvg width='1439' height='114' viewBox='0 0 1439 114' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-1 114C-1 114 406 57 718.5 57C1031 57 1439 114 1439 114V0H-1V114Z' fill='%23F0F0F0'/%3E%3C/svg%3E");
  }

  .lg\:bg-wave-top {
    background-image: url("data:image/svg+xml,%3Csvg width='1439' height='114' viewBox='0 0 1439 114' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-1 0C-1 0 406 57 718.5 57C1031 57 1439 0 1439 0V114H-1V0Z' fill='%23F0F0F0'/%3E%3C/svg%3E");
  }

  .lg\:p-2 {
    padding: 0.5rem;
  }

  .lg\:p-4 {
    padding: 1rem;
  }

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

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

  .lg\:px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

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

  .lg\:px-3\.5 {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }

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

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

  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .lg\:px-\[25px\] {
    padding-left: 25px;
    padding-right: 25px;
  }

  .lg\:py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

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

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

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

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

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

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

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

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

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

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

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

  .lg\:pb-16 {
    padding-bottom: 4rem;
  }

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

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

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

  .lg\:pb-\[22px\] {
    padding-bottom: 22px;
  }

  .lg\:ps-4 {
    padding-inline-start: 1rem;
  }

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

  .lg\:pt-16 {
    padding-top: 4rem;
  }

  .lg\:pt-4 {
    padding-top: 1rem;
  }

  .lg\:pt-6 {
    padding-top: 1.5rem;
  }

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

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

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

  .lg\:text-start {
    text-align: start;
  }

  .lg\:text-end {
    text-align: end;
  }

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

  .lg\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .lg\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .lg\:leading-10 {
    line-height: 2.5rem;
  }

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

  .lg\:leading-8 {
    line-height: 2rem;
  }

  .lg\:leading-\[180\%\] {
    line-height: 180%;
  }

  .lg\:leading-\[22px\] {
    line-height: 22px;
  }

  .lg\:leading-\[26px\] {
    line-height: 26px;
  }

  .lg\:leading-\[33px\] {
    line-height: 33px;
  }

  .lg\:leading-\[38px\] {
    line-height: 38px;
  }

  .lg\:leading-\[58px\] {
    line-height: 58px;
  }

  .lg\:leading-\[68px\] {
    line-height: 68px;
  }
}

@media (min-width: 1200px) {
  .xl\:visible {
    visibility: visible;
  }

  .xl\:invisible {
    visibility: hidden;
  }

  .xl\:absolute {
    position: absolute;
  }

  .xl\:relative {
    position: relative;
  }

  .xl\:end-0 {
    inset-inline-end: 0px;
  }

  .xl\:end-\[-212px\] {
    inset-inline-end: -212px;
  }

  .xl\:end-\[-267px\] {
    inset-inline-end: -267px;
  }

  .xl\:end-\[47px\] {
    inset-inline-end: 47px;
  }

  .xl\:end-\[98px\] {
    inset-inline-end: 98px;
  }

  .xl\:start-0 {
    inset-inline-start: 0px;
  }

  .xl\:start-12 {
    inset-inline-start: 3rem;
  }

  .xl\:start-\[-145px\] {
    inset-inline-start: -145px;
  }

  .xl\:start-\[-271px\] {
    inset-inline-start: -271px;
  }

  .xl\:start-\[94px\] {
    inset-inline-start: 94px;
  }

  .xl\:top-32 {
    top: 8rem;
  }

  .xl\:top-\[297px\] {
    top: 297px;
  }

  .xl\:top-\[321px\] {
    top: 321px;
  }

  .xl\:top-\[92px\] {
    top: 92px;
  }

  .xl\:top-full {
    top: 100%;
  }

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

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

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

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

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

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

  .xl\:me-auto {
    margin-inline-end: auto;
  }

  .xl\:block {
    display: block;
  }

  .xl\:flex {
    display: flex;
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:h-8 {
    height: 2rem;
  }

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

  .xl\:h-fit {
    height: -moz-fit-content;
    height: fit-content;
  }

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

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

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

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

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

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

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

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

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

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

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

  .xl\:w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }

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

  .xl\:translate-y-2 {
    --tw-translate-y: 0.5rem;
    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));
  }

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

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

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

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

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

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

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

  .xl\:gap-3 {
    gap: 0.75rem;
  }

  .xl\:gap-5 {
    gap: 1.25rem;
  }

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

  .xl\:gap-\[1px\] {
    gap: 1px;
  }

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

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

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

  .xl\:bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(153 153 153 / var(--tw-bg-opacity, 1));
  }

  .xl\:bg-primary-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(227 6 19 / var(--tw-bg-opacity, 1));
  }

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

  .xl\:p-0 {
    padding: 0px;
  }

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

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

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

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

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

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

  .xl\:pe-4 {
    padding-inline-end: 1rem;
  }

  .xl\:text-start {
    text-align: start;
  }

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

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

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

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

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

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

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

  .xl\:leading-\[26px\] {
    line-height: 26px;
  }

  .xl\:text-navy {
    --tw-text-opacity: 1;
    color: rgb(27 45 84 / var(--tw-text-opacity, 1));
  }

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

  .xl\:opacity-0 {
    opacity: 0;
  }

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

  .xl\:shadow-soft-gray {
    --tw-shadow: 0px 0px 50px 0px #A5A5A526;
    --tw-shadow-colored: 0px 0px 50px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

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

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

  .xl\:hover\:bg-transparent:hover {
    background-color: transparent;
  }
}

@media (min-width: 1440px) {
  .\33xl\:w-\[1240px\] {
    width: 1240px;
  }

  .\33xl\:w-\[252px\] {
    width: 252px;
  }

  .\33xl\:w-\[272px\] {
    width: 272px;
  }

  .\33xl\:w-\[344px\] {
    width: 344px;
  }

  .\33xl\:w-\[352px\] {
    width: 352px;
  }

  .\33xl\:w-\[43\%\] {
    width: 43%;
  }

  .\33xl\:w-\[480px\] {
    width: 480px;
  }

  .\33xl\:w-\[51\%\] {
    width: 51%;
  }

  .\33xl\:w-\[521px\] {
    width: 521px;
  }

  .\33xl\:w-\[584px\] {
    width: 584px;
  }

  .\33xl\:w-\[606px\] {
    width: 606px;
  }

  .\33xl\:w-\[608px\] {
    width: 608px;
  }

  .\33xl\:w-\[671px\] {
    width: 671px;
  }

  .\33xl\:w-\[720px\] {
    width: 720px;
  }

  .\33xl\:w-\[805px\] {
    width: 805px;
  }

  .\33xl\:w-\[808px\] {
    width: 808px;
  }

  .\33xl\:w-\[944px\] {
    width: 944px;
  }

  .\33xl\:w-\[976px\] {
    width: 976px;
  }

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

.ltr\:rotate-180:where([dir="ltr"], [dir="ltr"] *) {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}