@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);
@charset "UTF-8";
/*
! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
[type='text'],[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, [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:-ms-input-placeholder, textarea:-ms-input-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;
}
::-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;
          color-adjust: exact;
}
[multiple]{
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          color-adjust: unset;
}
[type='checkbox'],[type='radio']{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-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");
}
[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");
}
[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;
}
[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 auto -webkit-focus-ring-color;
}
*, ::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:  ;
}
.\!container{
  width: 100% !important;
}
.container{
  width: 100%;
}
@media (min-width: 640px){
  .\!container{
    max-width: 640px !important;
  }
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .\!container{
    max-width: 768px !important;
  }
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .\!container{
    max-width: 1024px !important;
  }
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .\!container{
    max-width: 1280px !important;
  }
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){
  .\!container{
    max-width: 1536px !important;
  }
  .container{
    max-width: 1536px;
  }
}
.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;
}
.collapse{
  visibility: collapse;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.inset-0{
  inset: 0px;
}
.inset-x-0{
  left: 0px;
  right: 0px;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.-right-2{
  right: -0.5rem;
}
.-right-2\.5{
  right: -0.625rem;
}
.-right-4{
  right: -1rem;
}
.-top-1{
  top: -0.25rem;
}
.-top-1\.5{
  top: -0.375rem;
}
.-top-2{
  top: -0.5rem;
}
.-top-2\.5{
  top: -0.625rem;
}
.bottom-0{
  bottom: 0px;
}
.bottom-10{
  bottom: 2.5rem;
}
.bottom-6{
  bottom: 1.5rem;
}
.bottom-full{
  bottom: 100%;
}
.left-0{
  left: 0px;
}
.left-1{
  left: 0.25rem;
}
.left-1\/2{
  left: 50%;
}
.left-2{
  left: 0.5rem;
}
.left-3{
  left: 0.75rem;
}
.left-4{
  left: 1rem;
}
.left-6{
  left: 1.5rem;
}
.left-\[40\%\]{
  left: 40%;
}
.left-\[48\%\]{
  left: 48%;
}
.left-\[54\%\]{
  left: 54%;
}
.right-0{
  right: 0px;
}
.right-1{
  right: 0.25rem;
}
.right-3{
  right: 0.75rem;
}
.right-4{
  right: 1rem;
}
.right-5{
  right: 1.25rem;
}
.right-6{
  right: 1.5rem;
}
.right-\[30\%\]{
  right: 30%;
}
.top-0{
  top: 0px;
}
.top-1{
  top: 0.25rem;
}
.top-1\/2{
  top: 50%;
}
.top-10{
  top: 2.5rem;
}
.top-11{
  top: 2.75rem;
}
.top-2{
  top: 0.5rem;
}
.top-20{
  top: 5rem;
}
.top-3{
  top: 0.75rem;
}
.top-4{
  top: 1rem;
}
.top-44{
  top: 11rem;
}
.top-5{
  top: 1.25rem;
}
.top-6{
  top: 1.5rem;
}
.top-8{
  top: 2rem;
}
.top-\[136px\]{
  top: 136px;
}
.top-\[40\%\]{
  top: 40%;
}
.top-\[65px\]{
  top: 65px;
}
.top-full{
  top: 100%;
}
.z-0{
  z-index: 0;
}
.z-10{
  z-index: 10;
}
.z-20{
  z-index: 20;
}
.z-30{
  z-index: 30;
}
.z-40{
  z-index: 40;
}
.z-50{
  z-index: 50;
}
.z-\[-1\]{
  z-index: -1;
}
.z-\[1000\]{
  z-index: 1000;
}
.z-\[100\]{
  z-index: 100;
}
.z-\[101\]{
  z-index: 101;
}
.z-\[110\]{
  z-index: 110;
}
.z-\[199\]{
  z-index: 199;
}
.z-\[1\]{
  z-index: 1;
}
.z-\[200\]{
  z-index: 200;
}
.z-\[40\]{
  z-index: 40;
}
.z-\[99999\]{
  z-index: 99999;
}
.z-\[9999\]{
  z-index: 9999;
}
.z-\[999\]{
  z-index: 999;
}
.z-\[99\]{
  z-index: 99;
}
.order-1{
  order: 1;
}
.order-2{
  order: 2;
}
.order-first{
  order: -9999;
}
.col-span-1{
  grid-column: span 1 / span 1;
}
.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-5{
  grid-column: span 5 / span 5;
}
.col-span-6{
  grid-column: span 6 / span 6;
}
.row-span-2{
  grid-row: span 2 / span 2;
}
.m-0{
  margin: 0px;
}
.m-auto{
  margin: auto;
}
.\!my-5{
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}
.-mx-1{
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-2{
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.-mx-4{
  margin-left: -1rem;
  margin-right: -1rem;
}
.-my-2{
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-10{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-12{
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-20{
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}
.\!mb-1{
  margin-bottom: 0.25rem !important;
}
.\!mb-2{
  margin-bottom: 0.5rem !important;
}
.\!mt-0{
  margin-top: 0px !important;
}
.\!mt-8{
  margin-top: 2rem !important;
}
.-mb-px{
  margin-bottom: -1px;
}
.-ml-1{
  margin-left: -0.25rem;
}
.-ml-px{
  margin-left: -1px;
}
.-mr-12{
  margin-right: -3rem;
}
.-mt-1{
  margin-top: -0.25rem;
}
.-mt-72{
  margin-top: -18rem;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-0\.5{
  margin-bottom: 0.125rem;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-1\.5{
  margin-bottom: 0.375rem;
}
.mb-10{
  margin-bottom: 2.5rem;
}
.mb-12{
  margin-bottom: 3rem;
}
.mb-14{
  margin-bottom: 3.5rem;
}
.mb-16{
  margin-bottom: 4rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-2\.5{
  margin-bottom: 0.625rem;
}
.mb-20{
  margin-bottom: 5rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.ml-0{
  margin-left: 0px;
}
.ml-0\.5{
  margin-left: 0.125rem;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-1\.5{
  margin-left: 0.375rem;
}
.ml-12{
  margin-left: 3rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-5{
  margin-left: 1.25rem;
}
.ml-6{
  margin-left: 1.5rem;
}
.ml-auto{
  margin-left: auto;
}
.mr-0{
  margin-right: 0px;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-1\.5{
  margin-right: 0.375rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-3{
  margin-right: 0.75rem;
}
.mr-4{
  margin-right: 1rem;
}
.mr-5{
  margin-right: 1.25rem;
}
.mr-8{
  margin-right: 2rem;
}
.mr-auto{
  margin-right: auto;
}
.mt-0{
  margin-top: 0px;
}
.mt-0\.5{
  margin-top: 0.125rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-1\.5{
  margin-top: 0.375rem;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-12{
  margin-top: 3rem;
}
.mt-16{
  margin-top: 4rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-2\.5{
  margin-top: 0.625rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-32{
  margin-top: 8rem;
}
.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-\[219px\]{
  margin-top: 219px;
}
.mt-auto{
  margin-top: auto;
}
.line-clamp-1{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.flow-root{
  display: flow-root;
}
.grid{
  display: grid;
}
.contents{
  display: contents;
}
.\!hidden{
  display: none !important;
}
.hidden{
  display: none;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.h-0{
  height: 0px;
}
.h-0\.5{
  height: 0.125rem;
}
.h-1{
  height: 0.25rem;
}
.h-1\.5{
  height: 0.375rem;
}
.h-1\/2{
  height: 50%;
}
.h-10{
  height: 2.5rem;
}
.h-12{
  height: 3rem;
}
.h-14{
  height: 3.5rem;
}
.h-16{
  height: 4rem;
}
.h-2{
  height: 0.5rem;
}
.h-2\.5{
  height: 0.625rem;
}
.h-20{
  height: 5rem;
}
.h-24{
  height: 6rem;
}
.h-3{
  height: 0.75rem;
}
.h-3\.5{
  height: 0.875rem;
}
.h-32{
  height: 8rem;
}
.h-4{
  height: 1rem;
}
.h-44{
  height: 11rem;
}
.h-48{
  height: 12rem;
}
.h-5{
  height: 1.25rem;
}
.h-52{
  height: 13rem;
}
.h-6{
  height: 1.5rem;
}
.h-64{
  height: 16rem;
}
.h-7{
  height: 1.75rem;
}
.h-8{
  height: 2rem;
}
.h-9{
  height: 2.25rem;
}
.h-96{
  height: 24rem;
}
.h-\[18px\]{
  height: 18px;
}
.h-\[230px\]{
  height: 230px;
}
.h-\[270px\]{
  height: 270px;
}
.h-\[280px\]{
  height: 280px;
}
.h-\[300px\]{
  height: 300px;
}
.h-\[375px\]{
  height: 375px;
}
.h-\[38px\]{
  height: 38px;
}
.h-\[400px\]{
  height: 400px;
}
.h-\[410px\]{
  height: 410px;
}
.h-\[420px\]{
  height: 420px;
}
.h-\[500px\]{
  height: 500px;
}
.h-\[50vh\]{
  height: 50vh;
}
.h-\[600px\]{
  height: 600px;
}
.h-\[70px\]{
  height: 70px;
}
.h-\[720px\]{
  height: 720px;
}
.h-\[calc\(100vh-8rem\)\]{
  height: calc(100vh - 8rem);
}
.h-auto{
  height: auto;
}
.h-full{
  height: 100%;
}
.h-max{
  height: -moz-max-content;
  height: max-content;
}
.h-px{
  height: 1px;
}
.h-screen{
  height: 100vh;
}
.max-h-48{
  max-height: 12rem;
}
.max-h-72{
  max-height: 18rem;
}
.max-h-96{
  max-height: 24rem;
}
.max-h-\[450px\]{
  max-height: 450px;
}
.max-h-\[600px\]{
  max-height: 600px;
}
.max-h-\[70vh\]{
  max-height: 70vh;
}
.max-h-\[80vh\]{
  max-height: 80vh;
}
.max-h-\[85vh\]{
  max-height: 85vh;
}
.max-h-\[calc\(100vh-220px\)\]{
  max-height: calc(100vh - 220px);
}
.max-h-\[calc\(80vh-4rem\)\]{
  max-height: calc(80vh - 4rem);
}
.max-h-\[min\(70vh\2c 24rem\)\]{
  max-height: min(70vh,24rem);
}
.max-h-\[min\(90vh\2c 36rem\)\]{
  max-height: min(90vh,36rem);
}
.max-h-full{
  max-height: 100%;
}
.\!min-h-\[50px\]{
  min-height: 50px !important;
}
.min-h-\[2\.5rem\]{
  min-height: 2.5rem;
}
.min-h-\[2\.6em\]{
  min-height: 2.6em;
}
.min-h-\[200px\]{
  min-height: 200px;
}
.min-h-\[38px\]{
  min-height: 38px;
}
.min-h-\[400px\]{
  min-height: 400px;
}
.min-h-\[44px\]{
  min-height: 44px;
}
.min-h-\[48px\]{
  min-height: 48px;
}
.min-h-\[52px\]{
  min-height: 52px;
}
.min-h-full{
  min-height: 100%;
}
.min-h-screen{
  min-height: 100vh;
}
.w-0{
  width: 0px;
}
.w-0\.5{
  width: 0.125rem;
}
.w-1{
  width: 0.25rem;
}
.w-1\.5{
  width: 0.375rem;
}
.w-1\/2{
  width: 50%;
}
.w-1\/3{
  width: 33.333333%;
}
.w-10{
  width: 2.5rem;
}
.w-11{
  width: 2.75rem;
}
.w-12{
  width: 3rem;
}
.w-14{
  width: 3.5rem;
}
.w-16{
  width: 4rem;
}
.w-2{
  width: 0.5rem;
}
.w-2\.5{
  width: 0.625rem;
}
.w-2\/3{
  width: 66.666667%;
}
.w-20{
  width: 5rem;
}
.w-24{
  width: 6rem;
}
.w-3{
  width: 0.75rem;
}
.w-3\.5{
  width: 0.875rem;
}
.w-3\/4{
  width: 75%;
}
.w-32{
  width: 8rem;
}
.w-36{
  width: 9rem;
}
.w-4{
  width: 1rem;
}
.w-40{
  width: 10rem;
}
.w-44{
  width: 11rem;
}
.w-48{
  width: 12rem;
}
.w-5{
  width: 1.25rem;
}
.w-52{
  width: 13rem;
}
.w-6{
  width: 1.5rem;
}
.w-64{
  width: 16rem;
}
.w-7{
  width: 1.75rem;
}
.w-72{
  width: 18rem;
}
.w-8{
  width: 2rem;
}
.w-9{
  width: 2.25rem;
}
.w-\[18px\]{
  width: 18px;
}
.w-\[300px\]{
  width: 300px;
}
.w-\[38px\]{
  width: 38px;
}
.w-\[45px\]{
  width: 45px;
}
.w-\[70px\]{
  width: 70px;
}
.w-\[90\%\]{
  width: 90%;
}
.w-auto{
  width: auto;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.w-max{
  width: -moz-max-content;
  width: max-content;
}
.min-w-0{
  min-width: 0px;
}
.min-w-\[1\.5rem\]{
  min-width: 1.5rem;
}
.min-w-\[150px\]{
  min-width: 150px;
}
.min-w-\[180px\]{
  min-width: 180px;
}
.min-w-\[250px\]{
  min-width: 250px;
}
.min-w-full{
  min-width: 100%;
}
.\!max-w-xl{
  max-width: 36rem !important;
}
.max-w-2xl{
  max-width: 42rem;
}
.max-w-3xl{
  max-width: 48rem;
}
.max-w-40{
  max-width: 10rem;
}
.max-w-4xl{
  max-width: 56rem;
}
.max-w-5xl{
  max-width: 64rem;
}
.max-w-6xl{
  max-width: 72rem;
}
.max-w-7xl{
  max-width: 80rem;
}
.max-w-\[1080px\]{
  max-width: 1080px;
}
.max-w-\[110px\]{
  max-width: 110px;
}
.max-w-\[132px\]{
  max-width: 132px;
}
.max-w-\[1920px\]{
  max-width: 1920px;
}
.max-w-\[200px\]{
  max-width: 200px;
}
.max-w-\[220px\]{
  max-width: 220px;
}
.max-w-\[256px\]{
  max-width: 256px;
}
.max-w-\[280px\]{
  max-width: 280px;
}
.max-w-\[320px\]{
  max-width: 320px;
}
.max-w-\[420px\]{
  max-width: 420px;
}
.max-w-\[450px\]{
  max-width: 450px;
}
.max-w-\[500px\]{
  max-width: 500px;
}
.max-w-\[520px\]{
  max-width: 520px;
}
.max-w-\[600px\]{
  max-width: 600px;
}
.max-w-\[700px\]{
  max-width: 700px;
}
.max-w-\[770px\]{
  max-width: 770px;
}
.max-w-\[80\%\]{
  max-width: 80%;
}
.max-w-\[80px\]{
  max-width: 80px;
}
.max-w-\[880px\]{
  max-width: 880px;
}
.max-w-\[min\(100\%\2c 14rem\)\]{
  max-width: min(100%,14rem);
}
.max-w-full{
  max-width: 100%;
}
.max-w-lg{
  max-width: 32rem;
}
.max-w-md{
  max-width: 28rem;
}
.max-w-none{
  max-width: none;
}
.max-w-screen-lg{
  max-width: 1024px;
}
.max-w-screen-md{
  max-width: 768px;
}
.max-w-screen-sm{
  max-width: 640px;
}
.max-w-screen-xl{
  max-width: 1280px;
}
.max-w-sm{
  max-width: 24rem;
}
.max-w-xl{
  max-width: 36rem;
}
.max-w-xs{
  max-width: 20rem;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-none{
  flex: none;
}
.flex-shrink{
  flex-shrink: 1;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.shrink{
  flex-shrink: 1;
}
.shrink-0{
  flex-shrink: 0;
}
.flex-grow{
  flex-grow: 1;
}
.grow{
  flex-grow: 1;
}
.table-fixed{
  table-layout: fixed;
}
.border-collapse{
  border-collapse: collapse;
}
.origin-bottom{
  transform-origin: bottom;
}
.origin-top{
  transform-origin: top;
}
.origin-top-left{
  transform-origin: top left;
}
.origin-top-right{
  transform-origin: top right;
}
.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-6{
  --tw-translate-x: -1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full{
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1{
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-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-x-0{
  --tw-translate-x: 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));
}
.translate-x-1{
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\/2{
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-20{
  --tw-translate-x: 5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-5{
  --tw-translate-x: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-6{
  --tw-translate-x: 1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full{
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-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));
}
.translate-y-1{
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-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-4{
  --tw-translate-y: 1rem;
  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-8{
  --tw-translate-y: 2rem;
  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));
}
.rotate-0{
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-0{
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-90{
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-95{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[0\.97\]{
  --tw-scale-x: 0.97;
  --tw-scale-y: 0.97;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-100{
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-90{
  --tw-scale-y: .9;
  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));
}
@keyframes pulse{
  50%{
    opacity: .5;
  }
}
.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite;
}
.cursor-default{
  cursor: default;
}
.cursor-help{
  cursor: help;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.touch-manipulation{
  touch-action: manipulation;
}
.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.resize-none{
  resize: none;
}
.resize{
  resize: both;
}
.list-inside{
  list-style-position: inside;
}
.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-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-\[1fr_max-content\]{
  grid-template-columns: 1fr max-content;
}
.grid-cols-\[min-content_1fr\]{
  grid-template-columns: min-content 1fr;
}
.grid-cols-\[min-content_1fr_max-content\]{
  grid-template-columns: min-content 1fr max-content;
}
.flex-row{
  flex-direction: row;
}
.flex-row-reverse{
  flex-direction: row-reverse;
}
.flex-col{
  flex-direction: column;
}
.flex-col-reverse{
  flex-direction: column-reverse;
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.items-baseline{
  align-items: baseline;
}
.items-stretch{
  align-items: stretch;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.justify-evenly{
  justify-content: space-evenly;
}
.justify-items-center{
  justify-items: center;
}
.gap-0{
  gap: 0px;
}
.gap-0\.5{
  gap: 0.125rem;
}
.gap-1{
  gap: 0.25rem;
}
.gap-1\.5{
  gap: 0.375rem;
}
.gap-10{
  gap: 2.5rem;
}
.gap-12{
  gap: 3rem;
}
.gap-14{
  gap: 3.5rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-3\.5{
  gap: 0.875rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-7{
  gap: 1.75rem;
}
.gap-8{
  gap: 2rem;
}
.gap-x-10{
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}
.gap-x-2{
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-2\.5{
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}
.gap-x-4{
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-5{
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.gap-y-0{
  row-gap: 0px;
}
.gap-y-1{
  row-gap: 0.25rem;
}
.gap-y-10{
  row-gap: 2.5rem;
}
.gap-y-3{
  row-gap: 0.75rem;
}
.gap-y-4{
  row-gap: 1rem;
}
.gap-y-6{
  row-gap: 1.5rem;
}
.gap-y-8{
  row-gap: 2rem;
}
.space-x-0 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0px * var(--tw-space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.125rem * var(--tw-space-x-reverse));
  margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
}
.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-2\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.625rem * var(--tw-space-x-reverse));
  margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * 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-x-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-0 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-10 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.space-y-12 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}
.space-y-14 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}
.space-y-24 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(6rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-cool-gray-300 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-divide-opacity));
}
.divide-gray > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(242 242 242 / var(--tw-divide-opacity));
}
.divide-gray-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity));
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}
.divide-gray-50 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(249 250 251 / var(--tw-divide-opacity));
}
.divide-primary-light > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(254 244 248 / var(--tw-divide-opacity));
}
.divide-slate-50 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(248 250 252 / var(--tw-divide-opacity));
}
.self-start{
  align-self: flex-start;
}
.self-end{
  align-self: flex-end;
}
.self-center{
  align-self: center;
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.overflow-y-scroll{
  overflow-y: scroll;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis{
  text-overflow: ellipsis;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.text-wrap{
  text-wrap: wrap;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-3xl{
  border-radius: 1.5rem;
}
.rounded-\[10px\]{
  border-radius: 10px;
}
.rounded-\[20px\]{
  border-radius: 20px;
}
.rounded-\[32px\]{
  border-radius: 32px;
}
.rounded-\[48px\]{
  border-radius: 48px;
}
.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-theme{
  border-radius: 10px;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.rounded-b-2xl{
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-b-lg{
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-b-md{
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-b-xl{
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.rounded-l-md{
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-r-lg{
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rounded-r-md{
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.rounded-r-xl{
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.rounded-t-xl{
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.rounded-tl-\[10px\]{
  border-top-left-radius: 10px;
}
.\!border{
  border-width: 1px !important;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-4{
  border-width: 4px;
}
.border-\[1\.5px\]{
  border-width: 1.5px;
}
.border-x-0{
  border-left-width: 0px;
  border-right-width: 0px;
}
.border-y{
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-b-4{
  border-bottom-width: 4px;
}
.border-l{
  border-left-width: 1px;
}
.border-l-4{
  border-left-width: 4px;
}
.border-l-\[6px\]{
  border-left-width: 6px;
}
.border-r{
  border-right-width: 1px;
}
.border-r-\[6px\]{
  border-right-width: 6px;
}
.border-t{
  border-top-width: 1px;
}
.border-t-0{
  border-top-width: 0px;
}
.border-t-2{
  border-top-width: 2px;
}
.border-t-\[6px\]{
  border-top-width: 6px;
}
.border-dashed{
  border-style: dashed;
}
.border-none{
  border-style: none;
}
.\!border-transparent{
  border-color: transparent !important;
}
.border-\[\#141210\]{
  --tw-border-opacity: 1;
  border-color: rgb(20 18 16 / var(--tw-border-opacity));
}
.border-\[\#5C6E4A\]{
  --tw-border-opacity: 1;
  border-color: rgb(92 110 74 / var(--tw-border-opacity));
}
.border-\[\#5C6E4A\]\/20{
  border-color: rgb(92 110 74 / 0.2);
}
.border-\[\#E5E5E0\]{
  --tw-border-opacity: 1;
  border-color: rgb(229 229 224 / var(--tw-border-opacity));
}
.border-\[\#FF6201\]{
  --tw-border-opacity: 1;
  border-color: rgb(255 98 1 / var(--tw-border-opacity));
}
.border-\[\#d7dfd0\]{
  --tw-border-opacity: 1;
  border-color: rgb(215 223 208 / var(--tw-border-opacity));
}
.border-\[\#d8b24a\]{
  --tw-border-opacity: 1;
  border-color: rgb(216 178 74 / var(--tw-border-opacity));
}
.border-\[\#dcdcdc\]{
  --tw-border-opacity: 1;
  border-color: rgb(220 220 220 / var(--tw-border-opacity));
}
.border-\[\#dfb54b\]{
  --tw-border-opacity: 1;
  border-color: rgb(223 181 75 / var(--tw-border-opacity));
}
.border-\[\#e0c36e\]{
  --tw-border-opacity: 1;
  border-color: rgb(224 195 110 / var(--tw-border-opacity));
}
.border-\[\#e1cb88\]{
  --tw-border-opacity: 1;
  border-color: rgb(225 203 136 / var(--tw-border-opacity));
}
.border-\[\#e9dfca\]{
  --tw-border-opacity: 1;
  border-color: rgb(233 223 202 / var(--tw-border-opacity));
}
.border-\[\#f4c64d\]{
  --tw-border-opacity: 1;
  border-color: rgb(244 198 77 / var(--tw-border-opacity));
}
.border-\[var\(--color-border\)\]{
  border-color: var(--color-border);
}
.border-amber-100{
  --tw-border-opacity: 1;
  border-color: rgb(254 243 199 / var(--tw-border-opacity));
}
.border-amber-200{
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity));
}
.border-amber-200\/80{
  border-color: rgb(253 230 138 / 0.8);
}
.border-amber-400{
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity));
}
.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-blue-100{
  --tw-border-opacity: 1;
  border-color: rgb(219 234 254 / var(--tw-border-opacity));
}
.border-blue-200{
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity));
}
.border-cool-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-emerald-100{
  --tw-border-opacity: 1;
  border-color: rgb(209 250 229 / var(--tw-border-opacity));
}
.border-emerald-200{
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity));
}
.border-emerald-300{
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183 / var(--tw-border-opacity));
}
.border-emerald-500{
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity));
}
.border-gray{
  --tw-border-opacity: 1;
  border-color: rgb(242 242 242 / var(--tw-border-opacity));
}
.border-gray-100{
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-gray-50{
  --tw-border-opacity: 1;
  border-color: rgb(249 250 251 / var(--tw-border-opacity));
}
.border-gray-700{
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}
.border-gray-700\/80{
  border-color: rgb(55 65 81 / 0.8);
}
.border-gray-900{
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}
.border-gray-dark{
  --tw-border-opacity: 1;
  border-color: rgb(95 94 96 / var(--tw-border-opacity));
}
.border-green-100{
  --tw-border-opacity: 1;
  border-color: rgb(220 252 231 / var(--tw-border-opacity));
}
.border-green-200{
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity));
}
.border-green-200\/80{
  border-color: rgb(187 247 208 / 0.8);
}
.border-green-800{
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity));
}
.border-indigo-100{
  --tw-border-opacity: 1;
  border-color: rgb(224 231 255 / var(--tw-border-opacity));
}
.border-indigo-200{
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity));
}
.border-indigo-400{
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity));
}
.border-indigo-500{
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}
.border-indigo-600{
  --tw-border-opacity: 1;
  border-color: rgb(79 70 229 / var(--tw-border-opacity));
}
.border-orange-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity));
}
.border-primary{
  --tw-border-opacity: 1;
  border-color: rgb(231 0 113 / var(--tw-border-opacity));
}
.border-primary-cool{
  --tw-border-opacity: 1;
  border-color: rgb(249 201 224 / var(--tw-border-opacity));
}
.border-primary-light{
  --tw-border-opacity: 1;
  border-color: rgb(254 244 248 / var(--tw-border-opacity));
}
.border-primary\/20{
  border-color: rgb(231 0 113 / 0.2);
}
.border-primary\/30{
  border-color: rgb(231 0 113 / 0.3);
}
.border-primary\/60{
  border-color: rgb(231 0 113 / 0.6);
}
.border-purple-200{
  --tw-border-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-border-opacity));
}
.border-red-100{
  --tw-border-opacity: 1;
  border-color: rgb(254 226 226 / var(--tw-border-opacity));
}
.border-red-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity));
}
.border-red-300{
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
}
.border-red-500{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}
.border-rose-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity));
}
.border-slate-100{
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
}
.border-slate-200{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
.border-slate-300{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}
.border-slate-50{
  --tw-border-opacity: 1;
  border-color: rgb(248 250 252 / var(--tw-border-opacity));
}
.border-transparent{
  border-color: transparent;
}
.border-white\/20{
  border-color: rgb(255 255 255 / 0.2);
}
.border-white\/60{
  border-color: rgb(255 255 255 / 0.6);
}
.border-yellow-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity));
}
.border-b-primary-cool{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(249 201 224 / var(--tw-border-opacity));
}
.border-l-transparent{
  border-left-color: transparent;
}
.border-r-transparent{
  border-right-color: transparent;
}
.border-t-gray-900{
  --tw-border-opacity: 1;
  border-top-color: rgb(17 24 39 / var(--tw-border-opacity));
}
.border-t-primary-cool{
  --tw-border-opacity: 1;
  border-top-color: rgb(249 201 224 / var(--tw-border-opacity));
}
.border-t-transparent{
  border-top-color: transparent;
}
.border-opacity-20{
  --tw-border-opacity: 0.2;
}
.border-opacity-30{
  --tw-border-opacity: 0.3;
}
.border-opacity-40{
  --tw-border-opacity: 0.4;
}
.border-opacity-60{
  --tw-border-opacity: 0.6;
}
.\!bg-primary{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(231 0 113 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#000000\]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-\[\#141210\]{
  --tw-bg-opacity: 1;
  background-color: rgb(20 18 16 / var(--tw-bg-opacity));
}
.bg-\[\#14342a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(20 52 42 / var(--tw-bg-opacity));
}
.bg-\[\#282824\]\/80{
  background-color: rgb(40 40 36 / 0.8);
}
.bg-\[\#5C6E4A\]\/10{
  background-color: rgb(92 110 74 / 0.1);
}
.bg-\[\#5F5E60\]{
  --tw-bg-opacity: 1;
  background-color: rgb(95 94 96 / var(--tw-bg-opacity));
}
.bg-\[\#A2004F\]{
  --tw-bg-opacity: 1;
  background-color: rgb(162 0 79 / var(--tw-bg-opacity));
}
.bg-\[\#C90063\]{
  --tw-bg-opacity: 1;
  background-color: rgb(201 0 99 / var(--tw-bg-opacity));
}
.bg-\[\#E4E5E7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(228 229 231 / var(--tw-bg-opacity));
}
.bg-\[\#E5E5E0\]{
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 224 / var(--tw-bg-opacity));
}
.bg-\[\#F5F5F5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.bg-\[\#FAFAF8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 248 / var(--tw-bg-opacity));
}
.bg-\[\#FFF3F9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 243 249 / var(--tw-bg-opacity));
}
.bg-\[\#FFF4EC\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 244 236 / var(--tw-bg-opacity));
}
.bg-\[\#e4e5e7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(228 229 231 / var(--tw-bg-opacity));
}
.bg-\[\#e8dcc0\]{
  --tw-bg-opacity: 1;
  background-color: rgb(232 220 192 / var(--tw-bg-opacity));
}
.bg-\[\#efe8d6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(239 232 214 / var(--tw-bg-opacity));
}
.bg-\[\#f2ff69\]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 255 105 / var(--tw-bg-opacity));
}
.bg-\[\#f2ff69\]\/70{
  background-color: rgb(242 255 105 / 0.7);
}
.bg-\[\#f4c64d\]{
  --tw-bg-opacity: 1;
  background-color: rgb(244 198 77 / var(--tw-bg-opacity));
}
.bg-\[\#f4c64d\]\/20{
  background-color: rgb(244 198 77 / 0.2);
}
.bg-\[\#f4f7f1\]{
  --tw-bg-opacity: 1;
  background-color: rgb(244 247 241 / var(--tw-bg-opacity));
}
.bg-\[\#f6f6f6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
}
.bg-\[\#f7f3e8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 232 / var(--tw-bg-opacity));
}
.bg-\[\#f8f8f8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}
.bg-\[\#f8fbe9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 251 233 / var(--tw-bg-opacity));
}
.bg-\[\#f9fce8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 252 232 / var(--tw-bg-opacity));
}
.bg-\[\#fafafa\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.bg-\[\#fbf8ef\]{
  --tw-bg-opacity: 1;
  background-color: rgb(251 248 239 / var(--tw-bg-opacity));
}
.bg-\[\#fbffe6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(251 255 230 / var(--tw-bg-opacity));
}
.bg-\[\#fbffe6\]\/70{
  background-color: rgb(251 255 230 / 0.7);
}
.bg-\[\#fcfcfa\]{
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 250 / var(--tw-bg-opacity));
}
.bg-\[\#fdfdf4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(253 253 244 / var(--tw-bg-opacity));
}
.bg-\[\#fdfdf5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(253 253 245 / var(--tw-bg-opacity));
}
.bg-\[\#ff4d3f\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 77 63 / var(--tw-bg-opacity));
}
.bg-\[\#fff8e7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 231 / var(--tw-bg-opacity));
}
.bg-\[\#fffaf0\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 250 240 / var(--tw-bg-opacity));
}
.bg-\[rgba\(250\2c 250\2c 250\2c 1\)\]{
  background-color: rgba(250,250,250,1);
}
.bg-amber-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}
.bg-amber-400{
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity));
}
.bg-amber-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity));
}
.bg-amber-50\/90{
  background-color: rgb(255 251 235 / 0.9);
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-black\/30{
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/40{
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}
.bg-blue-100{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}
.bg-blue-50{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}
.bg-blue-500{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-blue-600{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.bg-cool-gray-300{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.bg-emerald-50{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity));
}
.bg-emerald-50\/80{
  background-color: rgb(236 253 245 / 0.8);
}
.bg-emerald-500{
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
}
.bg-emerald-600{
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
}
.bg-gray{
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-gray-300{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.bg-gray-400{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}
.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.bg-gray-50\/30{
  background-color: rgb(249 250 251 / 0.3);
}
.bg-gray-50\/50{
  background-color: rgb(249 250 251 / 0.5);
}
.bg-gray-50\/60{
  background-color: rgb(249 250 251 / 0.6);
}
.bg-gray-50\/80{
  background-color: rgb(249 250 251 / 0.8);
}
.bg-gray-500{
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}
.bg-gray-500\/20{
  background-color: rgb(107 114 128 / 0.2);
}
.bg-gray-600{
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
.bg-gray-800{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.bg-gray-900{
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.bg-gray-900\/10{
  background-color: rgb(17 24 39 / 0.1);
}
.bg-gray-900\/20{
  background-color: rgb(17 24 39 / 0.2);
}
.bg-gray-900\/50{
  background-color: rgb(17 24 39 / 0.5);
}
.bg-gray-light{
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}
.bg-green-100{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}
.bg-green-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity));
}
.bg-green-50\/90{
  background-color: rgb(240 253 244 / 0.9);
}
.bg-green-500{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-green-600{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}
.bg-indigo-100{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}
.bg-indigo-200{
  --tw-bg-opacity: 1;
  background-color: rgb(199 210 254 / var(--tw-bg-opacity));
}
.bg-indigo-300{
  --tw-bg-opacity: 1;
  background-color: rgb(165 180 252 / var(--tw-bg-opacity));
}
.bg-indigo-50{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}
.bg-indigo-50\/10{
  background-color: rgb(238 242 255 / 0.1);
}
.bg-indigo-50\/30{
  background-color: rgb(238 242 255 / 0.3);
}
.bg-indigo-50\/40{
  background-color: rgb(238 242 255 / 0.4);
}
.bg-indigo-500{
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}
.bg-indigo-500\/20{
  background-color: rgb(99 102 241 / 0.2);
}
.bg-indigo-600{
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}
.bg-light-gray{
  --tw-bg-opacity: 1;
  background-color: rgb(244 246 248 / var(--tw-bg-opacity));
}
.bg-lime-100{
  --tw-bg-opacity: 1;
  background-color: rgb(236 252 203 / var(--tw-bg-opacity));
}
.bg-orange-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity));
}
.bg-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(231 0 113 / var(--tw-bg-opacity));
}
.bg-primary-cool{
  --tw-bg-opacity: 1;
  background-color: rgb(249 201 224 / var(--tw-bg-opacity));
}
.bg-primary-cool\/20{
  background-color: rgb(249 201 224 / 0.2);
}
.bg-primary-light{
  --tw-bg-opacity: 1;
  background-color: rgb(254 244 248 / var(--tw-bg-opacity));
}
.bg-primary\/5{
  background-color: rgb(231 0 113 / 0.05);
}
.bg-purple-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity));
}
.bg-purple-500{
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity));
}
.bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}
.bg-red-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}
.bg-red-600{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.bg-rose-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity));
}
.bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.bg-slate-200{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}
.bg-slate-400{
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
}
.bg-slate-50{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.bg-slate-50\/30{
  background-color: rgb(248 250 252 / 0.3);
}
.bg-slate-50\/50{
  background-color: rgb(248 250 252 / 0.5);
}
.bg-slate-800{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}
.bg-teal-600{
  --tw-bg-opacity: 1;
  background-color: rgb(13 148 136 / var(--tw-bg-opacity));
}
.bg-teal-700{
  --tw-bg-opacity: 1;
  background-color: rgb(15 118 110 / var(--tw-bg-opacity));
}
.bg-transparent{
  background-color: transparent;
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/15{
  background-color: rgb(255 255 255 / 0.15);
}
.bg-white\/80{
  background-color: rgb(255 255 255 / 0.8);
}
.bg-white\/95{
  background-color: rgb(255 255 255 / 0.95);
}
.bg-yellow-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity));
}
.bg-yellow-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity));
}
.bg-yellow-500{
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}
.\!bg-opacity-5{
  --tw-bg-opacity: 0.05 !important;
}
.bg-opacity-10{
  --tw-bg-opacity: 0.1;
}
.bg-opacity-30{
  --tw-bg-opacity: 0.3;
}
.bg-opacity-40{
  --tw-bg-opacity: 0.4;
}
.bg-opacity-5{
  --tw-bg-opacity: 0.05;
}
.bg-opacity-50{
  --tw-bg-opacity: 0.5;
}
.bg-opacity-60{
  --tw-bg-opacity: 0.6;
}
.bg-opacity-70{
  --tw-bg-opacity: 0.7;
}
.bg-opacity-75{
  --tw-bg-opacity: 0.75;
}
.bg-opacity-90{
  --tw-bg-opacity: 0.9;
}
.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-green-50{
  --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary\/5{
  --tw-gradient-from: rgb(231 0 113 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(231 0 113 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white{
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-gray-50{
  --tw-gradient-to: #f9fafb var(--tw-gradient-to-position);
}
.to-green-100{
  --tw-gradient-to: #dcfce7 var(--tw-gradient-to-position);
}
.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.bg-\[length\:100\%_auto\]{
  background-size: 100% auto;
}
.bg-cover{
  background-size: cover;
}
.bg-center{
  background-position: center;
}
.fill-current{
  fill: currentColor;
}
.fill-gray-400{
  fill: #9ca3af;
}
.fill-primary{
  fill: #E70071;
}
.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.object-bottom{
  -o-object-position: bottom;
     object-position: bottom;
}
.object-center{
  -o-object-position: center;
     object-position: center;
}
.object-top{
  -o-object-position: top;
     object-position: top;
}
.p-0{
  padding: 0px;
}
.p-0\.5{
  padding: 0.125rem;
}
.p-1{
  padding: 0.25rem;
}
.p-1\.5{
  padding: 0.375rem;
}
.p-10{
  padding: 2.5rem;
}
.p-16{
  padding: 4rem;
}
.p-2{
  padding: 0.5rem;
}
.p-2\.5{
  padding: 0.625rem;
}
.p-3{
  padding: 0.75rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.p-8{
  padding: 2rem;
}
.p-\[1px\]{
  padding: 1px;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-12{
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-16{
  padding-left: 4rem;
  padding-right: 4rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-24{
  padding-left: 6rem;
  padding-right: 6rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.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;
}
.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-14{
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-24{
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-32{
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.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;
}
.\!pb-14{
  padding-bottom: 3.5rem !important;
}
.\!pb-24{
  padding-bottom: 6rem !important;
}
.\!pl-10{
  padding-left: 2.5rem !important;
}
.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-2\.5{
  padding-bottom: 0.625rem;
}
.pb-20{
  padding-bottom: 5rem;
}
.pb-28{
  padding-bottom: 7rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-3\.5{
  padding-bottom: 0.875rem;
}
.pb-32{
  padding-bottom: 8rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pb-9{
  padding-bottom: 2.25rem;
}
.pb-\[100\%\]{
  padding-bottom: 100%;
}
.pb-\[14px\]{
  padding-bottom: 14px;
}
.pb-\[max\(1rem\2c env\(safe-area-inset-bottom\)\)\]{
  padding-bottom: max(1rem,env(safe-area-inset-bottom));
}
.pb-px{
  padding-bottom: 1px;
}
.pl-0{
  padding-left: 0px;
}
.pl-1{
  padding-left: 0.25rem;
}
.pl-10{
  padding-left: 2.5rem;
}
.pl-11{
  padding-left: 2.75rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-2\.5{
  padding-left: 0.625rem;
}
.pl-3{
  padding-left: 0.75rem;
}
.pl-4{
  padding-left: 1rem;
}
.pl-5{
  padding-left: 1.25rem;
}
.pl-8{
  padding-left: 2rem;
}
.pr-0{
  padding-right: 0px;
}
.pr-1{
  padding-right: 0.25rem;
}
.pr-10{
  padding-right: 2.5rem;
}
.pr-12{
  padding-right: 3rem;
}
.pr-2{
  padding-right: 0.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-8{
  padding-right: 2rem;
}
.ps-0{
  padding-inline-start: 0px;
}
.pt-0{
  padding-top: 0px;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-1\.5{
  padding-top: 0.375rem;
}
.pt-10{
  padding-top: 2.5rem;
}
.pt-12{
  padding-top: 3rem;
}
.pt-14{
  padding-top: 3.5rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-2\.5{
  padding-top: 0.625rem;
}
.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-\[10px\]{
  padding-top: 10px;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.align-baseline{
  vertical-align: baseline;
}
.align-middle{
  vertical-align: middle;
}
.font-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl{
  font-size: 3rem;
  line-height: 1;
}
.text-6xl{
  font-size: 3.75rem;
  line-height: 1;
}
.text-\[0\.72rem\]{
  font-size: 0.72rem;
}
.text-\[0\.74rem\]{
  font-size: 0.74rem;
}
.text-\[0\.75rem\]{
  font-size: 0.75rem;
}
.text-\[0\.78rem\]{
  font-size: 0.78rem;
}
.text-\[0\.7rem\]{
  font-size: 0.7rem;
}
.text-\[1\.05rem\]{
  font-size: 1.05rem;
}
.text-\[1\.2rem\]{
  font-size: 1.2rem;
}
.text-\[10px\]{
  font-size: 10px;
}
.text-\[11px\]{
  font-size: 11px;
}
.text-\[12px\]{
  font-size: 12px;
}
.text-\[13px\]{
  font-size: 13px;
}
.text-\[15px\]{
  font-size: 15px;
}
.text-\[18px\]{
  font-size: 18px;
}
.text-\[28px\]{
  font-size: 28px;
}
.text-\[9px\]{
  font-size: 9px;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-black{
  font-weight: 900;
}
.font-bold{
  font-weight: 700;
}
.font-extrabold{
  font-weight: 800;
}
.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;
}
.tabular-nums{
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.\!leading-\[1\.15\]{
  line-height: 1.15 !important;
}
.\!leading-normal{
  line-height: 1.5 !important;
}
.\!leading-tight{
  line-height: 1.25 !important;
}
.leading-4{
  line-height: 1rem;
}
.leading-5{
  line-height: 1.25rem;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-7{
  line-height: 1.75rem;
}
.leading-8{
  line-height: 2rem;
}
.leading-9{
  line-height: 2.25rem;
}
.leading-\[1\.05\]{
  line-height: 1.05;
}
.leading-\[1\.3\]{
  line-height: 1.3;
}
.leading-\[18px\]{
  line-height: 18px;
}
.leading-\[30px\]{
  line-height: 30px;
}
.leading-loose{
  line-height: 2;
}
.leading-none{
  line-height: 1;
}
.leading-normal{
  line-height: 1.5;
}
.leading-relaxed{
  line-height: 1.625;
}
.leading-snug{
  line-height: 1.375;
}
.leading-tight{
  line-height: 1.25;
}
.tracking-\[0\.08em\]{
  letter-spacing: 0.08em;
}
.tracking-\[0\.15em\]{
  letter-spacing: 0.15em;
}
.tracking-\[0\.16em\]{
  letter-spacing: 0.16em;
}
.tracking-\[0\.1em\]{
  letter-spacing: 0.1em;
}
.tracking-\[0\.25em\]{
  letter-spacing: 0.25em;
}
.tracking-\[0\.2em\]{
  letter-spacing: 0.2em;
}
.tracking-\[0\.3em\]{
  letter-spacing: 0.3em;
}
.tracking-tight{
  letter-spacing: -0.025em;
}
.tracking-tighter{
  letter-spacing: -0.05em;
}
.tracking-wide{
  letter-spacing: 0.025em;
}
.tracking-wider{
  letter-spacing: 0.05em;
}
.tracking-widest{
  letter-spacing: 0.1em;
}
.\!text-\[var\(--color-primary\)\]{
  color: var(--color-primary) !important;
}
.\!text-primary{
  --tw-text-opacity: 1 !important;
  color: rgb(231 0 113 / var(--tw-text-opacity)) !important;
}
.\!text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-\[\#000000\]{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-\[\#141210\]{
  --tw-text-opacity: 1;
  color: rgb(20 18 16 / var(--tw-text-opacity));
}
.text-\[\#1b4332\]{
  --tw-text-opacity: 1;
  color: rgb(27 67 50 / var(--tw-text-opacity));
}
.text-\[\#1f1f1b\]{
  --tw-text-opacity: 1;
  color: rgb(31 31 27 / var(--tw-text-opacity));
}
.text-\[\#202223\]{
  --tw-text-opacity: 1;
  color: rgb(32 34 35 / var(--tw-text-opacity));
}
.text-\[\#282824\]{
  --tw-text-opacity: 1;
  color: rgb(40 40 36 / var(--tw-text-opacity));
}
.text-\[\#282824\]\/80{
  color: rgb(40 40 36 / 0.8);
}
.text-\[\#3d4c31\]{
  --tw-text-opacity: 1;
  color: rgb(61 76 49 / var(--tw-text-opacity));
}
.text-\[\#4d4538\]{
  --tw-text-opacity: 1;
  color: rgb(77 69 56 / var(--tw-text-opacity));
}
.text-\[\#5C6E4A\]{
  --tw-text-opacity: 1;
  color: rgb(92 110 74 / var(--tw-text-opacity));
}
.text-\[\#5c5954\]{
  --tw-text-opacity: 1;
  color: rgb(92 89 84 / var(--tw-text-opacity));
}
.text-\[\#8a7e63\]{
  --tw-text-opacity: 1;
  color: rgb(138 126 99 / var(--tw-text-opacity));
}
.text-\[\#C90063\]{
  --tw-text-opacity: 1;
  color: rgb(201 0 99 / var(--tw-text-opacity));
}
.text-\[\#FF6201\]{
  --tw-text-opacity: 1;
  color: rgb(255 98 1 / var(--tw-text-opacity));
}
.text-\[\#a77a05\]{
  --tw-text-opacity: 1;
  color: rgb(167 122 5 / var(--tw-text-opacity));
}
.text-\[\#d8ffe9\]{
  --tw-text-opacity: 1;
  color: rgb(216 255 233 / var(--tw-text-opacity));
}
.text-\[\#f2ff69\]{
  --tw-text-opacity: 1;
  color: rgb(242 255 105 / var(--tw-text-opacity));
}
.text-\[\#f4c64d\]{
  --tw-text-opacity: 1;
  color: rgb(244 198 77 / var(--tw-text-opacity));
}
.text-\[\#ff6201\]{
  --tw-text-opacity: 1;
  color: rgb(255 98 1 / var(--tw-text-opacity));
}
.text-\[var\(--color-text\)\]{
  color: var(--color-text);
}
.text-\[var\(--color-text-muted\)\]{
  color: var(--color-text-muted);
}
.text-amber-400{
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity));
}
.text-amber-600{
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity));
}
.text-amber-700{
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity));
}
.text-amber-800{
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity));
}
.text-amber-900{
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity));
}
.text-amber-900\/80{
  color: rgb(120 53 15 / 0.8);
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-black\/20{
  color: rgb(0 0 0 / 0.2);
}
.text-blue-400{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity));
}
.text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}
.text-blue-700{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}
.text-blue-800{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}
.text-danger{
  --tw-text-opacity: 1;
  color: rgb(201 87 87 / var(--tw-text-opacity));
}
.text-emerald-600{
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity));
}
.text-emerald-700{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity));
}
.text-emerald-800{
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity));
}
.text-emerald-800\/90{
  color: rgb(6 95 70 / 0.9);
}
.text-emerald-900{
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity));
}
.text-gray{
  --tw-text-opacity: 1;
  color: rgb(242 242 242 / var(--tw-text-opacity));
}
.text-gray-200{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}
.text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-gray-dark{
  --tw-text-opacity: 1;
  color: rgb(95 94 96 / var(--tw-text-opacity));
}
.text-green-400{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity));
}
.text-green-500{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}
.text-green-600{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity));
}
.text-green-700{
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity));
}
.text-green-800{
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity));
}
.text-indigo-200{
  --tw-text-opacity: 1;
  color: rgb(199 210 254 / var(--tw-text-opacity));
}
.text-indigo-400{
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity));
}
.text-indigo-500{
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}
.text-indigo-600{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}
.text-indigo-700{
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity));
}
.text-indigo-800{
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity));
}
.text-indigo-900{
  --tw-text-opacity: 1;
  color: rgb(49 46 129 / var(--tw-text-opacity));
}
.text-link{
  --tw-text-opacity: 1;
  color: rgb(44 110 203 / var(--tw-text-opacity));
}
.text-neutral-black{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
}
.text-neutral-gray{
  --tw-text-opacity: 1;
  color: rgb(165 165 165 / var(--tw-text-opacity));
}
.text-neutral-pencil-black{
  --tw-text-opacity: 1;
  color: rgb(95 94 96 / var(--tw-text-opacity));
}
.text-orange-500{
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity));
}
.text-primary{
  --tw-text-opacity: 1;
  color: rgb(231 0 113 / var(--tw-text-opacity));
}
.text-primary-cool{
  --tw-text-opacity: 1;
  color: rgb(249 201 224 / var(--tw-text-opacity));
}
.text-primary-light{
  --tw-text-opacity: 1;
  color: rgb(254 244 248 / var(--tw-text-opacity));
}
.text-purple-800{
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / var(--tw-text-opacity));
}
.text-red-300{
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}
.text-red-400{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
.text-red-800{
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity));
}
.text-red-900{
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity));
}
.text-rose-500{
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity));
}
.text-rose-600{
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity));
}
.text-rose-700{
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity));
}
.text-slate-300{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}
.text-slate-400{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}
.text-slate-500{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}
.text-slate-600{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}
.text-slate-700{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}
.text-slate-800{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}
.text-teal-700{
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / var(--tw-text-opacity));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-white\/95{
  color: rgb(255 255 255 / 0.95);
}
.text-yellow-400{
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity));
}
.text-yellow-500{
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity));
}
.text-yellow-700{
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity));
}
.text-yellow-800{
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity));
}
.text-opacity-50{
  --tw-text-opacity: 0.5;
}
.text-opacity-60{
  --tw-text-opacity: 0.6;
}
.text-opacity-70{
  --tw-text-opacity: 0.7;
}
.text-opacity-80{
  --tw-text-opacity: 0.8;
}
.underline{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.line-through{
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.placeholder-gray-300::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(209 213 219 / var(--tw-placeholder-opacity));
}
.placeholder-gray-300:-ms-input-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(209 213 219 / var(--tw-placeholder-opacity));
}
.placeholder-gray-300::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(209 213 219 / var(--tw-placeholder-opacity));
}
.placeholder-gray-400::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}
.placeholder-gray-400:-ms-input-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}
.placeholder-gray-400::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}
.placeholder-gray-dark::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(95 94 96 / var(--tw-placeholder-opacity));
}
.placeholder-gray-dark:-ms-input-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(95 94 96 / var(--tw-placeholder-opacity));
}
.placeholder-gray-dark::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(95 94 96 / var(--tw-placeholder-opacity));
}
.placeholder-opacity-50::-moz-placeholder{
  --tw-placeholder-opacity: 0.5;
}
.placeholder-opacity-50:-ms-input-placeholder{
  --tw-placeholder-opacity: 0.5;
}
.placeholder-opacity-50::placeholder{
  --tw-placeholder-opacity: 0.5;
}
.accent-primary{
  accent-color: #E70071;
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-25{
  opacity: 0.25;
}
.opacity-30{
  opacity: 0.3;
}
.opacity-40{
  opacity: 0.4;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-60{
  opacity: 0.6;
}
.opacity-70{
  opacity: 0.7;
}
.opacity-75{
  opacity: 0.75;
}
.opacity-80{
  opacity: 0.8;
}
.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-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_32px_64px_-16px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
  --tw-shadow: 0 32px 64px -16px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 32px 64px -16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_20px_rgba\(255\2c 98\2c 1\2c 0\.3\)\]{
  --tw-shadow: 0 8px 20px rgba(255,98,1,0.3);
  --tw-shadow-colored: 0 8px 20px 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-\[7px_35px_51px_0px_\#00000024\]{
  --tw-shadow: 7px 35px 51px 0px #00000024;
  --tw-shadow-colored: 7px 35px 51px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-login{
  --tw-shadow: 0px 5px 10px rgba(95, 120, 52, 0.16);
  --tw-shadow-colored: 0px 5px 10px 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-nav{
  --tw-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0px 5px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-total-payment{
  --tw-shadow: 0px -5px 20px rgba(95, 120, 52, 0.1);
  --tw-shadow-colored: 0px -5px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-emerald-100{
  --tw-shadow-color: #d1fae5;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-indigo-100{
  --tw-shadow-color: #e0e7ff;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-slate-100{
  --tw-shadow-color: #f1f5f9;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-slate-100\/50{
  --tw-shadow-color: rgb(241 245 249 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-slate-200\/50{
  --tw-shadow-color: rgb(226 232 240 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline{
  outline-style: solid;
}
.ring-0{
  --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);
}
.ring-1{
  --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, 0 0 #0000);
}
.ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-4{
  --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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-black{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}
.ring-black\/5{
  --tw-ring-color: rgb(0 0 0 / 0.05);
}
.ring-blue-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
}
.ring-gray-200\/80{
  --tw-ring-color: rgb(229 231 235 / 0.8);
}
.ring-gray-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
}
.ring-gray-dark{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(95 94 96 / var(--tw-ring-opacity));
}
.ring-indigo-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity));
}
.ring-indigo-50{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(238 242 255 / var(--tw-ring-opacity));
}
.ring-indigo-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
}
.ring-indigo-600{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity));
}
.ring-primary\/20{
  --tw-ring-color: rgb(231 0 113 / 0.2);
}
.ring-red-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
}
.ring-opacity-5{
  --tw-ring-opacity: 0.05;
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale{
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur{
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md{
  --tw-backdrop-blur: blur(12px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter{
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition{
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
  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-text-decoration-color;
  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, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  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-100{
  transition-duration: 100ms;
}
.duration-1000{
  transition-duration: 1000ms;
}
.duration-150{
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-500{
  transition-duration: 500ms;
}
.duration-75{
  transition-duration: 75ms;
}
.ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear{
  transition-timing-function: linear;
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
@font-face {
  font-family: "Rossanova Trial";
  src: url(/fonts/RossanovaTrial-Light.ttf?96779da97af2d2e3f3dd33e1d8aea91f) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rossanova Trial";
  src: url(/fonts/RossanovaTrial-LightItalic.ttf?bfbaaa76fa8b64d279afd4a4de13598d) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Rossanova Trial";
  src: url(/fonts/RossanovaTrial-Regular.ttf?e64a4686c3cf2d724ecde1152b7d14d2) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rossanova Trial";
  src: url(/fonts/RossanovaTrial-Italic.ttf?15184cb102d3f41b04c06d9850fb4131) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Rossanova Trial";
  src: url(/fonts/RossanovaTrial-Bold.ttf?f7e61be74a31dbaa145e0e79a2519557) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rossanova Trial";
  src: url(/fonts/RossanovaTrial-BoldItalic.ttf?519452d32163c941382ae0ae77401af1) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Rossanova Trial";
  src: url(/fonts/RossanovaTrial-Black.ttf?7e82bee65d596697c367b2cb9621be72) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rossanova Trial";
  src: url(/fonts/RossanovaTrial-BlackItalic.ttf?2689703084a4e64f5e1dffba7e407b92) format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
/* TT Norms Pro Serif Trial — body / paragraph / UI text */
@font-face {
  font-family: "TT Norms Pro Serif Trial";
  src: url("/fonts/TT Norms Pro Serif Trial Thin.ttf?e21affac0b2f6c9f21ff4928061b758b") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms Pro Serif Trial";
  src: url("/fonts/TT Norms Pro Serif Trial Thin Italic.ttf?be82eb7c2987c6853a7d2c542ec176e1") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms Pro Serif Trial";
  src: url("/fonts/TT Norms Pro Serif Trial ExtraLight.ttf?f2f548e71ce0841e90692207dadd34e0") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms Pro Serif Trial";
  src: url("/fonts/TT Norms Pro Serif Trial ExtraLight Italic.ttf?5b0756eb99c45b3d48c91e6abf34b665") format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms Pro Serif Trial";
  src: url("/fonts/TT Norms Pro Serif Trial Light.ttf?92366e58fda24b266b4557da14ad777b") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms Pro Serif Trial";
  src: url("/fonts/TT Norms Pro Serif Trial Light Italic.ttf?5f139d9f551f957efa0146eab44e32c7") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms Pro Serif Trial";
  src: url("/fonts/TT Norms Pro Serif Trial Regular.ttf?ba76ddaa94bea3eafedd0d61d255788c") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms Pro Serif Trial";
  src: url("/fonts/TT Norms Pro Serif Trial Italic.ttf?24f4a3caae6caf89985021b5fe7c2a71") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms Pro Serif Trial";
  src: url("/fonts/TT Norms Pro Serif Trial Medium.ttf?5852889d65712e93fc72c9b13e3c3cc4") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms Pro Serif Trial";
  src: url("/fonts/TT Norms Pro Serif Trial Medium Italic.ttf?23754deaf76baf1dcc9bc4856227b8aa") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms Pro Serif Trial";
  src: url("/fonts/TT Norms Pro Serif Trial DemiBold.ttf?3db9caaf811586bc12e6098306b5e861") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms Pro Serif Trial";
  src: url("/fonts/TT Norms Pro Serif Trial DemiBold Italic.ttf?2927cf7ab2f3492020b1fe28f5ac19b4") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms Pro Serif Trial";
  src: url("/fonts/TT Norms Pro Serif Trial Bold.ttf?06b290f5e5a815168afcdf4a23d09a50") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms Pro Serif Trial";
  src: url("/fonts/TT Norms Pro Serif Trial Bold Italic.ttf?9092837d3678d4edfae14534a09c8597") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms Pro Serif Trial";
  src: url("/fonts/TT Norms Pro Serif Trial ExtraBold.ttf?e9a5a1651a95581ee8c29202a5a90903") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms Pro Serif Trial";
  src: url("/fonts/TT Norms Pro Serif Trial ExtraBold Italic.ttf?78b060c3e3ef5d3c491ac92f5b6d3033") format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms Pro Serif Trial";
  src: url("/fonts/TT Norms Pro Serif Trial Black.ttf?19677aef69ff0168575eb6e26c55ee82") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms Pro Serif Trial";
  src: url("/fonts/TT Norms Pro Serif Trial Black Italic.ttf?6975cb6703aba6236c2162c2ae566644") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms Pro Serif Trial";
  src: url("/fonts/TT Norms Pro Serif Trial ExtraBlack.ttf?96ad5b81d639fff88f662280775c1287") format("truetype");
  font-weight: 950;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms Pro Serif Trial";
  src: url("/fonts/TT Norms Pro Serif Trial ExtraBlack Italic.ttf?9fa0c673f1284d78a43d14ca17fc7e71") format("truetype");
  font-weight: 950;
  font-style: italic;
  font-display: swap;
}
/*! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com*/
/* ========== CookUnity theme ========== */
:root {
  --font-heading: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-tt-norms: var(--font-body);
  --color-primary: #f4c64d;
  --color-primary-hover: #e6b73f;
  --color-primary-light: #fff5eb;
  --button-text-on-primary: #141210;
  --color-accent: #c97064;
  --color-accent-hover: #b85a4f;
  --color-bg-warm: #ffffff;
  --color-bg-surface: #fdfbf7;
  --color-text: #000000;
  --color-text-muted: #5c5954;
  --color-border: #e5e2dc;
  --color-card-shadow: rgba(45, 106, 79, 0.08);
  --color-card-shadow-hover: rgba(45, 106, 79, 0.15);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading) !important;
}

