*, ::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: #e5e7eb; /* 2 */
}

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

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

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Ubuntu, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

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

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

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

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

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

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

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

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

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

button,
select {
  text-transform: none;
}

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

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

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

:-moz-focusring {
  outline: auto;
}

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

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

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

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

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

/*
Set the default cursor for buttons.
*/

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

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

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

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}

[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}

input::placeholder,textarea::placeholder {
  color: #6b7280;
  opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

::-webkit-date-and-time-value {
  min-height: 1.5em;
  text-align: inherit;
}

::-webkit-datetime-edit {
  display: inline-flex;
}

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}

select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

[multiple],[size]:where(select:not([size="1"])) {
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          print-color-adjust: unset;
}

[type='checkbox'],[type='radio'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}

[type='checkbox'] {
  border-radius: 0px;
}

[type='radio'] {
  border-radius: 100%;
}

[type='checkbox']:focus,[type='radio']:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --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);
}

[type='checkbox']:checked,[type='radio']:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

@media (forced-colors: active)  {

  [type='checkbox']:checked {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

[type='radio']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

@media (forced-colors: active)  {

  [type='radio']:checked {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
  border-color: transparent;
  background-color: currentColor;
}

[type='checkbox']:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

@media (forced-colors: active)  {

  [type='checkbox']:indeterminate {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
  border-color: transparent;
  background-color: currentColor;
}

[type='file'] {
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}

[type='file']:focus {
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
@media (min-width: 320px) {

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

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

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

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

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

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

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

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

  .container {
    max-width: 1920px;
  }
}
/* ACCESSIBILITY: style every element using .btn */
.btn:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 24 40 / var(--tw-ring-opacity, 1));
  --tw-ring-offset-width: 2px;
}
/* ========== Utility Base Layout ========== */
.woocommerce img, {
  height: auto;
  max-width: 100%;
}
.woocommerce .col2-set {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.5rem;
}
.woocommerce .col2-set .col-1,
  .woocommerce .col2-set .col-2 {
  width: 100%;
}
@media (min-width: 768px) {

  .woocommerce .col2-set .col-1,
  .woocommerce .col2-set .col-2 {
    width: 48%;
  }
}
.woocommerce div.product {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: 100%;
  max-width: 1440px;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 1100px) {

  .woocommerce div.product {
    flex-direction: row;
  }
}
.woocommerce div.product .images,
  .woocommerce div.product .summary {
  width: 100%;
}
@media (min-width: 1100px) {

  .woocommerce div.product .images,
  .woocommerce div.product .summary {
    width: 50%;
  }
}
.woocommerce div.product .woocommerce-tabs {
  clear: both;
  margin-top: 2rem;
}
@media (max-width: 767px) {
  footer .woocommerce div.product .woocommerce-tabs {
    margin-top: 0.75rem;
  }
}
.woocommerce .woocommerce-tabs ul.tabs {
  display: flex;
  flex-wrap: wrap;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.woocommerce .woocommerce-tabs ul.tabs li {
  display: inline-block;
  cursor: pointer;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.woocommerce .woocommerce-tabs ul.tabs li:hover {
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
}
.woocommerce .woocommerce-tabs ul.tabs li.active {
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
}
.woocommerce #reviews .comment {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 640px) {

  .woocommerce #reviews .comment {
    flex-direction: row;
  }
}
.woocommerce #reviews .comment img {
  height: 3rem;
  width: 3rem;
  border-radius: 9999px;
}
.woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}
@media (min-width: 640px) {

  .woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {

  .woocommerce ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1100px) {

  .woocommerce ul.products {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.woocommerce ul.products li.product {
  display: flex;
  flex-direction: column;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --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);
}
/* ========== Cart Page ========== */
.woocommerce table.cart {
  margin-bottom: 1.5rem;
  width: 100%;
  border-collapse: collapse;
}
.woocommerce table.cart th {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: left;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.woocommerce table.cart td {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  vertical-align: top;
}
.woocommerce .actions {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
@media (min-width: 640px) {

  .woocommerce .actions {
    flex-direction: row;
  }
}
.woocommerce .actions .coupon {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.woocommerce .actions .coupon:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.woocommerce .actions .coupon input[type="text"] {
  display: block;
  height: 3rem;
  width: 100%;
  border-radius: 0px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.woocommerce .actions .button {
  border-radius: 0px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.woocommerce .actions .button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
}
/* ========== Cart Collaterals ========== */
.woocommerce .cart-collaterals {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
}
@media (min-width: 1100px) {

  .woocommerce .cart-collaterals {
    flex-direction: row;
  }
}
.woocommerce .cart-collaterals .cart_totals,
  .woocommerce .cart-collaterals .shipping_calculator {
  width: 100%;
}
.woocommerce form .form-row::after, .woocommerce form .form-row::before, .woocommerce-page form .form-row::after, .woocommerce-page form .form-row::before {
    content: " ";
    display: flex;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }
/* ========== Checkout Page ========== */
.woocommerce-checkout form.checkout {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (min-width: 1100px) {

  .woocommerce-checkout form.checkout {
    flex-direction: row;
  }
}
.woocommerce-cart .cart-collaterals .shipping-calculator-form {
    margin: 0px;
  }
.woocommerce form .form-row-wide {
    margin: 0px!important;
    padding: 0px!important;
    gap: 0px!important;
  }
.woocommerce .form-row {
  margin-bottom: 1rem;
}
.woocommerce .form-row label {
  margin-bottom: 0.25rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.woocommerce .form-row input,
  .woocommerce .form-row select,
  .woocommerce .form-row textarea {
  height: 0.75rem;
  width: 100%;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.woocommerce .form-row input:focus,
  .woocommerce .form-row select:focus,
  .woocommerce .form-row textarea:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(4 18 39 / var(--tw-ring-opacity, 1));
}
.woocommerce .form-row .input-text {
  width: 100%;
}
.woocommerce .form-row-first {
  float: left;
  width: 100%;
}
@media (min-width: 768px) {

  .woocommerce .form-row-first {
    width: 48%;
  }
}
.woocommerce .form-row-last {
  float: right;
  width: 100%;
}
@media (min-width: 768px) {

  .woocommerce .form-row-last {
    width: 48%;
  }
}
.woocommerce .form-row-wide {
  clear: both;
  width: 100%;
}
.woocommerce #payment {
  margin-top: 1.5rem;
}
.woocommerce #payment .form-row select {
  width: auto;
}
.woocommerce #place_order {
  width: 100%;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.woocommerce #place_order:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(120 137 65 / var(--tw-bg-opacity, 1));
}
/* ========== My Account Page ========== */
/* ------------------------------
     CART PAGE
  ------------------------------ */
.woocommerce-cart .woocommerce {
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.woocommerce table.shop_table {
  width: 100%;
  border-collapse: separate;
  --tw-border-spacing-y: 0.75rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.woocommerce table.shop_table th {
  --tw-bg-opacity: 1;
  background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(52 64 84 / var(--tw-text-opacity, 1));
}
.woocommerce table.shop_table td {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 236 240 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  vertical-align: middle;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(29 41 57 / var(--tw-text-opacity, 1));
}
.woocommerce .product-thumbnail img {
  height: auto;
  width: 5rem;
  border-radius: 0.25rem;
}
.woocommerce .cart_totals {
  margin-top: 0px;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}
.woocommerce .cart-collaterals h2 {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(29 41 57 / var(--tw-text-opacity, 1));
}
.woocommerce .actions .button,
  .woocommerce .coupon .button {
  display: flex;
  height: 3rem;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  justify-content: center;
  border-radius: 0px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
  padding-left: 2rem;
  padding-right: 2rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.woocommerce .actions .button:hover,
  .woocommerce .coupon .button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
}
.woocommerce-cart .woocommerce {
    display: grid;
   grid-column: 2;
  }
/* ------------------------------
     CHECKOUT PAGE
 /* Checkout wrapper */
/* Billing & Shipping Columns */
/* Headings */
.woocommerce h3 {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
/* Form fields */
.woocommerce form .form-row {
  margin-bottom: 0px;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.5rem;
}
.woocommerce .form-row .input-text,
.woocommerce .form-row input,
.woocommerce .form-row select {
  display: block;
  height: 3rem;
  width: 100%;
  border-radius: 0px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
}
.woocommerce form .form-row > :not([hidden]) ~ :not([hidden]) {
  width: 100%;
}
/* Checkbox */
.woocommerce input[type="checkbox"] {
  accent-color: #041227;
}
/* Shipping toggle */
#ship-to-different-address label {
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
/* Order review */
#order_review {
  margin-top: 2rem;
}
#order_review > :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));
}
#order_review {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
@media (max-width: 767px) {
  footer #order_review {
    margin-top: 0.75rem;
  }
}
/* Payment section */
/* Place order button */
#place_order {
  width: 100%;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
#place_order:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
/* Terms */
/* Hide select2 background styling if needed */
.woocommerce-checkout .place-order .button,
  .woocommerce-checkout .button.alt {
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.woocommerce-checkout .place-order .button:hover,
  .woocommerce-checkout .button.alt:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
}
/* ------------------------------
     WOO BLOCKS (Cart + Checkout)
  ------------------------------ */
/* Remove list bullets in order summary */
/* General WooCommerce Button Styling */
.woocommerce-Button,
  .woocommerce .button,
  .woocommerce button.button,
  .woocommerce input.button,
  .woocommerce #respond input#submit,
  .woocommerce a.button,
  .woocommerce button.button.alt,
  .woocommerce input.button.alt,
  .woocommerce a.button.alt {
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    /* Accessibility Focus States */
}
.woocommerce-Button:focus,
  .woocommerce .button:focus,
  .woocommerce button.button:focus,
  .woocommerce input.button:focus,
  .woocommerce #respond input#submit:focus,
  .woocommerce a.button:focus,
  .woocommerce button.button.alt:focus,
  .woocommerce input.button.alt:focus,
  .woocommerce a.button.alt:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 24 40 / var(--tw-ring-opacity, 1));
  --tw-ring-offset-width: 2px;
}
.woocommerce-Button,
  .woocommerce .button,
  .woocommerce button.button,
  .woocommerce input.button,
  .woocommerce #respond input#submit,
  .woocommerce a.button,
  .woocommerce button.button.alt,
  .woocommerce input.button.alt,
  .woocommerce a.button.alt {

    /* Hover Styles */
  }
.woocommerce-Button:hover,
  .woocommerce .button:hover,
  .woocommerce button.button:hover,
  .woocommerce input.button:hover,
  .woocommerce #respond input#submit:hover,
  .woocommerce a.button:hover,
  .woocommerce button.button.alt:hover,
  .woocommerce input.button.alt:hover,
  .woocommerce a.button.alt:hover {
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}
.woocommerce-Button,
  .woocommerce .button,
  .woocommerce button.button,
  .woocommerce input.button,
  .woocommerce #respond input#submit,
  .woocommerce a.button,
  .woocommerce button.button.alt,
  .woocommerce input.button.alt,
  .woocommerce a.button.alt {

    /* Disabled State */
  }
.woocommerce-Button:disabled,
  .woocommerce .button:disabled,
  .woocommerce button.button:disabled,
  .woocommerce input.button:disabled,
  .woocommerce #respond input#submit:disabled,
  .woocommerce a.button:disabled,
  .woocommerce button.button.alt:disabled,
  .woocommerce input.button.alt:disabled,
  .woocommerce a.button.alt:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.woocommerce-Button,
  .woocommerce .button,
  .woocommerce button.button,
  .woocommerce input.button,
  .woocommerce #respond input#submit,
  .woocommerce a.button,
  .woocommerce button.button.alt,
  .woocommerce input.button.alt,
  .woocommerce a.button.alt {

    /* Remove default WooCommerce styling */
    border-radius: 0.375rem !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
.woocommerce a.button.alt:hover {
     border: 1px solid #041227;
   }
/* Outline variant buttons */
.woocommerce .button.outlined,
  .woocommerce .button.is-style-outline {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
}
.woocommerce .button.outlined:hover,
  .woocommerce .button.is-style-outline:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}
/* Specific WooCommerce button types */
.woocommerce .single_add_to_cart_button,
  .woocommerce .checkout-button,
  .woocommerce .wc-proceed-to-checkout .button,
  .woocommerce .return-to-shop .button {
  width: 100%;
  min-width: 280px;
  max-width: -moz-max-content;
  max-width: max-content;
}
/* Small buttons */
.woocommerce .button.small {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
/* Large buttons */
.woocommerce .button.large {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
/* Loading state */
.woocommerce .button.loading {
  cursor: wait;
  opacity: 0.75;
}
/* Remove WooCommerce default styles that might conflict */
.woocommerce .button:before,
  .woocommerce .button:after {
    display: none !important;
  }
/* Ensure consistent styling for different states */
.woocommerce .button:visited {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.woocommerce .button:hover:visited {
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
}
/* Fix for buttons inside forms */
.woocommerce form .button {
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
}
/* Quantity buttons styling */
.woocommerce .quantity .plus,
  .woocommerce .quantity .minus {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  background-color: transparent;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
}
.woocommerce .quantity .plus:hover,
  .woocommerce .quantity .minus:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
/* Navigation container */
/* Navigation list */
/* Individual tab items */
/* Tab links */
/* Active tab styling */
.woocommerce-MyAccount-navigation-link.is-active a,
  .woocommerce-MyAccount-navigation-link.is-active a[aria-current="page"] {
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  background-color: rgb(4 18 39 / 0.05);
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
}
/* Hover effect for active tab */
.woocommerce-MyAccount-navigation-link.is-active a:hover {
  background-color: rgb(4 18 39 / 0.1);
}
/* Special styling for logout link */
/* Responsive design for mobile */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation ul {
    flex-direction: column;
    gap: 0px;
  }

    .woocommerce-MyAccount-navigation-link a {
    border-right-width: 0px;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

    .woocommerce-MyAccount-navigation-link.is-active a {
    border-left-width: 4px;
    border-left-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
    --tw-border-opacity: 1;
    border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
    background-color: rgb(4 18 39 / 0.1);
  }
  }
/* Alternative rounded tab style (uncomment if preferred) */
/*
  .woocommerce-MyAccount-navigation ul {
    @apply gap-2 border-0;
  }

  .woocommerce-MyAccount-navigation-link a {
    @apply rounded-lg border border-gray-200 hover:border-primary;
  }

  .woocommerce-MyAccount-navigation-link.is-active a {
    @apply text-white bg-primary border-primary;
  }
  */
/* Clean up any conflicting WooCommerce styles */
/* Ensure content area has proper spacing */
/* Main login page container */
.woocommerce-account .woocommerce {
  margin-left: auto;
  margin-right: auto;
  max-width: 56rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
/* Two-column layout for login/register */
.woocommerce .col2-set .col-1,
  .woocommerce .col2-set .col-2 {
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 2rem;
  --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);
}
/* Form headings */
.woocommerce .col2-set h2 {
  margin-bottom: 1.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  padding-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
/* Form styling */
.woocommerce form.login > :not([hidden]) ~ :not([hidden]),
  .woocommerce form.register > :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));
}
/* Form fields */
.woocommerce form .form-row > :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));
}
.woocommerce form .form-row label {
  margin-bottom: 0.25rem;
  display: flex;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.woocommerce form .form-row .required {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
/* Input fields */
.woocommerce form .form-row .input-text,
  .woocommerce form .form-row input[type="text"],
  .woocommerce form .form-row input[type="email"],
  .woocommerce form .form-row input[type="password"] {
  width: 100%;
  border-radius: 0.375rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  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;
}
.woocommerce form .form-row .input-text:focus,
  .woocommerce form .form-row input[type="text"]:focus,
  .woocommerce form .form-row input[type="email"]:focus,
  .woocommerce form .form-row input[type="password"]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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);
  --tw-ring-color: rgb(4 18 39 / 0.2);
}
.woocommerce form .form-row .input-text::-moz-placeholder, .woocommerce form .form-row input[type="text"]::-moz-placeholder, .woocommerce form .form-row input[type="email"]::-moz-placeholder, .woocommerce form .form-row input[type="password"]::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.woocommerce form .form-row .input-text::placeholder,
  .woocommerce form .form-row input[type="text"]::placeholder,
  .woocommerce form .form-row input[type="email"]::placeholder,
  .woocommerce form .form-row input[type="password"]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
/* Invalid fields */
.woocommerce form .form-row .input-text.woocommerce-invalid {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.woocommerce form .form-row .input-text.woocommerce-invalid:focus {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
  --tw-ring-color: rgb(239 68 68 / 0.2);
}
/* Remember me checkbox */
.woocommerce form .form-row-wide {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.woocommerce form .woocommerce-form-login__rememberme {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.woocommerce form input[type="checkbox"] {
  height: 1rem;
  width: 1rem;
  border-radius: 0.25rem;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
  accent-color: #041227;
}
.woocommerce form input[type="checkbox"]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(4 18 39 / var(--tw-ring-opacity, 1));
}
/* Submit buttons */
.woocommerce form .button,
  .woocommerce form input[type="submit"] {
  margin-top: 1rem;
  height: 48px;
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.woocommerce form .button:hover,
  .woocommerce form input[type="submit"]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
}
.woocommerce form .button:focus,
  .woocommerce form input[type="submit"]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(4 18 39 / var(--tw-ring-opacity, 1));
  --tw-ring-offset-width: 2px;
}
.woocommerce form input[type="submit"]:hover:hover {
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  text-decoration-line: none;
}
/* Lost password link */
.woocommerce form .lost_password a {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / 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;
}
.woocommerce form .lost_password a:hover {
  --tw-text-opacity: 1;
  color: rgb(170 74 68 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}
/* Error messages */
.woocommerce .woocommerce-error,
  .woocommerce .woocommerce-message,
  .woocommerce .woocommerce-info {
  margin-bottom: 1.5rem;
  border-radius: 0.375rem;
  border-left-width: 4px;
  padding: 1rem;
}
.woocommerce .woocommerce-error {
  --tw-border-opacity: 1;
  border-left-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.wp_editor .entry-content .showcoupon,
  .woocommerce .wp_editor .entry-content .showcoupon {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    text-decoration: underline !important;
}
.wp_editor .entry-content .showcoupon:hover,
  .woocommerce .wp_editor .entry-content .showcoupon:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    text-decoration: none !important;
}
.woocommerce .woocommerce-message {
  --tw-border-opacity: 1;
  border-left-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.woocommerce .woocommerce-info {
  --tw-border-opacity: 1;
  border-left-color: rgb(170 74 68 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
/* Error message lists */
.woocommerce .woocommerce-error ul,
  .woocommerce .woocommerce-message ul,
  .woocommerce .woocommerce-info ul {
  margin: 0px;
  list-style-type: none;
  padding: 0px;
}
.woocommerce .woocommerce-error li,
  .woocommerce .woocommerce-message li,
  .woocommerce .woocommerce-info li {
  margin-bottom: 0.25rem;
}
.woocommerce .woocommerce-error li:last-child,
  .woocommerce .woocommerce-message li:last-child,
  .woocommerce .woocommerce-info li:last-child {
  margin-bottom: 0px;
}
/* Registration form specific */
.woocommerce form.register .form-row > :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));
}
.woocommerce .woocommerce-privacy-policy-text {
  margin-top: 1rem;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
/* Loading state */
.woocommerce form .button.loading {
  cursor: wait;
  opacity: 0.75;
}
/* Mobile responsiveness */
@media (max-width: 1024px) {
    .woocommerce .col2-set {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

    .woocommerce .col2-set .col-1,
    .woocommerce .col2-set .col-2 {
    padding: 1.5rem;
  }
  }
@media (max-width: 640px) {
    .woocommerce-account .woocommerce {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
@media (max-width: 767px) {

  footer .woocommerce-account .woocommerce {
    padding-bottom: 0.75rem;
  }
}

    .woocommerce .col2-set .col-1,
    .woocommerce .col2-set .col-2 {
    padding: 1rem;
  }
  }
/* Alternative single-column layout for login only */
/* Social login buttons (if using plugins) */
.woocommerce-social-login .button {
  margin-bottom: 0.75rem;
  width: 100%;
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.woocommerce-social-login .button:hover {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
/* Show/Hide password toggle */
.woocommerce .show-password-input {
  position: relative;
}
.woocommerce .show-password-input .show-password {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.woocommerce .show-password-input .show-password:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
/* Custom logo area (if needed) */
.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;
}
.pointer-events-auto {
  pointer-events: auto;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.-top-2 {
  top: -0.5rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-5 {
  bottom: 1.25rem;
}
.bottom-6 {
  bottom: 1.5rem;
}
.left-0 {
  left: 0px;
}
.left-1\/2 {
  left: 50%;
}
.left-2 {
  left: 0.5rem;
}
.left-6 {
  left: 1.5rem;
}
.left-\[-25px\] {
  left: -25px;
}
.left-\[-8rem\] {
  left: -8rem;
}
.right-0 {
  right: 0px;
}
.right-2 {
  right: 0.5rem;
}
.right-5 {
  right: 1.25rem;
}
.top-0 {
  top: 0px;
}
.top-1\/2 {
  top: 50%;
}
.top-2 {
  top: 0.5rem;
}
.top-6 {
  top: 1.5rem;
}
.top-\[-3rem\] {
  top: -3rem;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-50 {
  z-index: 50;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-12 {
  grid-column: span 12 / span 12;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.col-span-8 {
  grid-column: span 8 / span 8;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.-mb-6 {
  margin-bottom: -1.5rem;
}
.-mr-2 {
  margin-right: -0.5rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-2\.5 {
  margin-bottom: 0.625rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-\[16px\] {
  margin-bottom: 16px;
}
.ml-0 {
  margin-left: 0px;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.ml-\[0px\] {
  margin-left: 0px;
}
.mr-0 {
  margin-right: 0px;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-8 {
  margin-right: 2rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-11 {
  margin-top: 2.75rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-16 {
  margin-top: 4rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-2\.5 {
  margin-top: 0.625rem;
}
.mt-28 {
  margin-top: 7rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[5rem\] {
  margin-top: 5rem;
}
.mt-\[7rem\] {
  margin-top: 7rem;
}
.mt-auto {
  margin-top: auto;
}
.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-\[1\.25\] {
  aspect-ratio: 1.25;
}
.aspect-\[1\.84\] {
  aspect-ratio: 1.84;
}
.aspect-\[1\/1\] {
  aspect-ratio: 1/1;
}
.aspect-\[16\/9\] {
  aspect-ratio: 16/9;
}
.aspect-\[3\.98\] {
  aspect-ratio: 3.98;
}
.aspect-\[3\/4\] {
  aspect-ratio: 3/4;
}
.aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.size-full {
  width: 100%;
  height: 100%;
}
.h-0\.5 {
  height: 0.125rem;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-8 {
  height: 2rem;
}
.h-\[107px\] {
  height: 107px;
}
.h-\[150px\] {
  height: 150px;
}
.h-\[15px\] {
  height: 15px;
}
.h-\[198px\] {
  height: 198px;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[42px\] {
  height: 42px;
}
.h-\[430px\] {
  height: 430px;
}
.h-\[48px\] {
  height: 48px;
}
.h-\[4px\] {
  height: 4px;
}
.h-\[519px\] {
  height: 519px;
}
.h-\[70px\] {
  height: 70px;
}
.h-\[79px\] {
  height: 79px;
}
.h-auto {
  height: auto;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.max-h-\[48px\] {
  max-height: 48px;
}
.max-h-\[500px\] {
  max-height: 500px;
}
.max-h-fit {
  max-height: -moz-fit-content;
  max-height: fit-content;
}
.max-h-full {
  max-height: 100%;
}
.min-h-14 {
  min-height: 3.5rem;
}
.min-h-\[149px\] {
  min-height: 149px;
}
.min-h-\[21px\] {
  min-height: 21px;
}
.min-h-\[480px\] {
  min-height: 480px;
}
.min-h-\[48px\] {
  min-height: 48px;
}
.min-h-\[4px\] {
  min-height: 4px;
}
.min-h-\[52px\] {
  min-height: 52px;
}
.min-h-\[700px\] {
  min-height: 700px;
}
.min-h-\[776px\] {
  min-height: 776px;
}
.min-h-screen {
  min-height: 100vh;
}
.w-1 {
  width: 0.25rem;
}
.w-1\/12 {
  width: 8.333333%;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-1\/4 {
  width: 25%;
}
.w-1\/5 {
  width: 20%;
}
.w-1\/6 {
  width: 16.666667%;
}
.w-10 {
  width: 2.5rem;
}
.w-10\/12 {
  width: 83.333333%;
}
.w-11\/12 {
  width: 91.666667%;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-2\/12 {
  width: 16.666667%;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-2\/4 {
  width: 50%;
}
.w-2\/5 {
  width: 40%;
}
.w-2\/6 {
  width: 33.333333%;
}
.w-3\/12 {
  width: 25%;
}
.w-3\/4 {
  width: 75%;
}
.w-3\/5 {
  width: 60%;
}
.w-3\/6 {
  width: 50%;
}
.w-4 {
  width: 1rem;
}
.w-4\/12 {
  width: 33.333333%;
}
.w-4\/5 {
  width: 80%;
}
.w-4\/6 {
  width: 66.666667%;
}
.w-5 {
  width: 1.25rem;
}
.w-5\/12 {
  width: 41.666667%;
}
.w-5\/6 {
  width: 83.333333%;
}
.w-6 {
  width: 1.5rem;
}
.w-6\/12 {
  width: 50%;
}
.w-7\/12 {
  width: 58.333333%;
}
.w-8 {
  width: 2rem;
}
.w-8\/12 {
  width: 66.666667%;
}
.w-9\/12 {
  width: 75%;
}
.w-96 {
  width: 24rem;
}
.w-\[108px\] {
  width: 108px;
}
.w-\[1309px\] {
  width: 1309px;
}
.w-\[150px\] {
  width: 150px;
}
.w-\[15px\] {
  width: 15px;
}
.w-\[20px\] {
  width: 20px;
}
.w-\[242px\] {
  width: 242px;
}
.w-\[30px\] {
  width: 30px;
}
.w-\[485px\] {
  width: 485px;
}
.w-\[572px\] {
  width: 572px;
}
.w-\[72px\] {
  width: 72px;
}
.w-\[896px\] {
  width: 896px;
}
.w-\[90\%\] {
  width: 90%;
}
.w-\[95\%\] {
  width: 95%;
}
.w-\[calc\(100\%\+50px\)\] {
  width: calc(100% + 50px);
}
.w-\[calc\(100\%-48px\)\] {
  width: calc(100% - 48px);
}
.w-auto {
  width: auto;
}
.w-container {
  width: 1280px;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-screen {
  width: 100vw;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-60 {
  min-width: 15rem;
}
.min-w-\[240px\] {
  min-width: 240px;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-\[1048px\] {
  max-width: 1048px;
}
.max-w-\[1085px\] {
  max-width: 1085px;
}
.max-w-\[1095px\] {
  max-width: 1095px;
}
.max-w-\[1158px\] {
  max-width: 1158px;
}
.max-w-\[1170px\] {
  max-width: 1170px;
}
.max-w-\[1174px\] {
  max-width: 1174px;
}
.max-w-\[1175px\] {
  max-width: 1175px;
}
.max-w-\[1180px\] {
  max-width: 1180px;
}
.max-w-\[1344px\] {
  max-width: 1344px;
}
.max-w-\[1376px\] {
  max-width: 1376px;
}
.max-w-\[1394px\] {
  max-width: 1394px;
}
.max-w-\[1400px\] {
  max-width: 1400px;
}
.max-w-\[1408px\] {
  max-width: 1408px;
}
.max-w-\[1440px\] {
  max-width: 1440px;
}
.max-w-\[1444px\] {
  max-width: 1444px;
}
.max-w-\[242px\] {
  max-width: 242px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[304px\] {
  max-width: 304px;
}
.max-w-\[32px\] {
  max-width: 32px;
}
.max-w-\[360px\] {
  max-width: 360px;
}
.max-w-\[48px\] {
  max-width: 48px;
}
.max-w-\[50\%\] {
  max-width: 50%;
}
.max-w-\[566px\] {
  max-width: 566px;
}
.max-w-\[640px\] {
  max-width: 640px;
}
.max-w-\[745px\] {
  max-width: 745px;
}
.max-w-\[768px\] {
  max-width: 768px;
}
.max-w-\[901px\] {
  max-width: 901px;
}
.max-w-container {
  max-width: 1440px;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 1200px;
}
.max-w-max {
  max-width: -moz-max-content;
  max-width: max-content;
}
.max-w-md {
  max-width: 768px;
}
.max-w-mob {
  max-width: 575px;
}
.max-w-screen-sm {
  max-width: 640px;
}
.max-w-screen-xl {
  max-width: 1280px;
}
.max-w-sm {
  max-width: 640px;
}
.max-w-ultrawide {
  max-width: 1920px;
}
.max-w-xl {
  max-width: 1280px;
}
.max-w-xs {
  max-width: 480px;
}
.max-w-xxl {
  max-width: 1440px;
}
.max-w-xxs {
  max-width: 320px;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.grow {
  flex-grow: 1;
}
.basis-0 {
  flex-basis: 0px;
}
.origin-\[654\.5px_259\.5px\] {
  transform-origin: 654.5px 259.5px;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-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-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.touch-none {
  touch-action: none;
}
.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;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, 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-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3\.5 {
  gap: 0.875rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.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-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-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-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));
}
.self-start {
  align-self: flex-start;
}
.self-stretch {
  align-self: stretch;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.break-words {
  overflow-wrap: break-word;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[100px\] {
  border-radius: 100px;
}
.rounded-\[40px\] {
  border-radius: 40px;
}
.rounded-\[40px_4px_40px_4px\] {
  border-radius: 40px 4px 40px 4px;
}
.rounded-custom {
  border-radius: 0px;
}
.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-b-none {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-l {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-br-3xl {
  border-bottom-right-radius: 1.5rem;
}
.rounded-tr-3xl {
  border-top-right-radius: 1.5rem;
}
.border {
  border-width: 1px;
}
.border-2 {
  border-width: 2px;
}
.border-\[1px\] {
  border-width: 1px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-\[6px\] {
  border-bottom-width: 6px;
}
.border-l-\[6px\] {
  border-left-width: 6px;
}
.border-r-\[6px\] {
  border-right-width: 6px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-\[6px\] {
  border-top-width: 6px;
}
.border-solid {
  border-style: solid;
}
.border-none {
  border-style: none;
}
.border-\[\#666666\] {
  --tw-border-opacity: 1;
  border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
}
.border-\[\#CCDEE2\] {
  --tw-border-opacity: 1;
  border-color: rgb(204 222 226 / var(--tw-border-opacity, 1));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-neutral-200 {
  --tw-border-opacity: 1;
  border-color: rgb(234 236 240 / var(--tw-border-opacity, 1));
}
.border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
}
.border-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(170 74 68 / var(--tw-border-opacity, 1));
}
.border-sky-900 {
  --tw-border-opacity: 1;
  border-color: rgb(12 74 110 / var(--tw-border-opacity, 1));
}
.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-slate-900 {
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-y-gray-200 {
  --tw-border-opacity: 1;
  border-top-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-t-primary {
  --tw-border-opacity: 1;
  border-top-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
}
.bg-\[\#666666\] {
  --tw-bg-opacity: 1;
  background-color: rgb(102 102 102 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F6F6F6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-blue-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(147 197 253 / var(--tw-bg-opacity, 1));
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-green-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(134 239 172 / var(--tw-bg-opacity, 1));
}
.bg-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
}
.bg-neutral-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
}
.bg-neutral-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 236 240 / var(--tw-bg-opacity, 1));
}
.bg-orange-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1));
}
.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(170 74 68 / var(--tw-bg-opacity, 1));
}
.bg-slate-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.bg-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / 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-opacity-50 {
  --tw-bg-opacity: 0.5;
}
.bg-opacity-75 {
  --tw-bg-opacity: 0.75;
}
.bg-opacity-90 {
  --tw-bg-opacity: 0.9;
}
.bg-cover {
  background-size: cover;
}
.bg-center {
  background-position: center;
}
.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-10 {
  padding: 2.5rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-4 {
  padding: 1rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.p-\[0rem\] {
  padding: 0rem;
}
.p-\[10rem\] {
  padding: 10rem;
}
.p-\[11rem\] {
  padding: 11rem;
}
.p-\[12rem\] {
  padding: 12rem;
}
.p-\[13rem\] {
  padding: 13rem;
}
.p-\[14rem\] {
  padding: 14rem;
}
.p-\[15rem\] {
  padding: 15rem;
}
.p-\[16rem\] {
  padding: 16rem;
}
.p-\[17rem\] {
  padding: 17rem;
}
.p-\[18rem\] {
  padding: 18rem;
}
.p-\[19rem\] {
  padding: 19rem;
}
.p-\[1rem\] {
  padding: 1rem;
}
.p-\[20rem\] {
  padding: 20rem;
}
.p-\[2rem\] {
  padding: 2rem;
}
.p-\[3rem\] {
  padding: 3rem;
}
.p-\[40px\] {
  padding: 40px;
}
.p-\[4rem\] {
  padding: 4rem;
}
.p-\[5rem\] {
  padding: 5rem;
}
.p-\[6rem\] {
  padding: 6rem;
}
.p-\[7rem\] {
  padding: 7rem;
}
.p-\[8rem\] {
  padding: 8rem;
}
.p-\[9rem\] {
  padding: 9rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}
.px-24 {
  padding-left: 6rem;
  padding-right: 6rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-32 {
  padding-left: 8rem;
  padding-right: 8rem;
}
.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-\[0rem\] {
  padding-left: 0rem;
  padding-right: 0rem;
}
.px-\[10rem\] {
  padding-left: 10rem;
  padding-right: 10rem;
}
.px-\[11rem\] {
  padding-left: 11rem;
  padding-right: 11rem;
}
.px-\[12rem\] {
  padding-left: 12rem;
  padding-right: 12rem;
}
.px-\[13rem\] {
  padding-left: 13rem;
  padding-right: 13rem;
}
.px-\[14rem\] {
  padding-left: 14rem;
  padding-right: 14rem;
}
.px-\[15rem\] {
  padding-left: 15rem;
  padding-right: 15rem;
}
.px-\[16rem\] {
  padding-left: 16rem;
  padding-right: 16rem;
}
.px-\[17rem\] {
  padding-left: 17rem;
  padding-right: 17rem;
}
.px-\[18rem\] {
  padding-left: 18rem;
  padding-right: 18rem;
}
.px-\[19rem\] {
  padding-left: 19rem;
  padding-right: 19rem;
}
.px-\[1rem\] {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-\[20rem\] {
  padding-left: 20rem;
  padding-right: 20rem;
}
.px-\[2rem\] {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[3rem\] {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-\[4rem\] {
  padding-left: 4rem;
  padding-right: 4rem;
}
.px-\[5rem\] {
  padding-left: 5rem;
  padding-right: 5rem;
}
.px-\[6rem\] {
  padding-left: 6rem;
  padding-right: 6rem;
}
.px-\[7rem\] {
  padding-left: 7rem;
  padding-right: 7rem;
}
.px-\[8rem\] {
  padding-left: 8rem;
  padding-right: 8rem;
}
.px-\[9rem\] {
  padding-left: 9rem;
  padding-right: 9rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[0rem\] {
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.py-\[10rem\] {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.py-\[11rem\] {
  padding-top: 11rem;
  padding-bottom: 11rem;
}
.py-\[12rem\] {
  padding-top: 12rem;
  padding-bottom: 12rem;
}
.py-\[13rem\] {
  padding-top: 13rem;
  padding-bottom: 13rem;
}
.py-\[14rem\] {
  padding-top: 14rem;
  padding-bottom: 14rem;
}
.py-\[15rem\] {
  padding-top: 15rem;
  padding-bottom: 15rem;
}
.py-\[16rem\] {
  padding-top: 16rem;
  padding-bottom: 16rem;
}
.py-\[17rem\] {
  padding-top: 17rem;
  padding-bottom: 17rem;
}
.py-\[18rem\] {
  padding-top: 18rem;
  padding-bottom: 18rem;
}
.py-\[19rem\] {
  padding-top: 19rem;
  padding-bottom: 19rem;
}
.py-\[1rem\] {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-\[20rem\] {
  padding-top: 20rem;
  padding-bottom: 20rem;
}
.py-\[2rem\] {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[3rem\] {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-\[4rem\] {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-\[5rem\] {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-\[6rem\] {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-\[7rem\] {
  padding-top: 7rem;
  padding-bottom: 7rem;
}
.py-\[8rem\] {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.py-\[9rem\] {
  padding-top: 9rem;
  padding-bottom: 9rem;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-14 {
  padding-bottom: 3.5rem;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-\[0\.5rem\] {
  padding-bottom: 0.5rem;
}
.pb-\[0rem\] {
  padding-bottom: 0rem;
}
.pb-\[1\.5rem\] {
  padding-bottom: 1.5rem;
}
.pb-\[10rem\] {
  padding-bottom: 10rem;
}
.pb-\[11rem\] {
  padding-bottom: 11rem;
}
.pb-\[12rem\] {
  padding-bottom: 12rem;
}
.pb-\[13rem\] {
  padding-bottom: 13rem;
}
.pb-\[14rem\] {
  padding-bottom: 14rem;
}
.pb-\[15rem\] {
  padding-bottom: 15rem;
}
.pb-\[16rem\] {
  padding-bottom: 16rem;
}
.pb-\[17rem\] {
  padding-bottom: 17rem;
}
.pb-\[18rem\] {
  padding-bottom: 18rem;
}
.pb-\[19rem\] {
  padding-bottom: 19rem;
}
.pb-\[1rem\] {
  padding-bottom: 1rem;
}
.pb-\[2\.5rem\] {
  padding-bottom: 2.5rem;
}
.pb-\[20rem\] {
  padding-bottom: 20rem;
}
.pb-\[2rem\] {
  padding-bottom: 2rem;
}
.pb-\[3\.5rem\] {
  padding-bottom: 3.5rem;
}
.pb-\[3rem\] {
  padding-bottom: 3rem;
}
.pb-\[4\.5rem\] {
  padding-bottom: 4.5rem;
}
.pb-\[4rem\] {
  padding-bottom: 4rem;
}
.pb-\[5\.5rem\] {
  padding-bottom: 5.5rem;
}
.pb-\[5rem\] {
  padding-bottom: 5rem;
}
.pb-\[6\.5rem\] {
  padding-bottom: 6.5rem;
}
.pb-\[6rem\] {
  padding-bottom: 6rem;
}
.pb-\[7\.5rem\] {
  padding-bottom: 7.5rem;
}
.pb-\[7rem\] {
  padding-bottom: 7rem;
}
.pb-\[8\.5rem\] {
  padding-bottom: 8.5rem;
}
.pb-\[8rem\] {
  padding-bottom: 8rem;
}
.pb-\[9\.5rem\] {
  padding-bottom: 9.5rem;
}
.pb-\[9rem\] {
  padding-bottom: 9rem;
}
.pl-0 {
  padding-left: 0px;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-14 {
  padding-left: 3.5rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-7 {
  padding-left: 1.75rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-9 {
  padding-left: 2.25rem;
}
.pl-\[0rem\] {
  padding-left: 0rem;
}
.pl-\[10rem\] {
  padding-left: 10rem;
}
.pl-\[11rem\] {
  padding-left: 11rem;
}
.pl-\[12rem\] {
  padding-left: 12rem;
}
.pl-\[13rem\] {
  padding-left: 13rem;
}
.pl-\[14rem\] {
  padding-left: 14rem;
}
.pl-\[15rem\] {
  padding-left: 15rem;
}
.pl-\[16rem\] {
  padding-left: 16rem;
}
.pl-\[17rem\] {
  padding-left: 17rem;
}
.pl-\[18rem\] {
  padding-left: 18rem;
}
.pl-\[19rem\] {
  padding-left: 19rem;
}
.pl-\[1rem\] {
  padding-left: 1rem;
}
.pl-\[20rem\] {
  padding-left: 20rem;
}
.pl-\[2rem\] {
  padding-left: 2rem;
}
.pl-\[3rem\] {
  padding-left: 3rem;
}
.pl-\[4rem\] {
  padding-left: 4rem;
}
.pl-\[5rem\] {
  padding-left: 5rem;
}
.pl-\[6rem\] {
  padding-left: 6rem;
}
.pl-\[7rem\] {
  padding-left: 7rem;
}
.pl-\[8rem\] {
  padding-left: 8rem;
}
.pl-\[9rem\] {
  padding-left: 9rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-20 {
  padding-right: 5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-7 {
  padding-right: 1.75rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-9 {
  padding-right: 2.25rem;
}
.pr-\[0rem\] {
  padding-right: 0rem;
}
.pr-\[10rem\] {
  padding-right: 10rem;
}
.pr-\[11rem\] {
  padding-right: 11rem;
}
.pr-\[12rem\] {
  padding-right: 12rem;
}
.pr-\[13rem\] {
  padding-right: 13rem;
}
.pr-\[14rem\] {
  padding-right: 14rem;
}
.pr-\[15rem\] {
  padding-right: 15rem;
}
.pr-\[16rem\] {
  padding-right: 16rem;
}
.pr-\[17rem\] {
  padding-right: 17rem;
}
.pr-\[18rem\] {
  padding-right: 18rem;
}
.pr-\[19rem\] {
  padding-right: 19rem;
}
.pr-\[1rem\] {
  padding-right: 1rem;
}
.pr-\[20rem\] {
  padding-right: 20rem;
}
.pr-\[2rem\] {
  padding-right: 2rem;
}
.pr-\[3rem\] {
  padding-right: 3rem;
}
.pr-\[4rem\] {
  padding-right: 4rem;
}
.pr-\[5rem\] {
  padding-right: 5rem;
}
.pr-\[6rem\] {
  padding-right: 6rem;
}
.pr-\[7rem\] {
  padding-right: 7rem;
}
.pr-\[8rem\] {
  padding-right: 8rem;
}
.pr-\[9rem\] {
  padding-right: 9rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-0\.5 {
  padding-top: 0.125rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-14 {
  padding-top: 3.5rem;
}
.pt-16 {
  padding-top: 4rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-20 {
  padding-top: 5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-\[0\.5rem\] {
  padding-top: 0.5rem;
}
.pt-\[0rem\] {
  padding-top: 0rem;
}
.pt-\[1\.5rem\] {
  padding-top: 1.5rem;
}
.pt-\[10rem\] {
  padding-top: 10rem;
}
.pt-\[11rem\] {
  padding-top: 11rem;
}
.pt-\[12rem\] {
  padding-top: 12rem;
}
.pt-\[13rem\] {
  padding-top: 13rem;
}
.pt-\[14rem\] {
  padding-top: 14rem;
}
.pt-\[15rem\] {
  padding-top: 15rem;
}
.pt-\[16rem\] {
  padding-top: 16rem;
}
.pt-\[17rem\] {
  padding-top: 17rem;
}
.pt-\[18rem\] {
  padding-top: 18rem;
}
.pt-\[19rem\] {
  padding-top: 19rem;
}
.pt-\[1rem\] {
  padding-top: 1rem;
}
.pt-\[2\.5rem\] {
  padding-top: 2.5rem;
}
.pt-\[20rem\] {
  padding-top: 20rem;
}
.pt-\[2rem\] {
  padding-top: 2rem;
}
.pt-\[3\.5rem\] {
  padding-top: 3.5rem;
}
.pt-\[3rem\] {
  padding-top: 3rem;
}
.pt-\[4\.5rem\] {
  padding-top: 4.5rem;
}
.pt-\[4rem\] {
  padding-top: 4rem;
}
.pt-\[5\.5rem\] {
  padding-top: 5.5rem;
}
.pt-\[5rem\] {
  padding-top: 5rem;
}
.pt-\[6\.5rem\] {
  padding-top: 6.5rem;
}
.pt-\[6rem\] {
  padding-top: 6rem;
}
.pt-\[7\.5rem\] {
  padding-top: 7.5rem;
}
.pt-\[7rem\] {
  padding-top: 7rem;
}
.pt-\[8\.5rem\] {
  padding-top: 8.5rem;
}
.pt-\[8rem\] {
  padding-top: 8rem;
}
.pt-\[9\.5rem\] {
  padding-top: 9.5rem;
}
.pt-\[9rem\] {
  padding-top: 9rem;
}
.pt-px {
  padding-top: 1px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.align-middle {
  vertical-align: middle;
}
.font-heading {
  font-family: Playfair Display, Georgia, serif;
}
.font-primary {
  font-family: Ubuntu, sans-serif;
}
.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-6xl {
  font-size: 3.75rem;
  line-height: 1;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[1rem\] {
  font-size: 1rem;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[30px\] {
  font-size: 30px;
}
.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: 14px;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
.leading-10 {
  line-height: 2.5rem;
}
.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-\[1rem\] {
  line-height: 1rem;
}
.leading-\[25px\] {
  line-height: 25px;
}
.leading-\[72px\] {
  line-height: 72px;
}
.leading-loose {
  line-height: 2;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-tighter {
  letter-spacing: -0.05em;
}
.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#041227\] {
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
}
.text-\[\#666666\] {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}
.text-\[\#fff\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-hover {
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
}
.text-primary {
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
}
.text-sky-900 {
  --tw-text-opacity: 1;
  color: rgb(12 74 110 / var(--tw-text-opacity, 1));
}
.text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-stone-500 {
  --tw-text-opacity: 1;
  color: rgb(120 113 108 / var(--tw-text-opacity, 1));
}
.text-teal-950 {
  --tw-text-opacity: 1;
  color: rgb(4 47 46 / var(--tw-text-opacity, 1));
}
.text-tertiary {
  --tw-text-opacity: 1;
  color: rgb(246 246 246 / var(--tw-text-opacity, 1));
}
.text-text-primary {
  --tw-text-opacity: 1;
  color: rgb(29 41 57 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-yellow-100 {
  --tw-text-opacity: 1;
  color: rgb(254 249 195 / var(--tw-text-opacity, 1));
}
.text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.no-underline {
  text-decoration-line: none;
}
.placeholder-slate-600::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(71 85 105 / var(--tw-placeholder-opacity, 1));
}
.placeholder-slate-600::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(71 85 105 / var(--tw-placeholder-opacity, 1));
}
.placeholder-slate-900::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(15 23 42 / var(--tw-placeholder-opacity, 1));
}
.placeholder-slate-900::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(15 23 42 / var(--tw-placeholder-opacity, 1));
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-50 {
  opacity: 0.5;
}
.bg-blend-normal {
  background-blend-mode: normal;
}
.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-\[rgba\(0\2c 0\2c 0\2c 0\.4\)_0px_8px_16px_0px\] {
  --tw-shadow: rgba(0,0,0,0.4) 0px 8px 16px 0px;
  --tw-shadow-colored: 0px 8px 16px 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-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-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);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.ring-primary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(4 18 39 / var(--tw-ring-opacity, 1));
}
.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);
}
.sepia {
  --tw-sepia: sepia(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);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-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;
}
.duration-500 {
  transition-duration: 500ms;
}
.duration-700 {
  transition-duration: 700ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.\!empty {
  content: '' !important;
}
.empty {
  content: '';
}
.hover\:border-primary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
}
.hover\:border-white:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.hover\:bg-tertiary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-opacity-75:hover {
  --tw-bg-opacity: 0.75;
}
.hover\:text-hover:hover {
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
}
.hover\:text-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
}
.hover\:text-red-800:hover {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.hover\:text-secondary:hover {
  --tw-text-opacity: 1;
  color: rgb(170 74 68 / var(--tw-text-opacity, 1));
}
.hover\:text-slate-700:hover {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.hover\:text-stone-700:hover {
  --tw-text-opacity: 1;
  color: rgb(68 64 60 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:text-yellow-100:hover {
  --tw-text-opacity: 1;
  color: rgb(254 249 195 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.hover\:shadow-lg:hover {
  --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);
}
.focus\:bg-orange-500:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}
.focus\:text-red-800:focus {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.focus\:text-slate-900:focus {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.focus\:text-yellow-100:focus {
  --tw-text-opacity: 1;
  color: rgb(254 249 195 / var(--tw-text-opacity, 1));
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:outline-2:focus {
  outline-width: 2px;
}
.focus\:outline-offset-2:focus {
  outline-offset: 2px;
}
.focus\:outline-white:focus {
  outline-color: #fff;
}
.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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);
}
.focus\:ring-primary:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(4 18 39 / var(--tw-ring-opacity, 1));
}
.focus\:ring-red-800:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity, 1));
}
.focus\:ring-slate-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity, 1));
}
.focus\:ring-slate-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity, 1));
}
.focus\:ring-stone-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(120 113 108 / var(--tw-ring-opacity, 1));
}
.focus\:ring-white:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.focus\:ring-offset-slate-900:focus {
  --tw-ring-offset-color: #0f172a;
}
.focus-visible\:bg-\[\#041227\]:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
}
.active\:bg-hover:active {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
}
.group:focus-within .group-focus-within\:bg-\[\#041227\] {
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:flex {
  display: flex;
}
.group:hover .group-hover\:scale-105 {
  --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));
}
.group:hover .group-hover\:bg-\[\#041227\] {
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
}
@media not all and (min-width: 1440px) {

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

  .max-xxl\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media not all and (min-width: 1280px) {

  .max-xl\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media not all and (min-width: 1100px) {

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

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

  .max-lg\:hidden {
    display: none;
  }

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

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

  .max-lg\:flex-col {
    flex-direction: column;
  }

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

  .max-lg\:pt-\[1rem\] {
    padding-top: 1rem;
  }
}
@media not all and (min-width: 768px) {

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

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

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

  .max-md\:mr-1 {
    margin-right: 0.25rem;
  }

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

  .max-md\:mr-2\.5 {
    margin-right: 0.625rem;
  }

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

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

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

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

  .max-md\:hidden {
    display: none;
  }

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

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

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

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

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

  .max-md\:origin-\[400px_305\.5px\] {
    transform-origin: 400px 305.5px;
  }

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

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

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

  .max-md\:p-8 {
    padding: 2rem;
  }

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

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

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

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

  .max-md\:pt-24 {
    padding-top: 6rem;
  }

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

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

  .max-md\:text-\[30px\] {
    font-size: 30px;
  }

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

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

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

  .max-md\:leading-\[53px\] {
    line-height: 53px;
  }
}
@media not all and (min-width: 640px) {

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

  .max-sm\:block {
    display: block;
  }

  .max-sm\:hidden {
    display: none;
  }

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

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

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

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

  .max-sm\:w-auto {
    width: auto;
  }

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

  .max-sm\:origin-\[250px_305\.5px\] {
    transform-origin: 250px 305.5px;
  }

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

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

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

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

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

  .max-sm\:items-start {
    align-items: flex-start;
  }

  .max-sm\:gap-4 {
    gap: 1rem;
  }

  .max-sm\:border-2 {
    border-width: 2px;
  }

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

  .max-sm\:border-primary {
    --tw-border-opacity: 1;
    border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  }

  .max-sm\:p-4 {
    padding: 1rem;
  }

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

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

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

  .max-sm\:text-left {
    text-align: left;
  }

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

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

  .max-sm\:text-\[20px\] {
    font-size: 20px;
  }

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

  .max-sm\:leading-9 {
    line-height: 2.25rem;
  }
}
@media not all and (min-width: 575px) {

  .max-mob\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media not all and (min-width: 480px) {

  .max-xs\:hidden {
    display: none;
  }

  .max-xs\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 480px) {

  .xs\:p-\[0rem\] {
    padding: 0rem;
  }

  .xs\:p-\[10rem\] {
    padding: 10rem;
  }

  .xs\:p-\[11rem\] {
    padding: 11rem;
  }

  .xs\:p-\[12rem\] {
    padding: 12rem;
  }

  .xs\:p-\[13rem\] {
    padding: 13rem;
  }

  .xs\:p-\[14rem\] {
    padding: 14rem;
  }

  .xs\:p-\[15rem\] {
    padding: 15rem;
  }

  .xs\:p-\[16rem\] {
    padding: 16rem;
  }

  .xs\:p-\[17rem\] {
    padding: 17rem;
  }

  .xs\:p-\[18rem\] {
    padding: 18rem;
  }

  .xs\:p-\[19rem\] {
    padding: 19rem;
  }

  .xs\:p-\[1rem\] {
    padding: 1rem;
  }

  .xs\:p-\[20rem\] {
    padding: 20rem;
  }

  .xs\:p-\[2rem\] {
    padding: 2rem;
  }

  .xs\:p-\[3rem\] {
    padding: 3rem;
  }

  .xs\:p-\[4rem\] {
    padding: 4rem;
  }

  .xs\:p-\[5rem\] {
    padding: 5rem;
  }

  .xs\:p-\[6rem\] {
    padding: 6rem;
  }

  .xs\:p-\[7rem\] {
    padding: 7rem;
  }

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

  .xs\:p-\[9rem\] {
    padding: 9rem;
  }

  .xs\:px-\[0rem\] {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .xs\:px-\[10rem\] {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .xs\:px-\[11rem\] {
    padding-left: 11rem;
    padding-right: 11rem;
  }

  .xs\:px-\[12rem\] {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .xs\:px-\[13rem\] {
    padding-left: 13rem;
    padding-right: 13rem;
  }

  .xs\:px-\[14rem\] {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .xs\:px-\[15rem\] {
    padding-left: 15rem;
    padding-right: 15rem;
  }

  .xs\:px-\[16rem\] {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .xs\:px-\[17rem\] {
    padding-left: 17rem;
    padding-right: 17rem;
  }

  .xs\:px-\[18rem\] {
    padding-left: 18rem;
    padding-right: 18rem;
  }

  .xs\:px-\[19rem\] {
    padding-left: 19rem;
    padding-right: 19rem;
  }

  .xs\:px-\[1rem\] {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .xs\:px-\[20rem\] {
    padding-left: 20rem;
    padding-right: 20rem;
  }

  .xs\:px-\[2rem\] {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xs\:px-\[3rem\] {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .xs\:px-\[4rem\] {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .xs\:px-\[5rem\] {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .xs\:px-\[6rem\] {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .xs\:px-\[7rem\] {
    padding-left: 7rem;
    padding-right: 7rem;
  }

  .xs\:px-\[8rem\] {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .xs\:px-\[9rem\] {
    padding-left: 9rem;
    padding-right: 9rem;
  }

  .xs\:py-\[0rem\] {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .xs\:py-\[10rem\] {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .xs\:py-\[11rem\] {
    padding-top: 11rem;
    padding-bottom: 11rem;
  }

  .xs\:py-\[12rem\] {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

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

  .xs\:py-\[14rem\] {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .xs\:py-\[15rem\] {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }

  .xs\:py-\[16rem\] {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .xs\:py-\[17rem\] {
    padding-top: 17rem;
    padding-bottom: 17rem;
  }

  .xs\:py-\[18rem\] {
    padding-top: 18rem;
    padding-bottom: 18rem;
  }

  .xs\:py-\[19rem\] {
    padding-top: 19rem;
    padding-bottom: 19rem;
  }

  .xs\:py-\[1rem\] {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .xs\:py-\[20rem\] {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }

  .xs\:py-\[2rem\] {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .xs\:py-\[3rem\] {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .xs\:py-\[4rem\] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

  .xs\:py-\[6rem\] {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .xs\:py-\[7rem\] {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .xs\:py-\[8rem\] {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .xs\:py-\[9rem\] {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }

  .xs\:pb-\[0\.5rem\] {
    padding-bottom: 0.5rem;
  }

  .xs\:pb-\[0rem\] {
    padding-bottom: 0rem;
  }

  .xs\:pb-\[1\.5rem\] {
    padding-bottom: 1.5rem;
  }

  .xs\:pb-\[10rem\] {
    padding-bottom: 10rem;
  }

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

  .xs\:pb-\[12rem\] {
    padding-bottom: 12rem;
  }

  .xs\:pb-\[13rem\] {
    padding-bottom: 13rem;
  }

  .xs\:pb-\[14rem\] {
    padding-bottom: 14rem;
  }

  .xs\:pb-\[15rem\] {
    padding-bottom: 15rem;
  }

  .xs\:pb-\[16rem\] {
    padding-bottom: 16rem;
  }

  .xs\:pb-\[17rem\] {
    padding-bottom: 17rem;
  }

  .xs\:pb-\[18rem\] {
    padding-bottom: 18rem;
  }

  .xs\:pb-\[19rem\] {
    padding-bottom: 19rem;
  }

  .xs\:pb-\[1rem\] {
    padding-bottom: 1rem;
  }

  .xs\:pb-\[2\.5rem\] {
    padding-bottom: 2.5rem;
  }

  .xs\:pb-\[20rem\] {
    padding-bottom: 20rem;
  }

  .xs\:pb-\[2rem\] {
    padding-bottom: 2rem;
  }

  .xs\:pb-\[3\.5rem\] {
    padding-bottom: 3.5rem;
  }

  .xs\:pb-\[3rem\] {
    padding-bottom: 3rem;
  }

  .xs\:pb-\[4\.5rem\] {
    padding-bottom: 4.5rem;
  }

  .xs\:pb-\[4rem\] {
    padding-bottom: 4rem;
  }

  .xs\:pb-\[5\.5rem\] {
    padding-bottom: 5.5rem;
  }

  .xs\:pb-\[5rem\] {
    padding-bottom: 5rem;
  }

  .xs\:pb-\[6\.5rem\] {
    padding-bottom: 6.5rem;
  }

  .xs\:pb-\[6rem\] {
    padding-bottom: 6rem;
  }

  .xs\:pb-\[7\.5rem\] {
    padding-bottom: 7.5rem;
  }

  .xs\:pb-\[7rem\] {
    padding-bottom: 7rem;
  }

  .xs\:pb-\[8\.5rem\] {
    padding-bottom: 8.5rem;
  }

  .xs\:pb-\[8rem\] {
    padding-bottom: 8rem;
  }

  .xs\:pb-\[9\.5rem\] {
    padding-bottom: 9.5rem;
  }

  .xs\:pb-\[9rem\] {
    padding-bottom: 9rem;
  }

  .xs\:pl-\[0rem\] {
    padding-left: 0rem;
  }

  .xs\:pl-\[10rem\] {
    padding-left: 10rem;
  }

  .xs\:pl-\[11rem\] {
    padding-left: 11rem;
  }

  .xs\:pl-\[12rem\] {
    padding-left: 12rem;
  }

  .xs\:pl-\[13rem\] {
    padding-left: 13rem;
  }

  .xs\:pl-\[14rem\] {
    padding-left: 14rem;
  }

  .xs\:pl-\[15rem\] {
    padding-left: 15rem;
  }

  .xs\:pl-\[16rem\] {
    padding-left: 16rem;
  }

  .xs\:pl-\[17rem\] {
    padding-left: 17rem;
  }

  .xs\:pl-\[18rem\] {
    padding-left: 18rem;
  }

  .xs\:pl-\[19rem\] {
    padding-left: 19rem;
  }

  .xs\:pl-\[1rem\] {
    padding-left: 1rem;
  }

  .xs\:pl-\[20rem\] {
    padding-left: 20rem;
  }

  .xs\:pl-\[2rem\] {
    padding-left: 2rem;
  }

  .xs\:pl-\[3rem\] {
    padding-left: 3rem;
  }

  .xs\:pl-\[4rem\] {
    padding-left: 4rem;
  }

  .xs\:pl-\[5rem\] {
    padding-left: 5rem;
  }

  .xs\:pl-\[6rem\] {
    padding-left: 6rem;
  }

  .xs\:pl-\[7rem\] {
    padding-left: 7rem;
  }

  .xs\:pl-\[8rem\] {
    padding-left: 8rem;
  }

  .xs\:pl-\[9rem\] {
    padding-left: 9rem;
  }

  .xs\:pr-\[0rem\] {
    padding-right: 0rem;
  }

  .xs\:pr-\[10rem\] {
    padding-right: 10rem;
  }

  .xs\:pr-\[11rem\] {
    padding-right: 11rem;
  }

  .xs\:pr-\[12rem\] {
    padding-right: 12rem;
  }

  .xs\:pr-\[13rem\] {
    padding-right: 13rem;
  }

  .xs\:pr-\[14rem\] {
    padding-right: 14rem;
  }

  .xs\:pr-\[15rem\] {
    padding-right: 15rem;
  }

  .xs\:pr-\[16rem\] {
    padding-right: 16rem;
  }

  .xs\:pr-\[17rem\] {
    padding-right: 17rem;
  }

  .xs\:pr-\[18rem\] {
    padding-right: 18rem;
  }

  .xs\:pr-\[19rem\] {
    padding-right: 19rem;
  }

  .xs\:pr-\[1rem\] {
    padding-right: 1rem;
  }

  .xs\:pr-\[20rem\] {
    padding-right: 20rem;
  }

  .xs\:pr-\[2rem\] {
    padding-right: 2rem;
  }

  .xs\:pr-\[3rem\] {
    padding-right: 3rem;
  }

  .xs\:pr-\[4rem\] {
    padding-right: 4rem;
  }

  .xs\:pr-\[5rem\] {
    padding-right: 5rem;
  }

  .xs\:pr-\[6rem\] {
    padding-right: 6rem;
  }

  .xs\:pr-\[7rem\] {
    padding-right: 7rem;
  }

  .xs\:pr-\[8rem\] {
    padding-right: 8rem;
  }

  .xs\:pr-\[9rem\] {
    padding-right: 9rem;
  }

  .xs\:pt-\[0\.5rem\] {
    padding-top: 0.5rem;
  }

  .xs\:pt-\[0rem\] {
    padding-top: 0rem;
  }

  .xs\:pt-\[1\.5rem\] {
    padding-top: 1.5rem;
  }

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

  .xs\:pt-\[11rem\] {
    padding-top: 11rem;
  }

  .xs\:pt-\[12rem\] {
    padding-top: 12rem;
  }

  .xs\:pt-\[13rem\] {
    padding-top: 13rem;
  }

  .xs\:pt-\[14rem\] {
    padding-top: 14rem;
  }

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

  .xs\:pt-\[16rem\] {
    padding-top: 16rem;
  }

  .xs\:pt-\[17rem\] {
    padding-top: 17rem;
  }

  .xs\:pt-\[18rem\] {
    padding-top: 18rem;
  }

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

  .xs\:pt-\[1rem\] {
    padding-top: 1rem;
  }

  .xs\:pt-\[2\.5rem\] {
    padding-top: 2.5rem;
  }

  .xs\:pt-\[20rem\] {
    padding-top: 20rem;
  }

  .xs\:pt-\[2rem\] {
    padding-top: 2rem;
  }

  .xs\:pt-\[3\.5rem\] {
    padding-top: 3.5rem;
  }

  .xs\:pt-\[3rem\] {
    padding-top: 3rem;
  }

  .xs\:pt-\[4\.5rem\] {
    padding-top: 4.5rem;
  }

  .xs\:pt-\[4rem\] {
    padding-top: 4rem;
  }

  .xs\:pt-\[5\.5rem\] {
    padding-top: 5.5rem;
  }

  .xs\:pt-\[5rem\] {
    padding-top: 5rem;
  }

  .xs\:pt-\[6\.5rem\] {
    padding-top: 6.5rem;
  }

  .xs\:pt-\[6rem\] {
    padding-top: 6rem;
  }

  .xs\:pt-\[7\.5rem\] {
    padding-top: 7.5rem;
  }

  .xs\:pt-\[7rem\] {
    padding-top: 7rem;
  }

  .xs\:pt-\[8\.5rem\] {
    padding-top: 8.5rem;
  }

  .xs\:pt-\[8rem\] {
    padding-top: 8rem;
  }

  .xs\:pt-\[9\.5rem\] {
    padding-top: 9.5rem;
  }

  .xs\:pt-\[9rem\] {
    padding-top: 9rem;
  }
}
@media (min-width: 575px) {

  .mob\:p-\[0rem\] {
    padding: 0rem;
  }

  .mob\:p-\[10rem\] {
    padding: 10rem;
  }

  .mob\:p-\[11rem\] {
    padding: 11rem;
  }

  .mob\:p-\[12rem\] {
    padding: 12rem;
  }

  .mob\:p-\[13rem\] {
    padding: 13rem;
  }

  .mob\:p-\[14rem\] {
    padding: 14rem;
  }

  .mob\:p-\[15rem\] {
    padding: 15rem;
  }

  .mob\:p-\[16rem\] {
    padding: 16rem;
  }

  .mob\:p-\[17rem\] {
    padding: 17rem;
  }

  .mob\:p-\[18rem\] {
    padding: 18rem;
  }

  .mob\:p-\[19rem\] {
    padding: 19rem;
  }

  .mob\:p-\[1rem\] {
    padding: 1rem;
  }

  .mob\:p-\[20rem\] {
    padding: 20rem;
  }

  .mob\:p-\[2rem\] {
    padding: 2rem;
  }

  .mob\:p-\[3rem\] {
    padding: 3rem;
  }

  .mob\:p-\[4rem\] {
    padding: 4rem;
  }

  .mob\:p-\[5rem\] {
    padding: 5rem;
  }

  .mob\:p-\[6rem\] {
    padding: 6rem;
  }

  .mob\:p-\[7rem\] {
    padding: 7rem;
  }

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

  .mob\:p-\[9rem\] {
    padding: 9rem;
  }

  .mob\:px-\[0rem\] {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .mob\:px-\[10rem\] {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .mob\:px-\[11rem\] {
    padding-left: 11rem;
    padding-right: 11rem;
  }

  .mob\:px-\[12rem\] {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .mob\:px-\[13rem\] {
    padding-left: 13rem;
    padding-right: 13rem;
  }

  .mob\:px-\[14rem\] {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .mob\:px-\[15rem\] {
    padding-left: 15rem;
    padding-right: 15rem;
  }

  .mob\:px-\[16rem\] {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .mob\:px-\[17rem\] {
    padding-left: 17rem;
    padding-right: 17rem;
  }

  .mob\:px-\[18rem\] {
    padding-left: 18rem;
    padding-right: 18rem;
  }

  .mob\:px-\[19rem\] {
    padding-left: 19rem;
    padding-right: 19rem;
  }

  .mob\:px-\[1rem\] {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .mob\:px-\[20rem\] {
    padding-left: 20rem;
    padding-right: 20rem;
  }

  .mob\:px-\[2rem\] {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .mob\:px-\[3rem\] {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .mob\:px-\[4rem\] {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .mob\:px-\[5rem\] {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .mob\:px-\[6rem\] {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .mob\:px-\[7rem\] {
    padding-left: 7rem;
    padding-right: 7rem;
  }

  .mob\:px-\[8rem\] {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .mob\:px-\[9rem\] {
    padding-left: 9rem;
    padding-right: 9rem;
  }

  .mob\:py-\[0rem\] {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .mob\:py-\[10rem\] {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .mob\:py-\[11rem\] {
    padding-top: 11rem;
    padding-bottom: 11rem;
  }

  .mob\:py-\[12rem\] {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

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

  .mob\:py-\[14rem\] {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .mob\:py-\[15rem\] {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }

  .mob\:py-\[16rem\] {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .mob\:py-\[17rem\] {
    padding-top: 17rem;
    padding-bottom: 17rem;
  }

  .mob\:py-\[18rem\] {
    padding-top: 18rem;
    padding-bottom: 18rem;
  }

  .mob\:py-\[19rem\] {
    padding-top: 19rem;
    padding-bottom: 19rem;
  }

  .mob\:py-\[1rem\] {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .mob\:py-\[20rem\] {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }

  .mob\:py-\[2rem\] {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .mob\:py-\[3rem\] {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .mob\:py-\[4rem\] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

  .mob\:py-\[6rem\] {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .mob\:py-\[7rem\] {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .mob\:py-\[8rem\] {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .mob\:py-\[9rem\] {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }

  .mob\:pb-\[0\.5rem\] {
    padding-bottom: 0.5rem;
  }

  .mob\:pb-\[0rem\] {
    padding-bottom: 0rem;
  }

  .mob\:pb-\[1\.5rem\] {
    padding-bottom: 1.5rem;
  }

  .mob\:pb-\[10rem\] {
    padding-bottom: 10rem;
  }

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

  .mob\:pb-\[12rem\] {
    padding-bottom: 12rem;
  }

  .mob\:pb-\[13rem\] {
    padding-bottom: 13rem;
  }

  .mob\:pb-\[14rem\] {
    padding-bottom: 14rem;
  }

  .mob\:pb-\[15rem\] {
    padding-bottom: 15rem;
  }

  .mob\:pb-\[16rem\] {
    padding-bottom: 16rem;
  }

  .mob\:pb-\[17rem\] {
    padding-bottom: 17rem;
  }

  .mob\:pb-\[18rem\] {
    padding-bottom: 18rem;
  }

  .mob\:pb-\[19rem\] {
    padding-bottom: 19rem;
  }

  .mob\:pb-\[1rem\] {
    padding-bottom: 1rem;
  }

  .mob\:pb-\[2\.5rem\] {
    padding-bottom: 2.5rem;
  }

  .mob\:pb-\[20rem\] {
    padding-bottom: 20rem;
  }

  .mob\:pb-\[2rem\] {
    padding-bottom: 2rem;
  }

  .mob\:pb-\[3\.5rem\] {
    padding-bottom: 3.5rem;
  }

  .mob\:pb-\[3rem\] {
    padding-bottom: 3rem;
  }

  .mob\:pb-\[4\.5rem\] {
    padding-bottom: 4.5rem;
  }

  .mob\:pb-\[4rem\] {
    padding-bottom: 4rem;
  }

  .mob\:pb-\[5\.5rem\] {
    padding-bottom: 5.5rem;
  }

  .mob\:pb-\[5rem\] {
    padding-bottom: 5rem;
  }

  .mob\:pb-\[6\.5rem\] {
    padding-bottom: 6.5rem;
  }

  .mob\:pb-\[6rem\] {
    padding-bottom: 6rem;
  }

  .mob\:pb-\[7\.5rem\] {
    padding-bottom: 7.5rem;
  }

  .mob\:pb-\[7rem\] {
    padding-bottom: 7rem;
  }

  .mob\:pb-\[8\.5rem\] {
    padding-bottom: 8.5rem;
  }

  .mob\:pb-\[8rem\] {
    padding-bottom: 8rem;
  }

  .mob\:pb-\[9\.5rem\] {
    padding-bottom: 9.5rem;
  }

  .mob\:pb-\[9rem\] {
    padding-bottom: 9rem;
  }

  .mob\:pl-\[0rem\] {
    padding-left: 0rem;
  }

  .mob\:pl-\[10rem\] {
    padding-left: 10rem;
  }

  .mob\:pl-\[11rem\] {
    padding-left: 11rem;
  }

  .mob\:pl-\[12rem\] {
    padding-left: 12rem;
  }

  .mob\:pl-\[13rem\] {
    padding-left: 13rem;
  }

  .mob\:pl-\[14rem\] {
    padding-left: 14rem;
  }

  .mob\:pl-\[15rem\] {
    padding-left: 15rem;
  }

  .mob\:pl-\[16rem\] {
    padding-left: 16rem;
  }

  .mob\:pl-\[17rem\] {
    padding-left: 17rem;
  }

  .mob\:pl-\[18rem\] {
    padding-left: 18rem;
  }

  .mob\:pl-\[19rem\] {
    padding-left: 19rem;
  }

  .mob\:pl-\[1rem\] {
    padding-left: 1rem;
  }

  .mob\:pl-\[20rem\] {
    padding-left: 20rem;
  }

  .mob\:pl-\[2rem\] {
    padding-left: 2rem;
  }

  .mob\:pl-\[3rem\] {
    padding-left: 3rem;
  }

  .mob\:pl-\[4rem\] {
    padding-left: 4rem;
  }

  .mob\:pl-\[5rem\] {
    padding-left: 5rem;
  }

  .mob\:pl-\[6rem\] {
    padding-left: 6rem;
  }

  .mob\:pl-\[7rem\] {
    padding-left: 7rem;
  }

  .mob\:pl-\[8rem\] {
    padding-left: 8rem;
  }

  .mob\:pl-\[9rem\] {
    padding-left: 9rem;
  }

  .mob\:pr-\[0rem\] {
    padding-right: 0rem;
  }

  .mob\:pr-\[10rem\] {
    padding-right: 10rem;
  }

  .mob\:pr-\[11rem\] {
    padding-right: 11rem;
  }

  .mob\:pr-\[12rem\] {
    padding-right: 12rem;
  }

  .mob\:pr-\[13rem\] {
    padding-right: 13rem;
  }

  .mob\:pr-\[14rem\] {
    padding-right: 14rem;
  }

  .mob\:pr-\[15rem\] {
    padding-right: 15rem;
  }

  .mob\:pr-\[16rem\] {
    padding-right: 16rem;
  }

  .mob\:pr-\[17rem\] {
    padding-right: 17rem;
  }

  .mob\:pr-\[18rem\] {
    padding-right: 18rem;
  }

  .mob\:pr-\[19rem\] {
    padding-right: 19rem;
  }

  .mob\:pr-\[1rem\] {
    padding-right: 1rem;
  }

  .mob\:pr-\[20rem\] {
    padding-right: 20rem;
  }

  .mob\:pr-\[2rem\] {
    padding-right: 2rem;
  }

  .mob\:pr-\[3rem\] {
    padding-right: 3rem;
  }

  .mob\:pr-\[4rem\] {
    padding-right: 4rem;
  }

  .mob\:pr-\[5rem\] {
    padding-right: 5rem;
  }

  .mob\:pr-\[6rem\] {
    padding-right: 6rem;
  }

  .mob\:pr-\[7rem\] {
    padding-right: 7rem;
  }

  .mob\:pr-\[8rem\] {
    padding-right: 8rem;
  }

  .mob\:pr-\[9rem\] {
    padding-right: 9rem;
  }

  .mob\:pt-\[0\.5rem\] {
    padding-top: 0.5rem;
  }

  .mob\:pt-\[0rem\] {
    padding-top: 0rem;
  }

  .mob\:pt-\[1\.5rem\] {
    padding-top: 1.5rem;
  }

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

  .mob\:pt-\[11rem\] {
    padding-top: 11rem;
  }

  .mob\:pt-\[12rem\] {
    padding-top: 12rem;
  }

  .mob\:pt-\[13rem\] {
    padding-top: 13rem;
  }

  .mob\:pt-\[14rem\] {
    padding-top: 14rem;
  }

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

  .mob\:pt-\[16rem\] {
    padding-top: 16rem;
  }

  .mob\:pt-\[17rem\] {
    padding-top: 17rem;
  }

  .mob\:pt-\[18rem\] {
    padding-top: 18rem;
  }

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

  .mob\:pt-\[1rem\] {
    padding-top: 1rem;
  }

  .mob\:pt-\[2\.5rem\] {
    padding-top: 2.5rem;
  }

  .mob\:pt-\[20rem\] {
    padding-top: 20rem;
  }

  .mob\:pt-\[2rem\] {
    padding-top: 2rem;
  }

  .mob\:pt-\[3\.5rem\] {
    padding-top: 3.5rem;
  }

  .mob\:pt-\[3rem\] {
    padding-top: 3rem;
  }

  .mob\:pt-\[4\.5rem\] {
    padding-top: 4.5rem;
  }

  .mob\:pt-\[4rem\] {
    padding-top: 4rem;
  }

  .mob\:pt-\[5\.5rem\] {
    padding-top: 5.5rem;
  }

  .mob\:pt-\[5rem\] {
    padding-top: 5rem;
  }

  .mob\:pt-\[6\.5rem\] {
    padding-top: 6.5rem;
  }

  .mob\:pt-\[6rem\] {
    padding-top: 6rem;
  }

  .mob\:pt-\[7\.5rem\] {
    padding-top: 7.5rem;
  }

  .mob\:pt-\[7rem\] {
    padding-top: 7rem;
  }

  .mob\:pt-\[8\.5rem\] {
    padding-top: 8.5rem;
  }

  .mob\:pt-\[8rem\] {
    padding-top: 8rem;
  }

  .mob\:pt-\[9\.5rem\] {
    padding-top: 9.5rem;
  }

  .mob\:pt-\[9rem\] {
    padding-top: 9rem;
  }
}
@media (min-width: 640px) {

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

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

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

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

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

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

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

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

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

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

  .sm\:border-primary {
    --tw-border-opacity: 1;
    border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  }

  .sm\:p-\[0rem\] {
    padding: 0rem;
  }

  .sm\:p-\[10rem\] {
    padding: 10rem;
  }

  .sm\:p-\[11rem\] {
    padding: 11rem;
  }

  .sm\:p-\[12rem\] {
    padding: 12rem;
  }

  .sm\:p-\[13rem\] {
    padding: 13rem;
  }

  .sm\:p-\[14rem\] {
    padding: 14rem;
  }

  .sm\:p-\[15rem\] {
    padding: 15rem;
  }

  .sm\:p-\[16rem\] {
    padding: 16rem;
  }

  .sm\:p-\[17rem\] {
    padding: 17rem;
  }

  .sm\:p-\[18rem\] {
    padding: 18rem;
  }

  .sm\:p-\[19rem\] {
    padding: 19rem;
  }

  .sm\:p-\[1rem\] {
    padding: 1rem;
  }

  .sm\:p-\[20rem\] {
    padding: 20rem;
  }

  .sm\:p-\[2rem\] {
    padding: 2rem;
  }

  .sm\:p-\[3rem\] {
    padding: 3rem;
  }

  .sm\:p-\[4rem\] {
    padding: 4rem;
  }

  .sm\:p-\[5rem\] {
    padding: 5rem;
  }

  .sm\:p-\[6rem\] {
    padding: 6rem;
  }

  .sm\:p-\[7rem\] {
    padding: 7rem;
  }

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

  .sm\:p-\[9rem\] {
    padding: 9rem;
  }

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

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

  .sm\:px-\[11rem\] {
    padding-left: 11rem;
    padding-right: 11rem;
  }

  .sm\:px-\[12rem\] {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .sm\:px-\[13rem\] {
    padding-left: 13rem;
    padding-right: 13rem;
  }

  .sm\:px-\[14rem\] {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .sm\:px-\[15rem\] {
    padding-left: 15rem;
    padding-right: 15rem;
  }

  .sm\:px-\[16rem\] {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .sm\:px-\[17rem\] {
    padding-left: 17rem;
    padding-right: 17rem;
  }

  .sm\:px-\[18rem\] {
    padding-left: 18rem;
    padding-right: 18rem;
  }

  .sm\:px-\[19rem\] {
    padding-left: 19rem;
    padding-right: 19rem;
  }

  .sm\:px-\[1rem\] {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:px-\[20rem\] {
    padding-left: 20rem;
    padding-right: 20rem;
  }

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

  .sm\:px-\[3rem\] {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .sm\:px-\[4rem\] {
    padding-left: 4rem;
    padding-right: 4rem;
  }

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

  .sm\:px-\[6rem\] {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .sm\:px-\[7rem\] {
    padding-left: 7rem;
    padding-right: 7rem;
  }

  .sm\:px-\[8rem\] {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .sm\:px-\[9rem\] {
    padding-left: 9rem;
    padding-right: 9rem;
  }

  .sm\:py-\[0rem\] {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .sm\:py-\[10rem\] {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .sm\:py-\[11rem\] {
    padding-top: 11rem;
    padding-bottom: 11rem;
  }

  .sm\:py-\[12rem\] {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

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

  .sm\:py-\[14rem\] {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .sm\:py-\[15rem\] {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }

  .sm\:py-\[16rem\] {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .sm\:py-\[17rem\] {
    padding-top: 17rem;
    padding-bottom: 17rem;
  }

  .sm\:py-\[18rem\] {
    padding-top: 18rem;
    padding-bottom: 18rem;
  }

  .sm\:py-\[19rem\] {
    padding-top: 19rem;
    padding-bottom: 19rem;
  }

  .sm\:py-\[1rem\] {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .sm\:py-\[20rem\] {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }

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

  .sm\:py-\[3rem\] {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .sm\:py-\[4rem\] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

  .sm\:py-\[6rem\] {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .sm\:py-\[7rem\] {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .sm\:py-\[8rem\] {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .sm\:py-\[9rem\] {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }

  .sm\:pb-\[0\.5rem\] {
    padding-bottom: 0.5rem;
  }

  .sm\:pb-\[0rem\] {
    padding-bottom: 0rem;
  }

  .sm\:pb-\[1\.5rem\] {
    padding-bottom: 1.5rem;
  }

  .sm\:pb-\[10rem\] {
    padding-bottom: 10rem;
  }

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

  .sm\:pb-\[12rem\] {
    padding-bottom: 12rem;
  }

  .sm\:pb-\[13rem\] {
    padding-bottom: 13rem;
  }

  .sm\:pb-\[14rem\] {
    padding-bottom: 14rem;
  }

  .sm\:pb-\[15rem\] {
    padding-bottom: 15rem;
  }

  .sm\:pb-\[16rem\] {
    padding-bottom: 16rem;
  }

  .sm\:pb-\[17rem\] {
    padding-bottom: 17rem;
  }

  .sm\:pb-\[18rem\] {
    padding-bottom: 18rem;
  }

  .sm\:pb-\[19rem\] {
    padding-bottom: 19rem;
  }

  .sm\:pb-\[1rem\] {
    padding-bottom: 1rem;
  }

  .sm\:pb-\[2\.5rem\] {
    padding-bottom: 2.5rem;
  }

  .sm\:pb-\[20rem\] {
    padding-bottom: 20rem;
  }

  .sm\:pb-\[2rem\] {
    padding-bottom: 2rem;
  }

  .sm\:pb-\[3\.5rem\] {
    padding-bottom: 3.5rem;
  }

  .sm\:pb-\[3rem\] {
    padding-bottom: 3rem;
  }

  .sm\:pb-\[4\.5rem\] {
    padding-bottom: 4.5rem;
  }

  .sm\:pb-\[4rem\] {
    padding-bottom: 4rem;
  }

  .sm\:pb-\[5\.5rem\] {
    padding-bottom: 5.5rem;
  }

  .sm\:pb-\[5rem\] {
    padding-bottom: 5rem;
  }

  .sm\:pb-\[6\.5rem\] {
    padding-bottom: 6.5rem;
  }

  .sm\:pb-\[6rem\] {
    padding-bottom: 6rem;
  }

  .sm\:pb-\[7\.5rem\] {
    padding-bottom: 7.5rem;
  }

  .sm\:pb-\[7rem\] {
    padding-bottom: 7rem;
  }

  .sm\:pb-\[8\.5rem\] {
    padding-bottom: 8.5rem;
  }

  .sm\:pb-\[8rem\] {
    padding-bottom: 8rem;
  }

  .sm\:pb-\[9\.5rem\] {
    padding-bottom: 9.5rem;
  }

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

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

  .sm\:pl-\[0rem\] {
    padding-left: 0rem;
  }

  .sm\:pl-\[10rem\] {
    padding-left: 10rem;
  }

  .sm\:pl-\[11rem\] {
    padding-left: 11rem;
  }

  .sm\:pl-\[12rem\] {
    padding-left: 12rem;
  }

  .sm\:pl-\[13rem\] {
    padding-left: 13rem;
  }

  .sm\:pl-\[14rem\] {
    padding-left: 14rem;
  }

  .sm\:pl-\[15rem\] {
    padding-left: 15rem;
  }

  .sm\:pl-\[16rem\] {
    padding-left: 16rem;
  }

  .sm\:pl-\[17rem\] {
    padding-left: 17rem;
  }

  .sm\:pl-\[18rem\] {
    padding-left: 18rem;
  }

  .sm\:pl-\[19rem\] {
    padding-left: 19rem;
  }

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

  .sm\:pl-\[20rem\] {
    padding-left: 20rem;
  }

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

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

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

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

  .sm\:pl-\[6rem\] {
    padding-left: 6rem;
  }

  .sm\:pl-\[7rem\] {
    padding-left: 7rem;
  }

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

  .sm\:pl-\[9rem\] {
    padding-left: 9rem;
  }

  .sm\:pr-\[0rem\] {
    padding-right: 0rem;
  }

  .sm\:pr-\[10rem\] {
    padding-right: 10rem;
  }

  .sm\:pr-\[11rem\] {
    padding-right: 11rem;
  }

  .sm\:pr-\[12rem\] {
    padding-right: 12rem;
  }

  .sm\:pr-\[13rem\] {
    padding-right: 13rem;
  }

  .sm\:pr-\[14rem\] {
    padding-right: 14rem;
  }

  .sm\:pr-\[15rem\] {
    padding-right: 15rem;
  }

  .sm\:pr-\[16rem\] {
    padding-right: 16rem;
  }

  .sm\:pr-\[17rem\] {
    padding-right: 17rem;
  }

  .sm\:pr-\[18rem\] {
    padding-right: 18rem;
  }

  .sm\:pr-\[19rem\] {
    padding-right: 19rem;
  }

  .sm\:pr-\[1rem\] {
    padding-right: 1rem;
  }

  .sm\:pr-\[20rem\] {
    padding-right: 20rem;
  }

  .sm\:pr-\[2rem\] {
    padding-right: 2rem;
  }

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

  .sm\:pr-\[4rem\] {
    padding-right: 4rem;
  }

  .sm\:pr-\[5rem\] {
    padding-right: 5rem;
  }

  .sm\:pr-\[6rem\] {
    padding-right: 6rem;
  }

  .sm\:pr-\[7rem\] {
    padding-right: 7rem;
  }

  .sm\:pr-\[8rem\] {
    padding-right: 8rem;
  }

  .sm\:pr-\[9rem\] {
    padding-right: 9rem;
  }

  .sm\:pt-\[0\.5rem\] {
    padding-top: 0.5rem;
  }

  .sm\:pt-\[0rem\] {
    padding-top: 0rem;
  }

  .sm\:pt-\[1\.5rem\] {
    padding-top: 1.5rem;
  }

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

  .sm\:pt-\[11rem\] {
    padding-top: 11rem;
  }

  .sm\:pt-\[12rem\] {
    padding-top: 12rem;
  }

  .sm\:pt-\[13rem\] {
    padding-top: 13rem;
  }

  .sm\:pt-\[14rem\] {
    padding-top: 14rem;
  }

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

  .sm\:pt-\[16rem\] {
    padding-top: 16rem;
  }

  .sm\:pt-\[17rem\] {
    padding-top: 17rem;
  }

  .sm\:pt-\[18rem\] {
    padding-top: 18rem;
  }

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

  .sm\:pt-\[1rem\] {
    padding-top: 1rem;
  }

  .sm\:pt-\[2\.5rem\] {
    padding-top: 2.5rem;
  }

  .sm\:pt-\[20rem\] {
    padding-top: 20rem;
  }

  .sm\:pt-\[2rem\] {
    padding-top: 2rem;
  }

  .sm\:pt-\[3\.5rem\] {
    padding-top: 3.5rem;
  }

  .sm\:pt-\[3rem\] {
    padding-top: 3rem;
  }

  .sm\:pt-\[4\.5rem\] {
    padding-top: 4.5rem;
  }

  .sm\:pt-\[4rem\] {
    padding-top: 4rem;
  }

  .sm\:pt-\[5\.5rem\] {
    padding-top: 5.5rem;
  }

  .sm\:pt-\[5rem\] {
    padding-top: 5rem;
  }

  .sm\:pt-\[6\.5rem\] {
    padding-top: 6.5rem;
  }

  .sm\:pt-\[6rem\] {
    padding-top: 6rem;
  }

  .sm\:pt-\[7\.5rem\] {
    padding-top: 7.5rem;
  }

  .sm\:pt-\[7rem\] {
    padding-top: 7rem;
  }

  .sm\:pt-\[8\.5rem\] {
    padding-top: 8.5rem;
  }

  .sm\:pt-\[8rem\] {
    padding-top: 8rem;
  }

  .sm\:pt-\[9\.5rem\] {
    padding-top: 9.5rem;
  }

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

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 768px) {

  .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .md\:col-span-12 {
    grid-column: span 12 / span 12;
  }

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

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

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

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

  .md\:col-span-8 {
    grid-column: span 8 / span 8;
  }

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

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

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

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

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

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

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

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

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

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

  .md\:rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .md\:rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

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

  .md\:p-\[0rem\] {
    padding: 0rem;
  }

  .md\:p-\[10rem\] {
    padding: 10rem;
  }

  .md\:p-\[11rem\] {
    padding: 11rem;
  }

  .md\:p-\[12rem\] {
    padding: 12rem;
  }

  .md\:p-\[13rem\] {
    padding: 13rem;
  }

  .md\:p-\[14rem\] {
    padding: 14rem;
  }

  .md\:p-\[15rem\] {
    padding: 15rem;
  }

  .md\:p-\[16rem\] {
    padding: 16rem;
  }

  .md\:p-\[17rem\] {
    padding: 17rem;
  }

  .md\:p-\[18rem\] {
    padding: 18rem;
  }

  .md\:p-\[19rem\] {
    padding: 19rem;
  }

  .md\:p-\[1rem\] {
    padding: 1rem;
  }

  .md\:p-\[20rem\] {
    padding: 20rem;
  }

  .md\:p-\[2rem\] {
    padding: 2rem;
  }

  .md\:p-\[3rem\] {
    padding: 3rem;
  }

  .md\:p-\[4rem\] {
    padding: 4rem;
  }

  .md\:p-\[5rem\] {
    padding: 5rem;
  }

  .md\:p-\[6rem\] {
    padding: 6rem;
  }

  .md\:p-\[7rem\] {
    padding: 7rem;
  }

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

  .md\:p-\[9rem\] {
    padding: 9rem;
  }

  .md\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .md\:px-\[0rem\] {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .md\:px-\[10rem\] {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .md\:px-\[11rem\] {
    padding-left: 11rem;
    padding-right: 11rem;
  }

  .md\:px-\[12rem\] {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .md\:px-\[13rem\] {
    padding-left: 13rem;
    padding-right: 13rem;
  }

  .md\:px-\[14rem\] {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .md\:px-\[15rem\] {
    padding-left: 15rem;
    padding-right: 15rem;
  }

  .md\:px-\[16rem\] {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .md\:px-\[17rem\] {
    padding-left: 17rem;
    padding-right: 17rem;
  }

  .md\:px-\[18rem\] {
    padding-left: 18rem;
    padding-right: 18rem;
  }

  .md\:px-\[19rem\] {
    padding-left: 19rem;
    padding-right: 19rem;
  }

  .md\:px-\[1rem\] {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:px-\[20rem\] {
    padding-left: 20rem;
    padding-right: 20rem;
  }

  .md\:px-\[2rem\] {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:px-\[3rem\] {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .md\:px-\[4rem\] {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .md\:px-\[5rem\] {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .md\:px-\[6rem\] {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .md\:px-\[7rem\] {
    padding-left: 7rem;
    padding-right: 7rem;
  }

  .md\:px-\[8rem\] {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .md\:px-\[9rem\] {
    padding-left: 9rem;
    padding-right: 9rem;
  }

  .md\:py-\[0rem\] {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .md\:py-\[10rem\] {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .md\:py-\[11rem\] {
    padding-top: 11rem;
    padding-bottom: 11rem;
  }

  .md\:py-\[12rem\] {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

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

  .md\:py-\[14rem\] {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .md\:py-\[15rem\] {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }

  .md\:py-\[16rem\] {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .md\:py-\[17rem\] {
    padding-top: 17rem;
    padding-bottom: 17rem;
  }

  .md\:py-\[18rem\] {
    padding-top: 18rem;
    padding-bottom: 18rem;
  }

  .md\:py-\[19rem\] {
    padding-top: 19rem;
    padding-bottom: 19rem;
  }

  .md\:py-\[1rem\] {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .md\:py-\[20rem\] {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }

  .md\:py-\[2rem\] {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .md\:py-\[3rem\] {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .md\:py-\[4rem\] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

  .md\:py-\[6rem\] {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .md\:py-\[7rem\] {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .md\:py-\[8rem\] {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .md\:py-\[9rem\] {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }

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

  .md\:pb-\[0\.5rem\] {
    padding-bottom: 0.5rem;
  }

  .md\:pb-\[0rem\] {
    padding-bottom: 0rem;
  }

  .md\:pb-\[1\.5rem\] {
    padding-bottom: 1.5rem;
  }

  .md\:pb-\[10rem\] {
    padding-bottom: 10rem;
  }

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

  .md\:pb-\[12rem\] {
    padding-bottom: 12rem;
  }

  .md\:pb-\[13rem\] {
    padding-bottom: 13rem;
  }

  .md\:pb-\[14rem\] {
    padding-bottom: 14rem;
  }

  .md\:pb-\[15rem\] {
    padding-bottom: 15rem;
  }

  .md\:pb-\[16rem\] {
    padding-bottom: 16rem;
  }

  .md\:pb-\[17rem\] {
    padding-bottom: 17rem;
  }

  .md\:pb-\[18rem\] {
    padding-bottom: 18rem;
  }

  .md\:pb-\[19rem\] {
    padding-bottom: 19rem;
  }

  .md\:pb-\[1rem\] {
    padding-bottom: 1rem;
  }

  .md\:pb-\[2\.5rem\] {
    padding-bottom: 2.5rem;
  }

  .md\:pb-\[20rem\] {
    padding-bottom: 20rem;
  }

  .md\:pb-\[2rem\] {
    padding-bottom: 2rem;
  }

  .md\:pb-\[3\.5rem\] {
    padding-bottom: 3.5rem;
  }

  .md\:pb-\[3rem\] {
    padding-bottom: 3rem;
  }

  .md\:pb-\[4\.5rem\] {
    padding-bottom: 4.5rem;
  }

  .md\:pb-\[4rem\] {
    padding-bottom: 4rem;
  }

  .md\:pb-\[5\.5rem\] {
    padding-bottom: 5.5rem;
  }

  .md\:pb-\[5rem\] {
    padding-bottom: 5rem;
  }

  .md\:pb-\[6\.5rem\] {
    padding-bottom: 6.5rem;
  }

  .md\:pb-\[6rem\] {
    padding-bottom: 6rem;
  }

  .md\:pb-\[7\.5rem\] {
    padding-bottom: 7.5rem;
  }

  .md\:pb-\[7rem\] {
    padding-bottom: 7rem;
  }

  .md\:pb-\[8\.5rem\] {
    padding-bottom: 8.5rem;
  }

  .md\:pb-\[8rem\] {
    padding-bottom: 8rem;
  }

  .md\:pb-\[9\.5rem\] {
    padding-bottom: 9.5rem;
  }

  .md\:pb-\[9rem\] {
    padding-bottom: 9rem;
  }

  .md\:pl-\[0rem\] {
    padding-left: 0rem;
  }

  .md\:pl-\[10rem\] {
    padding-left: 10rem;
  }

  .md\:pl-\[11rem\] {
    padding-left: 11rem;
  }

  .md\:pl-\[12rem\] {
    padding-left: 12rem;
  }

  .md\:pl-\[13rem\] {
    padding-left: 13rem;
  }

  .md\:pl-\[14rem\] {
    padding-left: 14rem;
  }

  .md\:pl-\[15rem\] {
    padding-left: 15rem;
  }

  .md\:pl-\[16rem\] {
    padding-left: 16rem;
  }

  .md\:pl-\[17rem\] {
    padding-left: 17rem;
  }

  .md\:pl-\[18rem\] {
    padding-left: 18rem;
  }

  .md\:pl-\[19rem\] {
    padding-left: 19rem;
  }

  .md\:pl-\[1rem\] {
    padding-left: 1rem;
  }

  .md\:pl-\[20rem\] {
    padding-left: 20rem;
  }

  .md\:pl-\[2rem\] {
    padding-left: 2rem;
  }

  .md\:pl-\[3rem\] {
    padding-left: 3rem;
  }

  .md\:pl-\[4rem\] {
    padding-left: 4rem;
  }

  .md\:pl-\[5rem\] {
    padding-left: 5rem;
  }

  .md\:pl-\[6rem\] {
    padding-left: 6rem;
  }

  .md\:pl-\[7rem\] {
    padding-left: 7rem;
  }

  .md\:pl-\[8rem\] {
    padding-left: 8rem;
  }

  .md\:pl-\[9rem\] {
    padding-left: 9rem;
  }

  .md\:pr-\[0rem\] {
    padding-right: 0rem;
  }

  .md\:pr-\[10rem\] {
    padding-right: 10rem;
  }

  .md\:pr-\[11rem\] {
    padding-right: 11rem;
  }

  .md\:pr-\[12rem\] {
    padding-right: 12rem;
  }

  .md\:pr-\[13rem\] {
    padding-right: 13rem;
  }

  .md\:pr-\[14rem\] {
    padding-right: 14rem;
  }

  .md\:pr-\[15rem\] {
    padding-right: 15rem;
  }

  .md\:pr-\[16rem\] {
    padding-right: 16rem;
  }

  .md\:pr-\[17rem\] {
    padding-right: 17rem;
  }

  .md\:pr-\[18rem\] {
    padding-right: 18rem;
  }

  .md\:pr-\[19rem\] {
    padding-right: 19rem;
  }

  .md\:pr-\[1rem\] {
    padding-right: 1rem;
  }

  .md\:pr-\[20rem\] {
    padding-right: 20rem;
  }

  .md\:pr-\[2rem\] {
    padding-right: 2rem;
  }

  .md\:pr-\[3rem\] {
    padding-right: 3rem;
  }

  .md\:pr-\[4rem\] {
    padding-right: 4rem;
  }

  .md\:pr-\[5rem\] {
    padding-right: 5rem;
  }

  .md\:pr-\[6rem\] {
    padding-right: 6rem;
  }

  .md\:pr-\[7rem\] {
    padding-right: 7rem;
  }

  .md\:pr-\[8rem\] {
    padding-right: 8rem;
  }

  .md\:pr-\[9rem\] {
    padding-right: 9rem;
  }

  .md\:pt-24 {
    padding-top: 6rem;
  }

  .md\:pt-\[0\.5rem\] {
    padding-top: 0.5rem;
  }

  .md\:pt-\[0rem\] {
    padding-top: 0rem;
  }

  .md\:pt-\[1\.5rem\] {
    padding-top: 1.5rem;
  }

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

  .md\:pt-\[11rem\] {
    padding-top: 11rem;
  }

  .md\:pt-\[12rem\] {
    padding-top: 12rem;
  }

  .md\:pt-\[13rem\] {
    padding-top: 13rem;
  }

  .md\:pt-\[14rem\] {
    padding-top: 14rem;
  }

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

  .md\:pt-\[16rem\] {
    padding-top: 16rem;
  }

  .md\:pt-\[17rem\] {
    padding-top: 17rem;
  }

  .md\:pt-\[18rem\] {
    padding-top: 18rem;
  }

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

  .md\:pt-\[1rem\] {
    padding-top: 1rem;
  }

  .md\:pt-\[2\.5rem\] {
    padding-top: 2.5rem;
  }

  .md\:pt-\[20rem\] {
    padding-top: 20rem;
  }

  .md\:pt-\[2rem\] {
    padding-top: 2rem;
  }

  .md\:pt-\[3\.5rem\] {
    padding-top: 3.5rem;
  }

  .md\:pt-\[3rem\] {
    padding-top: 3rem;
  }

  .md\:pt-\[4\.5rem\] {
    padding-top: 4.5rem;
  }

  .md\:pt-\[4rem\] {
    padding-top: 4rem;
  }

  .md\:pt-\[5\.5rem\] {
    padding-top: 5.5rem;
  }

  .md\:pt-\[5rem\] {
    padding-top: 5rem;
  }

  .md\:pt-\[6\.5rem\] {
    padding-top: 6.5rem;
  }

  .md\:pt-\[6rem\] {
    padding-top: 6rem;
  }

  .md\:pt-\[7\.5rem\] {
    padding-top: 7.5rem;
  }

  .md\:pt-\[7rem\] {
    padding-top: 7rem;
  }

  .md\:pt-\[8\.5rem\] {
    padding-top: 8.5rem;
  }

  .md\:pt-\[8rem\] {
    padding-top: 8rem;
  }

  .md\:pt-\[9\.5rem\] {
    padding-top: 9.5rem;
  }

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

  .md\:text-base {
    font-size: 16px;
  }
}
@media (min-width: 1100px) {

  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .lg\:col-span-12 {
    grid-column: span 12 / span 12;
  }

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

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

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

  .lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }

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

  .lg\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .lg\:col-span-8 {
    grid-column: span 8 / span 8;
  }

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

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

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

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

  .lg\:mt-\[9rem\] {
    margin-top: 9rem;
  }

  .lg\:h-5 {
    height: 1.25rem;
  }

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

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

  .lg\:w-5 {
    width: 1.25rem;
  }

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

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

  .lg\:w-auto {
    width: auto;
  }

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

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

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

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

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

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

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

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

  .lg\:grid-cols-\[309px_2px_1fr\] {
    grid-template-columns: 309px 2px 1fr;
  }

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

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

  .lg\:gap-10 {
    gap: 2.5rem;
  }

  .lg\:p-\[0rem\] {
    padding: 0rem;
  }

  .lg\:p-\[10rem\] {
    padding: 10rem;
  }

  .lg\:p-\[11rem\] {
    padding: 11rem;
  }

  .lg\:p-\[12rem\] {
    padding: 12rem;
  }

  .lg\:p-\[13rem\] {
    padding: 13rem;
  }

  .lg\:p-\[14rem\] {
    padding: 14rem;
  }

  .lg\:p-\[15rem\] {
    padding: 15rem;
  }

  .lg\:p-\[16rem\] {
    padding: 16rem;
  }

  .lg\:p-\[17rem\] {
    padding: 17rem;
  }

  .lg\:p-\[18rem\] {
    padding: 18rem;
  }

  .lg\:p-\[19rem\] {
    padding: 19rem;
  }

  .lg\:p-\[1rem\] {
    padding: 1rem;
  }

  .lg\:p-\[20rem\] {
    padding: 20rem;
  }

  .lg\:p-\[2rem\] {
    padding: 2rem;
  }

  .lg\:p-\[3rem\] {
    padding: 3rem;
  }

  .lg\:p-\[4rem\] {
    padding: 4rem;
  }

  .lg\:p-\[5rem\] {
    padding: 5rem;
  }

  .lg\:p-\[6rem\] {
    padding: 6rem;
  }

  .lg\:p-\[7rem\] {
    padding: 7rem;
  }

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

  .lg\:p-\[9rem\] {
    padding: 9rem;
  }

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

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

  .lg\:px-\[0rem\] {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .lg\:px-\[10rem\] {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .lg\:px-\[11rem\] {
    padding-left: 11rem;
    padding-right: 11rem;
  }

  .lg\:px-\[12rem\] {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .lg\:px-\[13rem\] {
    padding-left: 13rem;
    padding-right: 13rem;
  }

  .lg\:px-\[14rem\] {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .lg\:px-\[15rem\] {
    padding-left: 15rem;
    padding-right: 15rem;
  }

  .lg\:px-\[16rem\] {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .lg\:px-\[17rem\] {
    padding-left: 17rem;
    padding-right: 17rem;
  }

  .lg\:px-\[18rem\] {
    padding-left: 18rem;
    padding-right: 18rem;
  }

  .lg\:px-\[19rem\] {
    padding-left: 19rem;
    padding-right: 19rem;
  }

  .lg\:px-\[1rem\] {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:px-\[20rem\] {
    padding-left: 20rem;
    padding-right: 20rem;
  }

  .lg\:px-\[2rem\] {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:px-\[3rem\] {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:px-\[4rem\] {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lg\:px-\[5rem\] {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .lg\:px-\[6rem\] {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .lg\:px-\[7rem\] {
    padding-left: 7rem;
    padding-right: 7rem;
  }

  .lg\:px-\[8rem\] {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .lg\:px-\[9rem\] {
    padding-left: 9rem;
    padding-right: 9rem;
  }

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

  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lg\:py-\[0rem\] {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .lg\:py-\[10rem\] {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .lg\:py-\[11rem\] {
    padding-top: 11rem;
    padding-bottom: 11rem;
  }

  .lg\:py-\[12rem\] {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

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

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

  .lg\:py-\[15rem\] {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }

  .lg\:py-\[16rem\] {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .lg\:py-\[17rem\] {
    padding-top: 17rem;
    padding-bottom: 17rem;
  }

  .lg\:py-\[18rem\] {
    padding-top: 18rem;
    padding-bottom: 18rem;
  }

  .lg\:py-\[19rem\] {
    padding-top: 19rem;
    padding-bottom: 19rem;
  }

  .lg\:py-\[1rem\] {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .lg\:py-\[20rem\] {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }

  .lg\:py-\[2rem\] {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .lg\:py-\[3rem\] {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .lg\:py-\[4rem\] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

  .lg\:py-\[6rem\] {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .lg\:py-\[7rem\] {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .lg\:py-\[8rem\] {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .lg\:py-\[9rem\] {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }

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

  .lg\:pb-\[0\.5rem\] {
    padding-bottom: 0.5rem;
  }

  .lg\:pb-\[0rem\] {
    padding-bottom: 0rem;
  }

  .lg\:pb-\[1\.5rem\] {
    padding-bottom: 1.5rem;
  }

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

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

  .lg\:pb-\[12rem\] {
    padding-bottom: 12rem;
  }

  .lg\:pb-\[13rem\] {
    padding-bottom: 13rem;
  }

  .lg\:pb-\[14rem\] {
    padding-bottom: 14rem;
  }

  .lg\:pb-\[15rem\] {
    padding-bottom: 15rem;
  }

  .lg\:pb-\[16rem\] {
    padding-bottom: 16rem;
  }

  .lg\:pb-\[17rem\] {
    padding-bottom: 17rem;
  }

  .lg\:pb-\[18rem\] {
    padding-bottom: 18rem;
  }

  .lg\:pb-\[19rem\] {
    padding-bottom: 19rem;
  }

  .lg\:pb-\[1rem\] {
    padding-bottom: 1rem;
  }

  .lg\:pb-\[2\.5rem\] {
    padding-bottom: 2.5rem;
  }

  .lg\:pb-\[20rem\] {
    padding-bottom: 20rem;
  }

  .lg\:pb-\[2rem\] {
    padding-bottom: 2rem;
  }

  .lg\:pb-\[3\.5rem\] {
    padding-bottom: 3.5rem;
  }

  .lg\:pb-\[3rem\] {
    padding-bottom: 3rem;
  }

  .lg\:pb-\[4\.5rem\] {
    padding-bottom: 4.5rem;
  }

  .lg\:pb-\[4rem\] {
    padding-bottom: 4rem;
  }

  .lg\:pb-\[5\.5rem\] {
    padding-bottom: 5.5rem;
  }

  .lg\:pb-\[5rem\] {
    padding-bottom: 5rem;
  }

  .lg\:pb-\[6\.5rem\] {
    padding-bottom: 6.5rem;
  }

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

  .lg\:pb-\[7\.5rem\] {
    padding-bottom: 7.5rem;
  }

  .lg\:pb-\[7rem\] {
    padding-bottom: 7rem;
  }

  .lg\:pb-\[8\.5rem\] {
    padding-bottom: 8.5rem;
  }

  .lg\:pb-\[8rem\] {
    padding-bottom: 8rem;
  }

  .lg\:pb-\[9\.5rem\] {
    padding-bottom: 9.5rem;
  }

  .lg\:pb-\[9rem\] {
    padding-bottom: 9rem;
  }

  .lg\:pl-\[0rem\] {
    padding-left: 0rem;
  }

  .lg\:pl-\[10rem\] {
    padding-left: 10rem;
  }

  .lg\:pl-\[11rem\] {
    padding-left: 11rem;
  }

  .lg\:pl-\[12rem\] {
    padding-left: 12rem;
  }

  .lg\:pl-\[13rem\] {
    padding-left: 13rem;
  }

  .lg\:pl-\[14rem\] {
    padding-left: 14rem;
  }

  .lg\:pl-\[15rem\] {
    padding-left: 15rem;
  }

  .lg\:pl-\[16rem\] {
    padding-left: 16rem;
  }

  .lg\:pl-\[17rem\] {
    padding-left: 17rem;
  }

  .lg\:pl-\[18rem\] {
    padding-left: 18rem;
  }

  .lg\:pl-\[19rem\] {
    padding-left: 19rem;
  }

  .lg\:pl-\[1rem\] {
    padding-left: 1rem;
  }

  .lg\:pl-\[20rem\] {
    padding-left: 20rem;
  }

  .lg\:pl-\[2rem\] {
    padding-left: 2rem;
  }

  .lg\:pl-\[3rem\] {
    padding-left: 3rem;
  }

  .lg\:pl-\[4rem\] {
    padding-left: 4rem;
  }

  .lg\:pl-\[5rem\] {
    padding-left: 5rem;
  }

  .lg\:pl-\[6rem\] {
    padding-left: 6rem;
  }

  .lg\:pl-\[7rem\] {
    padding-left: 7rem;
  }

  .lg\:pl-\[8rem\] {
    padding-left: 8rem;
  }

  .lg\:pl-\[9rem\] {
    padding-left: 9rem;
  }

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

  .lg\:pr-\[0rem\] {
    padding-right: 0rem;
  }

  .lg\:pr-\[10rem\] {
    padding-right: 10rem;
  }

  .lg\:pr-\[11rem\] {
    padding-right: 11rem;
  }

  .lg\:pr-\[12rem\] {
    padding-right: 12rem;
  }

  .lg\:pr-\[13rem\] {
    padding-right: 13rem;
  }

  .lg\:pr-\[14rem\] {
    padding-right: 14rem;
  }

  .lg\:pr-\[15rem\] {
    padding-right: 15rem;
  }

  .lg\:pr-\[16rem\] {
    padding-right: 16rem;
  }

  .lg\:pr-\[17rem\] {
    padding-right: 17rem;
  }

  .lg\:pr-\[18rem\] {
    padding-right: 18rem;
  }

  .lg\:pr-\[19rem\] {
    padding-right: 19rem;
  }

  .lg\:pr-\[1rem\] {
    padding-right: 1rem;
  }

  .lg\:pr-\[20rem\] {
    padding-right: 20rem;
  }

  .lg\:pr-\[2rem\] {
    padding-right: 2rem;
  }

  .lg\:pr-\[3rem\] {
    padding-right: 3rem;
  }

  .lg\:pr-\[4rem\] {
    padding-right: 4rem;
  }

  .lg\:pr-\[5rem\] {
    padding-right: 5rem;
  }

  .lg\:pr-\[6rem\] {
    padding-right: 6rem;
  }

  .lg\:pr-\[7rem\] {
    padding-right: 7rem;
  }

  .lg\:pr-\[8rem\] {
    padding-right: 8rem;
  }

  .lg\:pr-\[9rem\] {
    padding-right: 9rem;
  }

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

  .lg\:pt-\[0\.5rem\] {
    padding-top: 0.5rem;
  }

  .lg\:pt-\[0rem\] {
    padding-top: 0rem;
  }

  .lg\:pt-\[1\.5rem\] {
    padding-top: 1.5rem;
  }

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

  .lg\:pt-\[11rem\] {
    padding-top: 11rem;
  }

  .lg\:pt-\[12rem\] {
    padding-top: 12rem;
  }

  .lg\:pt-\[13rem\] {
    padding-top: 13rem;
  }

  .lg\:pt-\[14rem\] {
    padding-top: 14rem;
  }

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

  .lg\:pt-\[16rem\] {
    padding-top: 16rem;
  }

  .lg\:pt-\[17rem\] {
    padding-top: 17rem;
  }

  .lg\:pt-\[18rem\] {
    padding-top: 18rem;
  }

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

  .lg\:pt-\[1rem\] {
    padding-top: 1rem;
  }

  .lg\:pt-\[2\.5rem\] {
    padding-top: 2.5rem;
  }

  .lg\:pt-\[20rem\] {
    padding-top: 20rem;
  }

  .lg\:pt-\[2rem\] {
    padding-top: 2rem;
  }

  .lg\:pt-\[3\.5rem\] {
    padding-top: 3.5rem;
  }

  .lg\:pt-\[3rem\] {
    padding-top: 3rem;
  }

  .lg\:pt-\[4\.5rem\] {
    padding-top: 4.5rem;
  }

  .lg\:pt-\[4rem\] {
    padding-top: 4rem;
  }

  .lg\:pt-\[5\.5rem\] {
    padding-top: 5.5rem;
  }

  .lg\:pt-\[5rem\] {
    padding-top: 5rem;
  }

  .lg\:pt-\[6\.5rem\] {
    padding-top: 6.5rem;
  }

  .lg\:pt-\[6rem\] {
    padding-top: 6rem;
  }

  .lg\:pt-\[7\.5rem\] {
    padding-top: 7.5rem;
  }

  .lg\:pt-\[7rem\] {
    padding-top: 7rem;
  }

  .lg\:pt-\[8\.5rem\] {
    padding-top: 8.5rem;
  }

  .lg\:pt-\[8rem\] {
    padding-top: 8rem;
  }

  .lg\:pt-\[9\.5rem\] {
    padding-top: 9.5rem;
  }

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

  .lg\:text-left {
    text-align: left;
  }
}
@media (min-width: 1280px) {

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

  .xl\:inline {
    display: inline;
  }

  .xl\:flex {
    display: flex;
  }

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

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

  .xl\:border-primary {
    --tw-border-opacity: 1;
    border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  }

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

  .xl\:p-\[0rem\] {
    padding: 0rem;
  }

  .xl\:p-\[10rem\] {
    padding: 10rem;
  }

  .xl\:p-\[11rem\] {
    padding: 11rem;
  }

  .xl\:p-\[12rem\] {
    padding: 12rem;
  }

  .xl\:p-\[13rem\] {
    padding: 13rem;
  }

  .xl\:p-\[14rem\] {
    padding: 14rem;
  }

  .xl\:p-\[15rem\] {
    padding: 15rem;
  }

  .xl\:p-\[16rem\] {
    padding: 16rem;
  }

  .xl\:p-\[17rem\] {
    padding: 17rem;
  }

  .xl\:p-\[18rem\] {
    padding: 18rem;
  }

  .xl\:p-\[19rem\] {
    padding: 19rem;
  }

  .xl\:p-\[1rem\] {
    padding: 1rem;
  }

  .xl\:p-\[20rem\] {
    padding: 20rem;
  }

  .xl\:p-\[2rem\] {
    padding: 2rem;
  }

  .xl\:p-\[3rem\] {
    padding: 3rem;
  }

  .xl\:p-\[4rem\] {
    padding: 4rem;
  }

  .xl\:p-\[5rem\] {
    padding: 5rem;
  }

  .xl\:p-\[6rem\] {
    padding: 6rem;
  }

  .xl\:p-\[7rem\] {
    padding: 7rem;
  }

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

  .xl\:p-\[9rem\] {
    padding: 9rem;
  }

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

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

  .xl\:px-\[0rem\] {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .xl\:px-\[10rem\] {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .xl\:px-\[11rem\] {
    padding-left: 11rem;
    padding-right: 11rem;
  }

  .xl\:px-\[12rem\] {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .xl\:px-\[13rem\] {
    padding-left: 13rem;
    padding-right: 13rem;
  }

  .xl\:px-\[14rem\] {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .xl\:px-\[15rem\] {
    padding-left: 15rem;
    padding-right: 15rem;
  }

  .xl\:px-\[16rem\] {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .xl\:px-\[17rem\] {
    padding-left: 17rem;
    padding-right: 17rem;
  }

  .xl\:px-\[18rem\] {
    padding-left: 18rem;
    padding-right: 18rem;
  }

  .xl\:px-\[19rem\] {
    padding-left: 19rem;
    padding-right: 19rem;
  }

  .xl\:px-\[1rem\] {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .xl\:px-\[20rem\] {
    padding-left: 20rem;
    padding-right: 20rem;
  }

  .xl\:px-\[2rem\] {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xl\:px-\[3rem\] {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .xl\:px-\[4rem\] {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .xl\:px-\[5rem\] {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .xl\:px-\[6rem\] {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .xl\:px-\[7rem\] {
    padding-left: 7rem;
    padding-right: 7rem;
  }

  .xl\:px-\[8rem\] {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .xl\:px-\[9rem\] {
    padding-left: 9rem;
    padding-right: 9rem;
  }

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

  .xl\:py-\[0rem\] {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .xl\:py-\[10rem\] {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .xl\:py-\[11rem\] {
    padding-top: 11rem;
    padding-bottom: 11rem;
  }

  .xl\:py-\[12rem\] {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

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

  .xl\:py-\[14rem\] {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .xl\:py-\[15rem\] {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }

  .xl\:py-\[16rem\] {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .xl\:py-\[17rem\] {
    padding-top: 17rem;
    padding-bottom: 17rem;
  }

  .xl\:py-\[18rem\] {
    padding-top: 18rem;
    padding-bottom: 18rem;
  }

  .xl\:py-\[19rem\] {
    padding-top: 19rem;
    padding-bottom: 19rem;
  }

  .xl\:py-\[1rem\] {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .xl\:py-\[20rem\] {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }

  .xl\:py-\[2rem\] {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .xl\:py-\[3rem\] {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .xl\:py-\[4rem\] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

  .xl\:py-\[6rem\] {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .xl\:py-\[7rem\] {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .xl\:py-\[8rem\] {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .xl\:py-\[9rem\] {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }

  .xl\:pb-\[0\.5rem\] {
    padding-bottom: 0.5rem;
  }

  .xl\:pb-\[0rem\] {
    padding-bottom: 0rem;
  }

  .xl\:pb-\[1\.5rem\] {
    padding-bottom: 1.5rem;
  }

  .xl\:pb-\[10rem\] {
    padding-bottom: 10rem;
  }

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

  .xl\:pb-\[12rem\] {
    padding-bottom: 12rem;
  }

  .xl\:pb-\[13rem\] {
    padding-bottom: 13rem;
  }

  .xl\:pb-\[14rem\] {
    padding-bottom: 14rem;
  }

  .xl\:pb-\[15rem\] {
    padding-bottom: 15rem;
  }

  .xl\:pb-\[16rem\] {
    padding-bottom: 16rem;
  }

  .xl\:pb-\[17rem\] {
    padding-bottom: 17rem;
  }

  .xl\:pb-\[18rem\] {
    padding-bottom: 18rem;
  }

  .xl\:pb-\[19rem\] {
    padding-bottom: 19rem;
  }

  .xl\:pb-\[1rem\] {
    padding-bottom: 1rem;
  }

  .xl\:pb-\[2\.5rem\] {
    padding-bottom: 2.5rem;
  }

  .xl\:pb-\[20rem\] {
    padding-bottom: 20rem;
  }

  .xl\:pb-\[2rem\] {
    padding-bottom: 2rem;
  }

  .xl\:pb-\[3\.5rem\] {
    padding-bottom: 3.5rem;
  }

  .xl\:pb-\[3rem\] {
    padding-bottom: 3rem;
  }

  .xl\:pb-\[4\.5rem\] {
    padding-bottom: 4.5rem;
  }

  .xl\:pb-\[4rem\] {
    padding-bottom: 4rem;
  }

  .xl\:pb-\[5\.5rem\] {
    padding-bottom: 5.5rem;
  }

  .xl\:pb-\[5rem\] {
    padding-bottom: 5rem;
  }

  .xl\:pb-\[6\.5rem\] {
    padding-bottom: 6.5rem;
  }

  .xl\:pb-\[6rem\] {
    padding-bottom: 6rem;
  }

  .xl\:pb-\[7\.5rem\] {
    padding-bottom: 7.5rem;
  }

  .xl\:pb-\[7rem\] {
    padding-bottom: 7rem;
  }

  .xl\:pb-\[8\.5rem\] {
    padding-bottom: 8.5rem;
  }

  .xl\:pb-\[8rem\] {
    padding-bottom: 8rem;
  }

  .xl\:pb-\[9\.5rem\] {
    padding-bottom: 9.5rem;
  }

  .xl\:pb-\[9rem\] {
    padding-bottom: 9rem;
  }

  .xl\:pl-\[0rem\] {
    padding-left: 0rem;
  }

  .xl\:pl-\[10rem\] {
    padding-left: 10rem;
  }

  .xl\:pl-\[11rem\] {
    padding-left: 11rem;
  }

  .xl\:pl-\[12rem\] {
    padding-left: 12rem;
  }

  .xl\:pl-\[13rem\] {
    padding-left: 13rem;
  }

  .xl\:pl-\[14rem\] {
    padding-left: 14rem;
  }

  .xl\:pl-\[15rem\] {
    padding-left: 15rem;
  }

  .xl\:pl-\[16rem\] {
    padding-left: 16rem;
  }

  .xl\:pl-\[17rem\] {
    padding-left: 17rem;
  }

  .xl\:pl-\[18rem\] {
    padding-left: 18rem;
  }

  .xl\:pl-\[19rem\] {
    padding-left: 19rem;
  }

  .xl\:pl-\[1rem\] {
    padding-left: 1rem;
  }

  .xl\:pl-\[20rem\] {
    padding-left: 20rem;
  }

  .xl\:pl-\[2rem\] {
    padding-left: 2rem;
  }

  .xl\:pl-\[3rem\] {
    padding-left: 3rem;
  }

  .xl\:pl-\[4rem\] {
    padding-left: 4rem;
  }

  .xl\:pl-\[5rem\] {
    padding-left: 5rem;
  }

  .xl\:pl-\[6rem\] {
    padding-left: 6rem;
  }

  .xl\:pl-\[7rem\] {
    padding-left: 7rem;
  }

  .xl\:pl-\[8rem\] {
    padding-left: 8rem;
  }

  .xl\:pl-\[9rem\] {
    padding-left: 9rem;
  }

  .xl\:pr-\[0rem\] {
    padding-right: 0rem;
  }

  .xl\:pr-\[10rem\] {
    padding-right: 10rem;
  }

  .xl\:pr-\[11rem\] {
    padding-right: 11rem;
  }

  .xl\:pr-\[12rem\] {
    padding-right: 12rem;
  }

  .xl\:pr-\[13rem\] {
    padding-right: 13rem;
  }

  .xl\:pr-\[14rem\] {
    padding-right: 14rem;
  }

  .xl\:pr-\[15rem\] {
    padding-right: 15rem;
  }

  .xl\:pr-\[16rem\] {
    padding-right: 16rem;
  }

  .xl\:pr-\[17rem\] {
    padding-right: 17rem;
  }

  .xl\:pr-\[18rem\] {
    padding-right: 18rem;
  }

  .xl\:pr-\[19rem\] {
    padding-right: 19rem;
  }

  .xl\:pr-\[1rem\] {
    padding-right: 1rem;
  }

  .xl\:pr-\[20rem\] {
    padding-right: 20rem;
  }

  .xl\:pr-\[2rem\] {
    padding-right: 2rem;
  }

  .xl\:pr-\[3rem\] {
    padding-right: 3rem;
  }

  .xl\:pr-\[4rem\] {
    padding-right: 4rem;
  }

  .xl\:pr-\[5rem\] {
    padding-right: 5rem;
  }

  .xl\:pr-\[6rem\] {
    padding-right: 6rem;
  }

  .xl\:pr-\[7rem\] {
    padding-right: 7rem;
  }

  .xl\:pr-\[8rem\] {
    padding-right: 8rem;
  }

  .xl\:pr-\[9rem\] {
    padding-right: 9rem;
  }

  .xl\:pt-\[0\.5rem\] {
    padding-top: 0.5rem;
  }

  .xl\:pt-\[0rem\] {
    padding-top: 0rem;
  }

  .xl\:pt-\[1\.5rem\] {
    padding-top: 1.5rem;
  }

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

  .xl\:pt-\[11rem\] {
    padding-top: 11rem;
  }

  .xl\:pt-\[12rem\] {
    padding-top: 12rem;
  }

  .xl\:pt-\[13rem\] {
    padding-top: 13rem;
  }

  .xl\:pt-\[14rem\] {
    padding-top: 14rem;
  }

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

  .xl\:pt-\[16rem\] {
    padding-top: 16rem;
  }

  .xl\:pt-\[17rem\] {
    padding-top: 17rem;
  }

  .xl\:pt-\[18rem\] {
    padding-top: 18rem;
  }

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

  .xl\:pt-\[1rem\] {
    padding-top: 1rem;
  }

  .xl\:pt-\[2\.5rem\] {
    padding-top: 2.5rem;
  }

  .xl\:pt-\[20rem\] {
    padding-top: 20rem;
  }

  .xl\:pt-\[2rem\] {
    padding-top: 2rem;
  }

  .xl\:pt-\[3\.5rem\] {
    padding-top: 3.5rem;
  }

  .xl\:pt-\[3rem\] {
    padding-top: 3rem;
  }

  .xl\:pt-\[4\.5rem\] {
    padding-top: 4.5rem;
  }

  .xl\:pt-\[4rem\] {
    padding-top: 4rem;
  }

  .xl\:pt-\[5\.5rem\] {
    padding-top: 5.5rem;
  }

  .xl\:pt-\[5rem\] {
    padding-top: 5rem;
  }

  .xl\:pt-\[6\.5rem\] {
    padding-top: 6.5rem;
  }

  .xl\:pt-\[6rem\] {
    padding-top: 6rem;
  }

  .xl\:pt-\[7\.5rem\] {
    padding-top: 7.5rem;
  }

  .xl\:pt-\[7rem\] {
    padding-top: 7rem;
  }

  .xl\:pt-\[8\.5rem\] {
    padding-top: 8.5rem;
  }

  .xl\:pt-\[8rem\] {
    padding-top: 8rem;
  }

  .xl\:pt-\[9\.5rem\] {
    padding-top: 9.5rem;
  }

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

  .xl\:hover\:bg-primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
  }
}
@media (min-width: 1440px) {

  .xxl\:p-\[0rem\] {
    padding: 0rem;
  }

  .xxl\:p-\[10rem\] {
    padding: 10rem;
  }

  .xxl\:p-\[11rem\] {
    padding: 11rem;
  }

  .xxl\:p-\[12rem\] {
    padding: 12rem;
  }

  .xxl\:p-\[13rem\] {
    padding: 13rem;
  }

  .xxl\:p-\[14rem\] {
    padding: 14rem;
  }

  .xxl\:p-\[15rem\] {
    padding: 15rem;
  }

  .xxl\:p-\[16rem\] {
    padding: 16rem;
  }

  .xxl\:p-\[17rem\] {
    padding: 17rem;
  }

  .xxl\:p-\[18rem\] {
    padding: 18rem;
  }

  .xxl\:p-\[19rem\] {
    padding: 19rem;
  }

  .xxl\:p-\[1rem\] {
    padding: 1rem;
  }

  .xxl\:p-\[20rem\] {
    padding: 20rem;
  }

  .xxl\:p-\[2rem\] {
    padding: 2rem;
  }

  .xxl\:p-\[3rem\] {
    padding: 3rem;
  }

  .xxl\:p-\[4rem\] {
    padding: 4rem;
  }

  .xxl\:p-\[5rem\] {
    padding: 5rem;
  }

  .xxl\:p-\[6rem\] {
    padding: 6rem;
  }

  .xxl\:p-\[7rem\] {
    padding: 7rem;
  }

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

  .xxl\:p-\[9rem\] {
    padding: 9rem;
  }

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

  .xxl\:px-\[0rem\] {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .xxl\:px-\[10rem\] {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .xxl\:px-\[11rem\] {
    padding-left: 11rem;
    padding-right: 11rem;
  }

  .xxl\:px-\[12rem\] {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .xxl\:px-\[13rem\] {
    padding-left: 13rem;
    padding-right: 13rem;
  }

  .xxl\:px-\[14rem\] {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .xxl\:px-\[15rem\] {
    padding-left: 15rem;
    padding-right: 15rem;
  }

  .xxl\:px-\[16rem\] {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .xxl\:px-\[17rem\] {
    padding-left: 17rem;
    padding-right: 17rem;
  }

  .xxl\:px-\[18rem\] {
    padding-left: 18rem;
    padding-right: 18rem;
  }

  .xxl\:px-\[19rem\] {
    padding-left: 19rem;
    padding-right: 19rem;
  }

  .xxl\:px-\[1rem\] {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .xxl\:px-\[20rem\] {
    padding-left: 20rem;
    padding-right: 20rem;
  }

  .xxl\:px-\[2rem\] {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xxl\:px-\[3rem\] {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .xxl\:px-\[4rem\] {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .xxl\:px-\[5rem\] {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .xxl\:px-\[6rem\] {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .xxl\:px-\[7rem\] {
    padding-left: 7rem;
    padding-right: 7rem;
  }

  .xxl\:px-\[8rem\] {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .xxl\:px-\[9rem\] {
    padding-left: 9rem;
    padding-right: 9rem;
  }

  .xxl\:py-\[0rem\] {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .xxl\:py-\[10rem\] {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .xxl\:py-\[11rem\] {
    padding-top: 11rem;
    padding-bottom: 11rem;
  }

  .xxl\:py-\[12rem\] {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

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

  .xxl\:py-\[14rem\] {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .xxl\:py-\[15rem\] {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }

  .xxl\:py-\[16rem\] {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .xxl\:py-\[17rem\] {
    padding-top: 17rem;
    padding-bottom: 17rem;
  }

  .xxl\:py-\[18rem\] {
    padding-top: 18rem;
    padding-bottom: 18rem;
  }

  .xxl\:py-\[19rem\] {
    padding-top: 19rem;
    padding-bottom: 19rem;
  }

  .xxl\:py-\[1rem\] {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .xxl\:py-\[20rem\] {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }

  .xxl\:py-\[2rem\] {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .xxl\:py-\[3rem\] {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .xxl\:py-\[4rem\] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

  .xxl\:py-\[6rem\] {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .xxl\:py-\[7rem\] {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .xxl\:py-\[8rem\] {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .xxl\:py-\[9rem\] {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }

  .xxl\:pb-\[0\.5rem\] {
    padding-bottom: 0.5rem;
  }

  .xxl\:pb-\[0rem\] {
    padding-bottom: 0rem;
  }

  .xxl\:pb-\[1\.5rem\] {
    padding-bottom: 1.5rem;
  }

  .xxl\:pb-\[10rem\] {
    padding-bottom: 10rem;
  }

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

  .xxl\:pb-\[12rem\] {
    padding-bottom: 12rem;
  }

  .xxl\:pb-\[13rem\] {
    padding-bottom: 13rem;
  }

  .xxl\:pb-\[14rem\] {
    padding-bottom: 14rem;
  }

  .xxl\:pb-\[15rem\] {
    padding-bottom: 15rem;
  }

  .xxl\:pb-\[16rem\] {
    padding-bottom: 16rem;
  }

  .xxl\:pb-\[17rem\] {
    padding-bottom: 17rem;
  }

  .xxl\:pb-\[18rem\] {
    padding-bottom: 18rem;
  }

  .xxl\:pb-\[19rem\] {
    padding-bottom: 19rem;
  }

  .xxl\:pb-\[1rem\] {
    padding-bottom: 1rem;
  }

  .xxl\:pb-\[2\.5rem\] {
    padding-bottom: 2.5rem;
  }

  .xxl\:pb-\[20rem\] {
    padding-bottom: 20rem;
  }

  .xxl\:pb-\[2rem\] {
    padding-bottom: 2rem;
  }

  .xxl\:pb-\[3\.5rem\] {
    padding-bottom: 3.5rem;
  }

  .xxl\:pb-\[3rem\] {
    padding-bottom: 3rem;
  }

  .xxl\:pb-\[4\.5rem\] {
    padding-bottom: 4.5rem;
  }

  .xxl\:pb-\[4rem\] {
    padding-bottom: 4rem;
  }

  .xxl\:pb-\[5\.5rem\] {
    padding-bottom: 5.5rem;
  }

  .xxl\:pb-\[5rem\] {
    padding-bottom: 5rem;
  }

  .xxl\:pb-\[6\.5rem\] {
    padding-bottom: 6.5rem;
  }

  .xxl\:pb-\[6rem\] {
    padding-bottom: 6rem;
  }

  .xxl\:pb-\[7\.5rem\] {
    padding-bottom: 7.5rem;
  }

  .xxl\:pb-\[7rem\] {
    padding-bottom: 7rem;
  }

  .xxl\:pb-\[8\.5rem\] {
    padding-bottom: 8.5rem;
  }

  .xxl\:pb-\[8rem\] {
    padding-bottom: 8rem;
  }

  .xxl\:pb-\[9\.5rem\] {
    padding-bottom: 9.5rem;
  }

  .xxl\:pb-\[9rem\] {
    padding-bottom: 9rem;
  }

  .xxl\:pl-\[0rem\] {
    padding-left: 0rem;
  }

  .xxl\:pl-\[10rem\] {
    padding-left: 10rem;
  }

  .xxl\:pl-\[11rem\] {
    padding-left: 11rem;
  }

  .xxl\:pl-\[12rem\] {
    padding-left: 12rem;
  }

  .xxl\:pl-\[13rem\] {
    padding-left: 13rem;
  }

  .xxl\:pl-\[14rem\] {
    padding-left: 14rem;
  }

  .xxl\:pl-\[15rem\] {
    padding-left: 15rem;
  }

  .xxl\:pl-\[16rem\] {
    padding-left: 16rem;
  }

  .xxl\:pl-\[17rem\] {
    padding-left: 17rem;
  }

  .xxl\:pl-\[18rem\] {
    padding-left: 18rem;
  }

  .xxl\:pl-\[19rem\] {
    padding-left: 19rem;
  }

  .xxl\:pl-\[1rem\] {
    padding-left: 1rem;
  }

  .xxl\:pl-\[20rem\] {
    padding-left: 20rem;
  }

  .xxl\:pl-\[2rem\] {
    padding-left: 2rem;
  }

  .xxl\:pl-\[3rem\] {
    padding-left: 3rem;
  }

  .xxl\:pl-\[4rem\] {
    padding-left: 4rem;
  }

  .xxl\:pl-\[5rem\] {
    padding-left: 5rem;
  }

  .xxl\:pl-\[6rem\] {
    padding-left: 6rem;
  }

  .xxl\:pl-\[7rem\] {
    padding-left: 7rem;
  }

  .xxl\:pl-\[8rem\] {
    padding-left: 8rem;
  }

  .xxl\:pl-\[9rem\] {
    padding-left: 9rem;
  }

  .xxl\:pr-\[0rem\] {
    padding-right: 0rem;
  }

  .xxl\:pr-\[10rem\] {
    padding-right: 10rem;
  }

  .xxl\:pr-\[11rem\] {
    padding-right: 11rem;
  }

  .xxl\:pr-\[12rem\] {
    padding-right: 12rem;
  }

  .xxl\:pr-\[13rem\] {
    padding-right: 13rem;
  }

  .xxl\:pr-\[14rem\] {
    padding-right: 14rem;
  }

  .xxl\:pr-\[15rem\] {
    padding-right: 15rem;
  }

  .xxl\:pr-\[16rem\] {
    padding-right: 16rem;
  }

  .xxl\:pr-\[17rem\] {
    padding-right: 17rem;
  }

  .xxl\:pr-\[18rem\] {
    padding-right: 18rem;
  }

  .xxl\:pr-\[19rem\] {
    padding-right: 19rem;
  }

  .xxl\:pr-\[1rem\] {
    padding-right: 1rem;
  }

  .xxl\:pr-\[20rem\] {
    padding-right: 20rem;
  }

  .xxl\:pr-\[2rem\] {
    padding-right: 2rem;
  }

  .xxl\:pr-\[3rem\] {
    padding-right: 3rem;
  }

  .xxl\:pr-\[4rem\] {
    padding-right: 4rem;
  }

  .xxl\:pr-\[5rem\] {
    padding-right: 5rem;
  }

  .xxl\:pr-\[6rem\] {
    padding-right: 6rem;
  }

  .xxl\:pr-\[7rem\] {
    padding-right: 7rem;
  }

  .xxl\:pr-\[8rem\] {
    padding-right: 8rem;
  }

  .xxl\:pr-\[9rem\] {
    padding-right: 9rem;
  }

  .xxl\:pt-\[0\.5rem\] {
    padding-top: 0.5rem;
  }

  .xxl\:pt-\[0rem\] {
    padding-top: 0rem;
  }

  .xxl\:pt-\[1\.5rem\] {
    padding-top: 1.5rem;
  }

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

  .xxl\:pt-\[11rem\] {
    padding-top: 11rem;
  }

  .xxl\:pt-\[12rem\] {
    padding-top: 12rem;
  }

  .xxl\:pt-\[13rem\] {
    padding-top: 13rem;
  }

  .xxl\:pt-\[14rem\] {
    padding-top: 14rem;
  }

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

  .xxl\:pt-\[16rem\] {
    padding-top: 16rem;
  }

  .xxl\:pt-\[17rem\] {
    padding-top: 17rem;
  }

  .xxl\:pt-\[18rem\] {
    padding-top: 18rem;
  }

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

  .xxl\:pt-\[1rem\] {
    padding-top: 1rem;
  }

  .xxl\:pt-\[2\.5rem\] {
    padding-top: 2.5rem;
  }

  .xxl\:pt-\[20rem\] {
    padding-top: 20rem;
  }

  .xxl\:pt-\[2rem\] {
    padding-top: 2rem;
  }

  .xxl\:pt-\[3\.5rem\] {
    padding-top: 3.5rem;
  }

  .xxl\:pt-\[3rem\] {
    padding-top: 3rem;
  }

  .xxl\:pt-\[4\.5rem\] {
    padding-top: 4.5rem;
  }

  .xxl\:pt-\[4rem\] {
    padding-top: 4rem;
  }

  .xxl\:pt-\[5\.5rem\] {
    padding-top: 5.5rem;
  }

  .xxl\:pt-\[5rem\] {
    padding-top: 5rem;
  }

  .xxl\:pt-\[6\.5rem\] {
    padding-top: 6.5rem;
  }

  .xxl\:pt-\[6rem\] {
    padding-top: 6rem;
  }

  .xxl\:pt-\[7\.5rem\] {
    padding-top: 7.5rem;
  }

  .xxl\:pt-\[7rem\] {
    padding-top: 7rem;
  }

  .xxl\:pt-\[8\.5rem\] {
    padding-top: 8.5rem;
  }

  .xxl\:pt-\[8rem\] {
    padding-top: 8rem;
  }

  .xxl\:pt-\[9\.5rem\] {
    padding-top: 9.5rem;
  }

  .xxl\:pt-\[9rem\] {
    padding-top: 9rem;
  }
}
@media (min-width: 1920px) {

  .ultrawide\:p-\[0rem\] {
    padding: 0rem;
  }

  .ultrawide\:p-\[10rem\] {
    padding: 10rem;
  }

  .ultrawide\:p-\[11rem\] {
    padding: 11rem;
  }

  .ultrawide\:p-\[12rem\] {
    padding: 12rem;
  }

  .ultrawide\:p-\[13rem\] {
    padding: 13rem;
  }

  .ultrawide\:p-\[14rem\] {
    padding: 14rem;
  }

  .ultrawide\:p-\[15rem\] {
    padding: 15rem;
  }

  .ultrawide\:p-\[16rem\] {
    padding: 16rem;
  }

  .ultrawide\:p-\[17rem\] {
    padding: 17rem;
  }

  .ultrawide\:p-\[18rem\] {
    padding: 18rem;
  }

  .ultrawide\:p-\[19rem\] {
    padding: 19rem;
  }

  .ultrawide\:p-\[1rem\] {
    padding: 1rem;
  }

  .ultrawide\:p-\[20rem\] {
    padding: 20rem;
  }

  .ultrawide\:p-\[2rem\] {
    padding: 2rem;
  }

  .ultrawide\:p-\[3rem\] {
    padding: 3rem;
  }

  .ultrawide\:p-\[4rem\] {
    padding: 4rem;
  }

  .ultrawide\:p-\[5rem\] {
    padding: 5rem;
  }

  .ultrawide\:p-\[6rem\] {
    padding: 6rem;
  }

  .ultrawide\:p-\[7rem\] {
    padding: 7rem;
  }

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

  .ultrawide\:p-\[9rem\] {
    padding: 9rem;
  }

  .ultrawide\:px-\[0rem\] {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .ultrawide\:px-\[10rem\] {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .ultrawide\:px-\[11rem\] {
    padding-left: 11rem;
    padding-right: 11rem;
  }

  .ultrawide\:px-\[12rem\] {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .ultrawide\:px-\[13rem\] {
    padding-left: 13rem;
    padding-right: 13rem;
  }

  .ultrawide\:px-\[14rem\] {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .ultrawide\:px-\[15rem\] {
    padding-left: 15rem;
    padding-right: 15rem;
  }

  .ultrawide\:px-\[16rem\] {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .ultrawide\:px-\[17rem\] {
    padding-left: 17rem;
    padding-right: 17rem;
  }

  .ultrawide\:px-\[18rem\] {
    padding-left: 18rem;
    padding-right: 18rem;
  }

  .ultrawide\:px-\[19rem\] {
    padding-left: 19rem;
    padding-right: 19rem;
  }

  .ultrawide\:px-\[1rem\] {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .ultrawide\:px-\[20rem\] {
    padding-left: 20rem;
    padding-right: 20rem;
  }

  .ultrawide\:px-\[2rem\] {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .ultrawide\:px-\[3rem\] {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .ultrawide\:px-\[4rem\] {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .ultrawide\:px-\[5rem\] {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .ultrawide\:px-\[6rem\] {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .ultrawide\:px-\[7rem\] {
    padding-left: 7rem;
    padding-right: 7rem;
  }

  .ultrawide\:px-\[8rem\] {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .ultrawide\:px-\[9rem\] {
    padding-left: 9rem;
    padding-right: 9rem;
  }

  .ultrawide\:py-\[0rem\] {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .ultrawide\:py-\[10rem\] {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .ultrawide\:py-\[11rem\] {
    padding-top: 11rem;
    padding-bottom: 11rem;
  }

  .ultrawide\:py-\[12rem\] {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

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

  .ultrawide\:py-\[14rem\] {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .ultrawide\:py-\[15rem\] {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }

  .ultrawide\:py-\[16rem\] {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .ultrawide\:py-\[17rem\] {
    padding-top: 17rem;
    padding-bottom: 17rem;
  }

  .ultrawide\:py-\[18rem\] {
    padding-top: 18rem;
    padding-bottom: 18rem;
  }

  .ultrawide\:py-\[19rem\] {
    padding-top: 19rem;
    padding-bottom: 19rem;
  }

  .ultrawide\:py-\[1rem\] {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .ultrawide\:py-\[20rem\] {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }

  .ultrawide\:py-\[2rem\] {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .ultrawide\:py-\[3rem\] {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .ultrawide\:py-\[4rem\] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

  .ultrawide\:py-\[6rem\] {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .ultrawide\:py-\[7rem\] {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .ultrawide\:py-\[8rem\] {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .ultrawide\:py-\[9rem\] {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }

  .ultrawide\:pb-\[0\.5rem\] {
    padding-bottom: 0.5rem;
  }

  .ultrawide\:pb-\[0rem\] {
    padding-bottom: 0rem;
  }

  .ultrawide\:pb-\[1\.5rem\] {
    padding-bottom: 1.5rem;
  }

  .ultrawide\:pb-\[10rem\] {
    padding-bottom: 10rem;
  }

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

  .ultrawide\:pb-\[12rem\] {
    padding-bottom: 12rem;
  }

  .ultrawide\:pb-\[13rem\] {
    padding-bottom: 13rem;
  }

  .ultrawide\:pb-\[14rem\] {
    padding-bottom: 14rem;
  }

  .ultrawide\:pb-\[15rem\] {
    padding-bottom: 15rem;
  }

  .ultrawide\:pb-\[16rem\] {
    padding-bottom: 16rem;
  }

  .ultrawide\:pb-\[17rem\] {
    padding-bottom: 17rem;
  }

  .ultrawide\:pb-\[18rem\] {
    padding-bottom: 18rem;
  }

  .ultrawide\:pb-\[19rem\] {
    padding-bottom: 19rem;
  }

  .ultrawide\:pb-\[1rem\] {
    padding-bottom: 1rem;
  }

  .ultrawide\:pb-\[2\.5rem\] {
    padding-bottom: 2.5rem;
  }

  .ultrawide\:pb-\[20rem\] {
    padding-bottom: 20rem;
  }

  .ultrawide\:pb-\[2rem\] {
    padding-bottom: 2rem;
  }

  .ultrawide\:pb-\[3\.5rem\] {
    padding-bottom: 3.5rem;
  }

  .ultrawide\:pb-\[3rem\] {
    padding-bottom: 3rem;
  }

  .ultrawide\:pb-\[4\.5rem\] {
    padding-bottom: 4.5rem;
  }

  .ultrawide\:pb-\[4rem\] {
    padding-bottom: 4rem;
  }

  .ultrawide\:pb-\[5\.5rem\] {
    padding-bottom: 5.5rem;
  }

  .ultrawide\:pb-\[5rem\] {
    padding-bottom: 5rem;
  }

  .ultrawide\:pb-\[6\.5rem\] {
    padding-bottom: 6.5rem;
  }

  .ultrawide\:pb-\[6rem\] {
    padding-bottom: 6rem;
  }

  .ultrawide\:pb-\[7\.5rem\] {
    padding-bottom: 7.5rem;
  }

  .ultrawide\:pb-\[7rem\] {
    padding-bottom: 7rem;
  }

  .ultrawide\:pb-\[8\.5rem\] {
    padding-bottom: 8.5rem;
  }

  .ultrawide\:pb-\[8rem\] {
    padding-bottom: 8rem;
  }

  .ultrawide\:pb-\[9\.5rem\] {
    padding-bottom: 9.5rem;
  }

  .ultrawide\:pb-\[9rem\] {
    padding-bottom: 9rem;
  }

  .ultrawide\:pl-\[0rem\] {
    padding-left: 0rem;
  }

  .ultrawide\:pl-\[10rem\] {
    padding-left: 10rem;
  }

  .ultrawide\:pl-\[11rem\] {
    padding-left: 11rem;
  }

  .ultrawide\:pl-\[12rem\] {
    padding-left: 12rem;
  }

  .ultrawide\:pl-\[13rem\] {
    padding-left: 13rem;
  }

  .ultrawide\:pl-\[14rem\] {
    padding-left: 14rem;
  }

  .ultrawide\:pl-\[15rem\] {
    padding-left: 15rem;
  }

  .ultrawide\:pl-\[16rem\] {
    padding-left: 16rem;
  }

  .ultrawide\:pl-\[17rem\] {
    padding-left: 17rem;
  }

  .ultrawide\:pl-\[18rem\] {
    padding-left: 18rem;
  }

  .ultrawide\:pl-\[19rem\] {
    padding-left: 19rem;
  }

  .ultrawide\:pl-\[1rem\] {
    padding-left: 1rem;
  }

  .ultrawide\:pl-\[20rem\] {
    padding-left: 20rem;
  }

  .ultrawide\:pl-\[2rem\] {
    padding-left: 2rem;
  }

  .ultrawide\:pl-\[3rem\] {
    padding-left: 3rem;
  }

  .ultrawide\:pl-\[4rem\] {
    padding-left: 4rem;
  }

  .ultrawide\:pl-\[5rem\] {
    padding-left: 5rem;
  }

  .ultrawide\:pl-\[6rem\] {
    padding-left: 6rem;
  }

  .ultrawide\:pl-\[7rem\] {
    padding-left: 7rem;
  }

  .ultrawide\:pl-\[8rem\] {
    padding-left: 8rem;
  }

  .ultrawide\:pl-\[9rem\] {
    padding-left: 9rem;
  }

  .ultrawide\:pr-\[0rem\] {
    padding-right: 0rem;
  }

  .ultrawide\:pr-\[10rem\] {
    padding-right: 10rem;
  }

  .ultrawide\:pr-\[11rem\] {
    padding-right: 11rem;
  }

  .ultrawide\:pr-\[12rem\] {
    padding-right: 12rem;
  }

  .ultrawide\:pr-\[13rem\] {
    padding-right: 13rem;
  }

  .ultrawide\:pr-\[14rem\] {
    padding-right: 14rem;
  }

  .ultrawide\:pr-\[15rem\] {
    padding-right: 15rem;
  }

  .ultrawide\:pr-\[16rem\] {
    padding-right: 16rem;
  }

  .ultrawide\:pr-\[17rem\] {
    padding-right: 17rem;
  }

  .ultrawide\:pr-\[18rem\] {
    padding-right: 18rem;
  }

  .ultrawide\:pr-\[19rem\] {
    padding-right: 19rem;
  }

  .ultrawide\:pr-\[1rem\] {
    padding-right: 1rem;
  }

  .ultrawide\:pr-\[20rem\] {
    padding-right: 20rem;
  }

  .ultrawide\:pr-\[2rem\] {
    padding-right: 2rem;
  }

  .ultrawide\:pr-\[3rem\] {
    padding-right: 3rem;
  }

  .ultrawide\:pr-\[4rem\] {
    padding-right: 4rem;
  }

  .ultrawide\:pr-\[5rem\] {
    padding-right: 5rem;
  }

  .ultrawide\:pr-\[6rem\] {
    padding-right: 6rem;
  }

  .ultrawide\:pr-\[7rem\] {
    padding-right: 7rem;
  }

  .ultrawide\:pr-\[8rem\] {
    padding-right: 8rem;
  }

  .ultrawide\:pr-\[9rem\] {
    padding-right: 9rem;
  }

  .ultrawide\:pt-\[0\.5rem\] {
    padding-top: 0.5rem;
  }

  .ultrawide\:pt-\[0rem\] {
    padding-top: 0rem;
  }

  .ultrawide\:pt-\[1\.5rem\] {
    padding-top: 1.5rem;
  }

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

  .ultrawide\:pt-\[11rem\] {
    padding-top: 11rem;
  }

  .ultrawide\:pt-\[12rem\] {
    padding-top: 12rem;
  }

  .ultrawide\:pt-\[13rem\] {
    padding-top: 13rem;
  }

  .ultrawide\:pt-\[14rem\] {
    padding-top: 14rem;
  }

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

  .ultrawide\:pt-\[16rem\] {
    padding-top: 16rem;
  }

  .ultrawide\:pt-\[17rem\] {
    padding-top: 17rem;
  }

  .ultrawide\:pt-\[18rem\] {
    padding-top: 18rem;
  }

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

  .ultrawide\:pt-\[1rem\] {
    padding-top: 1rem;
  }

  .ultrawide\:pt-\[2\.5rem\] {
    padding-top: 2.5rem;
  }

  .ultrawide\:pt-\[20rem\] {
    padding-top: 20rem;
  }

  .ultrawide\:pt-\[2rem\] {
    padding-top: 2rem;
  }

  .ultrawide\:pt-\[3\.5rem\] {
    padding-top: 3.5rem;
  }

  .ultrawide\:pt-\[3rem\] {
    padding-top: 3rem;
  }

  .ultrawide\:pt-\[4\.5rem\] {
    padding-top: 4.5rem;
  }

  .ultrawide\:pt-\[4rem\] {
    padding-top: 4rem;
  }

  .ultrawide\:pt-\[5\.5rem\] {
    padding-top: 5.5rem;
  }

  .ultrawide\:pt-\[5rem\] {
    padding-top: 5rem;
  }

  .ultrawide\:pt-\[6\.5rem\] {
    padding-top: 6.5rem;
  }

  .ultrawide\:pt-\[6rem\] {
    padding-top: 6rem;
  }

  .ultrawide\:pt-\[7\.5rem\] {
    padding-top: 7.5rem;
  }

  .ultrawide\:pt-\[7rem\] {
    padding-top: 7rem;
  }

  .ultrawide\:pt-\[8\.5rem\] {
    padding-top: 8.5rem;
  }

  .ultrawide\:pt-\[8rem\] {
    padding-top: 8rem;
  }

  .ultrawide\:pt-\[9\.5rem\] {
    padding-top: 9.5rem;
  }

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

html {
  max-width: 100%;
  font-family: Ubuntu, sans-serif;
  width: 100%;
  margin: auto;
}

body {
  font-family: Ubuntu, sans-serif;
}

[x-cloak] {
  display: none !important;
}

/* Headroom initial state */
#site-header {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}


.wp_editor h1, .entry-content h1 {
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 700;
}

.wp_editor h2, .entry-content h2 {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 600;
}

.wp_editor h3, .entry-content h3 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
}

.wp_editor h4, .entry-content h4 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
}

.wp_editor h5, .entry-content h5 {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
}

.wp_editor h6, .entry-content h6 {
  font-size: 16px;
  font-weight: 500;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.wp_editor .entry-content p {
  padding-bottom: 0.5rem;
  font-weight: 400;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.wp_editor ul,
.entry-content ul {
  margin-bottom: 1rem;
  list-style-position: outside;
  list-style-type: disc;
  padding-left: 1.5rem;
}

.wp_editor ol,
.entry-content ol {
  margin-bottom: 1rem;
  list-style-position: outside;
  list-style-type: decimal;
  padding-left: 1.5rem;
}

.wp_editor li,
.entry-content li {
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.wp_editor li > ul,
.wp_editor li > ol,
.entry-content li > ul,
.entry-content li > ol {
  margin-top: 0.5rem;
  margin-left: 1rem;
}

.wp_editor li > p,
.entry-content li > p {
  margin-bottom: 0px;
}

.wp_editor .entry-content strong,
.wp_editor .entry-content b {
  font-weight: 600;
}

.wp_editor .entry-content em,
.wp_editor .entry-content i {
  font-style: italic;
}

.wp_editor .entry-content span {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.wp_editor .entry-content a {
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

.wp_editor .entry-content a:hover {
  --tw-text-opacity: 1;
  color: rgb(170 74 68 / var(--tw-text-opacity, 1));
}

.wp_editor .entry-content blockquote {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  font-style: italic;
}

.wp_editor .entry-content code {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.wp_editor .entry-content pre {
  margin-bottom: 1rem;
  overflow-x: auto;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

.wp_editor .entry-content table {
  margin-bottom: 1rem;
  width: 100%;
  border-collapse: collapse;
}

.wp_editor .entry-content th,
.wp_editor .entry-content td {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding: 0.5rem;
  text-align: left;
}

.wp_editor .entry-content th {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  font-weight: 600;
}

.wp_editor li h1,
.wp_editor li h2,
.wp_editor li h3,
.wp_editor li h4,
.wp_editor li h5,
.wp_editor li h6,
.entry-content li h1,
.entry-content li h2,
.entry-content li h3,
.entry-content li h4,
.entry-content li h5,
.entry-content li h6 {
  display: inline-block;
  padding-left: 0px;
  /* This ensures the heading stays on the same line as the marker */
}

.woocommerce-EditAccountForm .entry-content span {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}


/* Ensure transitions on transform */
.headroom {
  transition: transform 0.3s ease-in-out;
}

/* When scrolling up (header is shown) */
.headroom--pinned {
  transform: translateY(0);
}

/* When scrolling down (header is hidden) */
.headroom--unpinned {
  transform: translateY(-100%);
}

@media only screen and (min-width: 1025px) {
   .top-menu li a:before,.top-menu li a:after {
        content: "";
        position: absolute;
        transition: transform 0.5s ease;
    }
}


.hamburger {
  padding: 15px;
  display: inline-block;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  margin: 0;
}
.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  width: 40px;
  height: 4px;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
}
.hamburger-inner:before,
.hamburger-inner:after {
  content: "";
  display: block;
}
.hamburger-inner:before {
  top: -10px;
}
.hamburger-inner:after {
  bottom: -10px;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
}
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
}
.hamburger--spin.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(-90deg);
}

/* Desktop nav needs ~1440px for the long uppercase labels; hamburger until then */
#site-nav .site-nav-desktop {
  display: none;
}
#site-nav .site-nav-mobile {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  position: relative;
  z-index: 60;
}
#site-nav .site-nav-mobile .hamburger {
  position: relative;
  z-index: 70;
}
.site-nav-mobile-overlay {
  position: fixed;
  inset: 0;
  z-index: 80;
  visibility: hidden;
  pointer-events: none;
  background: rgba(15, 23, 42, 0.45);
}
.site-nav-mobile-overlay.is-open {
  visibility: visible;
  pointer-events: auto;
}
.site-nav-mobile-panel {
  height: 100%;
  max-width: 100%;
  transition: transform 0.4s ease;
}
.site-nav-mobile-overlay--left .site-nav-mobile-panel {
  transform: translateX(-100%);
}
.site-nav-mobile-overlay--right .site-nav-mobile-panel {
  margin-left: auto;
  transform: translateX(100%);
}
.site-nav-mobile-overlay--up .site-nav-mobile-panel,
.site-nav-mobile-overlay--full .site-nav-mobile-panel {
  width: 100% !important;
  transform: translateY(100%);
}
.site-nav-mobile-overlay.is-open .site-nav-mobile-panel {
  transform: none;
}
@media (min-width: 1440px) {
  .site-nav-mobile-overlay {
    display: none !important;
  }
}
.site-nav-mobile ul li,
.site-nav-mobile ul li a,
.site-nav-mobile ul li button,
.site-nav-mobile ul li span {
  text-transform: none;
}
#site-nav .site-nav-logo img {
  max-width: 160px;
}
.site-nav-mobile-logo {
  max-width: 160px;
  height: auto;
  width: auto;
}
@media (min-width: 1440px) {
  #site-nav .site-nav-desktop {
    display: flex;
    min-width: 0;
    align-items: stretch;
    align-self: stretch;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }
  #site-nav .site-nav-mobile {
    display: none;
  }
  #site-nav .site-nav-logo img {
    max-width: 180px;
  }
  #site-nav .site-nav-desktop > li > div a {
    font-size: 13px;
  }
}
@media (min-width: 1920px) {
  #site-nav .site-nav-logo img {
    max-width: 200px;
  }
  #site-nav .site-nav-desktop > li > div a {
    font-size: 14px;
  }
}

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

.nav_btn {
  display: flex;
  height: 3rem;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.nav_btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(170 74 68 / var(--tw-bg-opacity, 1));
}

.nav_btn.current-item .active-item {
  -webkit-text-decoration: none!imporant;
          text-decoration: none!imporant;
}

@media only screen and (max-width: 768px) {
  .nav_btn {
    margin: 0px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 0px;
  }
}

.nav_btn a {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(1 36 45 / var(--tw-text-opacity, 1));
}

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

/* Treatment intro: image on the right from tablet up; fill the column */
.content-019__image {
  min-height: 280px;
}
.content-019__image .ai-generated-media,
.content-019__image img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 280px;
  max-height: 560px;
  -o-object-fit: cover;
     object-fit: cover;
}
.content-019__image .ai-generated-media > .ai-generated-media__img {
  width: 100%;
  height: 100%;
  min-height: 280px;
  max-height: 560px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .content-019 {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 2rem;
  }
  .content-019.content-019--reverse {
    flex-direction: row-reverse;
  }
  .content-019__text {
    flex: 1 1 42%;
    width: auto;
    min-width: 0;
  }
  .content-019__image {
    flex: 1 1 50%;
    width: auto;
    min-width: 0;
    align-self: stretch;
    min-height: 420px;
  }
  .content-019__image .ai-generated-media,
  .content-019__image img,
  .content-019__image .ai-generated-media > .ai-generated-media__img {
    height: 100%;
    min-height: 420px;
    max-height: none;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

/* Header stays in document flow so heroes sit flush beneath it. */
#site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  width: 100%;
  overflow: visible;
  background: #fff;
  transition: transform 0.3s ease-in-out;
}

#site-nav {
  width: 100%;
  overflow: visible;
  background: #fff;
}

/* Mega panels are full-width under the header; a transform on #site-nav would trap position:fixed. */
#primary-menu > li {
  position: static;
  display: flex;
  align-items: center;
  height: 100%;
}

.site-mega-menu {
  display: none !important;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  width: 100%;
  z-index: 60;
}

/* Bridge the pointer from the nav label down into the panel so hover does not die. */
.site-mega-menu::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 12px;
}

@media (min-width: 1440px) {
  #primary-menu > li:hover > .site-mega-menu,
  #primary-menu > li:focus-within > .site-mega-menu {
    display: block !important;
  }
}

.site-mega-menu__panel {
  width: 100%;
  background: #f9fafb;
}

.site-mega-menu__inner {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  color: #334155;
  font-size: 1rem;
  font-weight: 500;
}

.site-mega-menu__image,
.site-mega-menu__inner > .ai-generated-media {
  flex: 0 0 50%;
  width: 50%;
  max-width: 50%;
  max-height: 500px;
  height: auto;
  object-fit: cover;
}

.site-mega-menu__inner > .ai-generated-media {
  display: block;
  position: relative;
  overflow: hidden;
}

.site-mega-menu__inner > .ai-generated-media img {
  width: 100%;
  height: 100%;
  max-height: 500px;
  object-fit: cover;
}

.site-mega-menu__links {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  width: 50%;
  max-width: 50%;
  height: auto;
  padding: 2rem 1.25rem;
}

.site-mega-menu__inner > .site-mega-menu__links:only-child {
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
}

.site-mega-menu__title {
  display: block;
  width: 100%;
  margin: 0 0 0.5rem;
  padding: 0.5rem 0;
  font-family: Ubuntu, system-ui, sans-serif;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.25;
  color: #334155;
}

.site-mega-menu__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0.5rem 0 0;
  padding: 0;
  list-style: none;
}

.site-mega-menu__list--grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1.5rem;
  row-gap: 0.5rem;
}

#primary-menu > li:hover > div a {
  text-decoration: underline;
}

.site-mega-menu__list a,
#site-nav .site-mega-menu__list a {
  font-size: 1rem;
  line-height: 1.5;
  color: #334155;
  text-decoration: none;
  transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

.site-mega-menu__list a:hover,
.site-mega-menu__list a:focus,
#site-nav .site-mega-menu__list a:hover,
#site-nav .site-mega-menu__list a:focus {
  color: #AA4A44;
  text-decoration: underline;
}

#site-nav > nav {
  height: 72px;
}
@media (min-width: 640px) {
  #site-nav > nav {
    height: 107px;
  }
}

/* Banner height follows the image so contain never letterboxes above/below */
.hero-006-wrap {
  padding-top: 0;
  padding-bottom: 0;
}
.hero-006-banner {
  position: relative;
  min-height: 0;
  padding: 0;
}
.hero-006-banner__img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2560 / 1029;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top center;
     object-position: top center;
}
.hero-006-banner__content {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  pointer-events: none;
}
.hero-006-banner__content > * {
  pointer-events: auto;
}

.hero_title {
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 400;
  letter-spacing: -0.025em;
}

.hero_title span {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(154 167 112 / var(--tw-text-opacity, 1));
}

.slick-dots ul {
  list-style-position: inside;
  list-style-type: disc;
}

.slick-dots ol {
  list-style-position: inside;
  list-style-type: decimal;
}

.slick-dots li {
  margin-bottom: 0.5rem;
  list-style: none;
}

.slick-dots li button {
  color: transparent!important;
}

.slick-prev:before,
.slick-next:before {
  content: none !important;
}

/* THEME FORMS */

/* resources/css/components/theme-form-alert.css */
.theme-form-alert {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.25rem;
  border-width: 1px;
  padding: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.theme-form-alert.is-success {
  --tw-border-opacity: 1;
  border-color: rgb(74 222 128 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.theme-form-alert.is-error {
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.theme-form-hp {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.theme-form-turnstile {
  margin: 1rem 0 0;
  /* Reserve space so Turnstile's injected iframe doesn't cause CLS */
  min-height: 80px;
}
.theme-form-turnstile iframe {
  display: block;
  width: 100%;
}
.theme-form-consent {
  margin: 1.25rem 0 0.75rem;
}
.theme-form-consent__label {
  display: flex;
  gap: 0.6rem;
  align-items: flex-start;
  font-size: 0.9rem;
  line-height: 1.4;
  cursor: pointer;
}
.theme-form-consent__label input {
  margin-top: 0.2rem;
  flex: 0 0 auto;
}

.appointment-form__progress {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 0 0 1.25rem;
  padding: 0;
  list-style: none;
  font-size: 0.8rem;
  font-weight: 600;
  color: #667085;
}
.appointment-form__progress li {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex: 1;
  min-width: 0;
}
.appointment-form__progress li:last-child {
  flex: 0 0 auto;
}
.appointment-form__step-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.appointment-form__step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 999px;
  background: #e4e7ec;
  color: #344054;
  font-size: 0.75rem;
}
.appointment-form__connector {
  position: relative;
  flex: 1 1 auto;
  height: 1px;
  min-width: 12px;
  margin: 0 0.15rem 0 0.35rem;
  background: #c5c9d1;
}
@media (max-width: 36rem) {
  .appointment-form__progress {
    gap: 0.15rem;
  }
  .appointment-form__progress li {
    gap: 0.2rem;
  }
  .appointment-form__progress li:last-child {
    flex: 0 0 auto;
  }
  .appointment-form__step-name {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .appointment-form__connector {
    min-width: 8px;
    margin: 0 0.1rem 0 0.2rem;
  }
}
.appointment-form__connector::after {
  content: '';
  position: absolute;
  right: -1px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #c5c9d1;
  border-top: 1.5px solid #c5c9d1;
  transform: translateY(-50%) rotate(45deg);
}
.appointment-form__progress .is-current,
.appointment-form__progress .is-done {
  color: #041227;
}
.appointment-form__progress .is-current .appointment-form__step-num,
.appointment-form__progress .is-done .appointment-form__step-num {
  background: #041227;
  color: #fff;
}
.appointment-form__progress .is-done .appointment-form__connector,
.appointment-form__progress .is-current .appointment-form__connector {
  background: #041227;
}
.appointment-form__progress .is-done .appointment-form__connector::after,
.appointment-form__progress .is-current .appointment-form__connector::after {
  border-color: #041227;
}
.appointment-form__step-label {
  margin: 0 0 1rem;
  font-size: 0.875rem;
  color: #667085;
}
.appointment-form__legend {
  padding: 0;
  margin: 0 0 1rem;
  font-size: 1.125rem;
  font-weight: 700;
  color: #041227;
}
.appointment-form__legend--small {
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.appointment-form__field {
  margin-bottom: 1rem;
}
.appointment-form__field label {
  display: block;
  margin-bottom: 0.4rem;
  font-size: 0.9rem;
  font-weight: 600;
}
.appointment-form__input,
.appointment-form__textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #025a70;
  border-radius: 0.25rem;
  background: #fff;
  color: #1d2939;
}
.appointment-form__hint {
  margin: 0.4rem 0 0;
  font-size: 0.8rem;
  color: #667085;
}
.appointment-form__combobox {
  position: relative;
}
.appointment-form__control {
  position: relative;
}
.appointment-form__control .appointment-form__input {
  padding-right: 2.75rem;
}
.appointment-form__caret {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 100%;
  border: 0;
  background: transparent;
  color: #041227;
  cursor: pointer;
}
.appointment-form__caret svg {
  display: block;
  pointer-events: none;
  transition: transform 0.15s ease;
}
.appointment-form__combobox.is-open .appointment-form__caret svg {
  transform: rotate(180deg);
}
.appointment-form__list {
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  max-height: 240px;
  overflow: auto;
  margin: 0;
  padding: 0.25rem 0;
  list-style: none;
  background: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 0.25rem;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}
.appointment-form__list li {
  padding: 0.55rem 0.85rem;
  cursor: pointer;
}
.appointment-form__list li:hover,
.appointment-form__list li.is-active {
  background: #f2f4f7;
}
.appointment-form__calendar {
  margin-bottom: 1rem;
}
.appointment-form__cal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.appointment-form__cal-title {
  margin: 0;
  font-weight: 700;
}
.appointment-form__cal-nav {
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid #d0d5dd;
  background: #fff;
  border-radius: 999px;
  cursor: pointer;
}
.appointment-form__cal-weekdays,
.appointment-form__cal-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0.25rem;
  text-align: center;
}
.appointment-form__cal-weekdays {
  margin-bottom: 0.35rem;
  font-size: 0.75rem;
  color: #667085;
}
.appointment-form__day,
.appointment-form__time {
  min-height: 2.25rem;
  border: 1px solid #d0d5dd;
  background: #fff;
  border-radius: 0.25rem;
  cursor: pointer;
}
.appointment-form__day:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.appointment-form__day.is-selected,
.appointment-form__time.is-selected {
  background: #041227;
  color: #fff;
  border-color: #041227;
}
.appointment-form__flexible {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin: 0.75rem 0 1rem;
  font-weight: 600;
}
.appointment-form__time-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.appointment-form__summary {
  padding: 0.85rem 1rem;
  background: #f8fafc;
  border-radius: 0.35rem;
  font-size: 0.9rem;
}
.appointment-form__summary p {
  margin: 0.2rem 0;
}
.appointment-form__error {
  margin: 0.75rem 0 0;
  color: #b42318;
  font-size: 0.9rem;
}
.appointment-form__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.5rem;
}
.appointment-form__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 3rem;
  padding: 0.85rem 1.5rem;
  background: #041227;
  color: #fff;
  border: 2px solid #041227;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}
.appointment-form__btn--ghost {
  flex: 0 0 auto;
  background: #fff;
  color: #041227;
}
@media (max-width: 36rem) {
  .appointment-form__actions {
    flex-direction: column;
  }
  .appointment-form__btn,
  .appointment-form__btn--ghost {
    width: 100%;
    flex: 1 1 auto;
    padding: 0.85rem 1rem;
  }
}
.appointment-form fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.appointment-form [hidden] {
  display: none !important;
}

/* Form Layout Structure */
.form-container {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1;
}
@media not all and (min-width: 768px) {

  .form-container {
    max-width: 100%;
  }
}

.form-inner {
  display: flex;
  width: 100%;
  min-width: 240px;
  flex: 1 1 0%;
  flex-shrink: 1;
  flex-basis: 0px;
  flex-direction: column;
}

@media not all and (min-width: 768px) {

  .form-inner {
    max-width: 100%;
  }
}

.form-row {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem;
}

@media not all and (min-width: 768px) {

  .form-row {
    max-width: 100%;
  }
}

.form-row-spacing {
  margin-top: 1rem;
}

/* Field Containers */
.field-container {
  margin-bottom: 0px;
  display: flex;
  min-height: 80px;
  min-width: 240px;
  flex: 1 1 0%;
  flex-shrink: 1;
  flex-basis: 0px;
  flex-direction: column;
}
@media not all and (min-width: 768px) {

  .field-container {
    max-width: 100%;
  }
}

.field-container-spacer {
  display: flex;
  height: 5rem;
  width: 496px;
  min-width: 240px;
  flex-shrink: 0;
}

.field-container-textarea {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  display: flex;
  min-height: 165px;
  width: 100%;
  flex-direction: column;
}

@media not all and (min-width: 768px) {

  .field-container-textarea {
    max-width: 100%;
  }
}

/* Labels */
.field-label {
  width: 100%;
  flex: 1 1 0%;
  flex-shrink: 1;
  align-self: stretch;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
@media not all and (min-width: 768px) {

  .field-label {
    max-width: 100%;
  }
}

.field-wrapper {
  position: relative;
  margin-top: 0.5rem;
  display: flex;
  width: 100%;
  flex: 1 1 0%;
  flex-direction: column;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

@media not all and (min-width: 768px) {

  .field-wrapper {
    max-width: 100%;
  }
}

/* Form Controls */
.form-input {
  margin-top: 0.5rem;
  width: 100%;
  flex: 1 1 0%;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  border-color: #025A7;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
@media not all and (min-width: 768px) {

  .form-input {
    max-width: 100%;
  }
}
.form-input {
  border: 1px solid var(--Primary-Turquoise-500, #025A70);
}

.form-textarea,
.wpcf7-form-control-wrap textarea {
  margin-top: 0.5rem;
  min-height: 120px;
  width: 100%;
  flex: 1 1 0%;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  border-color: #025A7;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

@media not all and (min-width: 768px) {

  .form-textarea,
.wpcf7-form-control-wrap textarea {
    max-width: 100%;
  }
}

.form-textarea,
.wpcf7-form-control-wrap textarea {
   border: 1px solid var(--Primary-Turquoise-500, #025A70);
}


/* Privacy Section */
.privacy-section {
  position: relative;
  width: 100%;
}

.privacy-container {
  position: relative;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

@media (max-width: 767px) {
  footer .privacy-container {
    margin-top: 0.75rem;
  }
}

@media not all and (min-width: 768px) {

  .privacy-container {
    max-width: 100%;
  }
}

.checkbox-wrapper {
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  min-height: 32px;
  width: 2rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  overflow: hidden;
  border-radius: 0.25rem;
}

.privacy-text {
  margin-top: auto;
  margin-bottom: auto;
  align-self: stretch;
  font-size: 14px;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.privacy-link {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.privacy-link:hover {
  text-decoration-line: none;
}

.wpcf7-spinner {
  display: none;
}

/* Submit Section */
.submit-container {
  margin-top: 2rem;
  display: flex;
  width: 496px;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
  gap: 2rem;
  align-self: center;
  padding-right: 4rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(4 47 46 / var(--tw-text-opacity, 1));
}
@media (max-width: 767px) {
  footer .submit-container {
    margin-top: 0.75rem;
  }
}
@media not all and (min-width: 768px) {

  .submit-container {
    padding-right: 1.25rem;
  }
}

/* Contact Form 7 Specific Styles */
.wpcf7-list-item {
  margin: 0;
  display: flex;
}
.wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

.wpcf7-not-valid-tip {
  position: absolute;
  left: 0px;
  bottom: -1.25rem;
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.privacy-container .wpcf7-not-valid-tip {
  position: absolute;
  left: 0px;
  top: 100%;
  margin-top: 0.25rem;
}

.wpcf7 form .wpcf7-response-output {
  margin-top: 1rem;
  border-radius: 0.25rem;
  border-width: 1px;
  padding: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.wpcf7 form.invalid .wpcf7-response-output {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.wpcf7 form.sent .wpcf7-response-output {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}

/* Remove CF7 automatic spacing */
.wpcf7 br {
  display: none;
}

.wpcf7 p {
  margin: 0px;
  padding: 0px;
}

/* Responsive Styles */
@media (max-width: 768px) {
  .field-container,
  .form-input,
  .form-textarea,
  .wpcf7-form-control-wrap input,
  .wpcf7-form-control-wrap textarea {
    max-width: 100%;
  }

  .field-container-spacer {
    display: none;
  }
}

.form-checkbox {
  display: flex;
  width: 24px;
  height: 24px;
  padding: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
}


/* WP Editor Styling */


.wp_editor p {
  margin-bottom: 1rem;
  font-family: Ubuntu, sans-serif;
  line-height: 28px;
  --tw-text-opacity: 1;
  color: rgb(29 41 57 / var(--tw-text-opacity, 1));
}

/* Image Styling */
.wp_editor .entry-content img {
  margin-bottom: 1.5rem;
}

.alignleft,
img.alignleft {
  float: left;
  margin-right: 1.5rem;
  display: inline;
}

.alignright,
img.alignright {
  float: right;
  margin-left: 1.5rem;
  display: inline;
}

.aligncenter,
img.aligncenter {
  clear: both;
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: auto;
  width: 100%;
}

.alignnone,
img.alignnone {
  display: block; /* Update based on desired behavior */
}

.wp-caption {
  margin-bottom: 1.5rem;
  padding-top: 0.25rem;
  text-align: center;
}

.wp-caption img {
  margin: 0px;
  border-width: 0px;
  padding: 0px;
}

.wp-caption p.wp-caption-text {
  margin: 0px;
  font-size: 14px;
  line-height: 1.5rem;
}

.wp-smiley {
 display: none;
}

blockquote.left {
  float: left;
  margin-right: 1.25rem;
  margin-left: 0px;
  width: 33.333333%;
  text-align: right;
}

blockquote.right {
  float: right;
  margin-right: 0px;
  margin-left: 1.25rem;
  width: 33.333333%;
  text-align: left;
}


/* Tailwind classes for Slick's structure */
.slick-slider {
  position: relative;
  display: block;
}

.slick-initialized .slick-slide {
  position: relative;
  display: flex;
}

.slick-slider .slick-item {
  display: none; /* Hide all slides by default */
}

.slick-slider.slick-initialized {
  visibility: visible; /* Makes it visible after initialization */
}

.slick-slider.slick-initialized .slick-item {
  display: flex;
}

.slick-list {
  overflow: visible !important; /* Allows elements outside the slider's bounds to be visible */
}

.slick-track {
  position: relative;
  display: flex;
  gap: 1rem; /* Adjust the gap between slides */
}

.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  display: flex;
  height: 2.75rem;
  width: 2.75rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 16px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
  --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);
  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;
}

.slick-prev:hover,
.slick-next:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.slick-prev,
.slick-next {
  z-index: 10;
  padding: 0;
  line-height: 1;
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  opacity: 0.35;
  pointer-events: none;
}

.slick-prev {
  left: 0.5rem;
}

.slick-next {
  right: 0.5rem;
}

/* Post-card Slick arrows: keep them clear of post titles */
.post-card-slider .slick-prev,
.post-card-slider .slick-next {
  top: 35%;
}

@media (max-width: 768px) {
  .post-card-slider .slick-prev,
  .post-card-slider .slick-next {
    top: 30%;
  }
}

.post-card-slider {
  align-items: stretch;
}

.post-card-slider h3.line-clamp-2,
.post-card-slider p.line-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.post-card-slider h3.line-clamp-2 {
  -webkit-line-clamp: 2;
}

.post-card-slider p.line-clamp-3 {
  -webkit-line-clamp: 3;
}

.post-card-slider.slick-initialized {
  margin: 0 -0.75rem;
}

.post-card-slider.slick-initialized .slick-list {
  overflow: hidden !important;
}

.post-card-slider.slick-initialized .slick-track {
  display: flex;
  align-items: stretch;
  gap: 0;
}

.post-card-slider.slick-initialized .slick-slide {
  height: auto;
  display: flex;
  padding: 0 0.75rem;
}

.post-card-slider.slick-initialized .slick-slide > article {
  width: 100%;
  height: 100%;
  display: flex;
}

.whoweare-image {
  display: none;
}

@media (min-width: 1100px) {
  .whoweare-image {
    display: block;
  }
}

.slick-dots {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
}

.slick-dots > :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)));
}

.slick-dots li button {
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.slick-dots li.slick-active button {
  --tw-bg-opacity: 1;
  background-color: rgb(170 74 68 / var(--tw-bg-opacity, 1)); /* Active state using Tailwind's secondary color */
}

.slick-dots li {
  list-style: none;
}

.slick-active button {
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1)); /* Active state using Tailwind's primary color */
}

.clinic-link {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(170 74 68 / var(--tw-text-opacity, 1));
}

.clinic-link:hover {
  text-decoration-line: underline;
}

  .woocommerce-input-wrapper {
  width: 100%;
}

  .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
}

  .select2-container--default .select2-results__option--highlighted[aria-selected]:hover, .select2-container--default .select2-results__option--highlighted[data-selected]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(170 74 68 / var(--tw-bg-opacity, 1));
}


  /* ------------------------------
     SHOP (Product Archive)
  ------------------------------ */
  .woocommerce ul.products {
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: grid;
  max-width: 1440px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
  padding-left: 0px;
  padding-right: 0px;
}
  @media (min-width: 640px) {

  .woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
  @media (min-width: 768px) {

  .woocommerce ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
  @media (min-width: 1100px) {

  .woocommerce ul.products {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

  .woocommerce ul.products li.product {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --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);
}

  .woocommerce ul.products li.product img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

  .woocommerce ul.products li.product .woocommerce-loop-product__title {
  margin-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(29 41 57 / var(--tw-text-opacity, 1));
}

  .woocommerce ul.products li.product .price {
  margin-top: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-text-opacity: 1;
  color: rgb(71 84 103 / var(--tw-text-opacity, 1));
}

  .woocommerce ul.products li.product .button:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 24 40 / var(--tw-ring-opacity, 1));
  --tw-ring-offset-width: 2px;
}

  .woocommerce ul.products li.product .button {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.25rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

  .woocommerce ul.products li.product .button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
}

  .woocommerce ul.products li.product .button:hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
}

  /* ------------------------------
     SINGLE PRODUCT
  ------------------------------ */
  .woocommerce div.product {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.25rem;
  margin-bottom: 3rem;
  display: grid;
  width: 100%;
  max-width: 1440px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2rem;
}
  @media (min-width: 640px) {

  .woocommerce div.product {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
  @media (min-width: 1100px) {

  .woocommerce div.product {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
  @media (min-width: 1280px) {

  .woocommerce div.product {
    margin-top: 7rem;
  }
}

  .woocommerce div.product .images {
  width: 100%;
}

  .woocommerce div.product .summary {
  width: 100%;
}

  .woocommerce div.product .summary > :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));
}

  .woocommerce div.product .summary {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

  .woocommerce div.product .product_title {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(16 24 40 / var(--tw-text-opacity, 1));
}

  .woocommerce div.product .price {
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(170 74 68 / var(--tw-text-opacity, 1));
}

  .woocommerce div.product .woocommerce-product-details__short-description {
  font-size: 16px;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(71 84 103 / var(--tw-text-opacity, 1));
}

  .woocommerce div.product form.cart > :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));
}

  .woocommerce div.product form.cart .button {
  width: 100%;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

  .woocommerce div.product form.cart .button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(120 137 65 / var(--tw-bg-opacity, 1));
}

  /* ------------------------------
     CART
  ------------------------------ */
  .woocommerce table.shop_table {
  margin-bottom: 2rem;
  width: 100%;
  border-collapse: collapse;
  border-style: none;
  text-align: left;
}

  .woocommerce-cart .cart-collaterals .cart_totals table th {
  vertical-align: middle;
}

  .woocommerce table.shop_table th {
  --tw-bg-opacity: 1;
  background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 500;
}

.woocommerce .wp_editor .entry-content .woocommerce-shipping-calculator span {
    width: 100% !important;
}



  .woocommerce table.shop_table .product-thumbnail img {
  height: auto;
  width: auto;
}

  .product-remove {
  display: flex;
  width: 100%;
  max-width: 30px;
}

  .woocommerce .actions .button {
  border-radius: 0px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

  .woocommerce .actions .button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
}

  .woocommerce .wc-proceed-to-checkout a.checkout-button {
  display: block;
  border-radius: 0px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

  .woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

   .woocommerce .wc-proceed-to-checkout a.checkout-button:hover:hover {
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  text-decoration-line: none;
}

   .shipping-calculator-form span {
  width: 100%;
}

    .shipping-calculator-form label {
  width: 100%;
}

  /* ------------------------------
     CHECKOUT
  ------------------------------ */
  .woocommerce-checkout form.checkout {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
  .woocommerce-checkout form.checkout > :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));
}

  .woocommerce-checkout .woocommerce-billing-fields > :not([hidden]) ~ :not([hidden]),
  .woocommerce-checkout .woocommerce-shipping-fields > :not([hidden]) ~ :not([hidden]),
  .woocommerce-checkout #payment > :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));
}

  .woocommerce-checkout .woocommerce-billing-fields,
  .woocommerce-checkout .woocommerce-shipping-fields,
  .woocommerce-checkout #payment {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

  .woocommerce-checkout h3 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(29 41 57 / var(--tw-text-opacity, 1));
}

  .woocommerce-checkout .form-row {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

  @media (min-width: 640px) {

  .woocommerce-checkout .form-row-wide {
    grid-column: span 2 / span 2;
  }
}

  .woocommerce-checkout #payment ul.payment_methods > :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));
}

  .woocommerce-checkout #payment ul.payment_methods li {
  display: flex;
  align-items: center;
}

  .woocommerce-checkout #payment ul.payment_methods li > :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)));
}

  .woocommerce-checkout #payment .button:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 24 40 / var(--tw-ring-opacity, 1));
  --tw-ring-offset-width: 2px;
}

  .woocommerce-checkout #payment .button {
  width: 100%;
  border-radius: 0.25rem;
  border-width: 2px;
  border-style: solid;
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

  .woocommerce-checkout #payment .button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
}

  .woocommerce-shipping-methods {
    list-style: none!important;
  }

  /* ------------------------------
     SIDEBAR (Widgets)
  ------------------------------ */
  #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));
}
  #sidebar {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  --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);
}

  #sidebar .widget > :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));
}

  #sidebar .widget-title,
  #sidebar h2 {
  margin-bottom: 0.75rem;
  border-bottom-width: 1px;
  padding-bottom: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(29 41 57 / var(--tw-text-opacity, 1));
}

  #sidebar ul {
  margin: 0px;
  list-style-type: none;
  padding: 0px;
}

  #sidebar ul li {
  margin-bottom: 0.5rem;
}

  #sidebar ul li a {
  --tw-text-opacity: 1;
  color: rgb(52 64 84 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

  #sidebar ul li a:hover {
  --tw-text-opacity: 1;
  color: rgb(170 74 68 / var(--tw-text-opacity, 1));
}

  #sidebar ul li.current-cat > a,
  #sidebar ul li.current_page_item > a {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(170 74 68 / var(--tw-text-opacity, 1));
}

  #sidebar .search-form {
  display: flex;
}

  #sidebar .search-field {
  flex-grow: 1;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

  #sidebar .search-submit {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

  #sidebar .search-submit:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(120 137 65 / var(--tw-bg-opacity, 1));
}


  .woocommerce-product-gallery__trigger { display: none!important;}
  .wp-element-button,
  .wc-block-components-button,
  .wc-block-components-checkout-place-order-button,
  .wc-block-cart__submit-button,
  .contained {
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    /* Accessibility Focus States */
}
  .wp-element-button:focus,
  .wc-block-components-button:focus,
  .wc-block-components-checkout-place-order-button:focus,
  .wc-block-cart__submit-button:focus,
  .contained:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 24 40 / var(--tw-ring-opacity, 1));
  --tw-ring-offset-width: 2px;
}
  .wp-element-button,
  .wc-block-components-button,
  .wc-block-components-checkout-place-order-button,
  .wc-block-cart__submit-button,
  .contained {

    /* Hover Styles */
  }
  .wp-element-button:hover,
  .wc-block-components-button:hover,
  .wc-block-components-checkout-place-order-button:hover,
  .wc-block-cart__submit-button:hover,
  .contained:hover {
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}
  .wp-element-button,
  .wc-block-components-button,
  .wc-block-components-checkout-place-order-button,
  .wc-block-cart__submit-button,
  .contained {

    /* Disabled State */
  }
  .wp-element-button:disabled,
  .wc-block-components-button:disabled,
  .wc-block-components-checkout-place-order-button:disabled,
  .wc-block-cart__submit-button:disabled,
  .contained:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
  .wp-element-button,
  .wc-block-components-button,
  .wc-block-components-checkout-place-order-button,
  .wc-block-cart__submit-button,
  .contained {

    /* Inner <div> or <span> Text Default */
    span, div {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
    span, div {
    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;
  }
    span, div {
    transition-duration: 200ms;
  }

    /* Inner Text on Hover */
    &:hover span,
    &:hover div {
    --tw-text-opacity: 1;
    color: rgb(4 18 39 / var(--tw-text-opacity, 1));
  }
  }

  /* Outline Variant */
  .wp-element-button.is-style-outline,
  .wc-block-components-button.is-style-outline {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
}
  .wp-element-button.is-style-outline:hover,
  .wc-block-components-button.is-style-outline:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

  /* Cart Submit Button Specific */
  .wc-block-cart__submit-button {
  margin-top: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

  /* Checkout Submit Specific */
  .wc-block-components-checkout-place-order-button {
  margin-top: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

  /* Button Text Slot Styling */
  .wc-block-cart__submit-button .wc-block-components-button__text,
  .wc-block-components-button__text {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
  text-decoration-line: none;
  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;
}

  .wc-block-cart__submit-button:hover .wc-block-components-button__text,
  .wc-block-components-button:hover .wc-block-components-button__text {
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
}

  .single_add_to_cart_button,
  .single-product .button,
  .single-product .alt {
  width: 100%;
  min-width: 280px;
  max-width: -moz-max-content;
  max-width: max-content;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(4 18 39 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

  .single_add_to_cart_button:hover,
  .single-product .button:hover,
  .single-product .alt:hover {
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

  .single_add_to_cart_button:focus,
  .single-product .button:focus,
  .single-product .alt:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 24 40 / var(--tw-ring-opacity, 1));
  --tw-ring-offset-width: 2px;
}

  .single_add_to_cart_button:disabled,
  .single-product .button:disabled,
  .single-product .alt:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

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

  .single_add_to_cart_button:hover span {
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
}

  .woocommerce div.product form.cart .button:hover:hover {
  --tw-border-opacity: 1;
  border-color: rgb(4 18 39 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(4 18 39 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

  .woocommerce div.product form.cart .button:hover:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 24 40 / var(--tw-ring-opacity, 1));
  --tw-ring-offset-width: 2px;
}

/* WooCommerce Button Consistency Styling */

/* WooCommerce My Account Navigation Tabs */

.tick-item {
    display: flex;
    align-items: flex-start;

}

.tick-item::before {
    content: "";
    display: inline-block;
    width: 20px;
    min-width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-right: 8px;
    background-color: #000;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M17.0658 27.1907L9.99414 20.1173L12.3508 17.7607L17.0658 22.474L26.4925 13.0457L28.8508 15.404L17.0658 27.1907Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.66211 20.0003C1.66211 9.87533 9.87044 1.66699 19.9954 1.66699C30.1204 1.66699 38.3288 9.87533 38.3288 20.0003C38.3288 30.1253 30.1204 38.3337 19.9954 38.3337C9.87044 38.3337 1.66211 30.1253 1.66211 20.0003ZM19.9954 35.0003C18.0256 35.0003 16.0751 34.6123 14.2552 33.8585C12.4353 33.1047 10.7817 31.9998 9.38884 30.6069C7.99596 29.214 6.89107 27.5605 6.13725 25.7406C5.38343 23.9207 4.99544 21.9702 4.99544 20.0003C4.99544 18.0305 5.38343 16.08 6.13725 14.2601C6.89107 12.4402 7.99596 10.7866 9.38884 9.39372C10.7817 8.00084 12.4353 6.89595 14.2552 6.14213C16.0751 5.38831 18.0256 5.00033 19.9954 5.00033C23.9737 5.00033 27.789 6.58068 30.602 9.39372C33.4151 12.2068 34.9954 16.0221 34.9954 20.0003C34.9954 23.9786 33.4151 27.7939 30.602 30.6069C27.789 33.42 23.9737 35.0003 19.9954 35.0003Z'/%3E%3C/svg%3E") no-repeat center;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M17.0658 27.1907L9.99414 20.1173L12.3508 17.7607L17.0658 22.474L26.4925 13.0457L28.8508 15.404L17.0658 27.1907Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.66211 20.0003C1.66211 9.87533 9.87044 1.66699 19.9954 1.66699C30.1204 1.66699 38.3288 9.87533 38.3288 20.0003C38.3288 30.1253 30.1204 38.3337 19.9954 38.3337C9.87044 38.3337 1.66211 30.1253 1.66211 20.0003ZM19.9954 35.0003C18.0256 35.0003 16.0751 34.6123 14.2552 33.8585C12.4353 33.1047 10.7817 31.9998 9.38884 30.6069C7.99596 29.214 6.89107 27.5605 6.13725 25.7406C5.38343 23.9207 4.99544 21.9702 4.99544 20.0003C4.99544 18.0305 5.38343 16.08 6.13725 14.2601C6.89107 12.4402 7.99596 10.7866 9.38884 9.39372C10.7817 8.00084 12.4353 6.89595 14.2552 6.14213C16.0751 5.38831 18.0256 5.00033 19.9954 5.00033C23.9737 5.00033 27.789 6.58068 30.602 9.39372C33.4151 12.2068 34.9954 16.0221 34.9954 20.0003C34.9954 23.9786 33.4151 27.7939 30.602 30.6069C27.789 33.42 23.9737 35.0003 19.9954 35.0003Z'/%3E%3C/svg%3E") no-repeat center;
    mask-size: contain;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M17.0658 27.1907L9.99414 20.1173L12.3508 17.7607L17.0658 22.474L26.4925 13.0457L28.8508 15.404L17.0658 27.1907Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.66211 20.0003C1.66211 9.87533 9.87044 1.66699 19.9954 1.66699C30.1204 1.66699 38.3288 9.87533 38.3288 20.0003C38.3288 30.1253 30.1204 38.3337 19.9954 38.3337C9.87044 38.3337 1.66211 30.1253 1.66211 20.0003ZM19.9954 35.0003C18.0256 35.0003 16.0751 34.6123 14.2552 33.8585C12.4353 33.1047 10.7817 31.9998 9.38884 30.6069C7.99596 29.214 6.89107 27.5605 6.13725 25.7406C5.38343 23.9207 4.99544 21.9702 4.99544 20.0003C4.99544 18.0305 5.38343 16.08 6.13725 14.2601C6.89107 12.4402 7.99596 10.7866 9.38884 9.39372C10.7817 8.00084 12.4353 6.89595 14.2552 6.14213C16.0751 5.38831 18.0256 5.00033 19.9954 5.00033C23.9737 5.00033 27.789 6.58068 30.602 9.39372C33.4151 12.2068 34.9954 16.0221 34.9954 20.0003C34.9954 23.9786 33.4151 27.7939 30.602 30.6069C27.789 33.42 23.9737 35.0003 19.9954 35.0003Z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask-size: contain;
}

.fa-facebook-f {
    -webkit-text-stroke: 1.5px currentColor;
    -webkit-text-fill-color: transparent;
    text-stroke: 1.5px currentColor;
}

.untick-item {
    display: flex;
    align-items: flex-start;
}

.untick-item::before {
    content: "";
    display: inline-block;
    width: 20px;
    min-width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-right: 8px;
    background-color: #000;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M26.7678 15.9142L21.4142 21.268L26.7678 26.6218L24.3536 29.036L19 23.6822L13.6464 29.036L11.2322 26.6218L16.5858 21.268L11.2322 15.9142L13.6464 13.5L19 18.8538L24.3536 13.5L26.7678 15.9142Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.66211 20.0003C1.66211 9.87533 9.87044 1.66699 19.9954 1.66699C30.1204 1.66699 38.3288 9.87533 38.3288 20.0003C38.3288 30.1253 30.1204 38.3337 19.9954 38.3337C9.87044 38.3337 1.66211 30.1253 1.66211 20.0003ZM19.9954 35.0003C18.0256 35.0003 16.0751 34.6123 14.2552 33.8585C12.4353 33.1047 10.7817 31.9998 9.38884 30.6069C7.99596 29.214 6.89107 27.5605 6.13725 25.7406C5.38343 23.9207 4.99544 21.9702 4.99544 20.0003C4.99544 18.0305 5.38343 16.08 6.13725 14.2601C6.89107 12.4402 7.99596 10.7866 9.38884 9.39372C10.7817 8.00084 12.4353 6.89595 14.2552 6.14213C16.0751 5.38831 18.0256 5.00033 19.9954 5.00033C23.9737 5.00033 27.789 6.58068 30.602 9.39372C33.4151 12.2068 34.9954 16.0221 34.9954 20.0003C34.9954 23.9786 33.4151 27.7939 30.602 30.6069C27.789 33.42 23.9737 35.0003 19.9954 35.0003Z' fill='black'/%3E%3C/svg%3E") no-repeat center;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M26.7678 15.9142L21.4142 21.268L26.7678 26.6218L24.3536 29.036L19 23.6822L13.6464 29.036L11.2322 26.6218L16.5858 21.268L11.2322 15.9142L13.6464 13.5L19 18.8538L24.3536 13.5L26.7678 15.9142Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.66211 20.0003C1.66211 9.87533 9.87044 1.66699 19.9954 1.66699C30.1204 1.66699 38.3288 9.87533 38.3288 20.0003C38.3288 30.1253 30.1204 38.3337 19.9954 38.3337C9.87044 38.3337 1.66211 30.1253 1.66211 20.0003ZM19.9954 35.0003C18.0256 35.0003 16.0751 34.6123 14.2552 33.8585C12.4353 33.1047 10.7817 31.9998 9.38884 30.6069C7.99596 29.214 6.89107 27.5605 6.13725 25.7406C5.38343 23.9207 4.99544 21.9702 4.99544 20.0003C4.99544 18.0305 5.38343 16.08 6.13725 14.2601C6.89107 12.4402 7.99596 10.7866 9.38884 9.39372C10.7817 8.00084 12.4353 6.89595 14.2552 6.14213C16.0751 5.38831 18.0256 5.00033 19.9954 5.00033C23.9737 5.00033 27.789 6.58068 30.602 9.39372C33.4151 12.2068 34.9954 16.0221 34.9954 20.0003C34.9954 23.9786 33.4151 27.7939 30.602 30.6069C27.789 33.42 23.9737 35.0003 19.9954 35.0003Z' fill='black'/%3E%3C/svg%3E") no-repeat center;
    mask-size: contain;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M27.5 12.5L12.5 27.5M12.5 12.5L27.5 27.5' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.66211 20.0003C1.66211 9.87533 9.87044 1.66699 19.9954 1.66699C30.1204 1.66699 38.3288 9.87533 38.3288 20.0003C38.3288 30.1253 30.1204 38.3337 19.9954 38.3337C9.87044 38.3337 1.66211 30.1253 1.66211 20.0003ZM19.9954 35.0003C18.0256 35.0003 16.0751 34.6123 14.2552 33.8585C12.4353 33.1047 10.7817 31.9998 9.38884 30.6069C7.99596 29.214 6.89107 27.5605 6.13725 25.7406C5.38343 23.9207 4.99544 21.9702 4.99544 20.0003C4.99544 18.0305 5.38343 16.08 6.13725 14.2601C6.89107 12.4402 7.99596 10.7866 9.38884 9.39372C10.7817 8.00084 12.4353 6.89595 14.2552 6.14213C16.0751 5.38831 18.0256 5.00033 19.9954 5.00033C23.9737 5.00033 27.789 6.58068 30.602 9.39372C33.4151 12.2068 34.9954 16.0221 34.9954 20.0003C34.9954 23.9786 33.4151 27.7939 30.602 30.6069C27.789 33.42 23.9737 35.0003 19.9954 35.0003Z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask-size: contain;
}

#customer_details .col2-set {
  margin-top: 1rem;
  margin-bottom: 1rem;
}


/* WooCommerce Login & Registration Form Styling */

.woocommerce-products-header,
.woocommerce-result-count,
.woocommerce-ordering {
    display: none !important;
}

/* Hero breadcrumb layout: stack at <= 768px */
@media (max-width: 768px) {
  .hero-breadcrumb-layout {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1rem; /* matches tailwind gap-4 */
  }

  .hero-breadcrumb-nav {
    text-align: left;
  }

  .hero-breadcrumb-title {
    width: 100%;
    text-align: left;
  }
}

/* Homepage paragraph typography: consistent at <= 768px */
@media (max-width: 768px) {
  body.front-page main .wp_editor p,
  body.home main .wp_editor p,
  body.front-page main .entry-content p,
  body.home main .entry-content p {
    font-size: 1.125rem !important; /* text-lg */
    line-height: 1.5rem !important; /* leading-6 */
  }
}

/* Footer: tighter title-to-content spacing on mobile */
@media (max-width: 767px) {
  footer .mt-8,
  footer .mt-10,
  footer .mt-11,
  footer .mt-12,
  footer .mt-28 {
    margin-top: 0.75rem;
  }

  footer .py-8 {
    padding-bottom: 0.75rem;
  }

  footer nav ul {
    line-height: 1.75rem;
  }
}

@media (min-width: 768px) {
  footer .footer-columns-divider {
    margin-top: 2rem;
  }

  footer .footer-social-row {
    margin-top: 1rem;
  }

  footer section.py-8 {
    padding-bottom: 1rem;
  }
}

/* Footer legal links: select dropdown on small screens */
@media (max-width: 680px) {
  .footer-legal-select-wrap {
    display: block;
  }
  .footer-legal-links-desktop {
    display: none;
  }
}
@media (min-width: 681px) {
  .footer-legal-select-wrap {
    display: none;
  }
  .footer-legal-links-desktop {
    display: flex;
  }
}