p,
span,
li,
a,
div:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-family: var(--font-body) !important;
}

/* Animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animate-fade-in-up {
  animation: fadeInUp 0.5s ease-out forwards;
}

.animate-fade-in {
  animation: fadeIn 0.4s ease-out forwards;
}

.animate-scale-in {
  animation: scaleIn 0.35s ease-out forwards;
}

.product-card-enter {
  opacity: 0;
  transform: translateY(12px);
}

.product-card-enter-active {
  transition: opacity 0.4s ease-out, transform 0.4s ease-out, box-shadow 0.3s ease;
}

.card-hover-lift {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px var(--color-card-shadow-hover);
}

/* Use the font */
body {
  font-family: var(--font-body) !important;
  color: var(--color-text);
}

*,
:after,
:before {
  border: 0 solid #e5e7eb;
  box-sizing: border-box;
}

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

:host,
html {
  -webkit-text-size-adjust: 100%;
  font-feature-settings: normal;
  -webkit-tap-highlight-color: transparent;
  font-family: var(--font-body), ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-variation-settings: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}

body {
  line-height: inherit;
  margin: 0;
  background-color: var(--color-bg-warm, #f8f6f2);
}

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

hr {
  border-top-width: 1px;
  color: inherit;
  height: 0;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  /* new add  */
  font-family: var(--font-heading);
  font-size: inherit;
  font-weight: inherit;
}

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

b,
strong {
  font-weight: bolder;
}

code,
kbd,
pre,
samp {
  font-feature-settings: normal;
  font-family: "DM Sans", sans-serif, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 1em;
  font-variation-settings: normal;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0;
}

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

button,
select {
  text-transform: none;
}

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

:-moz-focusring {
  outline: auto;
}

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

progress {
  vertical-align: baseline;
}

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

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

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

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

fieldset {
  margin: 0;
}

fieldset,
legend {
  padding: 0;
}

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

dialog {
  padding: 0;
}

textarea {
  resize: vertical;
}

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

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #9ca3af;
  opacity: 1;
}

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

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #9ca3af;
  opacity: 1;
}

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

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

:disabled {
  cursor: default;
}

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

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

[hidden] {
  display: none;
}

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

[multiple]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
select:focus,
textarea:focus {
  --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);
  border-color: #2563eb;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

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

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

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

input:-ms-input-placeholder, textarea:-ms-input-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;
}

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

select {
  -webkit-print-color-adjust: exact;
  background-image: url("data:image/svg+xml;charset=utf-8,%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 8 4 4 4-4'/%3E%3C/svg%3E");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  color-adjust: exact;
  padding-right: 2.5rem;
}

[multiple] {
  -webkit-print-color-adjust: unset;
  background-image: none;
  background-position: 0 0;
  background-repeat: unset;
  background-size: initial;
  color-adjust: unset;
  padding-right: 0.75rem;
}

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

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

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

[type=checkbox]:focus,
[type=radio]:focus {
  --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);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

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

[type=checkbox]:checked {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");
}

[type=radio]:checked {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E");
}

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

[type=checkbox]:indeterminate {
  background-color: currentColor;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-color: transparent;
}

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

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

[type=file]:focus {
  outline: 1px auto -webkit-focus-ring-color;
}

html {
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth;
  touch-action: manipulation;
}

body {
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity));
  /* font-family: Work Sans, sans-serif; */
  font-family: var(--font-body);
  line-height: 1.625;
}

.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1344px !important;
  /* padding-left: 1.25rem;
  padding-right: 1.25rem; */
  padding-left: 4.5rem;
  padding-right: 4.5rem;
  width: 100% !important;
}

@media (min-width: 768px) {
  .container {
    /* padding-left: 1rem;
    padding-right: 1rem */
  }
}
*,
:after,
:before {
  --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: rgba(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: rgba(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: ;
}

.container {
  width: 100%;
}

@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: 1536px) {
  .container {
    max-width: 1536px;
  }
}
.nav-link {
  color: rgb(0 0 0/var(--tw-text-opacity));
  --tw-text-opacity: 1;
  display: inline-block;
  /* font-family: Polli Sans, sans-serif; */
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5rem;
  text-transform: lowercase;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.text-black {
  color: var(--color-text) !important;
}

.footer-link {
  --tw-text-opacity: 1;
  display: inline-block;
  /* font-family: Polli Sans, sans-serif; */
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5rem;
  text-transform: lowercase;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  color: #ffffffbf !important;
}

.footer-link:hover {
  --tw-text-opacity: 1;
  color: rgb(231 0 113/var(--tw-text-opacity));
}

/* Footer contact form */
.footer-contact-card {
  background-color: var(--color-bg-surface, #fdfbf7);
  border-radius: 1rem;
  padding: 1.25rem 1.5rem;
  border: 1px solid var(--color-border, #e5e2dc);
  box-shadow: 0 8px 18px var(--color-card-shadow, rgba(45, 106, 79, 0.08));
}

.footer-contact-label {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.875rem;
  color: var(--color-text-muted, #5c5954);
}

.footer-contact-input {
  width: 100%;
  border-radius: 0.75rem;
  border: 1px solid var(--color-border, #e5e2dc);
  background-color: #fff;
  padding: 0.6rem 0.8rem;
  font-size: 0.9rem;
  color: var(--color-text, #2d2a26);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.footer-contact-input:focus {
  outline: none;
  border-color: var(--color-primary, #f2a802);
  box-shadow: 0 0 0 1px rgba(255, 98, 1, 0.15);
  background-color: var(--color-bg-surface, #fdfbf7);
}

.footer-contact-textarea {
  min-height: 110px;
  resize: vertical;
}

.footer-contact-meta {
  margin-top: 0.75rem;
  font-size: 0.8rem;
  color: var(--color-text-muted, #5c5954);
}

.footer-contact-link {
  color: var(--color-primary, #f2a802);
  font-weight: 500;
}

.footer-contact-link:hover {
  color: var(--color-primary-hover, #d4900a);
}

/* ========== Site footer (NuFoodz theme) ========== */
.site-footer {
  background: var(--color-bg-surface, #fdfbf7);
  border-top: 1px solid var(--color-border, #e5e2dc);
  color: var(--color-text-muted, #5c5954);
}

.site-footer-heading {
  margin-bottom: 1rem;
  font-family: var(--font-heading);
  font-size: 0.95rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--color-text, #2d2a26);
}

.site-footer-link {
  display: inline-block;
  font-size: 0.9rem;
  color: var(--color-text-muted, #5c5954);
  transition: color 0.2s ease, transform 0.15s ease;
}

.site-footer-link:hover {
  color: var(--color-primary, #f2a802);
  transform: translateX(2px);
}

.site-footer-social {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-border, #e5e2dc);
  color: var(--color-text-muted, #5c5954);
  background: #fff;
  transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease, transform 0.15s ease;
}

.site-footer-social:hover {
  border-color: var(--color-primary, #f2a802);
  color: var(--color-primary, #f2a802);
  background: rgba(255, 98, 1, 0.05);
  transform: translateY(-1px);
}

.site-footer-bottom {
  border-top: 1px solid var(--color-border, #e5e2dc);
}

.site-footer-logo {
  font-family: var(--font-heading);
  font-size: 1.5rem;
  color: var(--color-text, #2d2a26);
}

.site-footer-tagline,
.site-footer-meta {
  font-size: 0.9rem;
  color: var(--color-text-muted, #5c5954);
}

/* ========== Contact Us page (matches home theme) ========== */
.contact-page-hero {
  background: linear-gradient(135deg, #f2a802 0%, #f7d05c 25%, #fce588 50%, #ffd9b3 75%, #ffffff 100%);
  padding: 4rem 0 5rem;
  position: relative;
  overflow: hidden;
}

.contact-page-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 50%, rgba(255, 98, 1, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(255, 193, 7, 0.1) 0%, transparent 50%);
  pointer-events: none;
}

.contact-page-hero h1 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
  color: white;
  margin-bottom: 0.75rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.contact-page-hero p {
  font-size: 1.15rem;
  color: rgba(255, 255, 255, 0.95);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.contact-page-section {
  position: relative;
  overflow: hidden;
}

.contact-page-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.04;
  background-image: radial-gradient(circle at 20% 30%, var(--color-primary) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(255, 193, 7, 0.3) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
}

.contact-page-section > .container {
  position: relative;
  z-index: 1;
}

.contact-info-card {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  background: white;
  border-radius: 16px;
  border: 2px solid var(--color-border, #e5e2dc);
  transition: all 0.3s ease;
  text-decoration: none;
  color: var(--color-text, #2d2a26);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.contact-info-card:hover {
  border-color: var(--color-primary, #f2a802);
  box-shadow: 0 8px 24px rgba(255, 98, 1, 0.15);
  transform: translateY(-2px);
}

.contact-info-card svg {
  flex-shrink: 0;
  stroke: var(--color-primary, #f2a802);
}

.contact-info-card span {
  font-size: 0.95rem;
  line-height: 1.5;
}

.contact-form-card {
  background: white;
  border-radius: 20px;
  padding: 2rem;
  border: 2px solid var(--color-border, #e5e2dc);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  position: relative;
  overflow: hidden;
}

.contact-form-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, var(--color-primary, #f2a802), #fce588);
  border-radius: 20px 20px 0 0;
}

.contact-form-card h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-text, #2d2a26);
  margin-bottom: 1.5rem;
}

.contact-form-label {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-text-muted, #5c5954);
}

.contact-form-input {
  width: 100%;
  border-radius: 12px;
  border: 2px solid var(--color-border, #e5e2dc);
  background: #fff;
  padding: 0.65rem 1rem;
  font-size: 1rem;
  color: var(--color-text, #2d2a26);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.contact-form-input:focus {
  outline: none;
  border-color: var(--color-primary, #f2a802);
  box-shadow: 0 0 0 3px rgba(255, 98, 1, 0.15);
}

.contact-form-input::-moz-placeholder {
  color: var(--color-text-muted, #5c5954);
  opacity: 0.8;
}

.contact-form-input:-ms-input-placeholder {
  color: var(--color-text-muted, #5c5954);
  opacity: 0.8;
}

.contact-form-input::placeholder {
  color: var(--color-text-muted, #5c5954);
  opacity: 0.8;
}

.contact-form-textarea {
  min-height: 140px;
  resize: vertical;
}

.contact-page-heading {
  position: relative;
  display: inline-block;
  margin-bottom: 0.5rem;
  font-size: 1.75rem;
  font-weight: 700;
  font-family: var(--font-heading);
  color: var(--color-text, #2d2a26);
}

.contact-page-heading::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 48px;
  height: 4px;
  background: linear-gradient(90deg, var(--color-primary, #f2a802), #fce588);
  border-radius: 2px;
}

.contact-success-card {
  background: linear-gradient(135deg, #ffffff 0%, #fff8f0 100%);
  border-radius: 20px;
  padding: 3rem 2rem;
  border: 2px solid #ffe5d0;
  text-align: center;
}

.contact-success-card p {
  font-size: 1.1rem;
  color: var(--color-text, #2d2a26);
  margin-bottom: 0.5rem;
}

.contact-social-list {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  flex-wrap: wrap;
}

.contact-social-list a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid var(--color-border, #e5e2dc);
  transition: all 0.2s ease;
}

.contact-social-list a:hover {
  border-color: var(--color-primary, #f2a802);
  background: rgba(255, 98, 1, 0.08);
}

/* ========== Content pages (about, how-it-works, vendors, terms, privacy) ========== */
.content-page-hero {
  background: linear-gradient(135deg, #f2a802 0%, #f7d05c 25%, #fce588 50%, #ffd9b3 75%, #ffffff 100%);
  padding: 4rem 0 5rem;
  position: relative;
  overflow: hidden;
}

.content-page-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 50%, rgba(255, 98, 1, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(255, 193, 7, 0.1) 0%, transparent 50%);
  pointer-events: none;
}

.content-page-hero .container {
  position: relative;
  z-index: 1;
}

.content-page-hero h1 {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.2;
  color: white;
  margin-bottom: 0.75rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.content-page-hero p {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.95);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  max-width: 42rem;
}

.content-page-section {
  position: relative;
  overflow: hidden;
}

.content-page-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.04;
  background-image: radial-gradient(circle at 20% 30%, var(--color-primary) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(255, 193, 7, 0.3) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
}

.content-page-section > .container {
  position: relative;
  z-index: 1;
}

.content-page-heading {
  position: relative;
  display: inline-block;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  font-family: var(--font-heading);
  color: var(--color-text, #2d2a26);
}

.content-page-heading::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 48px;
  height: 4px;
  background: linear-gradient(90deg, var(--color-primary, #f2a802), #fce588);
  border-radius: 2px;
}

.content-card {
  background: white;
  border-radius: 20px;
  padding: 1.5rem 1.75rem;
  border: 2px solid var(--color-border, #e5e2dc);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.content-card:hover {
  border-color: rgba(255, 98, 1, 0.4);
  box-shadow: 0 8px 24px rgba(255, 98, 1, 0.1);
}

.content-card-bar {
  background: linear-gradient(90deg, var(--color-primary, #f2a802), #fce588);
  height: 5px;
  border-radius: 20px 20px 0 0;
  margin: -1.5rem -1.75rem 1.25rem -1.75rem;
}

.content-card-stat {
  text-align: center;
  padding: 1.5rem 1rem;
  background: linear-gradient(135deg, #ffffff 0%, #fff8f0 100%);
  border-radius: 20px;
  border: 2px solid #ffe5d0;
  transition: all 0.3s ease;
}

.content-card-stat:hover {
  border-color: var(--color-primary, #f2a802);
  box-shadow: 0 8px 24px rgba(255, 98, 1, 0.12);
}

.content-card-stat .content-stat-number {
  font-size: 2rem;
  font-weight: 800;
  background: linear-gradient(135deg, var(--color-primary, #f2a802), #fce588);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1.2;
  margin-bottom: 0.35rem;
}

.content-card-stat .content-stat-label {
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--color-text-muted, #5c5954);
}

.content-step-number {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--color-primary, #f2a802), #ff8c42);
  color: white;
  font-weight: 700;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 0.75rem;
}

.content-body {
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 1rem;
  line-height: 1.7;
  color: var(--color-text, #2d2a26);
}

.content-body h2 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-text, #2d2a26);
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}

.content-body h2:first-of-type {
  margin-top: 0;
}

.content-body p,
.content-body ul {
  margin-bottom: 1rem;
}

.content-body ul {
  padding-left: 1.5rem;
}

.content-body a {
  color: var(--color-primary, #f2a802);
  font-weight: 500;
}

.content-body a:hover {
  color: var(--color-primary-hover, #d4900a);
}

.content-cta-wrap {
  text-align: center;
  margin-top: 2rem;
}

.btn {
  border-radius: 32px !important;
  display: inline-block;
  /* font-family: Polli Sans, sans-serif; */
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5rem;
  line-height: 1.25;
  padding: 12px;
  text-align: center;
}

.btn-primary {
  background-color: var(--color-primary) !important;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 8px var(--color-card-shadow);
}

.btn-primary:hover {
  background-color: var(--color-primary-hover) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px var(--color-card-shadow-hover);
}

@media (prefers-reduced-motion: no-preference) {
  .btn:active {
    transform: scale(0.97);
    transition: transform 0.1s ease;
  }

  .product-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px var(--color-card-shadow-hover, rgba(45, 106, 79, 0.15));
  }
}
@media (prefers-reduced-motion: reduce) {
  .btn:active {
    transform: none;
  }

  .product-card:hover {
    transform: none;
    box-shadow: none;
  }

  .product-card .group:hover img {
    transform: none;
  }
}
.btn-green {
  background-color: #d4e157 !important;
  color: var(--color-text) !important;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-primary,
.btn-primary:hover {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity));
}

.btn-secondary {
  --tw-text-opacity: 1;
  color: rgb(231 0 113/var(--tw-text-opacity));
  font-weight: 700;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-secondary,
.btn-secondary:before {
  transition-property: all;
}

.btn-secondary:before {
  --tw-content: "";
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='w-full' height='10' viewBox='0 0 116 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2 3 .28-.031.281-.032.281-.031.28-.032.282-.03.28-.032.28-.031.282-.032.28-.03.281-.032.28-.03.281-.032.281-.03.28-.031.282-.03.28-.031.28-.03.282-.031.28-.03.281-.03.28-.03.281-.03.281-.029.28-.03.282-.028.28-.03.281-.028.28-.029.281-.028.281-.028.28-.028.281-.028.281-.027.28-.027.282-.027.28-.027.281-.026.28-.026.281-.026.281-.026.28-.025.282-.025.28-.024.28-.025.282-.024.28-.024.281-.023.28-.023.281-.023.281-.022.28-.022.281-.022.281-.021.28-.021.282-.02.28-.021.281-.02.28-.02.281-.018.281-.019.28-.018.282-.018.28-.018.28-.017.282-.016.28-.016.281-.016.28-.016.281-.015.281-.014.28-.014.282-.014.28-.013.28-.013.282-.012.28-.012.281-.01.28-.012.281-.01.281-.01.28-.01.281-.009.281-.008.28-.008.282-.008.28-.007.281-.006.28-.007.282-.005.28-.005.28-.005.282-.004.28-.004.281-.003.28-.003.281-.002.281-.002.28-.001h.282L30.07 1h.28l.282.001.28.001.281.002.28.002.281.003.281.003.28.004.282.004.28.005.28.005.282.005.28.007.281.006.28.007.281.008.281.008.28.008.282.01.28.009.28.01.282.01.28.011.281.011.28.012.281.012.281.013.28.013.282.014.28.014.28.014.282.015.28.016.281.016.28.016.281.016.281.017.28.018.282.018.28.018.28.019.282.019.28.02.281.019.28.02.282.02.28.022.28.021.282.022.28.022.281.022.28.023.281.023.281.023.28.024.281.024.281.025.28.024.282.025.28.025.281.026.28.026.281.026.281.026.28.027.282.027.28.027.28.027.282.028.28.028.281.028.28.028.281.029.281.029.28.029.282.029.28.03.28.029.282.03.28.029.281.03.28.03.281.03.281.03.28.031.282.03.28.031.28.031.282.031.28.031.281.031.28.031.281.032.281.03.28.032.282.031.28.032.28.031.282.032.28.031.281.031.28.032.282.031.28.032.28.03.282.032.28.031.281.032.28.03.281.032.281.03.28.032.281.03.281.031.28.03.282.031.28.03.281.031.28.03.281.03.281.03.28.03.282.029.28.03.28.028.282.03.28.028.281.029.28.028.281.028.281.028.28.028.281.027.281.027.28.027.282.027.28.026.281.026.28.026.281.026.281.025.28.025.281.024.281.025.28.024.282.024.28.023.281.023.28.023.281.022.281.022.28.022.281.021.281.021.28.02.282.021.28.02.281.02.28.018.282.019.28.018.28.018.282.018.28.017.281.016.28.016.281.016.281.016.28.015.282.014.28.014.28.014.282.013.28.013.281.012.28.012.281.01.281.012.28.01.282.01.28.01.28.009.282.008.28.008.281.008.28.007.281.006.281.007.28.005.281.005.281.005.28.004.282.004.28.003.281.003.28.002.281.002.281.001h.28L86.21 5h.281l.28-.001.282-.001.28-.002.281-.002.28-.003.281-.003.281-.004.28-.004.281-.005.281-.005.28-.005.282-.007.28-.006.281-.007.28-.008.282-.008.28-.008.28-.01.282-.009.28-.01.281-.01.28-.011.281-.011.281-.012.28-.012.282-.013.28-.013.28-.014.282-.014.28-.014.281-.015.28-.016.281-.016.281-.016.28-.016.282-.017.28-.018.28-.018.282-.018.28-.019L98 4.58l.28-.02.281-.019.281-.02.28-.02.281-.022.281-.021.28-.022.282-.022.28-.022.281-.023.281-.023.28-.023.281-.024.281-.024.281-.025.28-.024.281-.025.281-.025.28-.026.281-.026.281-.026.28-.026.281-.027.281-.027.281-.027.28-.027.281-.028.281-.028.28-.028.281-.028.281-.029.28-.029.281-.029.281-.029.281-.03.28-.029.281-.03.281-.029.28-.03.281-.03.281-.03.28-.03.281-.031.281-.03.281-.031.28-.031.281-.031.281-.031.28-.031.281-.031.281-.032.28-.03.281-.032.281-.031.281-.032.28-.031.281-.032' stroke='%23E70071' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: var(--tw-content);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0.5rem;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
  width: 100%;
}

.btn-secondary:before,
.btn-secondary:hover:before {
  background-position: bottom;
}

.btn-secondary:hover:before {
  opacity: 1;
  visibility: visible;
}

.btn-primary-outline {
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  background-color: transparent;
  border-color: var(--color-primary);
  border-width: 1px;
  color: var(--color-primary);
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-primary-outline:hover {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: var(--color-primary);
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.nav-list {
  --tw-scale-y: 0;
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: rgb(254 244 248/var(--tw-bg-opacity));
  border-top-color: rgb(0 0 0/var(--tw-border-opacity));
  border-top-width: 2px;
  height: auto;
  left: 0;
  max-height: 0;
  opacity: 0;
  overflow: auto;
  padding: 2.5rem;
  position: absolute;
  right: 0;
  top: 99%;
  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-origin: top;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 50;
}

.bg-primary-2 {
  background-color: #f2ff69;
}

.bg-primary-3 {
  background-color: #fffff5;
}

.text-primary-2 {
  color: #f2ff69;
}

@media (min-width: 1024px) {
  .nav-list {
    background-color: transparent;
    border-style: none;
    max-height: 100%;
    opacity: 1;
    overflow: visible;
    padding: 0;
    pointer-events: auto;
    transform: none;
    transition-property: none;
  }
}
.has-dropdown {
  position: relative;
}

@media (min-width: 1024px) {
  .has-dropdown {
    align-items: center;
    display: flex;
    justify-content: center;
  }
}
.has-dropdown.active-drop > a {
  --tw-text-opacity: 1;
  color: rgb(231 0 113/var(--tw-text-opacity));
}

.has-dropdown.active-drop > a > svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.dropdown-menu {
  --tw-border-opacity: 1;
  border-left-color: rgb(0 0 0/var(--tw-border-opacity));
  opacity: 0;
  padding-left: 0.5rem;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 50;
}

@media (min-width: 1024px) {
  .dropdown-menu {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
      0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
      0 4px 6px -4px var(--tw-shadow-color);
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-left-width: 4px;
    border-style: none;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    height: auto;
    margin-top: 0;
    overflow: visible;
    padding: 0.75rem 0.25rem;
    position: absolute;
    right: 0;
    top: 100%;
    transition-duration: 0.2s;
    width: -moz-max-content;
    width: max-content;
  }

  .group:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
  }
}
.overlay {
  --tw-bg-opacity: 0.4;
  background-color: rgb(0 0 0/var(--tw-bg-opacity));
  inset: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
  z-index: -10;
}

@media (min-width: 1024px) {
  .overlay {
    display: none;
  }
}
.nav-list.active-list {
  --tw-scale-y: 1;
  max-height: 800px;
  opacity: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  visibility: visible;
}

.nav-list.active-list:before {
  content: var(--tw-content);
  z-index: -10;
}

.nav-list.active-list:before,
.overlay.active-overlay {
  opacity: 1;
  visibility: visible;
}

.postcode {
  --tw-bg-opacity: 0.5;
  background-color: rgb(0 0 0/var(--tw-bg-opacity));
  height: 100vh;
  inset: 0;
}

.pauseplan,
.postcode,
.switch {
  align-items: center;
  display: flex;
  justify-content: center;
  opacity: 0;
  position: fixed;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
  width: 100%;
  z-index: 550;
}

.pauseplan,
.switch {
  bottom: 0;
  height: calc(100vh - 130px);
  left: 0;
  pointer-events: none;
  right: 0;
}

@media (min-width: 640px) {
  .pauseplan,
.switch {
    --tw-bg-opacity: 0.5;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    height: 100vh;
    inset: 0;
  }
}
.pauseplan.active-popup,
.postcode.active-popup,
.switch.active-popup {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.pauseplan.active-popup .pauseplan__wrap,
.postcode.active-popup .postcode__wrap,
.switch.active-popup .switch__wrap {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (max-width: 640px) {
  .footer-link ul {
    --tw-scale-y: 0;
    max-height: 0;
    opacity: 0;
    pointer-events: none;
    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-origin: top;
    visibility: hidden;
  }

  .footer-link p,
.footer-link ul {
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .footer-link p {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    position: relative;
    width: 100%;
  }

  .footer-link p:after {
    content: var(--tw-content);
    display: block;
    height: 0.875rem;
    width: 0.875rem;
  }
}
@media (max-width: 640px) and (min-width: 640px) {
  .footer-link p {
    margin-bottom: 0.625rem;
  }
}
@media (max-width: 640px) {
  .footer-link p:after {
    background-image: url(/images/icons/next-arrow.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 1rem;
    transition-duration: 0.3s;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
    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-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    width: 1rem;
  }
  .footer-link.active-footer ul {
    --tw-scale-y: 1;
    max-height: 600px;
    opacity: 1;
    pointer-events: auto;
    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));
    visibility: visible;
  }
  .footer-link.active-footer p {
    margin-bottom: 0.75rem;
  }
  .footer-link.active-footer p:after {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.sr-only {
  clip: rect(0, 0, 0, 0);
  border-width: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

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

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

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.collapse {
  visibility: collapse;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.inset-x-0 {
  left: 0;
  right: 0;
}

.inset-y-0 {
  bottom: 0;
  top: 0;
}

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

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

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

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

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

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

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

.bottom-0 {
  bottom: 0;
}

.bottom-10 {
  bottom: 2.5rem;
}

.bottom-11 {
  bottom: 2.75rem;
}

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

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

.left-0 {
  left: 0;
}

.left-1 {
  left: 0.25rem;
}

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

.left-2 {
  left: 0.5rem;
}

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

.left-3 {
  left: 0.75rem;
}

.left-4 {
  left: 1rem;
}

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

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

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

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

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

.left-auto {
  left: auto;
}

.left-full {
  left: 100%;
}

.right-0 {
  right: 0;
}

.right-1 {
  right: 0.25rem;
}

.right-4 {
  right: 1rem;
}

.right-5 {
  right: 1.25rem;
}

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

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

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

.top-0 {
  top: 0;
}

.top-1 {
  top: 0.25rem;
}

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

.top-10 {
  top: 2.5rem;
}

.top-2 {
  top: 0.5rem;
}

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

.top-20 {
  top: 5rem;
}

.top-3 {
  top: 0.75rem;
}

.top-3\/4 {
  top: 75%;
}

.top-4 {
  top: 1rem;
}

.top-44 {
  top: 11rem;
}

.top-5 {
  top: 1.25rem;
}

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

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

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

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

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

.top-full {
  top: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
  order: -9999;
}

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

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

.row-span-2 {
  grid-row: span 2/span 2;
}

.m-0 {
  margin: 0;
}

.m-auto {
  margin: auto;
}

.\!my-2 {
  margin-bottom: 0.5rem !important;
  margin-top: 0.5rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.\!mt-0 {
  margin-top: 0 !important;
}

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

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

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

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

.-mr-12 {
  margin-right: -3rem;
}

.-mt-72 {
  margin-top: -18rem;
}

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

.mb-0\.5 {
  margin-bottom: 0.125rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-12 {
  margin-left: 3rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

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

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

.ml-6 {
  margin-left: 1.5rem;
}

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

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

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

.mr-1\.5 {
  margin-right: 0.375rem;
}

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

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

.mr-5 {
  margin-right: 1.25rem;
}

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

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

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

.mt-0\.5 {
  margin-top: 0.125rem;
}

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

.mt-1\.5 {
  margin-top: 0.375rem;
}

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

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

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

.mt-2\.5 {
  margin-top: 0.625rem;
}

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

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

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

.block {
  display: block;
}

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

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

.flex {
  display: flex;
}

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

.table {
  display: table;
}

.flow-root {
  display: flow-root;
}

.grid {
  display: grid;
}

.list-item {
  display: list-item;
}

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

.hidden {
  display: none;
}

.h-0 {
  height: 0;
}

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

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

.h-10 {
  height: 2.5rem;
}

.h-12 {
  height: 2.3rem;
}

.h-13 {
  height: 3rem;
}

.jetstream-modal {
  z-index: 99;
}

.dashboard-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 22px;
}

/* .h-12 {
	height: 3rem
} */
.h-14 {
  height: 3.5rem;
}

.h-16 {
  height: 4rem;
}

.h-2 {
  height: 0.5rem;
}

.h-2\.5 {
  height: 0.625rem;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-3 {
  height: 0.75rem;
}

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

.h-4 {
  height: 1rem;
}

.h-44 {
  height: 11rem;
}

.h-5 {
  height: 1.25rem;
}

.h-52 {
  height: 13rem;
}

.h-6 {
  height: 1.5rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.h-9 {
  height: 2.25rem;
}

.h-96 {
  height: 24rem;
}

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

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

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

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

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

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

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

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

.h-\[calc\(100vh-8rem\)\] {
  height: calc(100vh - 8rem);
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

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

.h-screen {
  height: 100vh;
}

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

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

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

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

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

.max-h-\[calc\(100vh-220px\)\] {
  max-height: calc(100vh - 220px);
}

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

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

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

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

.w-0 {
  width: 0;
}

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

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

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

.w-10 {
  width: 2.5rem;
}

.w-11 {
  width: 2.75rem;
}

.w-12 {
  width: 3rem;
}

.w-14 {
  width: 3.5rem;
}

.w-16 {
  width: 4rem;
}

.w-2 {
  width: 0.5rem;
}

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

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

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-120 {
  width: 120px;
}

.w-3 {
  width: 0.75rem;
}

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

.w-32 {
  width: 8rem;
}

.w-36 {
  width: 9rem;
}

.w-4 {
  width: 1rem;
}

.w-40 {
  width: 10rem;
}

.w-48 {
  width: 12rem;
}

.w-5 {
  width: 1.25rem;
}

.w-52 {
  width: 13rem;
}

.w-6 {
  width: 1.5rem;
}

.w-64 {
  width: 16rem;
}

.w-7 {
  width: 1.75rem;
}

.w-72 {
  width: 18rem;
}

.w-8 {
  width: 2rem;
}

.w-9 {
  width: 2.25rem;
}

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

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

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

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

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

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

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

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

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

.w-auto {
  width: auto;
}

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

.w-full {
  width: 100%;
}

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

.min-w-0 {
  min-width: 0;
}

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

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

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

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

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

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

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

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

.max-w-\[18rem\] {
  max-width: 18rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-screen-lg {
  max-width: 1024px;
}

.max-w-screen-md {
  max-width: 768px;
}

.max-w-screen-sm {
  max-width: 640px;
}

.max-w-screen-xl {
  max-width: 1280px;
}

.max-w-sm {
  max-width: 24rem;
}

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

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

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

.flex-none {
  flex: none;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

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

.table-fixed {
  table-layout: fixed;
}

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

.origin-bottom {
  transform-origin: bottom;
}

.origin-top {
  transform-origin: top;
}

.origin-top-left {
  transform-origin: top left;
}

.origin-top-right {
  transform-origin: top right;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
}

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

.-translate-x-6 {
  --tw-translate-x: -1.5rem;
}

.-translate-x-full {
  --tw-translate-x: -100%;
}

.-translate-x-full,
.-translate-y-1\/2 {
  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%;
}

.translate-x-0 {
  --tw-translate-x: 0px;
}

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

.translate-x-1\/2 {
  --tw-translate-x: 50%;
}

.translate-x-20 {
  --tw-translate-x: 5rem;
}

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

.translate-x-5 {
  --tw-translate-x: 1.25rem;
}

.translate-x-6 {
  --tw-translate-x: 1.5rem;
}

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

.translate-x-full {
  --tw-translate-x: 100%;
}

.translate-y-0 {
  --tw-translate-y: 0px;
}

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

.translate-y-4 {
  --tw-translate-y: 1rem;
}

.translate-y-4,
.translate-y-full {
  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%;
}

.rotate-0 {
  --tw-rotate: 0deg;
}

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

.rotate-180 {
  --tw-rotate: 180deg;
}

.scale-0 {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
}

.scale-0,
.scale-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));
}

.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}

.scale-90 {
  --tw-scale-x: 0.9;
  --tw-scale-y: 0.9;
}

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

.scale-95 {
  --tw-scale-x: 0.95;
  --tw-scale-y: 0.95;
}

.scale-y-100 {
  --tw-scale-y: 1;
}

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

.scale-y-90 {
  --tw-scale-y: 0.9;
}

.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-default {
  cursor: default;
}

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

.cursor-pointer {
  cursor: pointer;
}

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

.resize-none {
  resize: none;
}

.resize {
  resize: both;
}

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

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

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

.grid-cols-2 {
  grid-template-columns: repeat(2, 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-\[1fr_max-content\] {
  grid-template-columns: 1fr max-content;
}

.grid-cols-\[min-content_1fr\] {
  grid-template-columns: min-content 1fr;
}

.grid-cols-\[min-content_1fr_max-content\] {
  grid-template-columns: min-content 1fr max-content;
}

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

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

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

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

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

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

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

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

.items-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-0 {
  gap: 0;
}

.gap-1 {
  gap: 0.25rem;
}

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

.gap-10 {
  gap: 2.5rem;
}

.gap-14 {
  gap: 3.5rem;
}

.gap-2 {
  gap: 0.5rem;
}

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

.gap-3 {
  gap: 0.75rem;
}

.gap-3\.5 {
  gap: 0.875rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-7 {
  gap: 1.75rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-x-10 {
  -moz-column-gap: 2.5rem;
  column-gap: 2.5rem;
}

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

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

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

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

.gap-y-0 {
  row-gap: 0;
}

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

.gap-y-10 {
  row-gap: 2.5rem;
}

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

.gap-y-3 {
  row-gap: 0.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.divide-cool-gray-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(209 213 219/var(--tw-divide-opacity));
}

.divide-gray > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(242 242 242/var(--tw-divide-opacity));
}

.divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(249 250 251/var(--tw-divide-opacity));
}

.divide-primary-light > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(254 244 248/var(--tw-divide-opacity));
}

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

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

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

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

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

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

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

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
}

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

.break-words {
  overflow-wrap: break-word;
}

.rounded {
  border-radius: 0.25rem;
}

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

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

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

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

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

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

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

.rounded-theme {
  border-radius: 10px;
}

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

.rounded-b-2xl {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

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

.rounded-b-md,
.rounded-l-md {
  border-bottom-left-radius: 0.375rem;
}

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

.rounded-r-md {
  border-bottom-right-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

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

.border {
  border-width: 1px;
}

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

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

.border-\[1\.5px\] {
  border-width: 1.5px;
}

.\!border-y-0 {
  border-bottom-width: 0 !important;
  border-top-width: 0 !important;
}

.border-x-2 {
  border-left-width: 2px;
  border-right-width: 2px;
}

.border-x-\[1\.5px\] {
  border-left-width: 1.5px;
  border-right-width: 1.5px;
}

.border-y {
  border-bottom-width: 1px;
  border-top-width: 1px;
}

.border-y-0 {
  border-bottom-width: 0;
  border-top-width: 0;
}

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

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

.border-b-\[1\.5px\] {
  border-bottom-width: 1.5px;
}

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

.border-l-\[1\.5px\] {
  border-left-width: 1.5px;
}

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

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

.border-t-\[1\.5px\] {
  border-top-width: 1.5px;
}

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

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

.\!border-primary-cool {
  --tw-border-opacity: 1 !important;
  border-color: rgb(249 201 224/var(--tw-border-opacity)) !important;
}

.\!border-transparent {
  border-color: transparent !important;
}

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

.border-cool-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219/var(--tw-border-opacity));
}

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

.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246/var(--tw-border-opacity));
}

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235/var(--tw-border-opacity));
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219/var(--tw-border-opacity));
}

.border-gray-50 {
  --tw-border-opacity: 1;
  border-color: rgb(249 250 251/var(--tw-border-opacity));
}

.border-gray-dark {
  --tw-border-opacity: 1;
  border-color: rgb(95 94 96/var(--tw-border-opacity));
}

.border-neutral-gray {
  --tw-border-opacity: 1;
  border-color: rgb(165 165 165/var(--tw-border-opacity));
}

.border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0/var(--tw-border-opacity));
  /* border-color: rgb(231 0 113/var(--tw-border-opacity)) */
}

.border-primary-cool {
  --tw-border-opacity: 1;
  /* border-color: rgb(249 201 224/var(--tw-border-opacity)) */
  border-color: rgb(0 0 0/var(--tw-border-opacity));
}

.border-primary-light {
  --tw-border-opacity: 1;
  border-color: rgb(40 40 36/var(--tw-border-opacity));
  /* border-color: rgb(254 244 248/var(--tw-border-opacity)) */
}

.border-primary\/20 {
  /* border-color: rgba(231, 0, 113, .2) */
  border-color: rgba(0, 0, 0, 0.2);
}

.border-primary\/30 {
  /* border-color: rgba(231, 0, 113, .3) */
  border-color: rgba(0, 0, 0, 0.3);
}

.border-primary\/5 {
  border-color: rgba(255, 0, 0, 0.05);
  /* border-color: rgba(231, 0, 113, .05) */
}

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

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

.border-b-primary-cool {
  --tw-border-opacity: 1;
  /* border-bottom-color: rgb(249 201 224/var(--tw-border-opacity)) */
  border-bottom-color: rgb(0 0 0/var(--tw-border-opacity));
}

.border-t-primary-cool {
  --tw-border-opacity: 1;
  /* border-top-color: rgb(249 201 224/var(--tw-border-opacity)) */
  border-bottom-color: rgb(0 0 0/var(--tw-border-opacity));
}

.border-opacity-20 {
  --tw-border-opacity: 0.2;
}

.border-opacity-30 {
  --tw-border-opacity: 0.3;
}

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

.border-opacity-60 {
  --tw-border-opacity: 0.6;
}

.\!bg-primary {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(5 122 116/var(--tw-bg-opacity)) !important;
  /* background-color: rgb(231 0 113/var(--tw-bg-opacity)) !important */
}

.bg-\[\#5F5E60\] {
  --tw-bg-opacity: 1;
  background-color: rgb(95 94 96/var(--tw-bg-opacity));
}

.bg-\[\#A2004F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(162 0 79/var(--tw-bg-opacity));
}

.bg-\[\#E4E5E7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(228 229 231/var(--tw-bg-opacity));
}

.bg-\[\#FFF3F9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 243 249/var(--tw-bg-opacity));
}

.bg-\[\#e4e5e7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(228 229 231/var(--tw-bg-opacity));
}

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

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

.bg-cool-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219/var(--tw-bg-opacity));
}

.bg-dark-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(58 78 102/var(--tw-bg-opacity));
}

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

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246/var(--tw-bg-opacity));
}

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235/var(--tw-bg-opacity));
}

.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99/var(--tw-bg-opacity));
}

.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55/var(--tw-bg-opacity));
}

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

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

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

.bg-light-gray {
  --tw-bg-opacity: 1;
  background-color: rgb(244 246 248/var(--tw-bg-opacity));
}

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

.bg-primary {
  --tw-bg-opacity: 1;
  background-color: var(--color-primary);
}

.bg-primary-cool {
  --tw-bg-opacity: 1;
  /* background-color: rgb(249 201 224/var(--tw-bg-opacity)) */
  background-color: rgb(5 122 116/var(--tw-bg-opacity));
}

.bg-primary-cool\/20 {
  /* background-color: rgba(249, 201, 224, .2) */
  background-color: rgba(5, 122, 116, 0.2);
}

.bg-primary-light {
  --tw-bg-opacity: 1;
  background-color: var(--color-primary-light);
}

.bg-primary\/10 {
  background-color: rgba(231, 0, 113, 0.1);
}

.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226/var(--tw-bg-opacity));
}

.bg-red-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202/var(--tw-bg-opacity));
}

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

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

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

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

.bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195/var(--tw-bg-opacity));
}

.\!bg-opacity-5 {
  --tw-bg-opacity: 0.05 !important ;
}

.bg-opacity-10 {
  --tw-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --tw-bg-opacity: 0.25;
}

.bg-opacity-30 {
  --tw-bg-opacity: 0.3;
}

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

.bg-opacity-5 {
  --tw-bg-opacity: 0.05;
}

.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}

.bg-opacity-60 {
  --tw-bg-opacity: 0.6;
}

.bg-opacity-70 {
  --tw-bg-opacity: 0.7;
}

.bg-opacity-75 {
  --tw-bg-opacity: 0.75;
}

.bg-opacity-90 {
  --tw-bg-opacity: 0.9;
}

.bg-\[length\:100\%_auto\] {
  background-size: 100% auto;
}

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

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

.fill-current {
  fill: currentColor;
}

.fill-primary {
  fill: #e70071;
}

.fill-primary-light {
  fill: #fef4f8;
}

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

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

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

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

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

.p-0 {
  padding: 0;
}

.p-0\.5 {
  padding: 0.125rem;
}

.p-1 {
  padding: 0.25rem;
}

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

.p-10 {
  padding: 2.5rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-2\.5 {
  padding: 0.625rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

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

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

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

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

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

.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

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

.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

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

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

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

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

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

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

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

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

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

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

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

.py-20 {
  padding-bottom: 5rem;
  padding-top: 5rem;
}

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

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

.py-3\.5 {
  padding-bottom: 0.875rem;
  padding-top: 0.875rem;
}

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

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

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

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

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

.\!pb-14 {
  padding-bottom: 3.5rem !important;
}

.\!pb-24 {
  padding-bottom: 6rem !important;
}

.\!pl-10 {
  padding-left: 2.5rem !important;
}

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

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

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

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

.pb-14 {
  padding-bottom: 3.5rem;
}

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

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

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

.pb-3\.5 {
  padding-bottom: 0.875rem;
}

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

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

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

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

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

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

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

.pl-1 {
  padding-left: 0.25rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

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

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

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

.pl-8 {
  padding-left: 2rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

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

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

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

.pr-6 {
  padding-right: 1.5rem;
}

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

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

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

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

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

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

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

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

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

.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-\[10px\] {
  padding-top: 10px;
}

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

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

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

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

.align-middle {
  vertical-align: middle;
}

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

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

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

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

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

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

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

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

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

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

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

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

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

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

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

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

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

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.\!leading-\[1\.15\] {
  line-height: 1.15 !important;
}

.\!leading-normal {
  line-height: 1.5 !important;
}

.\!leading-tight {
  line-height: 1.25 !important;
}

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

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

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

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

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

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

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

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

.leading-loose {
  line-height: 2;
}

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

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

.leading-relaxed {
  line-height: 1.625;
}

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

.tracking-\[0\.15em\] {
  letter-spacing: 0.15em;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.tracking-widest {
  letter-spacing: 0.1em;
}

.\!text-primary {
  --tw-text-opacity: 1 !important;
  /* color: rgb(231 0 113/var(--tw-text-opacity)) !important */
  color: #000000;
}

.cart-btn:hover {
  border: 2px solid var(--color-primary) !important;
}

.text-green {
  color: var(--color-primary) !important;
}

.border-green {
  border: 1px solid var(--color-primary) !important;
}

.heigh-protien-review {
  height: 250px !important;
}

.text-black {
  color: var(--color-text) !important;
}

.text-gray {
  color: #282824 !important;
}

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

.text-\[\#202223\] {
  --tw-text-opacity: 1;
  color: rgb(32 34 35/var(--tw-text-opacity));
}

.text-black {
  --tw-text-opacity: 1;
  color: var(--color-text);
}

.text-black\/20 {
  color: rgba(0, 0, 0, 0.2);
}

.text-danger {
  --tw-text-opacity: 1;
  color: rgb(201 87 87/var(--tw-text-opacity));
}

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

.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235/var(--tw-text-opacity));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175/var(--tw-text-opacity));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128/var(--tw-text-opacity));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99/var(--tw-text-opacity));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81/var(--tw-text-opacity));
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55/var(--tw-text-opacity));
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39/var(--tw-text-opacity));
}

.text-gray-dark {
  --tw-text-opacity: 1;
  color: rgb(95 94 96/var(--tw-text-opacity));
}

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

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

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

.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229/var(--tw-text-opacity));
}

.text-link {
  --tw-text-opacity: 1;
  color: rgb(44 110 203/var(--tw-text-opacity));
}

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

.text-neutral-gray {
  --tw-text-opacity: 1;
  color: rgb(165 165 165/var(--tw-text-opacity));
}

.text-neutral-pencil-black {
  --tw-text-opacity: 1;
  color: rgb(95 94 96/var(--tw-text-opacity));
}

.text-primary {
  --tw-text-opacity: 1;
  color: #000000;
}

.text-primary-cool {
  --tw-text-opacity: 1;
  color: rgb(249 201 224/var(--tw-text-opacity));
}

.text-primary-light {
  --tw-text-opacity: 1;
  color: rgb(254 244 248/var(--tw-text-opacity));
}

.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113/var(--tw-text-opacity));
}

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

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

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

.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27/var(--tw-text-opacity));
}

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

.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(234 179 8/var(--tw-text-opacity));
}

.text-yellow-800 {
  --tw-text-opacity: 1;
  color: rgb(133 77 14/var(--tw-text-opacity));
}

.text-opacity-50 {
  --tw-text-opacity: 0.5;
}

.text-opacity-60 {
  --tw-text-opacity: 0.6;
}

.text-opacity-70 {
  --tw-text-opacity: 0.7;
}

.text-opacity-80 {
  --tw-text-opacity: 0.8;
}

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

.placeholder-gray-dark::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(95 94 96/var(--tw-placeholder-opacity));
}

.placeholder-gray-dark:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(95 94 96/var(--tw-placeholder-opacity));
}

.placeholder-gray-dark::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(95 94 96/var(--tw-placeholder-opacity));
}

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

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

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

.placeholder-opacity-50::-moz-placeholder {
  --tw-placeholder-opacity: 0.5;
}

.placeholder-opacity-50:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.5;
}

.placeholder-opacity-50::placeholder {
  --tw-placeholder-opacity: 0.5;
}

.accent-primary {
  accent-color: #e70071;
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-70 {
  opacity: 0.7;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
    0 1px 2px -1px var(--tw-shadow-color);
}

.shadow,
.shadow-\[7px_35px_51px_0px_\#00000024\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[7px_35px_51px_0px_\#00000024\] {
  --tw-shadow: 7px 35px 51px 0px #00000024;
  --tw-shadow-colored: 7px 35px 51px 0px var(--tw-shadow-color);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
    0 4px 6px -4px var(--tw-shadow-color);
}

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

.shadow-login {
  --tw-shadow: 0px 5px 10px rgba(95, 120, 52, 0.16);
  --tw-shadow-colored: 0px 5px 10px var(--tw-shadow-color);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
    0 2px 4px -2px var(--tw-shadow-color);
}

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

.shadow-nav {
  --tw-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0px 5px 10px var(--tw-shadow-color);
}

.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}

.shadow-none,
.shadow-sm {
  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 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}

.shadow-total-payment {
  --tw-shadow: 0px -5px 20px rgba(95, 120, 52, 0.1);
  --tw-shadow-colored: 0px -5px 20px var(--tw-shadow-color);
}

.shadow-total-payment,
.shadow-xl {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),
    0 8px 10px -6px var(--tw-shadow-color);
}

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

.outline {
  outline-style: solid;
}

.ring-0 {
  --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(var(--tw-ring-offset-width))
    var(--tw-ring-color);
}

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

.ring-1 {
  --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);
}

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

.ring-gray-dark {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(95 94 96 / var(--tw-ring-opacity));
}

.ring-opacity-5 {
  --tw-ring-opacity: 0.05;
}

.blur {
  --tw-blur: blur(8px);
}

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

.grayscale {
  --tw-grayscale: grayscale(100%);
}

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

.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
}

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

.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
}

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

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

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

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

.duration-100 {
  transition-duration: 0.1s;
}

.duration-150 {
  transition-duration: 0.15s;
}

.duration-200 {
  transition-duration: 0.2s;
}

.duration-300 {
  transition-duration: 0.3s;
}

.duration-500 {
  transition-duration: 0.5s;
}

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

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

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

.ease-linear {
  transition-timing-function: linear;
}

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

@font-face {
  font-display: swap;
  font-family: Work Sans;
  font-style: normal;
  font-weight: 900;
  src: url(/fonts/WorkSans-Black.eot?5e400b6316356f4cb395cecc338f1e39);
  src: url(/fonts/WorkSans-Black.eot?5e400b6316356f4cb395cecc338f1e39?#iefix) format("embedded-opentype"), url(/fonts/WorkSans-Black.woff2?57dc46a4a45cc683f7420a9dd92e23fb) format("woff2"), url(/fonts/WorkSans-Black.woff?49910315e050795ac451ed3bc6586050) format("woff"), url(/fonts/WorkSans-Black.ttf?9f0e3cb1180dd145f0b71d76e47e57b8) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Work Sans;
  font-style: italic;
  font-weight: 900;
  src: url(/fonts/WorkSans-BlackItalic.eot?037a4043a0475e68a13caa10dfc318c1);
  src: url(/fonts/WorkSans-BlackItalic.eot?037a4043a0475e68a13caa10dfc318c1?#iefix) format("embedded-opentype"), url(/fonts/WorkSans-BlackItalic.woff2?1fd07805c6c5c44eee9a70eb9252ca10) format("woff2"), url(/fonts/WorkSans-BlackItalic.woff?47e34805bdff75261eb8d7eb8fc0c9b0) format("woff"), url(/fonts/WorkSans-BlackItalic.ttf?a5b2a705a890d38dc333875b8980aa8c) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Work Sans;
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/WorkSans-Bold.eot?e8320f94475b19cc12ebe63c1b690283);
  src: url(/fonts/WorkSans-Bold.eot?e8320f94475b19cc12ebe63c1b690283?#iefix) format("embedded-opentype"), url(/fonts/WorkSans-Bold.woff2?441da28ecabe14918a0e16ebd5b093de) format("woff2"), url(/fonts/WorkSans-Bold.woff?36ae9899f53e092b1096c412eb2de091) format("woff"), url(/fonts/WorkSans-Bold.ttf?ab10eb773dfd391f1e70e7568ca41475) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Work Sans;
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/WorkSans-ExtraBold.eot?9e14745ef9a83eda0517f2983543bc66);
  src: url(/fonts/WorkSans-ExtraBold.eot?9e14745ef9a83eda0517f2983543bc66?#iefix) format("embedded-opentype"), url(/fonts/WorkSans-ExtraBold.woff2?19d12b92fe51795c5c0ef8209d4ceb88) format("woff2"), url(/fonts/WorkSans-ExtraBold.woff?4eaaf46d7be6f521dee2a95c95a4c348) format("woff"), url(/fonts/WorkSans-ExtraBold.ttf?00e13a30a654abbabfbb4be3ed0974cf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Work Sans;
  font-style: italic;
  font-weight: 400;
  src: url(/fonts/WorkSans-Italic.eot?8b9358e6d0ad268ee037eff51ab91909);
  src: url(/fonts/WorkSans-Italic.eot?8b9358e6d0ad268ee037eff51ab91909?#iefix) format("embedded-opentype"), url(/fonts/WorkSans-Italic.woff2?a028e2cccc8eb68778cde91a1d9d8d39) format("woff2"), url(/fonts/WorkSans-Italic.woff?61a971aa13154fd9c088cd7ff22ae8fd) format("woff"), url(/fonts/WorkSans-Italic.ttf?f4caf4d1fe1f6f8e71f01c6cc9f456ee) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Work Sans;
  font-style: italic;
  font-weight: 700;
  src: url(/fonts/WorkSans-BoldItalic.eot?c0d6700cf336a9b2a186e8b0ee126d0e);
  src: url(/fonts/WorkSans-BoldItalic.eot?c0d6700cf336a9b2a186e8b0ee126d0e?#iefix) format("embedded-opentype"), url(/fonts/WorkSans-BoldItalic.woff2?7041542a74d4f2e773b3eb5f83558110) format("woff2"), url(/fonts/WorkSans-BoldItalic.woff?7984d402fa9c185fbb83e79c5cccdded) format("woff"), url(/fonts/WorkSans-BoldItalic.ttf?bb30622fa68e93847a6dce406be70731) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Work Sans;
  font-style: normal;
  font-weight: 200;
  src: url(/fonts/WorkSans-ExtraLight.eot?b97243681d9aad5b13d700c8d60b6f01);
  src: url(/fonts/WorkSans-ExtraLight.eot?b97243681d9aad5b13d700c8d60b6f01?#iefix) format("embedded-opentype"), url(/fonts/WorkSans-ExtraLight.woff2?d3d6b563866a06789cb22caa1341924f) format("woff2"), url(/fonts/WorkSans-ExtraLight.woff?5ca1516719d34988d00b82102582d0dd) format("woff"), url(/fonts/WorkSans-ExtraLight.ttf?1f5c525c662f9ad47c079a51c405f25a) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Work Sans;
  font-style: italic;
  font-weight: 400;
  src: url(/fonts/WorkSans-Italic_1.eot?3912789a47d1310988fe60c70c4f06b8);
  src: url(/fonts/WorkSans-Italic_1.eot?3912789a47d1310988fe60c70c4f06b8?#iefix) format("embedded-opentype"), url(/fonts/WorkSans-Italic_1.woff2?9f68eb3b4e57250a30a72d2e63b2e840) format("woff2"), url(/fonts/WorkSans-Italic_1.woff?b2cd5a54be614bffd407ac737748fb58) format("woff"), url(/fonts/WorkSans-Italic_1.ttf?9088d663b2b04c8f90b79b7b6e29f427) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Work Sans;
  font-style: italic;
  font-weight: 300;
  src: url(/fonts/WorkSans-LightItalic.eot?795c689abfaabdae3c7452a383279294);
  src: url(/fonts/WorkSans-LightItalic.eot?795c689abfaabdae3c7452a383279294?#iefix) format("embedded-opentype"), url(/fonts/WorkSans-LightItalic.woff2?e94445394da38162f626b027bc7e7d86) format("woff2"), url(/fonts/WorkSans-LightItalic.woff?d26a7d57c551da5567e5befb84122f62) format("woff"), url(/fonts/WorkSans-LightItalic.ttf?e4e92af587f73f66404e5820fb5e9c01) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Work Sans;
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/WorkSans-Light.eot?a78f17fb467031590d084e27b09829e8);
  src: url(/fonts/WorkSans-Light.eot?a78f17fb467031590d084e27b09829e8?#iefix) format("embedded-opentype"), url(/fonts/WorkSans-Light.woff2?8bc2df33621c0af6f6b9125d00668d54) format("woff2"), url(/fonts/WorkSans-Light.woff?a663ca78676d61ae0d986621496ca1fc) format("woff"), url(/fonts/WorkSans-Light.ttf?c450693f2811c604763aca028385bf90) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Work Sans;
  font-style: italic;
  font-weight: 700;
  src: url(/fonts/WorkSans-ExtraBoldItalic.eot?4ef39f39a11c98c7e931e212473bfda0);
  src: url(/fonts/WorkSans-ExtraBoldItalic.eot?4ef39f39a11c98c7e931e212473bfda0?#iefix) format("embedded-opentype"), url(/fonts/WorkSans-ExtraBoldItalic.woff2?6ce8777645aa66b7b38ae17c77dc9bcb) format("woff2"), url(/fonts/WorkSans-ExtraBoldItalic.woff?db76d705eb1cd1f6e6163ef2eb962b66) format("woff"), url(/fonts/WorkSans-ExtraBoldItalic.ttf?594347bf1555e226a91b6114943fd3d8) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Work Sans;
  font-style: italic;
  font-weight: 200;
  src: url(/fonts/WorkSans-ExtraLightItalic.eot?3b56d10bef1e484d593fab21b90168c8);
  src: url(/fonts/WorkSans-ExtraLightItalic.eot?3b56d10bef1e484d593fab21b90168c8?#iefix) format("embedded-opentype"), url(/fonts/WorkSans-ExtraLightItalic.woff2?816719498c5b0f034b87f493cd453fc6) format("woff2"), url(/fonts/WorkSans-ExtraLightItalic.woff?bfa61116907764cbaedc17727912ce11) format("woff"), url(/fonts/WorkSans-ExtraLightItalic.ttf?c38478e619586beb4ae8ed8bdc13e9c6) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Work Sans;
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/WorkSans-Regular.eot?e22f6d51c6deccc194e41adb71488565);
  src: url(/fonts/WorkSans-Regular.eot?e22f6d51c6deccc194e41adb71488565?#iefix) format("embedded-opentype"), url(/fonts/WorkSans-Regular.woff2?83f08aee30809e3afd08691344765050) format("woff2"), url(/fonts/WorkSans-Regular.woff?da4f16296c0c6dcfa9eca78be6195490) format("woff"), url(/fonts/WorkSans-Regular.ttf?1a2d8dcddfdab857a833b2b5e29f677a) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Work Sans;
  font-style: italic;
  font-weight: 600;
  src: url(/fonts/WorkSans-SemiBoldItalic.eot?5086c429a0525ee2246e803da5a0ac37);
  src: url(/fonts/WorkSans-SemiBoldItalic.eot?5086c429a0525ee2246e803da5a0ac37?#iefix) format("embedded-opentype"), url(/fonts/WorkSans-SemiBoldItalic.woff2?d7cb2f50587705849b04c22f13d7bb6d) format("woff2"), url(/fonts/WorkSans-SemiBoldItalic.woff?54d286fe8061f1c36cb36c9024fc977e) format("woff"), url(/fonts/WorkSans-SemiBoldItalic.ttf?4102becd5214a8e24492fe2d04a170da) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Work Sans;
  font-style: italic;
  font-weight: 500;
  src: url(/fonts/WorkSans-MediumItalic.eot?f9788ffe84a7e5de0b6ac932c96c2577);
  src: url(/fonts/WorkSans-MediumItalic.eot?f9788ffe84a7e5de0b6ac932c96c2577?#iefix) format("embedded-opentype"), url(/fonts/WorkSans-MediumItalic.woff2?8b4a8bcdada8654b494751677d68c1e0) format("woff2"), url(/fonts/WorkSans-MediumItalic.woff?9556ca04c527cfb05f27b8c52564f583) format("woff"), url(/fonts/WorkSans-MediumItalic.ttf?09148858c4651d5e64558e782e855264) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Work Sans;
  font-style: italic;
  font-weight: 100;
  src: url(/fonts/WorkSans-ThinItalic.eot?4572aeacd49429dd3a0edabf4543e596);
  src: url(/fonts/WorkSans-ThinItalic.eot?4572aeacd49429dd3a0edabf4543e596?#iefix) format("embedded-opentype"), url(/fonts/WorkSans-ThinItalic.woff2?702f6a2479979020108a02b6355fefa8) format("woff2"), url(/fonts/WorkSans-ThinItalic.woff?247b420ea939981b2665ca840d849af3) format("woff"), url(/fonts/WorkSans-ThinItalic.ttf?69c13439aa73a3ea0d6368f4f8365e9b) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Work Sans;
  font-style: normal;
  font-weight: 500;
  src: url(/fonts/WorkSans-Medium.eot?a18d9c400354f6583a6ff53d160d1b30);
  src: url(/fonts/WorkSans-Medium.eot?a18d9c400354f6583a6ff53d160d1b30?#iefix) format("embedded-opentype"), url(/fonts/WorkSans-Medium.woff2?739b95d8f267d3fb8331c4a3014b779d) format("woff2"), url(/fonts/WorkSans-Medium.woff?817b457c5aa32dc28de7227a979a9f54) format("woff"), url(/fonts/WorkSans-Medium.ttf?4fab22c75094ccbc6d43f249e7ce5099) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Work Sans;
  font-style: normal;
  font-weight: 100;
  src: url(/fonts/WorkSans-Thin.eot?59ae10cda5265b6b0bfd35cc939b11cb);
  src: url(/fonts/WorkSans-Thin.eot?59ae10cda5265b6b0bfd35cc939b11cb?#iefix) format("embedded-opentype"), url(/fonts/WorkSans-Thin.woff2?15a5f6a1bb807ad42011bea468b0bf09) format("woff2"), url(/fonts/WorkSans-Thin.woff?aa0dc7f748d5bd200066d2f1e94f6b7a) format("woff"), url(/fonts/WorkSans-Thin.ttf?a087636330aa1f6bcdcaac9f401b3603) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Work Sans;
  font-style: normal;
  font-weight: 600;
  src: url(/fonts/WorkSans-SemiBold.eot?5bbf74c1abc53818b51b844050753049);
  src: url(/fonts/WorkSans-SemiBold.eot?5bbf74c1abc53818b51b844050753049?#iefix) format("embedded-opentype"), url(/fonts/WorkSans-SemiBold.woff2?8412f300ebf86379a966c4855ba97d77) format("woff2"), url(/fonts/WorkSans-SemiBold.woff?a90a48d4a94ef7766191c573c5122172) format("woff"), url(/fonts/WorkSans-SemiBold.ttf?a1cbb906770d7c1dbc78cfad75694d4a) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Work Sans;
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/WorkSans-Regular_1.eot?46e8457c425b554214a81a54ebff35de);
  src: url(/fonts/WorkSans-Regular_1.eot?46e8457c425b554214a81a54ebff35de?#iefix) format("embedded-opentype"), url(/fonts/WorkSans-Regular_1.woff2?f43363c677a035558266c683aebb36b7) format("woff2"), url(/fonts/WorkSans-Regular_1.woff?3fc21f3301bf614eff9357c8b986e0c6) format("woff"), url(/fonts/WorkSans-Regular_1.ttf?bc2cec7e9c2b3a45c662589204db5fca) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Polli Sans;
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/PolliSans-Regular.eot?402798dfbe759831c0b80cde9399c1c4);
  src: url(/fonts/PolliSans-Regular.eot?402798dfbe759831c0b80cde9399c1c4?#iefix) format("embedded-opentype"), url(/fonts/PolliSans-Regular.woff2?0cf658f83911d465e0af25c96706bf7f) format("woff2"), url(/fonts/PolliSans-Regular.woff?a2995083d69c83ab360fcd3f0b7fce9e) format("woff"), url(/fonts/PolliSans-Regular.ttf?f2d267b026bc4014c22933801d44a9f3) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Polli Sans;
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/PolliSans-Bold.eot?f1599c60d9b34a402c25ec76affff176);
  src: url(/fonts/PolliSans-Bold.eot?f1599c60d9b34a402c25ec76affff176?#iefix) format("embedded-opentype"), url(/fonts/PolliSans-Bold.woff2?ad5c31f6f1780691b2db7893acabbe6e) format("woff2"), url(/fonts/PolliSans-Bold.woff?6be48a5464200a02ba1166d1c36614b8) format("woff"), url(/fonts/PolliSans-Bold.ttf?d32232774044fad41302dc6986f7091a) format("truetype");
}
.slick-slider {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.slick-list,
.slick-slider {
  display: block;
  position: relative;
}

.slick-list {
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  transform: translateZ(0);
}

.slick-track {
  display: block;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0;
}

.slick-track:after,
.slick-track:before {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-loading .slick-list {
  background: #fff url(/images/vendor/slick-carousel/slick/ajax-loader.gif?fb6f3c230cb846e25247dfaa1da94d8f) 50% no-repeat;
}

@font-face {
  font-family: slick;
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/vendor/slick-carousel/slick/slick.eot?a4e97f5a2a64f0ab132323fbeb33ae29);
  src: url(/fonts/vendor/slick-carousel/slick/slick.eot?a4e97f5a2a64f0ab132323fbeb33ae29?#iefix) format("embedded-opentype"), url(/fonts/vendor/slick-carousel/slick/slick.woff?295183786cd8a138986521d9f388a286) format("woff"), url(/fonts/vendor/slick-carousel/slick/slick.ttf?c94f7671dcc99dce43e22a89f486f7c2) format("truetype"), url(/fonts/vendor/slick-carousel/slick/slick.svg?2630a3e3eab21c607e21576571b95b9d#slick) format("svg");
}
.slick-next,
.slick-prev {
  border: none;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0px;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
  background: transparent;
  color: transparent;
  outline: none;
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1;
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: 0.25;
}

.slick-next:before,
.slick-prev:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  /* font-family: slick; */
  font-family: "DM Sans", sans-serif;
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  bottom: -25px;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  position: relative;
}

.slick-dots li,
.slick-dots li button {
  cursor: pointer;
  height: 20px;
  width: 20px;
}

.slick-dots li button {
  background: transparent;
  border: 0;
  color: transparent;
  display: block;
  font-size: 0;
  line-height: 0px;
  outline: none;
  padding: 5px;
}

.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: none;
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1;
}

.slick-dots li button:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  content: "•";
  /* font-family: slick; */
  font-family: "DM Sans", sans-serif;
  font-size: 6px;
  height: 20px;
  left: 0;
  line-height: 20px;
  opacity: 0.25;
  position: absolute;
  text-align: center;
  top: 0;
  width: 20px;
}

.fs-24 {
  font-size: 24px !important;
  font-family: "DM Sans", sans-serif;
}

.fs-19 {
  font-size: 19px !important;
}

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: 0.75;
}

.swal2-popup.swal2-toast {
  background: #fff;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.075), 0 1px 2px rgba(0, 0, 0, 0.075), 1px 2px 4px rgba(0, 0, 0, 0.075), 1px 3px 8px rgba(0, 0, 0, 0.075), 2px 4px 16px rgba(0, 0, 0, 0.075);
  box-sizing: border-box;
  grid-column: 1/4 !important;
  grid-row: 1/4 !important;
  grid-template-columns: 1fr 99fr 1fr;
  overflow-y: hidden;
  padding: 1em;
  pointer-events: all;
}

.swal2-popup.swal2-toast > * {
  grid-column: 2;
}

.swal2-popup.swal2-toast .swal2-title {
  font-size: 1em;
  margin: 0.5em 1em;
  padding: 0;
  text-align: initial;
}

.swal2-popup.swal2-toast .swal2-loading {
  justify-content: center;
}

.swal2-popup.swal2-toast .swal2-input {
  font-size: 1em;
  height: 2em;
  margin: 0.5em;
}

.swal2-popup.swal2-toast .swal2-validation-message {
  font-size: 1em;
}

.swal2-popup.swal2-toast .swal2-footer {
  font-size: 0.8em;
  margin: 0.5em 0 0;
  padding: 0.5em 0 0;
}

.swal2-popup.swal2-toast .swal2-close {
  align-self: center;
  font-size: 2em;
  grid-column: 3/3;
  grid-row: 1/99;
  height: 0.8em;
  margin: 0;
  width: 0.8em;
}

.swal2-popup.swal2-toast .swal2-html-container {
  font-size: 1em;
  margin: 0.5em 1em;
  padding: 0;
  text-align: initial;
}

.swal2-popup.swal2-toast .swal2-html-container:empty {
  padding: 0;
}

.swal2-popup.swal2-toast .swal2-loader {
  align-self: center;
  grid-column: 1;
  grid-row: 1/99;
  height: 2em;
  margin: 0.25em;
  width: 2em;
}

.swal2-popup.swal2-toast .swal2-icon {
  align-self: center;
  grid-column: 1;
  grid-row: 1/99;
  height: 2em;
  margin: 0 0.5em 0 0;
  min-width: 2em;
  width: 2em;
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
  align-items: center;
  display: flex;
  font-size: 1.8em;
  font-weight: 700;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  height: 2em;
  width: 2em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  top: 0.875em;
  width: 1.375em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-actions {
  height: auto;
  justify-content: flex-start;
  margin: 0.5em 0 0;
  padding: 0 0.5em;
}

.swal2-popup.swal2-toast .swal2-styled {
  font-size: 1em;
  margin: 0.25em 0.5em;
  padding: 0.4em 0.6em;
}

.swal2-popup.swal2-toast .swal2-success {
  border-color: #a5dc86;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
  border-radius: 50%;
  height: 3em;
  position: absolute;
  transform: rotate(45deg);
  width: 1.6em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
  border-radius: 4em 0 0 4em;
  left: -0.5em;
  top: -0.8em;
  transform: rotate(-45deg);
  transform-origin: 2em 2em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
  border-radius: 0 4em 4em 0;
  left: 0.9375em;
  top: -0.25em;
  transform-origin: 0 1.5em;
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
  height: 2em;
  width: 2em;
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
  height: 2.6875em;
  left: 0.4375em;
  top: 0;
  width: 0.4375em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
  height: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
  left: 0.1875em;
  top: 1.125em;
  width: 0.75em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
  right: 0.1875em;
  top: 0.9375em;
  width: 1.375em;
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
  animation: swal2-toast-animate-success-line-tip 0.75s;
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
  animation: swal2-toast-animate-success-line-long 0.75s;
}

.swal2-popup.swal2-toast.swal2-show {
  animation: swal2-toast-show 0.5s;
}

.swal2-popup.swal2-toast.swal2-hide {
  animation: swal2-toast-hide 0.1s forwards;
}

.swal2-container {
  -webkit-overflow-scrolling: touch;
  bottom: 0;
  box-sizing: border-box;
  display: grid;
  grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
  grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
  height: 100%;
  left: 0;
  overflow-x: hidden;
  padding: 0.625em;
  position: fixed;
  right: 0;
  top: 0;
  transition: background-color 0.1s;
  z-index: 1060;
}

.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
  background: rgba(0, 0, 0, 0.4);
}

.swal2-container.swal2-backdrop-hide {
  background: transparent !important;
}

.swal2-container.swal2-bottom-start,
.swal2-container.swal2-center-start,
.swal2-container.swal2-top-start {
  grid-template-columns: minmax(0, 1fr) auto auto;
}

.swal2-container.swal2-bottom,
.swal2-container.swal2-center,
.swal2-container.swal2-top {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.swal2-container.swal2-bottom-end,
.swal2-container.swal2-center-end,
.swal2-container.swal2-top-end {
  grid-template-columns: auto auto minmax(0, 1fr);
}

.swal2-container.swal2-top-start > .swal2-popup {
  align-self: start;
}

.swal2-container.swal2-top > .swal2-popup {
  align-self: start;
  grid-column: 2;
  justify-self: center;
}

.swal2-container.swal2-top-end > .swal2-popup,
.swal2-container.swal2-top-right > .swal2-popup {
  align-self: start;
  grid-column: 3;
  justify-self: end;
}

.swal2-container.swal2-center-left > .swal2-popup,
.swal2-container.swal2-center-start > .swal2-popup {
  align-self: center;
  grid-row: 2;
}

.swal2-container.swal2-center > .swal2-popup {
  align-self: center;
  grid-column: 2;
  grid-row: 2;
  justify-self: center;
}

.swal2-container.swal2-center-end > .swal2-popup,
.swal2-container.swal2-center-right > .swal2-popup {
  align-self: center;
  grid-column: 3;
  grid-row: 2;
  justify-self: end;
}

.swal2-container.swal2-bottom-left > .swal2-popup,
.swal2-container.swal2-bottom-start > .swal2-popup {
  align-self: end;
  grid-column: 1;
  grid-row: 3;
}

.swal2-container.swal2-bottom > .swal2-popup {
  align-self: end;
  grid-column: 2;
  grid-row: 3;
  justify-self: center;
}

.swal2-container.swal2-bottom-end > .swal2-popup,
.swal2-container.swal2-bottom-right > .swal2-popup {
  align-self: end;
  grid-column: 3;
  grid-row: 3;
  justify-self: end;
}

.swal2-container.swal2-grow-fullscreen > .swal2-popup,
.swal2-container.swal2-grow-row > .swal2-popup {
  grid-column: 1/4;
  width: 100%;
}

.swal2-container.swal2-grow-column > .swal2-popup,
.swal2-container.swal2-grow-fullscreen > .swal2-popup {
  align-self: stretch;
  grid-row: 1/4;
}

.swal2-container.swal2-no-transition {
  transition: none !important;
}

.swal2-popup {
  background: #fff;
  border: none;
  border-radius: 5px;
  box-sizing: border-box;
  color: #545454;
  display: none;
  font-family: inherit;
  font-size: 1rem;
  grid-template-columns: minmax(0, 100%);
  max-width: 100%;
  padding: 0 0 1.25em;
  position: relative;
  width: 32em;
}

.swal2-popup:focus {
  outline: none;
}

.swal2-popup.swal2-loading {
  overflow-y: hidden;
}

.swal2-title {
  word-wrap: break-word;
  color: inherit;
  font-size: 1.875em;
  font-weight: 600;
  margin: 0;
  max-width: 100%;
  padding: 0.8em 1em 0;
  position: relative;
  text-align: center;
  text-transform: none;
}

.swal2-actions {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 1.25em auto 0;
  padding: 0;
  width: auto;
  z-index: 1;
}

.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
  opacity: 0.4;
}

.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.swal2-actions:not(.swal2-loading) .swal2-styled:active {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.swal2-loader {
  align-items: center;
  animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  border-color: #2778c4 transparent;
  border-radius: 100%;
  border-style: solid;
  border-width: 0.25em;
  display: none;
  height: 2.2em;
  justify-content: center;
  margin: 0 1.875em;
  width: 2.2em;
}

.swal2-styled {
  box-shadow: 0 0 0 3px transparent;
  font-weight: 500;
  margin: 0.3125em;
  padding: 0.625em 1.1em;
  transition: box-shadow 0.1s;
}

.swal2-styled:not([disabled]) {
  cursor: pointer;
}

.swal2-styled.swal2-confirm {
  background: initial;
  background-color: #7066e0;
  border: 0;
  border-radius: 0.25em;
  color: #fff;
  font-size: 1em;
}

.swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(112, 102, 224, 0.5);
}

.swal2-styled.swal2-deny {
  background: initial;
  background-color: #dc3741;
  border: 0;
  border-radius: 0.25em;
  color: #fff;
  font-size: 1em;
}

.swal2-styled.swal2-deny:focus {
  box-shadow: 0 0 0 3px rgba(220, 55, 65, 0.5);
}

.swal2-styled.swal2-cancel {
  background: initial;
  background-color: #6e7881;
  border: 0;
  border-radius: 0.25em;
  color: #fff;
  font-size: 1em;
}

.swal2-styled.swal2-cancel:focus {
  box-shadow: 0 0 0 3px rgba(110, 120, 129, 0.5);
}

.swal2-styled.swal2-default-outline:focus {
  box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5);
}

.swal2-styled:focus {
  outline: none;
}

.swal2-styled::-moz-focus-inner {
  border: 0;
}

.swal2-footer {
  border-top: 1px solid #eee;
  color: inherit;
  font-size: 1em;
  justify-content: center;
  margin: 1em 0 0;
  padding: 1em 1em 0;
}

.swal2-timer-progress-bar-container {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  bottom: 0;
  grid-column: auto !important;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
}

.swal2-timer-progress-bar {
  background: rgba(0, 0, 0, 0.2);
  height: 0.25em;
  width: 100%;
}

.swal2-image {
  margin: 2em auto 1em;
  max-width: 100%;
}

.swal2-close {
  align-items: center;
  background: transparent;
  border: none;
  border-radius: 5px;
  color: #ccc;
  cursor: pointer;
  /* font-family: serif; */
  /* font-family: monospace; */
  font-family: "DM Sans", sans-serif;
  font-size: 2.5em;
  height: 1.2em;
  justify-content: center;
  justify-self: end;
  margin-bottom: -1.2em;
  margin-right: 0;
  margin-top: 0;
  overflow: hidden;
  padding: 0;
  transition: color 0.1s, box-shadow 0.1s;
  width: 1.2em;
  z-index: 2;
}

.swal2-close:hover {
  background: transparent;
  color: #f27474;
  transform: none;
}

.swal2-close:focus {
  box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5);
  outline: none;
}

.swal2-close::-moz-focus-inner {
  border: 0;
}

.swal2-html-container {
  word-wrap: break-word;
  color: inherit;
  font-size: 1.125em;
  font-weight: 400;
  justify-content: center;
  line-height: normal;
  margin: 1em 1.6em 0.3em;
  overflow: auto;
  padding: 0;
  text-align: center;
  word-break: break-word;
  z-index: 1;
}

.swal2-checkbox,
.swal2-file,
.swal2-input,
.swal2-radio,
.swal2-select,
.swal2-textarea {
  margin: 1em 2em 3px;
}

.swal2-file,
.swal2-input,
.swal2-textarea {
  background: inherit;
  border: 1px solid #d9d9d9;
  border-radius: 0.1875em;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;
  box-sizing: border-box;
  color: inherit;
  font-size: 1.125em;
  transition: border-color 0.1s, box-shadow 0.1s;
  width: auto;
}

.swal2-file.swal2-inputerror,
.swal2-input.swal2-inputerror,
.swal2-textarea.swal2-inputerror {
  border-color: #f27474 !important;
  box-shadow: 0 0 2px #f27474 !important;
}

.swal2-file:focus,
.swal2-input:focus,
.swal2-textarea:focus {
  border: 1px solid #b4dbed;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5);
  outline: none;
}

.swal2-file::-moz-placeholder,
.swal2-input::-moz-placeholder,
.swal2-textarea::-moz-placeholder {
  color: #ccc;
}

.swal2-file:-ms-input-placeholder,
.swal2-input:-ms-input-placeholder,
.swal2-textarea:-ms-input-placeholder {
  color: #ccc;
}

.swal2-file::-moz-placeholder, .swal2-input::-moz-placeholder, .swal2-textarea::-moz-placeholder {
  color: #ccc;
}

.swal2-file:-ms-input-placeholder, .swal2-input:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
  color: #ccc;
}

.swal2-file::placeholder,
.swal2-input::placeholder,
.swal2-textarea::placeholder {
  color: #ccc;
}

.swal2-range {
  background: #fff;
  margin: 1em 2em 3px;
}

.swal2-range input {
  width: 80%;
}

.swal2-range output {
  color: inherit;
  font-weight: 600;
  text-align: center;
  width: 20%;
}

.swal2-range input,
.swal2-range output {
  font-size: 1.125em;
  height: 2.625em;
  line-height: 2.625em;
  padding: 0;
}

.swal2-input {
  height: 2.625em;
  padding: 0 0.75em;
}

.swal2-file {
  background: inherit;
  font-size: 1.125em;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}

.swal2-textarea {
  height: 6.75em;
  padding: 0.75em;
}

.swal2-select {
  background: inherit;
  color: inherit;
  font-size: 1.125em;
  max-width: 100%;
  min-width: 50%;
  padding: 0.375em 0.625em;
}

.swal2-checkbox,
.swal2-radio {
  align-items: center;
  background: #fff;
  color: inherit;
  justify-content: center;
}

.swal2-checkbox label,
.swal2-radio label {
  font-size: 1.125em;
  margin: 0 0.6em;
}

.swal2-checkbox input,
.swal2-radio input {
  flex-shrink: 0;
  margin: 0 0.4em;
}

.swal2-input-label {
  display: flex;
  justify-content: center;
  margin: 1em auto 0;
}

.swal2-validation-message {
  align-items: center;
  background: #f0f0f0;
  color: #666;
  font-size: 1em;
  font-weight: 300;
  justify-content: center;
  margin: 1em 0 0;
  overflow: hidden;
  padding: 0.625em;
}

.swal2-validation-message:before {
  background-color: #f27474;
  border-radius: 50%;
  color: #fff;
  content: "!";
  display: inline-block;
  font-weight: 600;
  height: 1.5em;
  line-height: 1.5em;
  margin: 0 0.625em;
  min-width: 1.5em;
  text-align: center;
  width: 1.5em;
}

.swal2-icon {
  border: 0.25em solid #000;
  border-radius: 50%;
  box-sizing: content-box;
  cursor: default;
  font-family: inherit;
  height: 5em;
  justify-content: center;
  line-height: 5em;
  margin: 2.5em auto 0.6em;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 5em;
}

.swal2-icon .swal2-icon-content {
  align-items: center;
  display: flex;
  font-size: 3.75em;
}

.swal2-icon.swal2-error {
  border-color: #f27474;
  color: #f27474;
}

.swal2-icon.swal2-error .swal2-x-mark {
  flex-grow: 1;
  position: relative;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  background-color: #f27474;
  border-radius: 0.125em;
  display: block;
  height: 0.3125em;
  position: absolute;
  top: 2.3125em;
  width: 2.9375em;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 1.0625em;
  transform: rotate(45deg);
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 1em;
  transform: rotate(-45deg);
}

.swal2-icon.swal2-error.swal2-icon-show {
  animation: swal2-animate-error-icon 0.5s;
}

.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
  animation: swal2-animate-error-x-mark 0.5s;
}

.swal2-icon.swal2-warning {
  border-color: #facea8;
  color: #f8bb86;
}

.swal2-icon.swal2-warning.swal2-icon-show {
  animation: swal2-animate-error-icon 0.5s;
}

.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content {
  animation: swal2-animate-i-mark 0.5s;
}

.swal2-icon.swal2-info {
  border-color: #9de0f6;
  color: #3fc3ee;
}

.swal2-icon.swal2-info.swal2-icon-show {
  animation: swal2-animate-error-icon 0.5s;
}

.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content {
  animation: swal2-animate-i-mark 0.8s;
}

.swal2-icon.swal2-question {
  border-color: #c9dae1;
  color: #87adbd;
}

.swal2-icon.swal2-question.swal2-icon-show {
  animation: swal2-animate-error-icon 0.5s;
}

.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content {
  animation: swal2-animate-question-mark 0.8s;
}

.swal2-icon.swal2-success {
  border-color: #a5dc86;
  color: #a5dc86;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
  border-radius: 50%;
  height: 7.5em;
  position: absolute;
  transform: rotate(45deg);
  width: 3.75em;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
  border-radius: 7.5em 0 0 7.5em;
  left: -2.0635em;
  top: -0.4375em;
  transform: rotate(-45deg);
  transform-origin: 3.75em 3.75em;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
  border-radius: 0 7.5em 7.5em 0;
  left: 1.875em;
  top: -0.6875em;
  transform: rotate(-45deg);
  transform-origin: 0 3.75em;
}

.swal2-icon.swal2-success .swal2-success-ring {
  border: 0.25em solid rgba(164, 219, 132, 0.3);
  border-radius: 50%;
  box-sizing: content-box;
  height: 100%;
  left: -0.25em;
  position: absolute;
  top: -0.25em;
  width: 100%;
  z-index: 2;
}

.swal2-icon.swal2-success .swal2-success-fix {
  height: 5.625em;
  left: 1.625em;
  position: absolute;
  top: 0.5em;
  transform: rotate(-45deg);
  width: 0.4375em;
  z-index: 1;
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
  background-color: #a5dc86;
  border-radius: 0.125em;
  display: block;
  height: 0.3125em;
  position: absolute;
  z-index: 2;
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
  left: 0.8125em;
  top: 2.875em;
  transform: rotate(45deg);
  width: 1.5625em;
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
  right: 0.5em;
  top: 2.375em;
  transform: rotate(-45deg);
  width: 2.9375em;
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
  animation: swal2-animate-success-line-tip 0.75s;
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
  animation: swal2-animate-success-line-long 0.75s;
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
  animation: swal2-rotate-success-circular-line 4.25s ease-in;
}

.swal2-progress-steps {
  align-items: center;
  background: inherit;
  flex-wrap: wrap;
  font-weight: 600;
  margin: 1.25em auto;
  max-width: 100%;
  padding: 0;
}

.swal2-progress-steps li {
  display: inline-block;
  position: relative;
}

.swal2-progress-steps .swal2-progress-step {
  background: #2778c4;
  border-radius: 2em;
  color: #fff;
  flex-shrink: 0;
  height: 2em;
  line-height: 2em;
  text-align: center;
  width: 2em;
  z-index: 20;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #2778c4;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
  background: #add8e6;
  color: #fff;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  background: #add8e6;
}

.swal2-progress-steps .swal2-progress-step-line {
  background: #2778c4;
  flex-shrink: 0;
  height: 0.4em;
  margin: 0 -1px;
  width: 2.5em;
  z-index: 10;
}

[class^=swal2] {
  -webkit-tap-highlight-color: transparent;
}

.swal2-show {
  animation: swal2-show 0.3s;
}

.swal2-hide {
  animation: swal2-hide 0.15s forwards;
}

.swal2-noanimation {
  transition: none;
}

.swal2-scrollbar-measure {
  height: 50px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
  width: 50px;
}

.swal2-rtl .swal2-close {
  margin-left: 0;
  margin-right: 0;
}

.swal2-rtl .swal2-timer-progress-bar {
  left: auto;
  right: 0;
}
@keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotate(2deg);
  }
  33% {
    transform: translateY(0) rotate(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotate(2deg);
  }
  to {
    transform: translateY(0) rotate(0deg);
  }
}
@keyframes swal2-toast-hide {
  to {
    opacity: 0;
    transform: rotate(1deg);
  }
}
@keyframes swal2-toast-animate-success-line-tip {
  0% {
    left: 0.0625em;
    top: 0.5625em;
    width: 0;
  }
  54% {
    left: 0.125em;
    top: 0.125em;
    width: 0;
  }
  70% {
    left: -0.25em;
    top: 0.625em;
    width: 1.625em;
  }
  84% {
    left: 0.75em;
    top: 1.0625em;
    width: 0.5em;
  }
  to {
    left: 0.1875em;
    top: 1.125em;
    width: 0.75em;
  }
}
@keyframes swal2-toast-animate-success-line-long {
  0% {
    right: 1.375em;
    top: 1.625em;
    width: 0;
  }
  65% {
    right: 0.9375em;
    top: 1.25em;
    width: 0;
  }
  84% {
    right: 0;
    top: 0.9375em;
    width: 1.125em;
  }
  to {
    right: 0.1875em;
    top: 0.9375em;
    width: 1.375em;
  }
}
@keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  to {
    transform: scale(1);
  }
}
@keyframes swal2-hide {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.5);
  }
}
@keyframes swal2-animate-success-line-tip {
  0% {
    left: 0.0625em;
    top: 1.1875em;
    width: 0;
  }
  54% {
    left: 0.125em;
    top: 1.0625em;
    width: 0;
  }
  70% {
    left: -0.375em;
    top: 2.1875em;
    width: 3.125em;
  }
  84% {
    left: 1.3125em;
    top: 3em;
    width: 1.0625em;
  }
  to {
    left: 0.8125em;
    top: 2.8125em;
    width: 1.5625em;
  }
}
@keyframes swal2-animate-success-line-long {
  0% {
    right: 2.875em;
    top: 3.375em;
    width: 0;
  }
  65% {
    right: 2.875em;
    top: 3.375em;
    width: 0;
  }
  84% {
    right: 0;
    top: 2.1875em;
    width: 3.4375em;
  }
  to {
    right: 0.5em;
    top: 2.375em;
    width: 2.9375em;
  }
}
@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  to {
    transform: rotate(-405deg);
  }
}
@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    opacity: 0;
    transform: scale(0.4);
  }
  50% {
    margin-top: 1.625em;
    opacity: 0;
    transform: scale(0.4);
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  to {
    margin-top: 0;
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes swal2-animate-error-icon {
  0% {
    opacity: 0;
    transform: rotateX(100deg);
  }
  to {
    opacity: 1;
    transform: rotateX(0deg);
  }
}
@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes swal2-animate-question-mark {
  0% {
    transform: rotateY(-1turn);
  }
  to {
    transform: rotateY(0);
  }
}
@keyframes swal2-animate-i-mark {
  0% {
    opacity: 0;
    transform: rotate(45deg);
  }
  25% {
    opacity: 0.4;
    transform: rotate(-25deg);
  }
  50% {
    opacity: 0.8;
    transform: rotate(15deg);
  }
  75% {
    opacity: 1;
    transform: rotate(-5deg);
  }
  to {
    opacity: 1;
    transform: rotateX(0);
  }
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: hidden;
}

body.swal2-height-auto {
  height: auto !important;
}

body.swal2-no-backdrop .swal2-container {
  background-color: transparent !important;
  pointer-events: none;
}

body.swal2-no-backdrop .swal2-container .swal2-popup {
  pointer-events: all;
}

body.swal2-no-backdrop .swal2-container .swal2-modal {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

@media print {
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: scroll !important;
  }

  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
    display: none;
  }

  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
    position: static !important;
  }
}
body.swal2-toast-shown .swal2-container {
  background-color: transparent;
  box-sizing: border-box;
  max-width: 100%;
  pointer-events: none;
  width: 360px;
}

body.swal2-toast-shown .swal2-container.swal2-top {
  bottom: auto;
  left: 50%;
  right: auto;
  top: 0;
  transform: translateX(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-top-end,
body.swal2-toast-shown .swal2-container.swal2-top-right {
  bottom: auto;
  left: auto;
  right: 0;
  top: 0;
}

body.swal2-toast-shown .swal2-container.swal2-top-left,
body.swal2-toast-shown .swal2-container.swal2-top-start {
  bottom: auto;
  left: 0;
  right: auto;
  top: 0;
}

body.swal2-toast-shown .swal2-container.swal2-center-left,
body.swal2-toast-shown .swal2-container.swal2-center-start {
  bottom: auto;
  left: 0;
  right: auto;
  top: 50%;
  transform: translateY(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-center {
  bottom: auto;
  left: 50%;
  right: auto;
  top: 50%;
  transform: translate(-50%, -50%);
}

body.swal2-toast-shown .swal2-container.swal2-center-end,
body.swal2-toast-shown .swal2-container.swal2-center-right {
  bottom: auto;
  left: auto;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-bottom-left,
body.swal2-toast-shown .swal2-container.swal2-bottom-start {
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
  bottom: 0;
  left: 50%;
  right: auto;
  top: auto;
  transform: translateX(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end,
body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  bottom: 0;
  left: auto;
  right: 0;
  top: auto;
}

.daterangepicker {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: inherit;
  display: none;
  /* font-family: arial; */
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  left: 20px;
  line-height: 1em;
  margin-top: 7px;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 100px;
  width: 278px;
  z-index: 3001;
}

.daterangepicker:after,
.daterangepicker:before {
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
  display: inline-block;
  position: absolute;
}

.daterangepicker:before {
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  top: -7px;
}

.daterangepicker:after {
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: -6px;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:after,
.daterangepicker.openscenter:before {
  left: 0;
  margin-left: auto;
  margin-right: auto;
  right: 0;
  width: 0;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  border-bottom: initial;
  border-top: 7px solid #ccc;
  bottom: -7px;
  top: auto;
}

.daterangepicker.drop-up:after {
  border-bottom: initial;
  border-top: 6px solid #fff;
  bottom: -6px;
  top: auto;
}

.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-buttons,
.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
  border: solid #000;
  border-radius: 0;
  border-width: 0 2px 2px 0;
  color: #fff;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th {
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  min-width: 32px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: 32px;
}

.daterangepicker .calendar-table {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
}

.daterangepicker .calendar-table table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  width: 100%;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week,
.daterangepicker th.week {
  color: #ccc;
  font-size: 80%;
}

.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  border-radius: 0;
  color: #000;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker option.disabled,
.daterangepicker td.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  cursor: default;
  font-size: 12px;
  height: auto;
  margin: 0;
  padding: 1px;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
  background: #eee;
  border: 1px solid #eee;
  font-size: 12px;
  margin: 0 auto;
  outline: 0;
  padding: 2px;
  width: 50px;
}

.daterangepicker .calendar-time {
  line-height: 30px;
  margin: 4px auto 0;
  position: relative;
  text-align: center;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  border-top: 1px solid #ddd;
  clear: both;
  display: none;
  line-height: 12px;
  padding: 8px;
  text-align: right;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  font-size: 12px;
  font-weight: 700;
  margin-left: 8px;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  margin: 0;
  text-align: left;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  cursor: pointer;
  font-size: 12px;
  padding: 8px 12px;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .drp-calendar,
.daterangepicker.single .ranges {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-bottom-right-radius: 0;
    border-right: none;
    border-top-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-bottom-left-radius: 0;
    border-left: none;
    border-top-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .drp-calendar,
.daterangepicker .ranges {
    float: left;
  }
}
@media (min-width: 730px) {
  .daterangepicker .ranges {
    float: left;
    width: auto;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}
[x-cloak] {
  display: none !important;
}

.font-heading {
  /* font-family: Polli Sans, sans-serif */
  font-family: var(--font-heading);
}

.sub-heading {
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity));
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  font-family: var(--font-heading);
}

@media (min-width: 768px) {
  .sub-heading {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.paragraph {
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity));
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
  font-family: var(--font-body);
}

@media (min-width: 1024px) {
  .paragraph {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.bg-menu {
  --tw-bg-opacity: 1;
  background: url(/images/menu-header.png) no-repeat 50%/cover;
  background-blend-mode: multiply;
  background-color: rgb(0 0 0/var(--tw-bg-opacity));
}

@media (min-width: 1024px) {
  .bg-menu {
    background-blend-mode: normal;
    background-color: transparent;
  }
}
.bg-menu {
  background-size: cover;
}

.bg-login {
  background: url(/images/login-bg.png) no-repeat 50%/cover;
  background-attachment: fixed;
}

.tns-nav-active {
  --tw-bg-opacity: 1;
  background-color: rgb(5 122 116/var(--tw-bg-opacity));
  /* background-color: rgb(231 0 113/var(--tw-bg-opacity)) */
}

.tns-slide-active .animate-up-with-rotate {
  animation: slide-up 1s ease;
  transform-origin: bottom;
}

.tns-slide-active .animate-up {
  animation: animate-up 0.7s ease;
  animation-fill-mode: forwards;
  opacity: 0;
  transition-delay: 0.6s;
}
@keyframes animate-up {
  0% {
    opacity: 0;
    transform: translateY(2rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-up {
  0% {
    transform: rotateX(90deg) translateY(2rem);
  }
  to {
    transform: rotateX(0) translateY(0);
  }
}
.tns-inner,
.tns-outer,
.tns-ovh {
  height: 100%;
}

.signs {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  padding-bottom: 2.5rem;
}

@media (min-width: 1024px) {
  .signs {
    gap: 5rem;
    grid-template-columns: minmax(300px, 843px) minmax(400px, 1780px);
    padding-bottom: 0;
  }
}
.signs__showcase {
  position: relative;
  z-index: 10;
}

.signs__showcase:before {
  --tw-content: "";
  background: linear-gradient(0deg, #4e6b5f 0, #2d3d36), url(/images/logins.png);
  background-blend-mode: multiply;
  background-position: 50%;
  background-repeat: no-repeat;
  clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
  content: var(--tw-content);
  height: 100%;
  inset: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: -10;
}

@media (min-width: 1024px) {
  .signs__showcase:before {
    background-position: 50%;
    background-size: cover;
  }
}
.active-step {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: rgb(5 122 116/var(--tw-bg-opacity));
  /* background-color: rgb(231 0 113/var(--tw-bg-opacity)); */
  border: 1px solid rgb(0 0 0/var(--tw-border-opacity));
}

@media (max-width: 1023px) {
  .signs__showcase:before {
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  }
}
.filter-list a {
  align-items: center;
  display: flex;
  font-size: 1.125rem;
  font-weight: 500;
  gap: 1.25rem;
  line-height: 1.75rem;
  line-height: 1.5;
  position: relative;
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.filter-list.active a {
  --tw-text-opacity: 1;
  color: rgb(231 0 113/var(--tw-text-opacity));
}

.filter-list.active a:after {
  --tw-bg-opacity: 1;
  --tw-content: "";
  background-color: rgb(5 122 116/var(--tw-bg-opacity));
  /* background-color: rgb(231 0 113/var(--tw-bg-opacity)); */
  content: var(--tw-content);
  display: block;
  height: 0.125rem;
  width: 1.25rem;
}

.dish-tab-btn {
  --tw-translate-y: 1.5px;
  border-bottom-color: transparent;
  border-bottom-width: 3px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  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));
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.dish-tab-btn.active {
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  border-bottom-color: rgb(0 0 0/var(--tw-border-opacity));
  color: rgb(231 0 113/var(--tw-text-opacity));
}

.no-scroll {
  height: 100vh;
  overflow: hidden;
}

input[type=checkbox]:checked + label div span,
input[type=radio]:checked + label div span {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

.scrollbar-1x::-webkit-scrollbar,
.scrollbar-1x::-webkit-scrollbar-button {
  height: 5px;
  width: 5px;
}

.scrollbar-1x::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 0.1;
  background-color: rgb(5 122 116/var(--tw-bg-opacity));
  /* background-color: rgb(231 0 113/var(--tw-bg-opacity)); */
  border: 0 #e2e2e2;
  border-radius: 100px;
}

.scrollbar-1x::-webkit-scrollbar-thumb:active,
.scrollbar-1x::-webkit-scrollbar-thumb:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(5 122 116/var(--tw-bg-opacity));
  /* background-color: rgb(231 0 113/var(--tw-bg-opacity)) */
}

.scrollbar-1x::-webkit-scrollbar-track {
  --tw-bg-opacity: 0.3;
  background-color: rgb(249 201 224/var(--tw-bg-opacity));
  border: 0 #fff;
  border-radius: 100px;
}

.scrollbar-1x::-webkit-scrollbar-track:active,
.scrollbar-1x::-webkit-scrollbar-track:hover {
  --tw-bg-opacity: 0.5;
  background-color: rgb(249 201 224/var(--tw-bg-opacity));
}

.scrollbar-1x::-webkit-scrollbar-corner {
  background: transparent;
}

.address-modal {
  --tw-translate-x: -50%;
  --tw-bg-opacity: 1;
  --tw-shadow: 0px 5px 10px rgba(95, 120, 52, 0.1);
  --tw-shadow-colored: 0px 5px 10px var(--tw-shadow-color);
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  height: auto;
  left: 50%;
  max-height: 90vh;
  max-width: 1080px;
  overflow: auto;
  padding: 1.25rem;
  position: absolute;
  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-origin: bottom;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}

@media (min-width: 768px) {
  .address-modal {
    --tw-translate-y: -50%;
    border-radius: 0.375rem;
    bottom: auto;
    padding: 2.5rem;
    top: 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));
    transform-origin: center;
    width: calc(100% - 60px);
  }
}
.address-popup.active-address {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

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

.address-modal.add-address {
  max-width: 500px;
}

.change-address {
  display: flex;
}

.bg-career {
  background: url(/images/career-bg.png) no-repeat 50%/cover;
}

@media (max-width: 767px) {
  .bg-career {
    background: url(/images/career-bg-mobile.png) no-repeat 50%/cover;
    background-blend-mode: multiply;
    background-color: #565656;
  }
}
.bg-ndis {
  background: url(/images/pages/ndis/ndis-bg.png) no-repeat 50%/cover;
}

.bg-ndis-journey {
  background: url(/images/pages/ndis/img-10.png) no-repeat 50%/cover;
}

.bg-ndis-mail {
  background: url(/images/pages/ndis/bg-ndis-mail-mobile.png) no-repeat 50%/cover;
}

@media (min-width: 1023px) {
  .lg\:bg-ndis-mail {
    background: url(/images/pages/ndis/img-09.png) no-repeat top/cover;
  }
}
@media (max-width: 767px) {
  .bg-ndis {
    background: url(/images/pages/ndis/ndis-mobile.png) no-repeat 50%/cover;
    background-blend-mode: multiply;
    background-color: #565656;
  }
}
.faq-box {
  border-radius: 0.5rem;
}

.faq-box,
.faq-btn {
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-btn {
  align-items: center;
  display: flex;
  font-size: 1.25rem;
  gap: 1rem;
  justify-content: space-between;
  line-height: 1.5rem;
  padding: 0.75rem 1rem;
  text-align: left;
  width: 100%;
}

.faq-text {
  font-size: 1rem;
  line-height: 1.5rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  .faq-text {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.faq-btn.show {
  font-weight: 600;
}

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

.dash-link {
  --tw-text-opacity: 1;
  align-items: center;
  color: rgb(0 0 0/var(--tw-text-opacity));
  display: inline-flex;
  /* font-family: Polli Sans, sans-serif; */
  font-family: "DM Sans", sans-serif;
  padding-bottom: 1rem;
  position: relative;
}

@media (min-width: 1024px) {
  .dash-link {
    padding-bottom: 0.625rem;
  }
}
.dash-link.active-dash {
  border-bottom: 2px solid var(--color-primary);
  /* background-image: url(/images/icons/menu-hover.svg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  visibility: visible */
}

.earn-tab-btn {
  align-items: center;
  display: block;
  font-size: 0.875rem;
  justify-content: center;
  line-height: 1.25rem;
  padding-bottom: 1rem;
  padding-top: 0.5rem;
  position: relative;
  width: 100%;
}

.earn-tab-btn:after {
  --tw-translate-y: 50%;
  --tw-bg-opacity: 1;
  --tw-content: "";
  background-color: rgb(5 122 116/var(--tw-bg-opacity));
  /* background-color: rgb(231 0 113/var(--tw-bg-opacity)); */
  bottom: 0;
  content: var(--tw-content);
  height: 3px;
  left: 0;
  opacity: 0;
  position: absolute;
  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));
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
  width: 100%;
}

@media (min-width: 640px) {
  .earn-tab-btn {
    display: flex;
  }
}
.earn-tab-btn.active-earn-tab {
  --tw-text-opacity: 1;
  color: rgb(231 0 113/var(--tw-text-opacity));
}

.earn-tab-btn.active-earn-tab:after {
  content: var(--tw-content);
  opacity: 1;
  visibility: visible;
}

.quiz-question input:checked + label {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(5 122 116/var(--tw-bg-opacity));
  /* background-color: rgb(231 0 113/var(--tw-bg-opacity)); */
  border-color: rgb(0 0 0/var(--tw-border-opacity));
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-weight: 700;
}

.our-meal-plans-tabs li:hover {
  --tw-text-opacity: 1;
  color: rgb(231 0 113/var(--tw-text-opacity));
}

.our-meal-plans-tabs li.active {
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  border-color: rgb(0 0 0/var(--tw-border-opacity));
  color: rgb(231 0 113/var(--tw-text-opacity));
}

.trigger-box.open {
  opacity: 1;
  visibility: visible;
}

.filter-tab-btn.active {
  --tw-bg-opacity: 0.05;
  --tw-text-opacity: 1;
  background-color: rgb(5 122 116/var(--tw-bg-opacity));
  color: rgb(5 122 116/var(--tw-text-opacity));
  /* background-color: rgb(231 0 113/var(--tw-bg-opacity));
  color: rgb(231 0 113/var(--tw-text-opacity)) */
}

.error {
  --tw-text-opacity: 1;
  color: rgb(248 113 113/var(--tw-text-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 0.5rem;
}

.modal-overlay {
  background-color: rgba(0, 0, 0, 0.2);
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  z-index: 20;
}

.modal-overlay.show {
  opacity: 1;
}

.modal-slider.show {
  --tw-translate-x: 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));
  visibility: visible;
  z-index: 50;
}

.modal-slider.show + .bg-overlay {
  opacity: 1;
  visibility: visible;
}

.blog-detail-content p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .blog-detail-content p {
    margin-bottom: 1.5rem;
  }
}
.blog-detail-content h1,
.blog-detail-content h2 {
  --tw-text-opacity: 1;
  color: rgb(231 0 113/var(--tw-text-opacity));
  line-height: 1.25 !important;
}

.blog-detail-content h2 {
  /* font-family: Polli Sans, sans-serif; */
  font-family: var(--font-heading);
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 1.5rem;
}

.blog-detail-content h2 span,
.blog-detail-content p span {
  --tw-text-opacity: 1;
  color: rgb(231 0 113/var(--tw-text-opacity));
}

.blog-detail-content p span {
  font-weight: 500;
}

.blog-detail-content ul:not(.style-disc-none) {
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

.blog-detail-content ul:not(.style-disc-none) li {
  list-style-type: disc;
}

.blog-detail-content a:not(.recipe-tag) {
  --tw-text-opacity: 1;
  /* color: rgb(231 0 113/var(--tw-text-opacity)); */
  color: rgb(5 122 116/var(--tw-text-opacity));
  font-weight: 500;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}

.blog-detail-content a.btn {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  -webkit-text-decoration-line: none;
  text-decoration-line: none;
}

.blog-detail-content h3 {
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity));
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.75rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}

.blog-detail-content blockquote {
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  border-color: rgb(0 0 0/var(--tw-border-opacity));
  border-left-width: 2px;
  color: rgb(0 0 0/var(--tw-text-opacity));
  font-style: italic;
  margin-bottom: 2.5rem;
  margin-top: 0.5rem;
  padding: 0.125rem 1.25rem;
}

.blog-detail-content blockquote h4 {
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity));
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.75rem;
  margin-bottom: 0.25rem;
}

.blog-detail-content blockquote p {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
  margin-bottom: 0;
}

.input-checkbox span:before {
  background-color: transparent;
  background-position: 50%;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition-duration: 0.3s;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
  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-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  z-index: 10;
}

.input-checkbox input:checked + span {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0/var(--tw-border-opacity));
}

.input-checkbox input:checked + span:before {
  --tw-bg-opacity: 1;
  background-color: rgb(5 122 116/var(--tw-bg-opacity));
  /* background-color: rgb(231 0 113/var(--tw-bg-opacity)); */
  background-image: url(/images/icons/check-icon.svg);
}

.input-radio input:checked + span span {
  --tw-scale-x: 0.75;
  --tw-scale-y: 0.75;
  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));
}

.contact-form-checkbox.input-checkbox input:checked + span:before {
  background-size: 70%;
}

.select-meal-plan-btn {
  --tw-bg-opacity: 0.05;
  --tw-text-opacity: 1;
  background-color: rgb(5 122 116/var(--tw-bg-opacity));
  /* background-color: rgb(231 0 113/var(--tw-bg-opacity)); */
  color: rgb(0 0 0/var(--tw-text-opacity));
  cursor: pointer;
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.75rem 0.5rem;
  text-align: center;
  width: 7rem;
}

.meal-plan-select-days label:first-child .select-meal-plan-btn {
  border-bottom-left-radius: 0.25rem;
  border-right-width: 0;
  border-top-left-radius: 0.25rem;
}

.meal-plan-select-days label:last-child .select-meal-plan-btn {
  --tw-border-opacity: 1;
  border-bottom-right-radius: 0.25rem;
  /* border-color: rgb(249 201 224/var(--tw-border-opacity)); */
  border-color: rgb(5 122 116/var(--tw-border-opacity));
  border-left-width: 1px;
  border-top-right-radius: 0.25rem;
}

.meal-plan-select-days .select-meal-plan-btn:hover,
.meal-plan-select-days label input:checked + .select-meal-plan-btn {
  --tw-bg-opacity: 0.15;
  /* background-color: rgb(231 0 113/var(--tw-bg-opacity)) */
  background-color: rgb(5 122 116/var(--tw-bg-opacity));
}

select {
  background-image: none;
}

input::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity));
}

input:-ms-input-placeholder {
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity));
}

input::placeholder {
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity));
}

.form-control {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 0.375rem;
  color: rgb(0 0 0/var(--tw-text-opacity));
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1;
  padding: 1rem 1.25rem;
}

.form-control::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(231 0 113/var(--tw-placeholder-opacity));
}

.form-control:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(231 0 113/var(--tw-placeholder-opacity));
}

.form-control::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(231 0 113/var(--tw-placeholder-opacity));
}

.form-control {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --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(var(--tw-ring-offset-width))
    var(--tw-ring-color);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(231 0 113 / var(--tw-ring-opacity));
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.form-control::-moz-placeholder {
  font-style: italic;
}

.form-control:-ms-input-placeholder {
  font-style: italic;
}

.form-control::placeholder {
  font-style: italic;
}

.form-control:focus {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --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(var(--tw-ring-offset-width))
    var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  outline-color: #e70071;
}

.p-Input-input,
.p-Select-select {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 0.375rem;
  color: rgb(0 0 0/var(--tw-text-opacity));
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1;
  padding: 1rem 1.25rem;
}

.p-Input-input::-moz-placeholder,
.p-Select-select::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(231 0 113/var(--tw-placeholder-opacity));
}

.p-Input-input:-ms-input-placeholder,
.p-Select-select:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(231 0 113/var(--tw-placeholder-opacity));
}

.p-Input-input::-moz-placeholder, .p-Select-select::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(231 0 113/var(--tw-placeholder-opacity));
}

.p-Input-input:-ms-input-placeholder, .p-Select-select:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(231 0 113/var(--tw-placeholder-opacity));
}

.p-Input-input::placeholder,
.p-Select-select::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(231 0 113/var(--tw-placeholder-opacity));
}

.p-Input-input,
.p-Select-select {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --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(var(--tw-ring-offset-width))
    var(--tw-ring-color);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(231 0 113 / var(--tw-ring-opacity));
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.p-Input-input::-moz-placeholder,
.p-Select-select::-moz-placeholder {
  font-style: italic;
}

.p-Input-input:-ms-input-placeholder,
.p-Select-select:-ms-input-placeholder {
  font-style: italic;
}

.p-Input-input::-moz-placeholder, .p-Select-select::-moz-placeholder {
  font-style: italic;
}

.p-Input-input:-ms-input-placeholder, .p-Select-select:-ms-input-placeholder {
  font-style: italic;
}

.p-Input-input::placeholder,
.p-Select-select::placeholder {
  font-style: italic;
}

.p-Input-input:focus,
.p-Select-select:focus {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --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(var(--tw-ring-offset-width))
    var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  outline-color: #e70071;
}

.btn-success {
  display: inline-flex;
  min-width: 90px;
  flex-shrink: 0;
  justify-content: center;
  white-space: nowrap;
  border-radius: 0.25rem;
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: #f4c64d;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: #000000;
}

.btn-success:hover {
  --tw-bg-opacity: 1;
  background-color: color-mix(in srgb, var(--color-primary, #ffc84e) 90%, #000);
}

.btn-success: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(0 0 0 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
}

.btn-warning {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(234 179 8/var(--tw-bg-opacity));
  border-color: transparent;
  border-radius: 0.25rem;
  border-width: 1px;
  color: rgb(255 255 255/var(--tw-text-opacity));
  cursor: pointer;
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 500;
  justify-content: center;
  line-height: 1.25rem;
  min-width: 90px;
  padding: 0.5rem 1rem;
  text-align: center;
}

.btn-warning:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21/var(--tw-bg-opacity));
}

.btn-warning: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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 204 21 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.btn-danger,
.btn-error {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(185 28 28/var(--tw-bg-opacity));
  border-color: transparent;
  border-radius: 0.25rem;
  border-width: 1px;
  color: rgb(255 255 255/var(--tw-text-opacity));
  cursor: pointer;
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 500;
  justify-content: center;
  line-height: 1.25rem;
  min-width: 90px;
  padding: 0.5rem 1rem;
  text-align: center;
}

.btn-danger:hover,
.btn-error:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68/var(--tw-bg-opacity));
}

.btn-danger:focus,
.btn-error: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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.btn-white {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-color: rgb(242 242 242/var(--tw-border-opacity));
  border-radius: 0.25rem;
  border-width: 1px;
  color: rgb(55 65 81/var(--tw-text-opacity));
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 500;
  justify-content: center;
  line-height: 1.25rem;
  margin-left: 0.75rem;
  min-width: 90px;
  padding: 0.5rem 1rem;
  text-align: center;
}

.btn-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 244 248/var(--tw-bg-opacity));
}

.btn-white: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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(242 242 242 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.theme-shadow {
  box-shadow: 0 0 5px rgba(23, 24, 24, 0.05), 0 1px 2px rgba(0, 0, 0, 0.15);
}

.admin-input {
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  --tw-ring-color: transparent;
  border-color: rgb(209 213 219/var(--tw-border-opacity));
  border-radius: 0.375rem;
  border-width: 1px;
  color: rgb(75 85 99/var(--tw-text-opacity));
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding: 0.5rem 0.75rem;
  width: 100%;
}

.admin-input:focus {
  --tw-border-opacity: 1;
  --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);
  --tw-ring-color: rgb(231 0 113 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.25;
  --tw-ring-offset-width: 1px;
  border-color: rgb(242 242 242/var(--tw-border-opacity));
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.select2-selection {
  --tw-text-opacity: 1;
  --tw-ring-color: transparent;
  color: rgb(75 85 99/var(--tw-text-opacity));
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  min-height: 38px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding: 0.25rem 0.75rem;
  width: 100%;
}

.select2-selection:focus {
  --tw-border-opacity: 1;
  --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);
  --tw-ring-color: rgb(231 0 113 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.25;
  --tw-ring-offset-width: 1px;
  border-color: rgb(242 242 242/var(--tw-border-opacity));
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.select2-selection {
  border: 1px solid #d1d5db !important;
  border-radius: 6px !important;
}

.select2-container .select2-selection--single {
  height: 38px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e5e7 !important;
  border: 1px solid #e4e5e7 !important;
  border-radius: 4px !important;
  color: #202223 !important;
  font-size: 12px;
  padding-left: 8px !important;
  padding-right: 20px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border: none !important;
  border-radius: 0 !important;
  color: #202223;
  left: auto !important;
  right: 0 !important;
}

.select2-selection--multiple {
  height: auto;
}

.alert {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(254 244 248/var(--tw-bg-opacity));
  border-color: rgb(95 94 96/var(--tw-border-opacity));
  border-radius: 0.375rem;
  border-width: 1px;
  color: rgb(75 85 99/var(--tw-text-opacity));
  margin-bottom: 0.5rem;
  padding: 0.5rem 1.5rem;
  text-align: center;
  width: -moz-max-content;
  width: max-content;
}

.alert.alert-success {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231/var(--tw-bg-opacity));
  border-color: rgb(134 239 172/var(--tw-border-opacity));
}

.alert.alert-error {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226/var(--tw-bg-opacity));
  border-color: rgb(252 165 165/var(--tw-border-opacity));
}

.tag {
  --tw-bg-opacity: 1;
  background-color: rgb(228 229 231/var(--tw-bg-opacity));
  border-radius: 0.5rem;
  padding: 0.5rem;
}

.rate {
  float: left;
  height: 46px;
  padding: 0 10px;
  position: relative;
}

.rate:not(:checked) > input {
  display: none;
  position: absolute;
  top: -9999px;
}

.rate:not(:checked) > label {
  --tw-text-opacity: 1;
  color: rgb(249 201 224/var(--tw-text-opacity));
  cursor: pointer;
  float: right;
  font-size: 25px;
  overflow: hidden;
  white-space: nowrap;
  width: 1em;
}

.rate:not(:checked) > label:before {
  content: "★ ";
}

.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label,
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
  --tw-text-opacity: 1;
  color: rgb(231 0 113/var(--tw-text-opacity));
}

.text-theme-shadow {
  text-shadow: 0 5px 25px #000;
}

.dropdown-select2,
.theme-input {
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  border-color: gray;
  border-radius: 6px;
  border-width: 1px;
  color: rgb(0 0 0/var(--tw-text-opacity));
  display: block;
  font-size: 0.87rem;
  line-height: 1.25rem;
  padding: 0.75rem;
  width: 100%;
  background-color: #fffff5;
}

.dropdown-select2::-moz-placeholder,
.theme-input::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(165 165 165/var(--tw-placeholder-opacity));
}

.dropdown-select2:-ms-input-placeholder,
.theme-input:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(165 165 165/var(--tw-placeholder-opacity));
}

.dropdown-select2::-moz-placeholder, .theme-input::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(165 165 165/var(--tw-placeholder-opacity));
}

.dropdown-select2:-ms-input-placeholder, .theme-input:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(165 165 165/var(--tw-placeholder-opacity));
}

.dropdown-select2::placeholder,
.theme-input::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(165 165 165/var(--tw-placeholder-opacity));
}

.dropdown-select2,
.theme-input {
  --tw-ring-color: transparent;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-duration: 0.2s;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
  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-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.dropdown-select2:focus,
.theme-input:focus {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 0.05;
  --tw-text-opacity: 1;
  --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(var(--tw-ring-offset-width))
    var(--tw-ring-color);
  --tw-ring-color: rgb(231 0 113 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.25;
  --tw-ring-offset-width: 1px;
  background-color: #fffff5;
  border-color: gray;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  color: rgb(0 0 0/var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.delivery-tabs .active {
  --tw-border-opacity: 1;
  border-color: rgb(254 244 248/var(--tw-border-opacity));
}

@media (min-width: 768px) {
  .meal-plan-card:nth-child(odd) .meal-plan-description {
    order: 1;
  }

  .meal-plan-card:nth-child(odd) .meal-plan-img {
    order: 2;
  }
}
.slick-indicators .slick-next,
.slick-indicators .slick-prev {
  align-items: center;
  background-color: transparent;
  border-radius: 100%;
  display: flex;
  height: 25px;
  justify-content: center;
  width: 25px;
}

.slick-indicators .slick-next:before,
.slick-indicators .slick-prev:before {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 100%;
  opacity: 1;
  width: 100%;
}

.slick-indicators .slick-prev:before {
  background-image: url(/images/icons/prev-arrow.svg);
}

.slick-indicators .slick-next:before {
  background-image: url(/images/icons/next-arrow.svg);
}

.tns-outer {
  margin-bottom: 1.25rem;
  position: relative;
}

@media (min-width: 1024px) {
  .tns-outer {
    margin-bottom: 0;
  }
}
.tns-inner,
.tns-outer,
.tns-ovh {
  height: auto;
}

.tns-nav {
  bottom: -30px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}

.tns-nav button {
  background-color: transparent;
  border: 1px solid #2d3d36;
  border-radius: 50%;
  height: 12px;
  margin-left: 7px;
  opacity: 0.8;
  transition: all 0.2s ease-in-out;
  width: 12px;
}

.tns-nav .tns-nav-active {
  background-color: #2d3d36;
  opacity: 1;
}

.indicators-with-bg .slick-next,
.indicators-with-bg .slick-prev {
  --tw-bg-opacity: 0.5;
  background-color: rgb(0 0 0/var(--tw-bg-opacity));
  height: 90%;
  padding-left: 18px;
  padding-right: 18px;
  width: 3rem;
  z-index: 10;
}

.indicators-with-bg .slick-next {
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0;
  right: 0;
}

.indicators-with-bg .slick-prev {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.75rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0.75rem;
  left: 0;
}

.slick-arrow.slick-disabled {
  opacity: 0;
}

.theme-page-content p {
  margin-bottom: 1.25rem;
}

.theme-page-content a {
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  border-bottom-width: 1px;
  border-color: rgb(249 201 224/var(--tw-border-opacity));
  color: rgb(249 201 224/var(--tw-text-opacity));
  display: inline-block;
}

.theme-page-content h4 {
  --tw-text-opacity: 1;
  color: rgb(254 244 248/var(--tw-text-opacity));
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.75rem;
  margin-bottom: 1rem;
  margin-top: 2.5rem;
}

@media (min-width: 768px) {
  .theme-page-content h4 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.theme-page-content ul {
  list-style-type: disc;
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
  padding-left: 2rem;
}

.theme-page-content ul li {
  margin-bottom: 0.25rem;
}

.theme-page-content ul.list-numbers {
  list-style-type: decimal;
  margin-top: 1rem;
}

.faqs-section .faq-box p {
  margin-bottom: 1rem;
}

.faqs-section .faq-box ul {
  padding-left: 1.5rem;
}

.faqs-section .faq-box ul li {
  margin-bottom: 0.25rem;
}

.applyBtn {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  background-color: rgb(5 122 116/var(--tw-bg-opacity));
  /* background-color: rgb(231 0 113/var(--tw-bg-opacity)); */
  border-color: transparent;
  border-radius: 0.25rem;
  border-width: 1px;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  color: rgb(255 255 255/var(--tw-text-opacity));
  display: inline-flex;
  flex-shrink: 0;
  font-size: 0.875rem;
  font-weight: 500;
  justify-content: center;
  line-height: 1.25rem;
  min-width: 90px;
  padding: 0.5rem 1rem;
  text-align: center;
  white-space: nowrap;
}

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

.applyBtn: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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.cancelBtn {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-color: rgb(242 242 242/var(--tw-border-opacity));
  border-radius: 0.25rem;
  border-width: 1px;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  color: rgb(55 65 81/var(--tw-text-opacity));
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 500;
  justify-content: center;
  line-height: 1.25rem;
  margin-left: 0.75rem;
  min-width: 90px;
  padding: 0.5rem 1rem;
  text-align: center;
}

.cancelBtn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 244 248/var(--tw-bg-opacity));
}

.cancelBtn: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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(242 242 242 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.same-height-carousel .slick-list {
  height: 100%;
}

.same-height-carousel .slick-track {
  display: flex;
  height: 100%;
}

.same-height-carousel .slick-track .slick-slide {
  height: auto;
}

.same-height-carousel .slick-track .slick-slide > div,
.same-height-carousel .slick-track .slick-slide > div > div {
  height: 100%;
}

@media only screen and (min-width: 376px) {
  .pixel {
    display: none;
  }
}
@media only screen and (max-width: 374px) {
  .pixel {
    display: none;
  }
}
[type=button],
[type=reset],
[type=submit],
button {
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
}

.menu-popup-responsive-btn {
  letter-spacing: 0.025em;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

@media (min-width: 640px) {
  .menu-popup-responsive-btn {
    letter-spacing: 0.05em;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.swal2-styled.swal2-default-outline:focus {
  box-shadow: none !important;
}

.child-category a {
  font-size: 1rem;
  line-height: 1.5rem;
}

.filter-category > li.filter-list > a:after {
  display: none;
}

.filter-category .faq-btn {
  margin: 0;
  padding: 0;
}

.filter-list.active + .child-category {
  display: block;
}

.wholesale .min-spend-arrow {
  grid-template-columns: 1.4fr 0.5fr 0.05fr;
}

.wholesale .min-spend-arrow img {
  --tw-translate-y: -50%;
  --tw-translate-x: 100%;
  height: 1rem;
  margin-left: auto;
  margin-right: auto;
  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));
  width: 1rem;
}

@media (min-width: 1024px) {
  .wholesale .min-spend-arrow img {
    margin-left: auto;
    margin-right: 1rem;
  }
}
@media (min-width: 1280px) {
  .wholesale .min-spend-arrow img {
    --tw-translate-x: 50%;
    margin-left: auto;
    margin-right: auto;
    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));
  }
}
.menu #check-delivery {
  display: none;
}

@media (min-width: 1024px) {
  .menu #check-delivery {
    display: flex;
  }
}
.gift-card-leaf h1 {
  /* font-family: "Silk Serif", sans-serif; */
  font-family: var(--font-heading);
  font-weight: 900;
}

.gift-card-leaf table {
  font-family: var(--font-body);
  font-weight: 900;
}

.areas-table {
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  border-collapse: collapse;
  border-color: rgb(0 0 0/var(--tw-border-opacity));
  border-radius: 0.375rem;
  border-width: 1px;
  color: rgb(0 0 0/var(--tw-text-opacity));
}

.areas-table::-webkit-scrollbar-thumb,
.areas-table::-webkit-scrollbar-track {
  --tw-bg-opacity: 1;
  background-color: rgb(254 244 248/var(--tw-bg-opacity));
}

.areas-table tr td {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0/var(--tw-border-opacity));
  border-width: 1px;
  padding: 0.75rem;
}

.areas-table tr:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.1);
}

header.menu-open .nav-bar {
  display: none;
  opacity: 0;
  visibility: hidden;
}

header.menu-open .close-nav {
  display: block;
  opacity: 1;
  visibility: visible;
}

header.menu-open .menu-with-btn {
  --tw-bg-opacity: 1;
  --menu-top-position: 100%;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  display: block;
  height: calc(100vh - var(--menu-top-position));
  left: 0;
  overflow-y: auto;
  position: absolute;
  top: var(--menu-top-position);
  width: 100%;
  z-index: 50;
}

.hero-banner-1 {
  background-image: url(/images/slider-1.webp);
}

.hero-banner-2 {
  background-image: url(/images/slider-2.webp);
}

.hero-banner-3 {
  background-image: url(/images/slider-3.webp);
}

.fs-64 {
  font-size: 64px !important;
}

.delivery-secion {
  background-color: #fffff5 !important;
}

.light-black {
  color: #282824 !important;
}

.border-light-black {
  border: 1px solid #282824 !important;
}

.border-bottom-light-black {
  border-bottom: 1px solid #282824 !important;
}

.hero-banner,
.two-col-bg {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 600px !important;
}

@media (max-width: 576px) {
  .hero-banner,
.two-col-bg {
    height: 650px !important;
  }
}
.two-col-bg {
  background-image: url(/images/explore-bg.png);
}

.inner-hero {
  background-image: url(/images/hero-bg.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.inner-hero:before {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-stops: var(--tw-gradient-from),
    transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  bottom: 0;
  content: "";
  height: 14rem;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.contact-bg-img-hero {
  background-image: url(/images/contact-bg-inner-hero.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.contact-bg-img-hero:before {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-stops: var(--tw-gradient-from),
    transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  bottom: 0;
  content: "";
  height: 14rem;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.section-heading:before {
  --tw-translate-y: -50%;
  --tw-content: "";
  background-image: url(/images/left-heading-vactor.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: var(--tw-content);
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 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));
  width: 30%;
}

@media (min-width: 1024px) {
  .section-heading:before {
    display: block;
  }
}
.section-heading:after {
  --tw-translate-y: -50%;
  --tw-content: "";
  background-image: url(/images/left-heading-vactor.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: var(--tw-content);
  display: none;
  height: 100%;
  position: absolute;
  right: 0;
  top: 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));
  width: 30%;
}

@media (min-width: 1024px) {
  .section-heading:after {
    display: block;
  }
}
.product-heading:before {
  --tw-translate-y: -50%;
  --tw-content: "";
  /* background-image: url(/images/icons/left-line.svg); */
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: var(--tw-content);
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 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));
  width: 40%;
}

@media (min-width: 1024px) {
  .product-heading:before {
    display: block;
  }
}
.product-heading:after {
  --tw-translate-y: -50%;
  --tw-content: "";
  /* background-image: url(/images/icons/right-line.svg); */
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: var(--tw-content);
  display: none;
  height: 100%;
  position: absolute;
  right: 0;
  top: 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));
  width: 40%;
}

@media (min-width: 1024px) {
  .product-heading:after {
    display: block;
  }
}
.blog-heading:after,
.blog-heading:before {
  width: 36%;
}

.dropdown-arrow {
  position: relative;
}

.dropdown-arrow:before {
  background-image: url(/images/dropdown-arrow.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 1.5rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 1.5rem;
}

.newsletter-top-section {
  background-image: url(/images/bg-banner.jpeg);
  background-size: contain;
  position: relative;
  width: 100%;
}

.dropdown-select2:focus {
  outline: none !important;
}

.dropdown-select2,
.product-card .product-detail {
  --tw-bg-opacity: 1;
  /* background-color: rgb(254 244 248/var(--tw-bg-opacity)); */
  border-color: transparent;
  border-width: 1px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
  width: 100%;
}

.dropdown-select2,
.dropdown-select2:focus,
.product-card .product-detail,
.product-card .product-detail: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(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);
}

.dropdown-select2:focus,
.product-card .product-detail:focus {
  --tw-ring-inset: inset;
  border: transparent !important;
  outline-color: transparent;
  outline: none !important;
}

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

.two-row-reverse .img-contamt {
  margin-left: auto;
  margin-right: 0;
}

.ndis-bg-image {
  background-image: url(/images/online-quote-bg.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  width: 100%;
}

.ndis-bg-image:before {
  background: #000;
  content: "";
  height: 100%;
  left: 0;
  opacity: 50%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}

.news-letter-section {
  background-color: #f2ff69;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  width: 100%;
}

.discount-offer {
  transform: rotate(-45deg) translate(-60px, -10px);
}

.input-checkbox input:checked + span:before {
  --tw-bg-opacity: 1;
  background-color: rgb(5 122 116/var(--tw-bg-opacity));
  /* background-color: rgb(231 0 113/var(--tw-bg-opacity)); */
  background-image: url(/images/check-icon.svg);
  background-repeat: no-repeat;
  background-size: 80%;
}

.active,
.menu-hover {
  position: relative;
}

.active:before,
.menu-hover:before {
  --tw-content: "";
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: var(--tw-content);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0.5rem;
  transition-duration: 0.5s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
  width: 100%;
}

.active:not(.filter-tab-btn):before,
.menu-hover:hover:before {
  /* background-image: url(/images/icons/menu-hover.svg); */
  background-position: bottom;
  background-size: 100px;
  opacity: 1;
  visibility: visible;
}

.menu-hover:hover {
  border-bottom: 1px solid black !important;
}

.accordion .accordion-item {
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
  text-align: left;
}

.accordion .accordion-item.show .accordion-button {
  font-weight: 600;
}

.accordion .accordion-item .accordion-button {
  --tw-text-opacity: 1;
  color: rgb(231 0 113/var(--tw-text-opacity));
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
}

.accordion .accordion-item .accordion-body {
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity));
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 2rem;
}

@media (min-width: 1024px) {
  .accordion .accordion-item .accordion-body {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.accordion .icon-img {
  height: 1rem;
  width: 1rem;
}

.radio {
  margin: 0.5rem;
}

.radio input[type=radio] {
  opacity: 0;
  position: absolute;
}

.radio input[type=radio] + .radio-label:before {
  background: #e700710d;
  border: 1px solid #e700710d;
  border-radius: 100%;
  content: "";
  cursor: pointer;
  display: inline-block;
  height: 1.4em;
  margin-right: 1em;
  position: relative;
  text-align: center;
  top: -0.2em;
  transition: all 0.25s ease;
  vertical-align: top;
  width: 1.4em;
}

.radio input[type=radio]:checked + .radio-label:before,
.radio input[type=radio]:focus + .radio-label:before {
  border-color: #fff;
  box-shadow: inset 0 0 0 4px #e70071;
}

.radio input[type=radio]:focus + .radio-label:before {
  outline: none;
}

.\!border-primary-cool {
  --tw-border-opacity: 1;
  border-color: rgb(249 201 224/var(--tw-border-opacity)) !important;
}

.account-hero-bg {
  background-image: url(/images/bg-banner.jpeg);
  background-position: 50%;
  background-size: cover;
}

.account-hero-bg:before {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-stops: var(--tw-gradient-from),
    transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  content: "";
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.choose-meal-plan {
  position: relative;
}

.choose-meal-plan:before {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-stops: var(--tw-gradient-from),
    transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  content: "";
  height: 20rem;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}

.meal-day-plan:nth-child(5) .meal-day-divider,
.meal-day-plan:nth-child(7) .meal-day-divider {
  display: none;
}

.ingredients-table .tab-li-padding li {
  padding: 0.25rem 0.75rem;
}

.ingredients-table ul li {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.ingredients-table ul:not(:first-child) {
  text-align: right;
}

.product-images .slick-dots li {
  margin: 0;
}

.product-images .slick-dots li button:before {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 8px;
  opacity: 0.5;
}

.product-images .slick-dots li.slick-active button:before {
  --tw-text-opacity: 1;
  color: rgb(231 0 113/var(--tw-text-opacity));
  opacity: 1;
}

.product-images .slick-dots {
  bottom: 1.5rem;
}

.contact-us-form {
  border-radius: 1rem;
  box-shadow: 7px 35px 51px rgba(0, 0, 0, 0.14);
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  padding: 1.5rem;
}

@media (min-width: 1024px) {
  .contact-us-form {
    margin-left: auto;
  }
}
.contact-new-section.newsletter-top-section {
  background-size: cover;
}

.product-images-nav .slick-slide > div {
  height: 100%;
}

@media screen and (max-width: 550px) {
  .illustration-mobile {
    bottom: 47%;
    height: 116px;
    width: 95px;
  }

  .mobile-taste {
    bottom: 62%;
    right: 0;
    width: 95px;
  }
}
@media screen and (max-width: 420px) {
  .illustration-mobile {
    bottom: 40%;
  }

  .mobile-taste {
    bottom: 52%;
    right: -30px;
    width: 95px;
  }
}
.main-sidebar-scroll .scrollbar-1x::-webkit-scrollbar,
.main-sidebar-scroll .scrollbar-1x::-webkit-scrollbar-button {
  height: 5px;
  width: 5px;
}

.main-sidebar-scroll .scrollbar-1x::-webkit-scrollbar-thumb {
  background-color: rgba(231, 0, 113, 0.5);
  border: 0 #e2e2e2;
  border-radius: 100px;
}

.main-sidebar-scroll .scrollbar-1x::-webkit-scrollbar-thumb:active,
.main-sidebar-scroll .scrollbar-1x::-webkit-scrollbar-thumb:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(5 122 116/var(--tw-bg-opacity));
  /* background-color: rgb(231 0 113/var(--tw-bg-opacity)) */
}

.main-sidebar-scroll .scrollbar-1x::-webkit-scrollbar-track {
  --tw-bg-opacity: 0.3;
  background-color: rgb(5 122 116/var(--tw-bg-opacity));
  /* background-color: rgb(231 0 113/var(--tw-bg-opacity)); */
  border: 0 #fff;
  border-radius: 100px;
}

.main-sidebar-scroll .scrollbar-1x::-webkit-scrollbar-track:active,
.main-sidebar-scroll .scrollbar-1x::-webkit-scrollbar-track:hover {
  --tw-bg-opacity: 0.5;
  background-color: rgb(249 201 224/var(--tw-bg-opacity));
}

.main-sidebar-scroll .scrollbar-1x::-webkit-scrollbar-corner {
  background: transparent;
}

.blog-hero {
  background-image: url(/images/hero-bg.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.blog-hero:before {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-stops: var(--tw-gradient-from),
    transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  bottom: 0;
  content: "";
  height: 14rem;
  position: absolute;
  width: 100%;
  z-index: 10;
}

a,
a:focus {
  outline: none;
}

button.cursor-not-allowed[disabled] {
  background: grey;
}

.placeholder\:italic::-moz-placeholder {
  font-style: italic;
}

.placeholder\:italic:-ms-input-placeholder {
  font-style: italic;
}

.placeholder\:italic::placeholder {
  font-style: italic;
}

.placeholder\:\!text-primary::-moz-placeholder {
  --tw-text-opacity: 1 !important;
  color: rgb(231 0 113/var(--tw-text-opacity)) !important;
}

.placeholder\:\!text-primary:-ms-input-placeholder {
  --tw-text-opacity: 1 !important;
  color: rgb(231 0 113/var(--tw-text-opacity)) !important;
}

.placeholder\:\!text-primary::placeholder {
  --tw-text-opacity: 1 !important;
  color: rgb(231 0 113/var(--tw-text-opacity)) !important;
}

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

.placeholder\:text-white:-ms-input-placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

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

.placeholder\:text-opacity-50::-moz-placeholder {
  --tw-text-opacity: 0.5;
}

.placeholder\:text-opacity-50:-ms-input-placeholder {
  --tw-text-opacity: 0.5;
}

.placeholder\:text-opacity-50::placeholder {
  --tw-text-opacity: 0.5;
}

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

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

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

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

.before\:z-10:before {
  content: var(--tw-content);
  z-index: 10;
}

.before\:block:before {
  content: var(--tw-content);
  display: block;
}

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

.before\:h-64:before {
  content: var(--tw-content);
  height: 16rem;
}

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

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

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

.before\:bg-opacity-10:before {
  --tw-bg-opacity: 0.1;
  content: var(--tw-content);
}

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

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

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

.first\:mt-0:first-child {
  margin-top: 0;
}

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

.first\:pt-0:first-child {
  padding-top: 0;
}

.hover\:border-opacity-60:hover {
  --tw-border-opacity: 0.6;
}

.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251/var(--tw-bg-opacity));
}

.hover\:bg-gray-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81/var(--tw-bg-opacity));
}

.hover\:bg-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(5 122 116/var(--tw-bg-opacity));
  /* background-color: rgb(231 0 113/var(--tw-bg-opacity)) */
}

.hover\:bg-primary-light:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 244 248/var(--tw-bg-opacity));
}

.hover\:bg-opacity-30:hover {
  --tw-bg-opacity: 0.3;
}

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

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

.hover\:py-3\.5:hover {
  padding-bottom: 0.875rem;
  padding-top: 0.875rem;
}

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

.hover\:text-indigo-500:hover {
  --tw-text-opacity: 1;
  color: rgb(99 102 241/var(--tw-text-opacity));
}

.hover\:text-indigo-900:hover {
  --tw-text-opacity: 1;
  color: rgb(49 46 129/var(--tw-text-opacity));
}

.hover\:text-link:hover {
  --tw-text-opacity: 1;
  color: rgb(44 110 203/var(--tw-text-opacity));
}

.hover\:text-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(255 198 77/var(--tw-text-opacity));
}

.hover\:text-primary-dark:hover {
  --tw-text-opacity: 1;
  /* color: rgb(150 0 73/var(--tw-text-opacity)) */
  color: rgb(5 122 116/var(--tw-text-opacity));
}

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

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

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

.hover\:opacity-70:hover {
  opacity: 0.7;
}

.hover\:shadow-meal:hover {
  --tw-shadow: 0px 5px 10px rgba(95, 120, 52, 0.05);
  --tw-shadow-colored: 0px 5px 10px 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\:z-10:focus {
  z-index: 10;
}

.focus\:\!border-transparent:focus {
  border-color: transparent !important;
}

.focus\:border-blue-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253/var(--tw-border-opacity));
}

.focus\:border-gray-900:focus {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39/var(--tw-border-opacity));
}

.focus\:border-indigo-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252/var(--tw-border-opacity));
}

.focus\:border-indigo-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241/var(--tw-border-opacity));
}

.focus\:border-primary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0/var(--tw-border-opacity));
}

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

.focus\:bg-primary-light:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(254 244 248/var(--tw-bg-opacity));
}

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

.focus\:bg-opacity-50:focus {
  --tw-bg-opacity: 0.5;
}

.focus\:text-gray:focus {
  --tw-text-opacity: 1;
  color: rgb(242 242 242/var(--tw-text-opacity));
}

.focus\:text-gray-700:focus {
  --tw-text-opacity: 1;
  color: rgb(55 65 81/var(--tw-text-opacity));
}

.focus\:placeholder-gray:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(242 242 242/var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(242 242 242/var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(242 242 242/var(--tw-placeholder-opacity));
}

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

.focus\:outline-0:focus {
  outline-width: 0;
}

.focus\:outline-\[\#c95757\]:focus {
  outline-color: #c95757;
}

.focus\:outline-primary:focus {
  outline-color: #e70071;
}

.focus\:ring: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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

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

.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(var(--tw-ring-offset-width))
    var(--tw-ring-color);
}

.focus\:ring-1: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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

.focus\:ring-1:focus,
.focus\:ring-2:focus {
  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);
}

.focus\:ring-inset:focus {
  --tw-ring-inset: inset;
}

.focus\:ring-gray-dark:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(95 94 96 / var(--tw-ring-opacity));
}

.focus\:ring-indigo-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity));
}

.focus\:ring-indigo-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
}

.focus\:ring-primary:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(231 0 113 / var(--tw-ring-opacity));
}

.focus\:ring-primary-cool:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(249 201 224 / var(--tw-ring-opacity));
}

.focus\:ring-transparent:focus {
  --tw-ring-color: transparent;
}

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

.focus\:ring-opacity-50:focus {
  --tw-ring-opacity: 0.5;
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

.focus\:placeholder\:text-opacity-80:focus::-moz-placeholder {
  --tw-text-opacity: 0.8;
}

.focus\:placeholder\:text-opacity-80:focus:-ms-input-placeholder {
  --tw-text-opacity: 0.8;
}

.focus\:placeholder\:text-opacity-80:focus::placeholder {
  --tw-text-opacity: 0.8;
}

.active\:bg-gray-900:active {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39/var(--tw-bg-opacity));
}

.active\:bg-primary-light:active {
  --tw-bg-opacity: 1;
  background-color: rgb(254 244 248/var(--tw-bg-opacity));
}

.active\:text-gray-700:active {
  --tw-text-opacity: 1;
  color: rgb(55 65 81/var(--tw-text-opacity));
}

.active\:outline-0:active {
  outline-width: 0;
}

.disabled\:opacity-25:disabled {
  opacity: 0.25;
}

.group:hover .group-hover\:pointer-events-auto {
  pointer-events: auto;
}

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

.group:hover .group-hover\:-translate-y-0 {
  --tw-translate-y: -0px;
}

.group:hover .group-hover\:-translate-y-0,
.group:hover .group-hover\:rotate-90 {
  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\:rotate-90 {
  --tw-rotate: 90deg;
}

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

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

.peer:checked ~ .peer-checked\:border-transparent {
  border-color: transparent;
}

.peer:checked ~ .peer-checked\:shadow-dish {
  --tw-shadow: 0px 5px 10px rgba(95, 120, 52, 0.1);
  --tw-shadow-colored: 0px 5px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media not all and (min-width: 640px) {
  .max-sm\:mt-4 {
    margin-top: 1rem;
  }
}
@media (min-width: 640px) {
  .btn {
    padding: 0.5rem 0.5rem;
  }

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

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

  .sm\:order-none {
    order: 0;
  }

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

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

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

  .sm\:row-span-1 {
    grid-row: span 1/span 1;
  }

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

  .sm\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

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

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

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

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

  .sm\:mt-0 {
    margin-top: 0;
  }

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

  .sm\:block {
    display: block;
  }

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

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-10 {
    height: 2.5rem;
  }

  .sm\:h-6 {
    height: 1.5rem;
  }

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

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

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

  .sm\:w-10 {
    width: 2.5rem;
  }

  .sm\:w-6 {
    width: 1.5rem;
  }

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

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

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

  .sm\:max-w-2xl {
    max-width: 42rem;
  }

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

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

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

  .sm\:translate-y-0 {
    --tw-translate-y: 0px;
  }

  .sm\:scale-100,
.sm\:translate-y-0 {
    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));
  }

  .sm\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
  }

  .sm\:scale-95 {
    --tw-scale-x: 0.95;
    --tw-scale-y: 0.95;
    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));
  }

  .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\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

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

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

  .sm\:grid-cols-\[min-content_1fr_max-content\] {
    grid-template-columns: min-content 1fr max-content;
  }

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

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

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

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

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

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

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

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

  .sm\:gap-10 {
    gap: 2.5rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .sm\:duration-300 {
    transition-duration: 0.3s;
  }
}
@media (min-width: 768px) {
  .md\:container {
    max-width: 90% !important;
  }

  .md\:fixed {
    position: fixed;
  }

  .md\:w-\[670px\] {
    width: 670px !important;
  }

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

  .md\:fixed {
    position: fixed;
  }

  .md\:absolute {
    position: absolute;
  }

  .md\:relative {
    position: relative;
  }

  .md\:sticky {
    position: sticky;
  }

  .md\:inset-y-0 {
    bottom: 0;
    top: 0;
  }

  .md\:bottom-0 {
    bottom: 0;
  }

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

  .md\:bottom-3\/4 {
    bottom: 75%;
  }

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

  .md\:right-0 {
    right: 0;
  }

  .md\:top-0 {
    top: 0;
  }

  .md\:top-28 {
    top: 7rem;
  }

  .md\:top-36 {
    top: 9rem;
  }

  .md\:top-40 {
    top: 10rem;
  }

  .md\:top-\[78px\] {
    top: 78px;
  }

  .md\:order-1 {
    order: 1;
  }

  .md\:order-2 {
    order: 2;
  }

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

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

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

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

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

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

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

  .md\:\!mt-4 {
    margin-top: 1rem !important;
  }

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

  .md\:mb-0 {
    margin-bottom: 0;
  }

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

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

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

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

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

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

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

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

  .md\:mb-7 {
    margin-bottom: 1.75rem;
  }

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

  .md\:ml-0 {
    margin-left: 0;
  }

  .md\:ml-6 {
    margin-left: 1.5rem;
  }

  .md\:mr-0 {
    margin-right: 0;
  }

  .md\:mt-0 {
    margin-top: 0;
  }

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

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

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

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

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

  .md\:mt-20 {
    margin-top: 5rem;
  }

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

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

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

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

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

  .md\:block {
    display: block;
  }

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

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-12 {
    height: 3rem;
  }

  .md\:h-14 {
    height: 3.5rem;
  }

  .md\:h-16 {
    height: 4rem;
  }

  .md\:h-20 {
    height: 5rem;
  }

  .md\:h-5 {
    height: 1.25rem;
  }

  .md\:h-7 {
    height: 1.75rem;
  }

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

  .md\:h-\[calc\(100vh-10rem\)\] {
    height: calc(100vh - 10rem);
  }

  .md\:h-auto {
    height: auto;
  }

  .md\:h-full {
    height: 100%;
  }

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

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

  .md\:w-1\/4 {
    width: 25%;
  }

  .md\:w-10\/12 {
    width: 83.333333%;
  }

  .md\:w-12 {
    width: 3rem;
  }

  .md\:w-14 {
    width: 3.5rem;
  }

  .md\:w-16 {
    width: 4rem;
  }

  .md\:w-20 {
    width: 5rem;
  }

  .md\:w-24 {
    width: 6rem;
  }

  .md\:w-28 {
    width: 7rem;
  }

  .md\:w-36 {
    width: 9rem;
  }

  .md\:w-48 {
    width: 12rem;
  }

  .md\:w-5 {
    width: 1.25rem;
  }

  .md\:w-64 {
    width: 16rem;
  }

  .md\:w-7 {
    width: 1.75rem;
  }

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

  .md\:w-auto {
    width: auto;
  }

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

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

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

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

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

  .md\:max-w-none {
    max-width: none;
  }

  .md\:max-w-screen-lg {
    max-width: 1024px;
  }

  .md\:max-w-sm {
    max-width: 24rem;
  }

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

  .md\:flex-shrink-0 {
    flex-shrink: 0;
  }

  .md\:table-fixed {
    table-layout: fixed;
  }

  .md\:origin-center {
    transform-origin: center;
  }

  .md\:-translate-y-1\/2 {
    --tw-translate-y: -50%;
  }

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

  .md\:translate-x-1\/2 {
    --tw-translate-x: 50%;
  }

  .md\:scale-90 {
    --tw-scale-x: 0.9;
    --tw-scale-y: 0.9;
    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));
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .md\:gap-0 {
    gap: 0;
  }

  .md\:gap-10 {
    gap: 2.5rem;
  }

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

  .md\:gap-2 {
    gap: 0.5rem;
  }

  .md\:gap-20 {
    gap: 5rem;
  }

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

  .md\:gap-5 {
    gap: 1.25rem;
  }

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

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

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

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

  .md\:gap-y-10 {
    row-gap: 2.5rem;
  }

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

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

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

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

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

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

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

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

  .md\:divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-left-width: calc(1px * (1 - var(--tw-divide-x-reverse)));
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
  }

  .md\:divide-primary-cool > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(249 201 224/var(--tw-divide-opacity));
  }

  .md\:self-center {
    align-self: center;
  }

  .md\:overflow-hidden {
    overflow: hidden;
  }

  .md\:overflow-visible {
    overflow: visible;
  }

  .md\:whitespace-normal {
    white-space: normal;
  }

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

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

  .md\:border-b-0 {
    border-bottom-width: 0;
  }

  .md\:border-l-0 {
    border-left-width: 0;
  }

  .md\:border-r-0 {
    border-right-width: 0;
  }

  .md\:border-t-0 {
    border-top-width: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .md\:\!pb-10 {
    padding-bottom: 2.5rem !important;
  }

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

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

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

  .md\:pb-20 {
    padding-bottom: 5rem;
  }

  .md\:pb-24 {
    padding-bottom: 6rem;
  }

  .md\:pb-28 {
    padding-bottom: 7rem;
  }

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

  .md\:pl-4 {
    padding-left: 1rem;
  }

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

  .md\:pl-64 {
    padding-left: 16rem;
  }

  .md\:pr-10 {
    padding-right: 2.5rem;
  }

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

  .md\:pt-20 {
    padding-top: 5rem;
  }

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

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

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

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

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

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

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

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

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

  .md\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }

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

  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

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

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

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

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

  .md\:tracking-\[0\.15em\] {
    letter-spacing: 0.15em;
  }
}
@media (min-width: 1024px) {
  .lg\:sticky {
    position: sticky;
  }

  .lg\:h-\[70vh\] {
    height: 70vh !important;
  }

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

  .lg\:container-none {
    max-width: none !important;
  }

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

  .lg\:inset-y-0 {
    bottom: 0;
    top: 0;
  }

  .lg\:-right-6 {
    right: -1.5rem;
  }

  .lg\:order-none {
    order: 0;
  }

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

  .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\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

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

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

  .lg\:\!mt-8 {
    margin-top: 2rem !important;
  }

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

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

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

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

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

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

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

  .lg\:ml-0 {
    margin-left: 0;
  }

  .lg\:ml-8 {
    margin-left: 2rem;
  }

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

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

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

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-28 {
    height: 7rem;
  }

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

  .lg\:h-\[calc\(100\%-400px\)\] {
    height: calc(100% - 400px);
  }

  .lg\:h-auto {
    height: auto;
  }

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

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

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

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

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

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

  .lg\:w-28 {
    width: 7rem;
  }

  .lg\:w-48 {
    width: 12rem;
  }

  .lg\:w-60 {
    width: 15rem;
  }

  .lg\:w-64 {
    width: 16rem;
  }

  .lg\:w-auto {
    width: auto;
  }

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

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

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

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

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

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

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

  .lg\:max-w-sm {
    max-width: 24rem;
  }

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

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

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

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

  .lg\:grid-cols-\[180px_1fr\] {
    grid-template-columns: 180px 1fr;
  }

  .lg\:grid-cols-\[1fr_320px\] {
    grid-template-columns: 1fr 320px;
  }

  .lg\:grid-cols-\[1fr_minmax\(400px\,450px\)\] {
    grid-template-columns: 1fr minmax(400px, 450px);
  }

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

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

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

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

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

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

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

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

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

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

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

  .lg\:gap-20 {
    gap: 5rem;
  }

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

  .lg\:gap-7 {
    gap: 1.75rem;
  }

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

  .lg\:gap-y-0 {
    row-gap: 0;
  }

  .lg\:gap-y-16 {
    row-gap: 4rem;
  }

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

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

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

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

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

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

  .lg\:bg-primary-light {
    --tw-bg-opacity: 1;
    background-color: rgb(254 244 248/var(--tw-bg-opacity));
  }

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

  .lg\:p-5 {
    padding: 1.25rem;
  }

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

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

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

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

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

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

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

  .lg\:grid {
    display: grid;
  }

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

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

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

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

  .lg\:py-20 {
    padding-bottom: 5rem;
    padding-top: 5rem;
  }

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

  .lg\:py-28 {
    padding-bottom: 7rem;
    padding-top: 7rem;
  }

  .lg\:py-32 {
    padding-bottom: 8rem;
    padding-top: 8rem;
  }

  .lg\:\!pb-0 {
    padding-bottom: 0 !important;
  }

  .lg\:pb-28 {
    padding-bottom: 7rem;
  }

  .lg\:pl-10 {
    padding-left: 2.5rem;
  }

  .lg\:pr-2 {
    padding-right: 0.5rem;
  }

  .lg\:pr-20 {
    padding-right: 5rem;
  }

  .lg\:pr-28 {
    padding-right: 7rem;
  }

  .lg\:pr-7 {
    padding-right: 1.75rem;
  }

  .lg\:pr-8 {
    padding-right: 2rem;
  }

  .lg\:pt-28 {
    padding-top: 7rem;
  }

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

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

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

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

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

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

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

  .lg\:text-6xl {
    font-size: 56px;
    line-height: 1;
  }

  .lg\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }

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

  .lg\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

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

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

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

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

  .lg\:leading-loose {
    line-height: 2;
  }

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

  .group:hover .lg\:group-hover\:rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
@media (min-width: 1280px) {
  .xl\:absolute {
    position: absolute;
  }

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

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

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

  .xl\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .xl\:mb-0 {
    margin-bottom: 0;
  }

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

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

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

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

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

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

  .xl\:grid-cols-\[1fr_minmax\(320px\,460px\)\] {
    grid-template-columns: 1fr minmax(320px, 460px);
  }

  .xl\:grid-cols-\[minmax\(280px\,340px\)_1fr\] {
    grid-template-columns: minmax(280px, 340px) 1fr;
  }

  .xl\:gap-20 {
    gap: 5rem;
  }

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

  .xl\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

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

  .xl\:py-20 {
    padding-bottom: 5rem;
    padding-top: 5rem;
  }

  .xl\:py-24 {
    padding-bottom: 6rem;
    padding-top: 6rem;
  }

  .xl\:pr-40 {
    padding-right: 10rem;
  }

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

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

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

  .xl\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 1536px) {
  .\32 xl\:py-48 {
    padding-bottom: 12rem;
    padding-top: 12rem;
  }
}
.meals-box {
  position: relative !important;
}

.meals-box .meals-content {
  position: absolute !important;
  bottom: 85px !important;
  left: 30px !important;
  font-size: 32px !important;
}

.meals-box .meals-icon {
  position: absolute !important;
  bottom: 10px !important;
  right: 10px !important;
}

.meals-box .meals-icon i {
  background-color: #fff !important;
  color: #5c6e4a !important;
  font-size: 20px !important;
}

.swiper-wrapper {
  height: auto !important;
}

.product-boxes .col-span-1.group.border.rounded-md {
  width: 23% !important;
}

.gap-14 {
  gap: 9.5rem !important;
}

@media (max-width: 576px) {
  .product-boxes .col-span-1.group.border.rounded-md {
    width: 100% !important;
  }

  .gap-14 {
    gap: 4.5rem !important;
  }
}
@media (max-width: 991px) {
  .product-boxes .col-span-1.group.border.rounded-md {
    width: 33.33%;
  }
}
.ready-fire {
  font-size: 2.2rem;
  line-height: 1.4em;
}

/* Pagination dots style */
.swiper-pagination-bullet {
  background: #fff !important;
  opacity: 0.7;
}

.swiper-pagination-bullet-active {
  background: var(--color-primary) !important;
  opacity: 1;
}

.order-btn {
  width: 90%;
  margin: 0 16px 16px;
}

.order-btn-add {
  width: 90%;
  margin: 0 16px;
}

.sticky-nav {
  top: 5rem;
}

.bg-blog {
  background-color: #fbffe6;
}

/* calorie page */
.calorie-banner-heading {
  color: #d077ff;
  line-height: 1.2em;
  font-size: 56px;
  font-family: var(--font-heading);
}

.calorie-banner-text {
  color: var(--color-text);
  font-size: 20px;
  line-height: 1.4em;
  font-weight: 500;
}

/* banner  */
.hero-banner-title {
  font-size: 64px;
  color: #1d1d1f;
  line-height: 1.2em;
}

.sub-title {
  font-size: 48px;
  color: #282824;
  line-height: 1.2em;
  font-family: var(--font-heading);
  font-weight: 700;
}

.second-sub-title {
  font-size: 40px;
  color: #282824;
  line-height: 1.2em;
  font-family: var(--font-heading);
  font-weight: 700;
}

.fs-56 {
  font-size: 56px;
  color: #282824;
  line-height: 1.2em;
  font-family: var(--font-heading);
}

.fs-22 {
  font-size: 22px;
  color: #282824;
  line-height: 1.2em;
  font-family: var(--font-heading);
}

.box-content {
  font-size: 24px;
  font-family: var(--font-heading);
  color: #282824;
  line-height: 1.2em;
  font-weight: 600 !important;
}

/* product menu  */
#Meals .product-card {
  width: 240px;
}

.cre-atc-btn {
  position: relative;
  font-family: var(--font-body);
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: unset;
  text-align: center;
  background: none;
  border: none;
  color: #000000;
  padding: 12px;
  border-radius: 18px;
  width: 90%;
  background-color: var(--color-primary);
  overflow: hidden;
  margin: 0 14px 14px;
}

.btn-hover {
  --tw-bg-opacity: 1;
  background-color: var(--color-primary-hover);
}

.subscribe-btn {
  font-family: var(--font-body);
  font-size: 16px;
  letter-spacing: 1.6px;
  text-transform: lowercase;
}

/* food-ethos */
.food-ethos-heading {
  font-family: var(--font-heading);
  color: #f2ff69;
  line-height: 1.2em;
  font-size: 64px;
}

.banner--small {
  height: 420px;
}

.banner_text {
  color: #ffffff;
  font-size: 20px;
  line-height: 1.4em;
  font-weight: 500;
}

.border-primary-2 {
  border: 1px solid #5c6e4a;
}

.p-32 {
  padding: 32px;
}

.silka-bold {
  font-family: var(--font-heading);
}

/* product detail page vishakha */
.fs-32 {
  font-size: 32px !important;
  color: #282824;
  line-height: 1.2em;
  font-family: var(--font-heading) !important;
}

.price-color {
  color: var(--color-primary) !important;
}

.pro-detail-desc {
  font-size: 18px;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: normal;
}

.pro-detail-box {
  font-size: 15px !important;
  font-weight: 600;
  align-items: baseline;
  font-family: var(--font-body) !important;
}

/* add by mehul */
.new-bg-gradient-to-b {
  color: var(--color-text);
  background-color: var(--color-bg-warm) !important;
}

.new-border-gray-200 {
  box-shadow: none;
  border: 1px solid var(--color-primary);
}

span.multicolumn-svg {
  text-align: -webkit-center;
}

.multicolumn-svg svg {
  height: 80px;
  width: 80px;
  /* margin-top: 30px; */
}

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

.new-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1344px !important;
  padding-left: 4.5rem;
  padding-right: 4.5rem;
  width: 100% !important;
}

.why-choose-Nufoodz {
  display: flex !important;
}

.banner-slider {
  display: block !important;
}

.banner-slider-mob {
  display: none !important;
}

.vegan-friendly .des {
  font-size: 18px !important;
}

.why-choose-Nufoodz {
  display: flex !important;
}

.why-choose-Nufoodz-content {
  padding-left: 88px;
}

@media (max-width: 576px) {
  .container {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }

  .sub-title {
    font-size: 32px;
    color: #282824;
    line-height: 1.2em;
    font-family: var(--font-heading);
    font-weight: 700;
  }

  .second-sub-title {
    font-size: 32px;
    color: #282824;
    line-height: 1.2em;
    font-family: var(--font-heading);
    font-weight: 700;
  }

  .hero-banner,
.two-col-bg {
    height: auto !important;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 100%;
  }

  .banner-slider {
    display: none !important;
  }

  .banner-slider-mob {
    display: block !important;
  }

  .why-choose-Nufoodz {
    display: block !important;
  }

  .why-choose-Nufoodz-content {
    padding-left: 0px;
  }

  .vegan-friendly .des {
    font-size: 15px !important;
  }

  /* Product card typography tweaks for small screens */
  .product-card .product-title {
    font-size: 0.9rem;
    line-height: 1.3;
  }

  .product-card .product-price,
.product-card .product-detail-price {
    font-size: 0.9rem;
    line-height: 1.3;
  }

  /* Product card "Add to cart" / state buttons */
  .product-card button.w-full.py-3.px-4 {
    font-size: 0.8rem;
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
    border-radius: 0.65rem;
  }

  /* Variant size buttons (e.g. S, M, L, Family) */
  .product-card .flex.gap-2.flex-wrap button,
.product-card .flex.gap-2.justify-end button {
    font-size: 0.75rem;
    padding: 0.35rem 0.6rem;
  }
}
/* Custom width classes to mimic Tailwind responsive syntax */
/* Default (mobile) */
.w-\[92px\] {
  width: 92px;
}

.plant-rich {
  padding: 0;
}

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

.w-3-5 {
  width: 3.5rem;
}

.h-3-5 {
  height: 3.5rem;
}

/* Reverse order on mobile */
.reverse-grid > :first-child {
  order: 2;
}

.reverse-grid > :last-child {
  order: 1;
}

.according-button svg {
  width: 57px;
}

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

.bg-\[\#f2ff69\] {
  background-color: #f2ff69;
}

.mobile {
  display: block;
}

.desktop {
  display: none;
}

.desktop-flex {
  display: none;
}

.mobile-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

/* Small screens (≥640px) */
@media (min-width: 640px) {
  .sm\:w-\[120px\] {
    width: 120px;
  }
}
/* Medium screens (≥768px) */
@media (min-width: 768px) {
  .md\:w-\[150px\] {
    width: 150px;
  }

  .mobile {
    display: none;
  }

  .mobile-grid {
    display: none;
  }

  .desktop {
    display: block;
  }

  .desktop-flex {
    display: flex;
  }

  .plant-rich {
    padding: 4rem;
  }

  .reverse-grid > :first-child {
    order: 1;
  }

  .reverse-grid > :last-child {
    order: 2;
  }
}
/* Large screens (≥1024px) */
@media (min-width: 1024px) {
  .lg\:w-\[167px\] {
    width: 167px;
  }

  .mobile {
    display: none;
  }

  .mobile-grid {
    display: none;
  }

  .desktop {
    display: block;
  }

  .desktop-flex {
    display: flex;
  }

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

.text-ellipsis {
  text-overflow: ellipsis;
}

.top-2\/2 {
  top: 66%;
}

.js-phone-wrap .iti {
  width: 100% !important;
}

.min-h-\[48px\] {
  height: 48px !important;
}

.text-ellipsis {
  text-overflow: ellipsis;
}

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

.blue-color {
  color: #005bd1 !important;
}

.text-main {
  font-size: 15px;
}

.js-sms-phone-wrap .iti {
  width: 100% !important;
}

.h-\[210px\] {
  height: 210px !important;
}

.bg-gray-400 {
  background-color: #e5e7eb !important;
}

.text-amber-800 {
  color: #b45309 !important;
}

.bg-amber-400 {
  background-color: #fde68a !important;
}

.bg-green-400 {
  background-color: #86efac !important;
}

.border-amber-200 {
  border: 1px solid #f59e0b !important;
}

.border-green-200 {
  border: 1px solid #10b981 !important;
}

.text-green-700 {
  color: #10b981 !important;
}

.text-amber-800 {
  color: #b45309 !important;
}

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

.bg-black\/40 {
  --tw-bg-opacity: 0.4;
  background-color: rgb(0 0 0/var(--tw-bg-opacity));
}

.backdrop-blur-sm {
  backdrop-filter: blur(8px) !important;
}

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

.translate-y-\[50\%\] {
  transform: translateY(50%);
}

.max-h-\[85vh\] {
  max-height: 85vh !important;
}

.bg-indigo-500\/20 {
  background-color: rgba(99, 102, 241, 0.2);
}

.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81/var(--tw-border-opacity));
}

.text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgb(67 56 202/var(--tw-text-opacity));
}

.bg-indigo-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229/var(--tw-bg-opacity));
}

@media (min-width: 640px){
  .sm\:container{
    width: 100%;
  }
  @media (min-width: 640px){
    .sm\:container{
      max-width: 640px;
    }
  }
  @media (min-width: 768px){
    .sm\:container{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .sm\:container{
      max-width: 1024px;
    }
  }
  @media (min-width: 1280px){
    .sm\:container{
      max-width: 1280px;
    }
  }
  @media (min-width: 1536px){
    .sm\:container{
      max-width: 1536px;
    }
  }
}

.file\:mr-4::-webkit-file-upload-button{
  margin-right: 1rem;
}

.file\:mr-4::file-selector-button{
  margin-right: 1rem;
}

.file\:rounded-full::-webkit-file-upload-button{
  border-radius: 9999px;
}

.file\:rounded-full::file-selector-button{
  border-radius: 9999px;
}

.file\:border-0::-webkit-file-upload-button{
  border-width: 0px;
}

.file\:border-0::file-selector-button{
  border-width: 0px;
}

.file\:bg-indigo-50::-webkit-file-upload-button{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}

.file\:bg-indigo-50::file-selector-button{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}

.file\:px-4::-webkit-file-upload-button{
  padding-left: 1rem;
  padding-right: 1rem;
}

.file\:px-4::file-selector-button{
  padding-left: 1rem;
  padding-right: 1rem;
}

.file\:py-2::-webkit-file-upload-button{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.file\:py-2::file-selector-button{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.file\:py-2\.5::-webkit-file-upload-button{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

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

.file\:text-sm::-webkit-file-upload-button{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

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

.file\:font-semibold::-webkit-file-upload-button{
  font-weight: 600;
}

.file\:font-semibold::file-selector-button{
  font-weight: 600;
}

.file\:text-indigo-700::-webkit-file-upload-button{
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity));
}

.file\:text-indigo-700::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity));
}

.placeholder\:italic::-moz-placeholder{
  font-style: italic;
}

.placeholder\:italic:-ms-input-placeholder{
  font-style: italic;
}

.placeholder\:italic::placeholder{
  font-style: italic;
}

.placeholder\:\!text-primary::-moz-placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(231 0 113 / var(--tw-text-opacity)) !important;
}

.placeholder\:\!text-primary:-ms-input-placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(231 0 113 / var(--tw-text-opacity)) !important;
}

.placeholder\:\!text-primary::placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(231 0 113 / var(--tw-text-opacity)) !important;
}

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

.placeholder\:text-white:-ms-input-placeholder{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

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

.placeholder\:text-opacity-50::-moz-placeholder{
  --tw-text-opacity: 0.5;
}

.placeholder\:text-opacity-50:-ms-input-placeholder{
  --tw-text-opacity: 0.5;
}

.placeholder\:text-opacity-50::placeholder{
  --tw-text-opacity: 0.5;
}

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

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

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

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

.before\:z-10::before{
  content: var(--tw-content);
  z-index: 10;
}

.before\:block::before{
  content: var(--tw-content);
  display: block;
}

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

.before\:h-64::before{
  content: var(--tw-content);
  height: 16rem;
}

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

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

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

.before\:bg-opacity-10::before{
  content: var(--tw-content);
  --tw-bg-opacity: 0.1;
}

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

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

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

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

.first\:pt-0:first-child{
  padding-top: 0px;
}

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

.last\:border-0:last-child{
  border-width: 0px;
}

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

.odd\:bg-white:nth-child(odd){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.even\:bg-gray-50:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.focus-within\:border-indigo-500:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

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

.focus-within\:ring-1:focus-within{
  --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, 0 0 #0000);
}

.focus-within\:ring-2:focus-within{
  --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-within\:ring-indigo-500:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
}

.focus-within\:ring-offset-2:focus-within{
  --tw-ring-offset-width: 2px;
}

.hover\:scale-\[1\.02\]:hover{
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  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));
}

.hover\:border-\[\#5C6E4A\]\/30:hover{
  border-color: rgb(92 110 74 / 0.3);
}

.hover\:border-\[\#FF6201\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(255 98 1 / var(--tw-border-opacity));
}

.hover\:border-\[\#cfa22f\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(207 162 47 / var(--tw-border-opacity));
}

.hover\:border-\[\#f4c64d\]\/50:hover{
  border-color: rgb(244 198 77 / 0.5);
}

.hover\:border-gray-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.hover\:border-indigo-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity));
}

.hover\:border-indigo-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity));
}

.hover\:border-primary\/40:hover{
  border-color: rgb(231 0 113 / 0.4);
}

.hover\:border-red-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
}

.hover\:border-red-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.hover\:border-opacity-60:hover{
  --tw-border-opacity: 0.6;
}

.hover\:bg-\[\#005f47\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 95 71 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#e6b73f\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(230 183 63 / var(--tw-bg-opacity));
}

.hover\:bg-amber-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}

.hover\:bg-blue-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity));
}

.hover\:bg-emerald-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity));
}

.hover\:bg-emerald-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity));
}

.hover\:bg-emerald-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(6 95 70 / var(--tw-bg-opacity));
}

.hover\:bg-gray-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:bg-gray-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.hover\:bg-gray-50\/80:hover{
  background-color: rgb(249 250 251 / 0.8);
}

.hover\:bg-gray-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.hover\:bg-gray-700\/50:hover{
  background-color: rgb(55 65 81 / 0.5);
}

.hover\:bg-gray-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

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

.hover\:bg-indigo-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(199 210 254 / var(--tw-bg-opacity));
}

.hover\:bg-indigo-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}

.hover\:bg-indigo-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity));
}

.hover\:bg-orange-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity));
}

.hover\:bg-orange-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity));
}

.hover\:bg-orange-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
}

.hover\:bg-pink-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 248 / var(--tw-bg-opacity));
}

.hover\:bg-primary:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(231 0 113 / var(--tw-bg-opacity));
}

.hover\:bg-primary-dark:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(150 0 73 / var(--tw-bg-opacity));
}

.hover\:bg-primary-light:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 244 248 / var(--tw-bg-opacity));
}

.hover\:bg-primary\/5:hover{
  background-color: rgb(231 0 113 / 0.05);
}

.hover\:bg-red-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

.hover\:bg-red-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
}

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

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

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

.hover\:bg-rose-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity));
}

.hover\:bg-slate-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.hover\:bg-slate-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

.hover\:bg-slate-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.hover\:bg-slate-50\/50:hover{
  background-color: rgb(248 250 252 / 0.5);
}

.hover\:bg-slate-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.hover\:bg-teal-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(17 94 89 / var(--tw-bg-opacity));
}

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

.hover\:bg-opacity-30:hover{
  --tw-bg-opacity: 0.3;
}

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

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

.hover\:py-3\.5:hover{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.hover\:text-\[\#5C6E4A\]:hover{
  --tw-text-opacity: 1;
  color: rgb(92 110 74 / var(--tw-text-opacity));
}

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

.hover\:text-blue-500:hover{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.hover\:text-blue-800:hover{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}

.hover\:text-blue-900:hover{
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity));
}

.hover\:text-gray-200:hover{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

.hover\:text-gray-400:hover{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.hover\:text-gray-500:hover{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.hover\:text-gray-600:hover{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.hover\:text-gray-700:hover{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.hover\:text-gray-800:hover{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.hover\:text-gray-900:hover{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.hover\:text-indigo-500:hover{
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}

.hover\:text-indigo-600:hover{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}

.hover\:text-indigo-800:hover{
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity));
}

.hover\:text-indigo-900:hover{
  --tw-text-opacity: 1;
  color: rgb(49 46 129 / var(--tw-text-opacity));
}

.hover\:text-link:hover{
  --tw-text-opacity: 1;
  color: rgb(44 110 203 / var(--tw-text-opacity));
}

.hover\:text-primary:hover{
  --tw-text-opacity: 1;
  color: rgb(231 0 113 / var(--tw-text-opacity));
}

.hover\:text-primary-dark:hover{
  --tw-text-opacity: 1;
  color: rgb(150 0 73 / var(--tw-text-opacity));
}

.hover\:text-primary\/90:hover{
  color: rgb(231 0 113 / 0.9);
}

.hover\:text-red-200:hover{
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity));
}

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

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

.hover\:text-red-700:hover{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}

.hover\:text-red-800:hover{
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity));
}

.hover\:text-rose-600:hover{
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity));
}

.hover\:text-slate-700:hover{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.hover\:text-slate-800:hover{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

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

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

.hover\:opacity-80:hover{
  opacity: 0.8;
}

.hover\:opacity-90:hover{
  opacity: 0.9;
}

.hover\:shadow-\[0_20px_40px_-10px_rgba\(255\2c 98\2c 1\2c 0\.4\)\]:hover{
  --tw-shadow: 0 20px 40px -10px rgba(255,98,1,0.4);
  --tw-shadow-colored: 0 20px 40px -10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

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

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

.hover\:shadow-meal:hover{
  --tw-shadow: 0px 5px 10px rgba(95, 120, 52, 0.05);
  --tw-shadow-colored: 0px 5px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

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

.hover\:file\:bg-indigo-100::-webkit-file-upload-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}

.hover\:file\:bg-indigo-100::file-selector-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}

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

.focus\:\!border-transparent:focus{
  border-color: transparent !important;
}

.focus\:border-blue-300:focus{
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity));
}

.focus\:border-gray-900:focus{
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}

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

.focus\:border-indigo-300:focus{
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity));
}

.focus\:border-indigo-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.focus\:border-primary:focus{
  --tw-border-opacity: 1;
  border-color: rgb(231 0 113 / var(--tw-border-opacity));
}

.focus\:border-red-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

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

.focus\:border-b-orange-500:focus{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(249 115 22 / var(--tw-border-opacity));
}

.focus\:bg-primary-light:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(254 244 248 / var(--tw-bg-opacity));
}

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

.focus\:bg-opacity-50:focus{
  --tw-bg-opacity: 0.5;
}

.focus\:text-gray-700:focus{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.focus\:placeholder-gray-dark:focus::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(95 94 96 / var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-dark:focus:-ms-input-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(95 94 96 / var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-dark:focus::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(95 94 96 / var(--tw-placeholder-opacity));
}

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

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

.focus\:outline-\[\#c95757\]:focus{
  outline-color: #c95757;
}

.focus\:outline-primary:focus{
  outline-color: #E70071;
}

.focus\:ring: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(3px + 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-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-1: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(1px + 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-4: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(4px + 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-inset:focus{
  --tw-ring-inset: inset;
}

.focus\:ring-\[\#000000\]:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}

.focus\:ring-\[\#f4c64d\]:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(244 198 77 / var(--tw-ring-opacity));
}

.focus\:ring-black:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}

.focus\:ring-gray-dark:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(95 94 96 / var(--tw-ring-opacity));
}

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

.focus\:ring-indigo-200:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity));
}

.focus\:ring-indigo-50:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(238 242 255 / var(--tw-ring-opacity));
}

.focus\:ring-indigo-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
}

.focus\:ring-primary:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(231 0 113 / var(--tw-ring-opacity));
}

.focus\:ring-primary-cool:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(249 201 224 / var(--tw-ring-opacity));
}

.focus\:ring-red-200:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity));
}

.focus\:ring-transparent:focus{
  --tw-ring-color: transparent;
}

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

.focus\:ring-opacity-20:focus{
  --tw-ring-opacity: 0.2;
}

.focus\:ring-opacity-50:focus{
  --tw-ring-opacity: 0.5;
}

.focus\:ring-offset-1:focus{
  --tw-ring-offset-width: 1px;
}

.focus\:ring-offset-2:focus{
  --tw-ring-offset-width: 2px;
}

.focus\:placeholder\:text-opacity-80:focus::-moz-placeholder{
  --tw-text-opacity: 0.8;
}

.focus\:placeholder\:text-opacity-80:focus:-ms-input-placeholder{
  --tw-text-opacity: 0.8;
}

.focus\:placeholder\:text-opacity-80:focus::placeholder{
  --tw-text-opacity: 0.8;
}

.active\:scale-95:active{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  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));
}

.active\:scale-\[0\.98\]:active{
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  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));
}

.active\:bg-gray-100:active{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.active\:bg-gray-900:active{
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

.active\:bg-primary:active{
  --tw-bg-opacity: 1;
  background-color: rgb(231 0 113 / var(--tw-bg-opacity));
}

.active\:bg-primary-light:active{
  --tw-bg-opacity: 1;
  background-color: rgb(254 244 248 / var(--tw-bg-opacity));
}

.active\:text-gray-500:active{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.active\:text-gray-700:active{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

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

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

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

.disabled\:opacity-25:disabled{
  opacity: 0.25;
}

.disabled\:opacity-30:disabled{
  opacity: 0.3;
}

.disabled\:opacity-50:disabled{
  opacity: 0.5;
}

.disabled\:opacity-60:disabled{
  opacity: 0.6;
}

.disabled\:opacity-75:disabled{
  opacity: 0.75;
}

.group[open] .group-open\:block{
  display: block;
}

.group:hover .group-hover\:pointer-events-auto{
  pointer-events: auto;
}

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

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

.group:hover .group-hover\:translate-x-0{
  --tw-translate-x: 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));
}

.group:hover .group-hover\:translate-x-0\.5{
  --tw-translate-x: 0.125rem;
  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\:translate-x-1{
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

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

.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\:scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

.group:hover .group-hover\:text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-indigo-600{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}

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

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

.peer:checked ~ .peer-checked\:border-transparent{
  border-color: transparent;
}

.peer:checked ~ .peer-checked\:shadow-dish{
  --tw-shadow: 0px 5px 10px rgba(95, 120, 52, 0.1);
  --tw-shadow-colored: 0px 5px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 640px){
  .sm\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .sm\:col-span-3{
    grid-column: span 3 / span 3;
  }
  .sm\:col-span-4{
    grid-column: span 4 / span 4;
  }
  .sm\:col-span-6{
    grid-column: span 6 / span 6;
  }
  .sm\:row-span-1{
    grid-row: span 1 / span 1;
  }
  .sm\:-mx-6{
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .sm\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }
  .sm\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }
  .sm\:mb-10{
    margin-bottom: 2.5rem;
  }
  .sm\:mb-3{
    margin-bottom: 0.75rem;
  }
  .sm\:ml-4{
    margin-left: 1rem;
  }
  .sm\:mt-0{
    margin-top: 0px;
  }
  .sm\:block{
    display: block;
  }
  .sm\:inline-block{
    display: inline-block;
  }
  .sm\:inline{
    display: inline;
  }
  .sm\:flex{
    display: flex;
  }
  .sm\:hidden{
    display: none;
  }
  .sm\:h-10{
    height: 2.5rem;
  }
  .sm\:h-20{
    height: 5rem;
  }
  .sm\:h-6{
    height: 1.5rem;
  }
  .sm\:h-\[260px\]{
    height: 260px;
  }
  .sm\:h-\[340px\]{
    height: 340px;
  }
  .sm\:h-\[550px\]{
    height: 550px;
  }
  .sm\:w-1\/2{
    width: 50%;
  }
  .sm\:w-10{
    width: 2.5rem;
  }
  .sm\:w-20{
    width: 5rem;
  }
  .sm\:w-6{
    width: 1.5rem;
  }
  .sm\:w-64{
    width: 16rem;
  }
  .sm\:w-\[180px\]{
    width: 180px;
  }
  .sm\:w-full{
    width: 100%;
  }
  .sm\:min-w-\[200px\]{
    min-width: 200px;
  }
  .sm\:max-w-2xl{
    max-width: 42rem;
  }
  .sm\:max-w-\[calc\(100\%-320px\)\]{
    max-width: calc(100% - 320px);
  }
  .sm\:max-w-md{
    max-width: 28rem;
  }
  .sm\:flex-1{
    flex: 1 1 0%;
  }
  .sm\: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));
  }
  .sm\:scale-100{
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .sm\:scale-95{
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    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));
  }
  .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\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .sm\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .sm\:grid-cols-\[min-content_1fr_max-content\]{
    grid-template-columns: min-content 1fr max-content;
  }
  .sm\:flex-row{
    flex-direction: row;
  }
  .sm\:flex-col{
    flex-direction: column;
  }
  .sm\:items-start{
    align-items: flex-start;
  }
  .sm\:items-end{
    align-items: flex-end;
  }
  .sm\:items-center{
    align-items: center;
  }
  .sm\:items-stretch{
    align-items: stretch;
  }
  .sm\:justify-start{
    justify-content: flex-start;
  }
  .sm\:justify-end{
    justify-content: flex-end;
  }
  .sm\:justify-center{
    justify-content: center;
  }
  .sm\:justify-between{
    justify-content: space-between;
  }
  .sm\:gap-2{
    gap: 0.5rem;
  }
  .sm\:gap-4{
    gap: 1rem;
  }
  .sm\:gap-5{
    gap: 1.25rem;
  }
  .sm\:gap-x-4{
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .sm\: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)));
  }
  .sm\: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));
  }
  .sm\: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));
  }
  .sm\:space-y-2\.5 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
  }
  .sm\:truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .sm\:rounded-lg{
    border-radius: 0.5rem;
  }
  .sm\:rounded-xl{
    border-radius: 0.75rem;
  }
  .sm\:border-b-0{
    border-bottom-width: 0px;
  }
  .sm\:border-r{
    border-right-width: 1px;
  }
  .sm\:p-10{
    padding: 2.5rem;
  }
  .sm\:p-4{
    padding: 1rem;
  }
  .sm\:p-5{
    padding: 1.25rem;
  }
  .sm\:p-6{
    padding: 1.5rem;
  }
  .sm\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  .sm\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:py-14{
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .sm\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .sm\:py-2\.5{
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .sm\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .sm\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .sm\:py-\[30px\]{
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .sm\:pb-0{
    padding-bottom: 0px;
  }
  .sm\:pb-4{
    padding-bottom: 1rem;
  }
  .sm\:pb-6{
    padding-bottom: 1.5rem;
  }
  .sm\:pl-6{
    padding-left: 1.5rem;
  }
  .sm\:pr-10{
    padding-right: 2.5rem;
  }
  .sm\:pr-20{
    padding-right: 5rem;
  }
  .sm\:pt-4{
    padding-top: 1rem;
  }
  .sm\:pt-5{
    padding-top: 1.25rem;
  }
  .sm\:text-left{
    text-align: left;
  }
  .sm\:text-right{
    text-align: right;
  }
  .sm\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .sm\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .sm\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .sm\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .sm\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .sm\:text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .sm\:duration-300{
    transition-duration: 300ms;
  }
  .sm\:before\:content-\[\'_\B7_\'\]::before{
    --tw-content: ' · ';
    content: var(--tw-content);
  }
}

@media (min-width: 768px){
  .md\:fixed{
    position: fixed;
  }
  .md\:absolute{
    position: absolute;
  }
  .md\:relative{
    position: relative;
  }
  .md\:sticky{
    position: sticky;
  }
  .md\:inset-y-0{
    top: 0px;
    bottom: 0px;
  }
  .md\:bottom-16{
    bottom: 4rem;
  }
  .md\:right-0{
    right: 0px;
  }
  .md\:top-0{
    top: 0px;
  }
  .md\:top-28{
    top: 7rem;
  }
  .md\:top-40{
    top: 10rem;
  }
  .md\:top-\[78px\]{
    top: 78px;
  }
  .md\:order-1{
    order: 1;
  }
  .md\:order-2{
    order: 2;
  }
  .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-5{
    grid-column: span 5 / span 5;
  }
  .md\:my-16{
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .md\:my-4{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .md\:my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .md\:my-8{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .md\:\!mt-4{
    margin-top: 1rem !important;
  }
  .md\:-mb-20{
    margin-bottom: -5rem;
  }
  .md\:mb-0{
    margin-bottom: 0px;
  }
  .md\:mb-10{
    margin-bottom: 2.5rem;
  }
  .md\:mb-12{
    margin-bottom: 3rem;
  }
  .md\:mb-14{
    margin-bottom: 3.5rem;
  }
  .md\:mb-16{
    margin-bottom: 4rem;
  }
  .md\:mb-20{
    margin-bottom: 5rem;
  }
  .md\:mb-24{
    margin-bottom: 6rem;
  }
  .md\:mb-3{
    margin-bottom: 0.75rem;
  }
  .md\:mb-4{
    margin-bottom: 1rem;
  }
  .md\:mb-5{
    margin-bottom: 1.25rem;
  }
  .md\:mb-6{
    margin-bottom: 1.5rem;
  }
  .md\:mb-7{
    margin-bottom: 1.75rem;
  }
  .md\:mb-8{
    margin-bottom: 2rem;
  }
  .md\:ml-0{
    margin-left: 0px;
  }
  .md\:ml-6{
    margin-left: 1.5rem;
  }
  .md\:mr-0{
    margin-right: 0px;
  }
  .md\:mt-0{
    margin-top: 0px;
  }
  .md\:mt-1{
    margin-top: 0.25rem;
  }
  .md\:mt-10{
    margin-top: 2.5rem;
  }
  .md\:mt-12{
    margin-top: 3rem;
  }
  .md\:mt-14{
    margin-top: 3.5rem;
  }
  .md\:mt-16{
    margin-top: 4rem;
  }
  .md\:mt-20{
    margin-top: 5rem;
  }
  .md\:mt-24{
    margin-top: 6rem;
  }
  .md\:mt-40{
    margin-top: 10rem;
  }
  .md\:mt-5{
    margin-top: 1.25rem;
  }
  .md\:mt-6{
    margin-top: 1.5rem;
  }
  .md\:mt-8{
    margin-top: 2rem;
  }
  .md\:block{
    display: block;
  }
  .md\:inline-block{
    display: inline-block;
  }
  .md\:flex{
    display: flex;
  }
  .md\:grid{
    display: grid;
  }
  .md\:hidden{
    display: none;
  }
  .md\:h-12{
    height: 3rem;
  }
  .md\:h-14{
    height: 3.5rem;
  }
  .md\:h-16{
    height: 4rem;
  }
  .md\:h-20{
    height: 5rem;
  }
  .md\:h-5{
    height: 1.25rem;
  }
  .md\:h-7{
    height: 1.75rem;
  }
  .md\:h-\[300px\]{
    height: 300px;
  }
  .md\:h-\[375px\]{
    height: 375px;
  }
  .md\:h-\[700px\]{
    height: 700px;
  }
  .md\:h-\[calc\(100vh-10rem\)\]{
    height: calc(100vh - 10rem);
  }
  .md\:h-auto{
    height: auto;
  }
  .md\:h-full{
    height: 100%;
  }
  .md\:min-h-\[420px\]{
    min-height: 420px;
  }
  .md\:w-1\/2{
    width: 50%;
  }
  .md\:w-1\/3{
    width: 33.333333%;
  }
  .md\:w-12{
    width: 3rem;
  }
  .md\:w-14{
    width: 3.5rem;
  }
  .md\:w-16{
    width: 4rem;
  }
  .md\:w-20{
    width: 5rem;
  }
  .md\:w-24{
    width: 6rem;
  }
  .md\:w-28{
    width: 7rem;
  }
  .md\:w-48{
    width: 12rem;
  }
  .md\:w-5{
    width: 1.25rem;
  }
  .md\:w-64{
    width: 16rem;
  }
  .md\:w-7{
    width: 1.75rem;
  }
  .md\:w-\[580px\]{
    width: 580px;
  }
  .md\:w-\[670px\]{
    width: 670px;
  }
  .md\:w-auto{
    width: auto;
  }
  .md\:max-w-\[60\%\]{
    max-width: 60%;
  }
  .md\:max-w-full{
    max-width: 100%;
  }
  .md\:max-w-lg{
    max-width: 32rem;
  }
  .md\:max-w-md{
    max-width: 28rem;
  }
  .md\:max-w-screen-lg{
    max-width: 1024px;
  }
  .md\:max-w-sm{
    max-width: 24rem;
  }
  .md\:max-w-xl{
    max-width: 36rem;
  }
  .md\:flex-shrink-0{
    flex-shrink: 0;
  }
  .md\:table-fixed{
    table-layout: fixed;
  }
  .md\:origin-center{
    transform-origin: center;
  }
  .md\:-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));
  }
  .md\: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));
  }
  .md\:scale-90{
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    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));
  }
  .md\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .md\:flex-row{
    flex-direction: row;
  }
  .md\:flex-col{
    flex-direction: column;
  }
  .md\:flex-nowrap{
    flex-wrap: nowrap;
  }
  .md\:items-end{
    align-items: flex-end;
  }
  .md\:items-center{
    align-items: center;
  }
  .md\:justify-start{
    justify-content: flex-start;
  }
  .md\:justify-end{
    justify-content: flex-end;
  }
  .md\:justify-center{
    justify-content: center;
  }
  .md\:justify-between{
    justify-content: space-between;
  }
  .md\:gap-0{
    gap: 0px;
  }
  .md\:gap-10{
    gap: 2.5rem;
  }
  .md\:gap-12{
    gap: 3rem;
  }
  .md\:gap-16{
    gap: 4rem;
  }
  .md\:gap-2{
    gap: 0.5rem;
  }
  .md\:gap-20{
    gap: 5rem;
  }
  .md\:gap-4{
    gap: 1rem;
  }
  .md\:gap-5{
    gap: 1.25rem;
  }
  .md\:gap-8{
    gap: 2rem;
  }
  .md\:gap-y-10{
    row-gap: 2.5rem;
  }
  .md\:gap-y-6{
    row-gap: 1.5rem;
  }
  .md\:gap-y-8{
    row-gap: 2rem;
  }
  .md\: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)));
  }
  .md\:space-x-6 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .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\:space-y-32 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(8rem * var(--tw-space-y-reverse));
  }
  .md\: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));
  }
  .md\:divide-x > :not([hidden]) ~ :not([hidden]){
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }
  .md\:divide-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }
  .md\:divide-primary-cool > :not([hidden]) ~ :not([hidden]){
    --tw-divide-opacity: 1;
    border-color: rgb(249 201 224 / var(--tw-divide-opacity));
  }
  .md\:self-center{
    align-self: center;
  }
  .md\:overflow-hidden{
    overflow: hidden;
  }
  .md\:overflow-visible{
    overflow: visible;
  }
  .md\:whitespace-normal{
    white-space: normal;
  }
  .md\:rounded-md{
    border-radius: 0.375rem;
  }
  .md\:rounded-xl{
    border-radius: 0.75rem;
  }
  .md\:border{
    border-width: 1px;
  }
  .md\:border-b-0{
    border-bottom-width: 0px;
  }
  .md\:border-l-0{
    border-left-width: 0px;
  }
  .md\:border-r{
    border-right-width: 1px;
  }
  .md\:border-r-0{
    border-right-width: 0px;
  }
  .md\:border-t-0{
    border-top-width: 0px;
  }
  .md\:border-none{
    border-style: none;
  }
  .md\:p-10{
    padding: 2.5rem;
  }
  .md\:p-4{
    padding: 1rem;
  }
  .md\:p-5{
    padding: 1.25rem;
  }
  .md\:p-6{
    padding: 1.5rem;
  }
  .md\:p-8{
    padding: 2rem;
  }
  .md\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  .md\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .md\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .md\:px-14{
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .md\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .md\:px-3\.5{
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  .md\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .md\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md\:px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .md\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .md\:py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .md\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .md\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .md\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .md\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .md\:py-2\.5{
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .md\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .md\:py-24{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .md\:py-28{
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  .md\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .md\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .md\:py-40{
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .md\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .md\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .md\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .md\:\!pb-10{
    padding-bottom: 2.5rem !important;
  }
  .md\:pb-0{
    padding-bottom: 0px;
  }
  .md\:pb-10{
    padding-bottom: 2.5rem;
  }
  .md\:pb-12{
    padding-bottom: 3rem;
  }
  .md\:pb-16{
    padding-bottom: 4rem;
  }
  .md\:pb-24{
    padding-bottom: 6rem;
  }
  .md\:pb-28{
    padding-bottom: 7rem;
  }
  .md\:pl-10{
    padding-left: 2.5rem;
  }
  .md\:pl-12{
    padding-left: 3rem;
  }
  .md\:pl-20{
    padding-left: 5rem;
  }
  .md\:pl-4{
    padding-left: 1rem;
  }
  .md\:pl-5{
    padding-left: 1.25rem;
  }
  .md\:pl-6{
    padding-left: 1.5rem;
  }
  .md\:pl-64{
    padding-left: 16rem;
  }
  .md\:pr-10{
    padding-right: 2.5rem;
  }
  .md\:pt-0{
    padding-top: 0px;
  }
  .md\:pt-10{
    padding-top: 2.5rem;
  }
  .md\:pt-16{
    padding-top: 4rem;
  }
  .md\:pt-24{
    padding-top: 6rem;
  }
  .md\:pt-4{
    padding-top: 1rem;
  }
  .md\:pt-8{
    padding-top: 2rem;
  }
  .md\:text-left{
    text-align: left;
  }
  .md\:text-center{
    text-align: center;
  }
  .md\:text-right{
    text-align: right;
  }
  .md\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .md\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .md\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .md\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }
  .md\:text-6xl{
    font-size: 3.75rem;
    line-height: 1;
  }
  .md\:text-7xl{
    font-size: 4.5rem;
    line-height: 1;
  }
  .md\:text-\[28px\]{
    font-size: 28px;
  }
  .md\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .md\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .md\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .md\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .md\:leading-none{
    line-height: 1;
  }
  .md\:tracking-\[0\.15em\]{
    letter-spacing: 0.15em;
  }
}

@media (min-width: 1024px){
  .lg\:sticky{
    position: sticky;
  }
  .lg\:inset-y-0{
    top: 0px;
    bottom: 0px;
  }
  .lg\:-right-6{
    right: -1.5rem;
  }
  .lg\:top-8{
    top: 2rem;
  }
  .lg\:order-none{
    order: 0;
  }
  .lg\:col-span-1{
    grid-column: span 1 / span 1;
  }
  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .lg\:col-span-3{
    grid-column: span 3 / span 3;
  }
  .lg\:col-span-5{
    grid-column: span 5 / span 5;
  }
  .lg\:-mx-8{
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .lg\:my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .lg\:\!mt-8{
    margin-top: 2rem !important;
  }
  .lg\:mb-0{
    margin-bottom: 0px;
  }
  .lg\:mb-10{
    margin-bottom: 2.5rem;
  }
  .lg\:mb-12{
    margin-bottom: 3rem;
  }
  .lg\:mb-14{
    margin-bottom: 3.5rem;
  }
  .lg\:mb-20{
    margin-bottom: 5rem;
  }
  .lg\:mb-5{
    margin-bottom: 1.25rem;
  }
  .lg\:mb-6{
    margin-bottom: 1.5rem;
  }
  .lg\:mb-8{
    margin-bottom: 2rem;
  }
  .lg\:ml-0{
    margin-left: 0px;
  }
  .lg\:ml-8{
    margin-left: 2rem;
  }
  .lg\:mt-0{
    margin-top: 0px;
  }
  .lg\:mt-14{
    margin-top: 3.5rem;
  }
  .lg\:block{
    display: block;
  }
  .lg\:flex{
    display: flex;
  }
  .lg\:grid{
    display: grid;
  }
  .lg\:hidden{
    display: none;
  }
  .lg\:h-\[371px\]{
    height: 371px;
  }
  .lg\:h-\[600px\]{
    height: 600px;
  }
  .lg\:h-\[70vh\]{
    height: 70vh;
  }
  .lg\:h-auto{
    height: auto;
  }
  .lg\:max-h-full{
    max-height: 100%;
  }
  .lg\:w-1\/3{
    width: 33.333333%;
  }
  .lg\:w-2\/3{
    width: 66.666667%;
  }
  .lg\:w-64{
    width: 16rem;
  }
  .lg\:w-\[371px\]{
    width: 371px;
  }
  .lg\:w-\[480px\]{
    width: 480px;
  }
  .lg\:w-\[580px\]{
    width: 580px;
  }
  .lg\:w-\[min\(380px\2c 36\%\)\]{
    width: min(380px,36%);
  }
  .lg\:w-full{
    width: 100%;
  }
  .lg\:max-w-\[340px\]{
    max-width: 340px;
  }
  .lg\:max-w-\[460px\]{
    max-width: 460px;
  }
  .lg\:max-w-md{
    max-width: 28rem;
  }
  .lg\:max-w-sm{
    max-width: 24rem;
  }
  .lg\:max-w-xl{
    max-width: 36rem;
  }
  .lg\:flex-shrink-0{
    flex-shrink: 0;
  }
  .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-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .lg\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .lg\:grid-cols-\[180px_1fr\]{
    grid-template-columns: 180px 1fr;
  }
  .lg\:grid-cols-\[1fr_320px\]{
    grid-template-columns: 1fr 320px;
  }
  .lg\:flex-row{
    flex-direction: row;
  }
  .lg\:flex-col{
    flex-direction: column;
  }
  .lg\:flex-nowrap{
    flex-wrap: nowrap;
  }
  .lg\:items-start{
    align-items: flex-start;
  }
  .lg\:items-end{
    align-items: flex-end;
  }
  .lg\:items-center{
    align-items: center;
  }
  .lg\:justify-end{
    justify-content: flex-end;
  }
  .lg\:justify-center{
    justify-content: center;
  }
  .lg\:gap-0{
    gap: 0px;
  }
  .lg\:gap-12{
    gap: 3rem;
  }
  .lg\:gap-14{
    gap: 3.5rem;
  }
  .lg\:gap-16{
    gap: 4rem;
  }
  .lg\:gap-2{
    gap: 0.5rem;
  }
  .lg\:gap-2\.5{
    gap: 0.625rem;
  }
  .lg\:gap-20{
    gap: 5rem;
  }
  .lg\:gap-24{
    gap: 6rem;
  }
  .lg\:gap-6{
    gap: 1.5rem;
  }
  .lg\:gap-8{
    gap: 2rem;
  }
  .lg\:gap-y-16{
    row-gap: 4rem;
  }
  .lg\:space-x-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
  }
  .lg\:space-y-24 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(6rem * var(--tw-space-y-reverse));
  }
  .lg\:space-y-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  }
  .lg\:space-y-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }
  .lg\:bg-primary-light{
    --tw-bg-opacity: 1;
    background-color: rgb(254 244 248 / var(--tw-bg-opacity));
  }
  .lg\:p-6{
    padding: 1.5rem;
  }
  .lg\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .lg\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .lg\:px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .lg\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .lg\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .lg\:py-24{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .lg\:py-28{
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  .lg\:py-32{
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .lg\:\!pb-0{
    padding-bottom: 0px !important;
  }
  .lg\:pb-28{
    padding-bottom: 7rem;
  }
  .lg\:pl-10{
    padding-left: 2.5rem;
  }
  .lg\:pl-20{
    padding-left: 5rem;
  }
  .lg\:pr-2{
    padding-right: 0.5rem;
  }
  .lg\:pr-20{
    padding-right: 5rem;
  }
  .lg\:pr-28{
    padding-right: 7rem;
  }
  .lg\:pr-7{
    padding-right: 1.75rem;
  }
  .lg\:pr-8{
    padding-right: 2rem;
  }
  .lg\:pt-28{
    padding-top: 7rem;
  }
  .lg\:text-left{
    text-align: left;
  }
  .lg\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .lg\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .lg\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .lg\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }
  .lg\:text-6xl{
    font-size: 3.75rem;
    line-height: 1;
  }
  .lg\:text-7xl{
    font-size: 4.5rem;
    line-height: 1;
  }
  .lg\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .lg\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .lg\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .lg\:leading-8{
    line-height: 2rem;
  }
  .lg\:leading-loose{
    line-height: 2;
  }
}

@media (min-width: 1280px){
  .xl\:absolute{
    position: absolute;
  }
  .xl\:col-span-1{
    grid-column: span 1 / span 1;
  }
  .xl\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .xl\:col-span-4{
    grid-column: span 4 / span 4;
  }
  .xl\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }
  .xl\:mb-0{
    margin-bottom: 0px;
  }
  .xl\:h-\[700px\]{
    height: 700px;
  }
  .xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xl\:grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .xl\:grid-cols-\[1fr_minmax\(320px\2c 460px\)\]{
    grid-template-columns: 1fr minmax(320px,460px);
  }
  .xl\:grid-cols-\[minmax\(280px\2c 340px\)_1fr\]{
    grid-template-columns: minmax(280px,340px) 1fr;
  }
  .xl\:px-24{
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .xl\:py-24{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .xl\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .xl\:pr-40{
    padding-right: 10rem;
  }
  .xl\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .xl\:text-6xl{
    font-size: 3.75rem;
    line-height: 1;
  }
  .xl\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1536px){
  .\32xl\:py-48{
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}

.rtl\:flex-row-reverse:where([dir="rtl"], [dir="rtl"] *){
  flex-direction: row-reverse;
}

@media (prefers-color-scheme: dark){
  .dark\:border-gray-600{
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity));
  }
  .dark\:bg-gray-800{
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  }
  .dark\:text-gray-300{
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
  }
  .dark\:text-gray-400{
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
  }
  .dark\:text-gray-600{
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
  }
  .dark\:hover\:text-gray-300:hover{
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
  }
  .dark\:focus\:border-blue-700:focus{
    --tw-border-opacity: 1;
    border-color: rgb(29 78 216 / var(--tw-border-opacity));
  }
  .dark\:focus\:border-blue-800:focus{
    --tw-border-opacity: 1;
    border-color: rgb(30 64 175 / var(--tw-border-opacity));
  }
  .dark\:active\:bg-gray-700:active{
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  }
  .dark\:active\:text-gray-300:active{
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
  }
}