@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Yrsa:ital,wght@0,300..700;1,300..700&display=swap');

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

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

/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

button,
select {
  text-transform: none;
}

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

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

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

:-moz-focusring {
  outline: auto;
}

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

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

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

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

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

/*
Set the default cursor for buttons.
*/

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

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

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

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

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

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

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

.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: 1450px){
  .container{
    max-width: 1450px;
  }
}

.container{
  max-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: 1200px;
  }
}

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

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

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

.visible{
  visibility: visible;
}

.static{
  position: static;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.sticky{
  position: sticky;
}

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

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

.-left-20{
  left: -5rem;
}

.-left-28{
  left: -7rem;
}

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

.-left-9{
  left: -2.25rem;
}

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

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

.-right-20{
  right: -5rem;
}

.-right-28{
  right: -7rem;
}

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

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

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

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

.bottom-0{
  bottom: 0px;
}

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

.left-0{
  left: 0px;
}

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

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

.left-\[calc\(-50vw\+50\%\)\]{
  left: calc(-50vw + 50%);
}

.right-0{
  right: 0px;
}

.right-1{
  right: 0.25rem;
}

.right-3{
  right: 0.75rem;
}

.right-4{
  right: 1rem;
}

.right-7{
  right: 1.75rem;
}

.right-8{
  right: 2rem;
}

.top-0{
  top: 0px;
}

.top-1{
  top: 0.25rem;
}

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

.top-11{
  top: 2.75rem;
}

.top-12{
  top: 3rem;
}

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

.top-28{
  top: 7rem;
}

.top-3{
  top: 0.75rem;
}

.top-4{
  top: 1rem;
}

.top-6{
  top: 1.5rem;
}

.top-7{
  top: 1.75rem;
}

.top-8{
  top: 2rem;
}

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

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

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

.top-full{
  top: 100%;
}

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

.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-\[999\]{
  z-index: 999;
}

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

.order-1{
  order: 1;
}

.order-2{
  order: 2;
}

.order-4{
  order: 4;
}

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

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

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

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

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

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

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

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

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

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

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

.m-0{
  margin: 0px;
}

.m-4{
  margin: 1rem;
}

.m-8{
  margin: 2rem;
}

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

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

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

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

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

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

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

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

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

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

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

.mb-11{
  margin-bottom: 2.75rem;
}

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

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

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

.mb-2{
  margin-bottom: 0.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-7{
  margin-bottom: 1.75rem;
}

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

.mb-9{
  margin-bottom: 2.25rem;
}

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

.ml-1\.5{
  margin-left: 0.375rem;
}

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

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

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

.ml-7{
  margin-left: 1.75rem;
}

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

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

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

.mr-10{
  margin-right: 2.5rem;
}

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

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

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

.mr-6{
  margin-right: 1.5rem;
}

.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-14{
  margin-top: 3.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.block{
  display: block;
}

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

.flex{
  display: flex;
}

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

.table{
  display: table;
}

.\!table-cell{
  display: table-cell !important;
}

.grid{
  display: grid;
}

.contents{
  display: contents;
}

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

.hidden{
  display: none;
}

.aspect-\[113\/38\]{
  aspect-ratio: 113/38;
}

.aspect-\[1139\/434\]{
  aspect-ratio: 1139/434;
}

.aspect-\[118\/89\]{
  aspect-ratio: 118/89;
}

.aspect-\[121\/130\]{
  aspect-ratio: 121/130;
}

.aspect-\[133\/138\]{
  aspect-ratio: 133/138;
}

.aspect-\[165\/142\]{
  aspect-ratio: 165/142;
}

.aspect-\[228\/115\]{
  aspect-ratio: 228/115;
}

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

.aspect-\[257\/134\]{
  aspect-ratio: 257/134;
}

.aspect-\[285\/73\]{
  aspect-ratio: 285/73;
}

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

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

.aspect-\[350\/387\]{
  aspect-ratio: 350/387;
}

.aspect-\[358\/188\]{
  aspect-ratio: 358/188;
}

.aspect-\[381\/286\]{
  aspect-ratio: 381/286;
}

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

.aspect-\[390\/135\]{
  aspect-ratio: 390/135;
}

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

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

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

.aspect-\[600\/370\]{
  aspect-ratio: 600/370;
}

.aspect-\[655\/524\]{
  aspect-ratio: 655/524;
}

.aspect-\[675\/450\]{
  aspect-ratio: 675/450;
}

.aspect-\[770\/455\]{
  aspect-ratio: 770/455;
}

.aspect-\[984\/352\]{
  aspect-ratio: 984/352;
}

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

.size-10{
  width: 2.5rem;
  height: 2.5rem;
}

.size-14{
  width: 3.5rem;
  height: 3.5rem;
}

.size-4{
  width: 1rem;
  height: 1rem;
}

.size-5{
  width: 1.25rem;
  height: 1.25rem;
}

.size-6{
  width: 1.5rem;
  height: 1.5rem;
}

.size-7{
  width: 1.75rem;
  height: 1.75rem;
}

.size-8{
  width: 2rem;
  height: 2rem;
}

.size-9{
  width: 2.25rem;
  height: 2.25rem;
}

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

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

.h-1{
  height: 0.25rem;
}

.h-10{
  height: 2.5rem;
}

.h-11{
  height: 2.75rem;
}

.h-12{
  height: 3rem;
}

.h-14{
  height: 3.5rem;
}

.h-16{
  height: 4rem;
}

.h-20{
  height: 5rem;
}

.h-24{
  height: 6rem;
}

.h-28{
  height: 7rem;
}

.h-3{
  height: 0.75rem;
}

.h-4{
  height: 1rem;
}

.h-40{
  height: 10rem;
}

.h-5{
  height: 1.25rem;
}

.h-6{
  height: 1.5rem;
}

.h-8{
  height: 2rem;
}

.h-80{
  height: 20rem;
}

.h-9{
  height: 2.25rem;
}

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

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

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

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

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

.h-auto{
  height: auto;
}

.h-full{
  height: 100%;
}

.h-screen{
  height: 100vh;
}

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

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

.max-h-28{
  max-height: 7rem;
}

.max-h-7{
  max-height: 1.75rem;
}

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

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

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

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

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

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

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

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

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

.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\/3{
  width: 66.666667%;
}

.w-20{
  width: 5rem;
}

.w-24{
  width: 6rem;
}

.w-28{
  width: 7rem;
}

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

.w-32{
  width: 8rem;
}

.w-36{
  width: 9rem;
}

.w-4{
  width: 1rem;
}

.w-5{
  width: 1.25rem;
}

.w-6{
  width: 1.5rem;
}

.w-7{
  width: 1.75rem;
}

.w-8{
  width: 2rem;
}

.w-9{
  width: 2.25rem;
}

.w-\[104\.3\%\]{
  width: 104.3%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-full{
  width: 100%;
}

.w-lvw{
  width: 100lvw;
}

.w-screen{
  width: 100vw;
}

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

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

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

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

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

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

.shrink{
  flex-shrink: 1;
}

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

.basis-1\/3{
  flex-basis: 33.333333%;
}

.basis-\[35\%\]{
  flex-basis: 35%;
}

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

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

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

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

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

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

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

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

.scale-75{
  --tw-scale-x: .75;
  --tw-scale-y: .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));
}

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

.\!cursor-pointer{
  cursor: pointer !important;
}

.cursor-pointer{
  cursor: pointer;
}

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

.resize{
  resize: both;
}

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

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

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

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

.break-inside-avoid-column{
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
}

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

.grid-cols-10{
  grid-template-columns: repeat(10, 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-\[repeat\(3\2c 44px\)\]{
  grid-template-columns: repeat(3,44px);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.justify-items-end{
  justify-items: end;
}

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

.gap-0{
  gap: 0px;
}

.gap-1{
  gap: 0.25rem;
}

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

.gap-2{
  gap: 0.5rem;
}

.gap-3{
  gap: 0.75rem;
}

.gap-4{
  gap: 1rem;
}

.gap-40{
  gap: 10rem;
}

.gap-5{
  gap: 1.25rem;
}

.gap-6{
  gap: 1.5rem;
}

.gap-7{
  gap: 1.75rem;
}

.gap-8{
  gap: 2rem;
}

.gap-9{
  gap: 2.25rem;
}

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

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

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

.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-5{
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

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

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

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

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

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

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

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

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

.divide-white\/50 > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(255 255 255 / 0.5);
}

.justify-self-start{
  justify-self: start;
}

.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-hidden{
  overflow-y: hidden;
}

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

.break-all{
  word-break: break-all;
}

.\!rounded-\[35px\]{
  border-radius: 35px !important;
}

.rounded{
  border-radius: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.border{
  border-width: 1px;
}

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

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

.border-\[7px\]{
  border-width: 7px;
}

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

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

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

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

.border-l-\[14px\]{
  border-left-width: 14px;
}

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

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

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

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

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

.border-\[\#0062FF\]{
  --tw-border-opacity: 1;
  border-color: rgb(0 98 255 / var(--tw-border-opacity, 1));
}

.border-\[\#0C7F40\]{
  --tw-border-opacity: 1;
  border-color: rgb(12 127 64 / var(--tw-border-opacity, 1));
}

.border-\[\#3f9566\]{
  --tw-border-opacity: 1;
  border-color: rgb(63 149 102 / var(--tw-border-opacity, 1));
}

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

.border-\[\#B9B9B\]{
  border-color: #B9B9B;
}

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

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

.border-\[\#F57C20\]{
  --tw-border-opacity: 1;
  border-color: rgb(245 124 32 / var(--tw-border-opacity, 1));
}

.border-\[\#FFB802\]{
  --tw-border-opacity: 1;
  border-color: rgb(255 184 2 / var(--tw-border-opacity, 1));
}

.border-\[3B9B9B\]{
  border-color: 3B9B9B;
}

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

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

.border-primary{
  --tw-border-opacity: 1;
  border-color: rgb(240 73 35 / var(--tw-border-opacity, 1));
}

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

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

.border-white\/25{
  border-color: rgb(255 255 255 / 0.25);
}

.border-white\/30{
  border-color: rgb(255 255 255 / 0.3);
}

.border-b-secondary{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(23 23 23 / var(--tw-border-opacity, 1));
}

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

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

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

.border-t-secondary{
  --tw-border-opacity: 1;
  border-top-color: rgb(23 23 23 / var(--tw-border-opacity, 1));
}

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

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

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

.bg-\[\#0C7F40\]{
  --tw-bg-opacity: 1;
  background-color: rgb(12 127 64 / var(--tw-bg-opacity, 1));
}

.bg-\[\#2F00E9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(47 0 233 / var(--tw-bg-opacity, 1));
}

.bg-\[\#324CA1\]{
  --tw-bg-opacity: 1;
  background-color: rgb(50 76 161 / var(--tw-bg-opacity, 1));
}

.bg-\[\#D9D9D9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
}

.bg-\[\#ED148A\]{
  --tw-bg-opacity: 1;
  background-color: rgb(237 20 138 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F3EC19\]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 236 25 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F57C20\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 124 32 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FDB700\]{
  --tw-bg-opacity: 1;
  background-color: rgb(253 183 0 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FF0000\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 0 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FFF1CE\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 206 / var(--tw-bg-opacity, 1));
}

.bg-\[\#d9d9d9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
}

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

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

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

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

.bg-light-gray{
  --tw-bg-opacity: 1;
  background-color: rgb(238 234 232 / var(--tw-bg-opacity, 1));
}

.bg-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(240 73 35 / var(--tw-bg-opacity, 1));
}

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

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

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

.bg-white\/15{
  background-color: rgb(255 255 255 / 0.15);
}

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

.bg-white\/25{
  background-color: rgb(255 255 255 / 0.25);
}

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

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

.bg-white\/80{
  background-color: rgb(255 255 255 / 0.8);
}

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

.from-\[\#F8D880\]{
  --tw-gradient-from: #F8D880 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 216 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-0\%{
  --tw-gradient-from-position: 0%;
}

.via-\[\#FCED94\]{
  --tw-gradient-to: rgb(252 237 148 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #FCED94 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[53\.65\%\]{
  --tw-gradient-via-position: 53.65%;
}

.to-\[\#EDBB45\]{
  --tw-gradient-to: #EDBB45 var(--tw-gradient-to-position);
}

.to-100\%{
  --tw-gradient-to-position: 100%;
}

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

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

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

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

.fill-\[\#0C7F40\]{
  fill: #0C7F40;
}

.fill-\[\#F57C20\]{
  fill: #F57C20;
}

.fill-\[\#ed2289\]{
  fill: #ed2289;
}

.fill-\[\#f3ec19\]{
  fill: #f3ec19;
}

.fill-\[\#f57c20\]{
  fill: #f57c20;
}

.fill-black{
  fill: #000;
}

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

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

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

.p-0{
  padding: 0px;
}

.p-2{
  padding: 0.5rem;
}

.p-24{
  padding: 6rem;
}

.p-4{
  padding: 1rem;
}

.p-5{
  padding: 1.25rem;
}

.p-6{
  padding: 1.5rem;
}

.p-7{
  padding: 1.75rem;
}

.p-8{
  padding: 2rem;
}

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

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

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

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

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

.px-14{
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

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

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

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

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

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

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

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

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

.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-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

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

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

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

.py-7{
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.indent-4{
  text-indent: 1rem;
}

.\!font-secondary{
  font-family: Sarabun, sans-serif !important;
}

.font-moche{
  font-family: Moche, serif;
}

.font-secondary{
  font-family: Sarabun, sans-serif;
}

.font-yrsa{
  font-family: Yrsa, serif;
}

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

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

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

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

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

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

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

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

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

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

.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-light{
  font-weight: 300;
}

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

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

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

.uppercase{
  text-transform: uppercase;
}

.capitalize{
  text-transform: capitalize;
}

.italic{
  font-style: italic;
}

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

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

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

.text-\[\#0C7F40\]{
  --tw-text-opacity: 1;
  color: rgb(12 127 64 / var(--tw-text-opacity, 1));
}

.text-\[\#2F00E9\]{
  --tw-text-opacity: 1;
  color: rgb(47 0 233 / var(--tw-text-opacity, 1));
}

.text-\[\#444\]{
  --tw-text-opacity: 1;
  color: rgb(68 68 68 / var(--tw-text-opacity, 1));
}

.text-\[\#666\]{
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}

.text-\[\#CCC\]{
  --tw-text-opacity: 1;
  color: rgb(204 204 204 / var(--tw-text-opacity, 1));
}

.text-\[\#ED148A\]{
  --tw-text-opacity: 1;
  color: rgb(237 20 138 / var(--tw-text-opacity, 1));
}

.text-\[\#F3EC19\]{
  --tw-text-opacity: 1;
  color: rgb(243 236 25 / var(--tw-text-opacity, 1));
}

.text-\[\#F57C20\]{
  --tw-text-opacity: 1;
  color: rgb(245 124 32 / var(--tw-text-opacity, 1));
}

.text-\[\#FF0000\]{
  --tw-text-opacity: 1;
  color: rgb(255 0 0 / var(--tw-text-opacity, 1));
}

.text-\[\#f5c518\]{
  --tw-text-opacity: 1;
  color: rgb(245 197 24 / var(--tw-text-opacity, 1));
}

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

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

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

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

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

.text-primary{
  --tw-text-opacity: 1;
  color: rgb(240 73 35 / var(--tw-text-opacity, 1));
}

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

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

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

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

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

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

.accent-slate-400{
  accent-color: #94a3b8;
}

.opacity-0{
  opacity: 0;
}

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

.shadow-\[0px_4px_4px_\#00000026\]{
  --tw-shadow: 0px 4px 4px #00000026;
  --tw-shadow-colored: 0px 4px 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-label{
  --tw-shadow: 0px 4px 7px 1px #f0492333;
  --tw-shadow-colored: 0px 4px 7px 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-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-standard{
  --tw-shadow: 2px 2px 16px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 2px 2px 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);
}

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

.outline{
  outline-style: solid;
}

.outline-primary{
  outline-color: #f04923;
}

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

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

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

.brightness-\[0\.25\]{
  --tw-brightness: brightness(0.25);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

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

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

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

.transition-\[max-height\]{
  transition-property: max-height;
  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;
}

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

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

.ease-\[cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)\]{
  transition-timing-function: cubic-bezier(0.4,0,0.2,1);
}

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

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

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

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

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

#main-header>nav>ul.hidden>li.active>a,
#main-header>nav>ul.hidden>li.active>div>a {
  font-weight: 700;
  color      : rgb(240 73 35);
}

#main-header>nav>ul.hidden>li.active>div>svg {
  color: rgb(240 73 35);
}

.admin-bar #main-header {
  top: 46px;
}

@media screen and (min-width: 783px) {
  .admin-bar #main-header {
    top: 32px;
  }
}

.admin-bar #primary-menu {
  top: 124px;
}

@media screen and (min-width: 1024px) {
  .admin-bar #primary-menu {
    top: 195px;
  }
}

@media screen and (min-width: 783px) {
  .admin-bar #menu-main-menu .sub-menu {
    margin-top: 7px !important;
  }

  .admin-bar .sticky-menu #menu-main-menu .sub-menu {
    margin-top: -12px !important;
  }

  .admin-bar #primary-menu {
    top: 0px;
  }
}

#header {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration       : .3s;
}

#menu-main-menu>li {
  padding   : 10px 16px;
  border-top: 1px solid rgba(255, 255, 255, .25);
}

#menu-main-menu>li:first-child {
  padding   : 10px 16px;
  border-top: unset;
}

@media screen and (min-width: 1024px) {
  #menu-main-menu>li {
    padding   : 24px 0px 24px 0px;
    border-top: unset;
  }
}

#menu-main-menu>li>a {
  display        : flex;
  justify-content: space-between;
  align-items    : center;
}

@media screen and (min-width: 1024px) {
  #menu-main-menu>li>a {
    display        : flex;
    justify-content: center;
    align-items    : center;
  }

  #menu-main-menu>li {
    display    : flex;
    align-items: center;
    max-width  : unset;
    width      : unset;
  }

  #menu-main-menu>li.current-menu-item {
    color: #F04923 !important;
  }
}

#primary-menu {
  position: fixed;
  top     : 78px;
  left    : 0px;
  width   : 100%;
  z-index : 999;
}

@media screen and (min-width: 1024px) {
  #primary-menu {
    position: relative;
    width   : unset;
    top     : unset;
  }
}

#primary-menu .sub-menu {
  display: none;
}

#menu-main-menu>li .sub-menu {
  margin-top: 12px;
  padding   : 0px 12px;
}

#menu-main-menu>li .sub-menu a {
  font-size: 16px !important;
}

@media screen and (min-width: 1024px) {
  #menu-main-menu>li .sub-menu {
    margin-top: 7px !important;
    padding   : 0px !important;
  }

  #menu-main-menu .toggle {
    transform     : rotate(0deg);
    transition    : all 0s ease-in-out !important;
    pointer-events: none !important;
  }

  /* #menu-main-menu > li:hover .sub-menu {
        top: 60px;
        margin-top: 2px;
        position: absolute;
        width: 315px;
        display: flex;
        flex-direction: column;
        background: #fff;
    } */

  #menu-main-menu>li:hover .sub-menu {
    position       : absolute;
    width          : 200px;
    top            : 60px;
    display        : flex;
    justify-content: center;
    align-items    : center;
    flex-direction : column;
    background     : #fff;
    box-shadow     : 0px 4px 12px rgba(0, 0, 0, 0.15);
    z-index        : 999;
  }

  #menu-main-menu>li .sub-menu a {
    padding   : 7px 16px;
    width     : 100%;
    text-align: left !important;
  }

  #menu-main-menu>li .sub-menu li:hover a {
    color: #fff !important;
  }
}

#menu-main-menu .toggle {
  transition: all .3s ease-in-out;
}

#menu-main-menu .menu-item-container.active .toggle {
  transform: rotate(180deg);
}

#menu-main-menu>li .sub-menu>li {
  text-transform: none;
  width         : 100%;
  padding       : 4px 0px;
}

#menu-main-menu>li .sub-menu>li:last-child {
  border-bottom: 0px solid red;
}

@media screen and (min-width: 1024px) {
  #menu-main-menu>li .sub-menu>li {
    color         : #111;
    text-transform: none;
    margin        : 0px;
    padding       : 0px;
    /* new */
    font-weight   : 400;
  }

  #menu-main-menu>li:hover .sub-menu>li:hover {
    /* background: #003E68; */
    background-color: #F04923;
    /* color        : #fff; */
  }
}

.menu-item.menu-item-has-children>.menu-item-container>.toggle {
  display: block;
}

.menu-item .toggle {
  display: none;
}

.menu-item-container {
  display        : flex;
  justify-content: space-between;
}

@media screen and (min-width: 1024px) {
  .menu-item-container {
    width: 100%;
  }
}

.menu-item-container a:first-child {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  /* Sticky menu */

  .sticky-menu #logo svg {
    height: 98px !important;
  }

  #main-header.sticky-menu {
    height: 172px;
  }

  .sticky-menu #logo svg {
    height: 80px !important;
  }

  .sticky-menu #menu-main-menu .sub-menu {
    margin-top: -44px !important;
  }
}

.tos-menu>ul>li {
  border-top: 1px solid rgba(255, 255, 255, .25);
  padding   : 16px 0px;
}

.tos-menu>ul>li:first-child {
  border-top: unset;
}

.tos-menu .sub-menu>li {
  margin-top : 16px;
  font-weight: 500;
  font-family: 'Prompt', sans-serif;
}

@media screen and (max-width: 1023px) {
  .tos-menu {
    padding: 0px 16px;
  }

  .tos-menu>ul>li>.menu-item-container>a {
    font-family   : 'Prompt', sans-serif;
    font-size     : 20px;
    font-weight   : 500;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) {
  .tos-menu>ul>li>.menu-item-container>a {
    font-family   : 'Moche', sans-serif;
    font-size     : 24px;
    font-weight   : 700;
    text-transform: uppercase;
  }

  .tos-menu .sub-menu>li {
    margin-top: 16px;
  }

  .tos-menu .sub-menu>li:hover {
    text-decoration: underline;
  }

  .tos-menu>ul>li.text-pink {
    border-top: 1px solid rgba(237, 20, 138, .25);
  }

  .tos-menu>ul>li.text-pink:first-child {
    border-top: unset;
  }

  .tos-menu>ul>li.text-green {
    border-top: 1px solid rgba(12, 127, 64, .25);
  }

  .tos-menu>ul>li.text-green:first-child {
    border-top: unset;
  }
}

.entry-post-content {
  line-height: 1.8;
}

.entry-post-content table {
  border-collapse: separate;
  border-spacing : 0;
  border-width   : 1px 0 0 1px;
  margin         : 20px 0px;
  width          : 100%;
}

.entry-post-content table,
.entry-post-content td,
.entry-post-content th {
  border: 1px solid rgba(0, 0, 0, .1);
}

.entry-post-content td {
  border-width: 0 1px 1px 0;
}

.entry-post-content td,
.entry-post-content th {
  padding: 8px;
}

.entry-post-content iframe {
  width: 100%;
}

.entry-post-content h2 {
  margin-bottom: 12px;
  font-weight  : 700;
}

.entry-post-content h3 {
  font-size    : 18px;
  margin-bottom: 12px;
  font-weight  : 700;
}

.entry-post-content h4 {
  font-size    : 16px;
  margin-bottom: 12px;
  font-weight  : 700;
}

.entry-post-content h5 {
  font-size    : 16px;
  margin-bottom: 12px;
  font-weight  : 700;
}

.entry-post-content p {
  font-size    : 16px;
  margin-bottom: 12px;
}

@media screen and (min-width: 1024px) {
  .entry-post-content h2 {
    font-size    : 20px;
    margin-bottom: 12px;
  }

  .entry-post-content h3 {
    font-size    : 18px;
    margin-bottom: 12px;
  }

  .entry-post-content h4 {
    font-size    : 16px;
    margin-bottom: 12px;
  }

  .entry-post-content h5 {
    font-size    : 16px;
    margin-bottom: 12px;
  }

  .entry-post-content p {
    font-size    : 16px;
    margin-bottom: 12px;
  }
}

.entry-post-content img {
  border-radius: 8px;
}

.entry-post-content .is-layout-flex {
  gap: 16px;
}

.entry-post-content .wp-block-image.aligncenter.size-full {
  margin-left : auto;
  margin-right: auto;
}

.entry-post-content figure {
  display        : flex !important;
  flex-direction : column;
  justify-content: center;
  align-items    : center;
  width          : 100% !important;
  margin         : 20px 0px 20px 0px;
}

.entry-post-content figcaption {
  margin     : 10px 0px 0px 0px;
  font-size  : 14px;
  line-height: 22px;
}

.entry-post-content ol {
  list-style   : decimal;
  padding-left : 16px;
  margin-bottom: 20px;
}

.entry-post-content ul {
  list-style   : disc;
  padding-left : 16px;
  margin-bottom: 20px;
}

.entry-post-content li {
  margin-bottom: 10px;
}

.entry-post-content a {
  color      : #F04923;
  font-weight: 600;
}

.entry-post-content a:hover {
  text-decoration: underline;
}

/* Pagination */

.page-numbers {
  display        : inline-flex;
  justify-content: center;
  align-items    : center;
  color          : #666666;
  height         : 40px;
  width          : 40px;
  background     : #D9D9D9;
  margin         : 0px 6px;
}

a.page-numbers:hover {
  background: #19191A;
  color     : #FFBC00;
}

.page-numbers.current {
  background: #19191A;
  color     : #FFBC00;
}

/* Custom scrollbar */

.cs-scrollbar::-webkit-scrollbar {
  width: 5px;
}

/* Track */

.cs-scrollbar::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */

.cs-scrollbar::-webkit-scrollbar-thumb {
  background   : #9CB7C9;
  border-radius: 10px;
}

/* Handle on hover */

.cs-scrollbar::-webkit-scrollbar-thumb:hover {
  background   : #F5F5F5;
  border-radius: 10px;
}

/* Woo CSS */

.single-product .product-type-variable .entry-summary>.price {
  display: none;
}

.entry-summary .stock.in-stock {
  display: none;
}

.entry-summary .price {
  display: none;
}

.entry-summary .puramu-category-list a {
  color: #FFBC00;
}

.entry-summary .puramu-category-list a:hover {
  text-decoration: underline;
}

.entry-summary .quantity {
  display: none !important;
}

.entry-summary .single_add_to_cart_button {
  display: none !important;
}

div.woovr-variations {
  display: flex;
  padding: 0;
  gap    : 8px;
}

.woovr-variations>div {
  margin: unset !important;
}

.woovr-variation-info {
  display        : flex;
  align-items    : center;
  justify-content: center;
  padding        : 0px 16px !important;
  height         : 30px;
  background     : #19191A;
  border-radius  : 5px;
}

.woovr-variation-name {
  font-size              : 15px;
  padding-bottom         : 4px;
  font-weight            : 400 !important;
  background             : -webkit-linear-gradient(#F8D880, #FCED94, #EDBB45);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.woovr-variations .woovr-variation-active .woovr-variation-info {
  background: linear-gradient(to right, #F8D880, #FCED94, #EDBB45) !important;
}

.woovr-variations .woovr-variation-active .woovr-variation-name {
  background             : -webkit-linear-gradient(#19191A, #19191A);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.entry-summary .woovr-variation-selector {
  display: none;
}

/* Woo review */

.woocommerce-Tabs-panel--reviews #reviews {
  display       : flex;
  flex-direction: column;
}

.woocommerce-Tabs-panel--reviews #comments {
  order: 2;
}

.woocommerce-Tabs-panel--reviews #review_form_wrapper {
  order: 1;
}

.woocommerce-Tabs-panel--reviews .comment-notes {
  display: none;
}

.woocommerce-Tabs-panel--reviews .comment-form-cookies-consent {
  display: none;
}

.woocommerce-Tabs-panel--reviews .comment-form-comment {
  display       : flex;
  flex-direction: column;
  margin-top    : 40px;
}

/* Puramu Rate & Review */

.comment-form-rating .stars span {
  display        : flex;
  justify-content: start;
  flex-direction : row-reverse;
}

.stars a {
  position       : relative;
  text-decoration: none;
  color          : transparent;
  -webkit-user-select    : none;
     -moz-user-select    : none;
          user-select    : none;
  display        : block;
  width          : 20px;
  height         : 20px;
  margin-right   : 12px;
}

@media screen and (min-width: 1024px) {
  .stars a {
    width       : 30px;
    height      : 30px;
    margin-right: 14px;
  }
}

.stars a::before {
  content    : "★";
  position   : absolute;
  text-indent: 0;
  /* Show the stars */
  color      : #ccc;
  /* Gray color for all stars initially */
  font-size  : 32px;
  line-height: 32px;
}

@media screen and (min-width: 1024px) {
  .stars a::before {
    font-size  : 40px;
    line-height: 40px;
  }
}

.stars.selected a.active~a::before,
.stars a:hover~a::before {
  color: #ccc;
  /* Gray color for all stars following the active star or under hover */
}

.stars a:hover::before,
.stars a:hover~a::before,
.stars.selected a.active::before,
.stars.selected a.active~a::before {
  color: #f5c518;
  /* Gold color for the hovered star and all preceding stars */
}

.puramu_rating_stars {
  height     : 25px;
  display    : flex;
  align-items: center;
}

.puramu_rating_stars span {
  display      : inline-block;
  height       : 25px;
  line-height  : 25px;
  margin-bottom: 4px;
}

.half-star {
  position: relative;
  color   : #ccc;
}

.half-star .full {
  position: absolute;
  top     : 0;
  left    : 0;
  width   : 50%;
  color   : #FFBC00;
  overflow: hidden;
}

.comment-text .description {
  margin-top: 12px;
}

#review_form #submit {
  display        : flex;
  align-items    : center;
  justify-content: center;
  margin         : auto;
  position       : relative;
  box-sizing     : border-box;
  background     : #F04923;
  background-clip: padding-box;
  height         : 48px;
  font-weight    : 700;
  border-radius  : 48px;
  width          : 230px;
  margin         : 20px auto 40px auto;
  cursor         : pointer;
  color          : #fff;
}

#review_form #submit:hover {
  background: #000;
}

.ask-answer-submit {
  display        : flex;
  align-items    : center;
  justify-content: center;
  margin         : auto;
  position       : relative;
  box-sizing     : border-box;
  background     : #19191A;
  background-clip: padding-box;
  height         : 48px;
  border-radius  : 48px;
  width          : 230px;
  cursor         : pointer;
}

.ask-answer-submit:hover {
  background: linear-gradient(to right, #F8D880, #FCED94, #EDBB45);
}

.ask-answer-submit input {
  background             : -webkit-linear-gradient(#F8D880, #FCED94, #EDBB45);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* font-family         : SVN Athena; */
  font-family            : Muli;
  text-transform         : uppercase;
  cursor                 : pointer;
}

.ask-answer-submit:hover input {
  background             : -webkit-linear-gradient(#19191A, #19191A);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Quick contact form */

div#quick-contact-form form p {
  display       : flex;
  flex-direction: column;
  gap           : 16px;
}

@media screen and (min-width: 1024px) {
  div#quick-contact-form form p {
    display       : flex;
    flex-direction: row;
    gap           : 32px;
  }
}

div#quick-contact-form form br {
  display: none;
}

div#quick-contact-form input:not(input[type="submit"]) {
  height          : 48px;
  padding         : 0px 32px;
  border-radius   : 100px;
  background-color: rgba(255, 255, 255, 0.25);
  border          : 1px solid #EDBB45;
  color           : #EDBB45;
  outline         : unset;
  width           : 100%;
}

div#quick-contact-form input:not(input[type="submit"])::-moz-placeholder {
  color: #EDBB45;
}

div#quick-contact-form input:not(input[type="submit"])::placeholder {
  color: #EDBB45;
}

div#quick-contact-form input[type="submit"] {
  background    : linear-gradient(45deg, #F8D880 0%, #FCED94 53.65%, #EDBB45 100%);
  /* font-family: SVN Athena; */
  font-family   : Muli;
  font-size     : 18px;
  text-transform: uppercase;
  color         : #19191A;
  display       : flex;
  align-items   : center;
  padding       : 0px 24px;
  border-radius : 40px;
  height        : 48px;
  margin        : auto;
}

@media screen and (min-width: 1024px) {
  div#quick-contact-form input[type="submit"] {
    margin: unset;
  }
}

div#quick-contact-form .wpcf7-not-valid-tip {
  position: absolute;
}

div#quick-contact-form .wpcf7-response-output {
  color: #fff !important;
}

div#quick-contact-form .wpcf7-spinner {
  position: absolute;
}

div#contact-page-contact-form .cs-row p {
  display       : flex;
  flex-direction: column;
  gap           : 16px;
  width         : 100%;
  margin-bottom : 16px;
}

@media screen and (min-width: 1024px) {
  div#contact-page-contact-form .cs-row p {
    flex-direction: row;
    gap           : 20px;
    margin-bottom : 20px;
  }
}

div#contact-page-contact-form .cs-row br {
  display: none;
}

div#contact-page-contact-form .cs-row span {
  display    : block;
  flex-grow  : 1;
  flex-shrink: 0;
}

div#contact-page-contact-form .cs-row input {
  width        : 100%;
  height       : 48px;
  border-radius: 48px;
  padding      : 0px 32px;
  border       : 1px solid #19191A;
  outline      : unset;
}

div#contact-page-contact-form .cs-row input:focus {
  border: 1px solid #FFBC00;
}

div#contact-page-contact-form textarea {
  width        : 100%;
  height       : 200px;
  border-radius: 25px;
  border       : 1px solid #19191A;
  outline      : none;
  padding      : 32px;
}

div#contact-page-contact-form textarea:focus {
  border: 1px solid #FFBC00;
}

div#contact-page-contact-form .cs-submit {
  display        : flex;
  justify-content: center;
}

div#contact-page-contact-form .cs-submit p {
  display        : inline-flex;
  justify-content: center;
  margin-top     : 20px;
  background     : #19191A;
  height         : 48px;
  border-radius  : 48px;
  padding        : 0px 64px;
  border         : 1px solid #FFBC00;
}

@media screen and (min-width: 1024px) {
  div#contact-page-contact-form .cs-submit p {
    margin-top: 40px;
  }
}

div#contact-page-contact-form .cs-submit input {
  background             : -webkit-linear-gradient(#F8D880, #FCED94, #EDBB45);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* font-family         : SVN Athena; */
  font-family            : Muli;
  text-transform         : uppercase;
  cursor                 : pointer;
}

div#contact-page-contact-form .cs-submit .wpcf7-spinner {
  position: absolute;
}

div#product-contact input:not(input[type="submit"]) {
  width        : 100%;
  height       : 48px;
  border-radius: 48px;
  padding      : 0px 32px;
  border       : 1px solid #19191A;
  outline      : unset;
  margin-bottom: 16px;
}

@media screen and (min-width: 1024px) {
  div#product-contact input:not(input[type="submit"]) {
    margin-bottom: 24px;
  }
}

div#product-contact .cs-submit {
  display        : flex;
  justify-content: center;
}

div#product-contact .cs-submit input {
  display        : inline-flex;
  justify-content: center;
  background     : #fff;
  border         : 1px solid #000;
  font-weight    : 700;
  height         : 48px;
  border-radius  : 48px;
  padding        : 0px 64px;
  margin-top     : 10px;
  cursor         : pointer;
}

div#product-contact .cs-submit input:hover {
  background: #F04923;
  border    : 1px solid #F04923;
  color     : #fff;
}

@media screen and (min-width: 1024px) {
  div#product-contact .cs-submit input {
    margin-top: 0px;
  }
}

div#product-contact .cs-submit .wpcf7-spinner {
  position: absolute;
}

/* Image marquee */

.marquee {
  overflow: hidden;
}

.marquee-content {
  display  : flex;
  animation: scrolling 20s linear infinite;
}

@media screen and (min-width: 1024px) {
  .marquee-content {
    display  : flex;
    animation: scrolling 35s linear infinite;
  }
}

.marquee-item {
  flex       : 0 0 130px;
  margin     : 0 2vw;
  /*   flex  : 0 0 20vw; */
  /*   margin: 0 2vw; */
}

@media screen and (min-width: 1024px) {
  .marquee-item {
    flex       : 0 0 192px;
    margin     : 0 0.5vw;
    /*   flex  : 0 0 20vw; */
    /*   margin: 0 2vw; */
  }
}

.marquee-item img {
  display     : block;
  width       : 100%;
  /*   padding: 0 20px; */
}

@keyframes scrolling {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translatex(-200vw);
  }
}

/* Product filter */

/* Hide the browser's default checkbox */

.checkbox-container {
  position    : relative;
  padding-left: 30px;
}

.checkbox-container input {
  position: absolute;
  opacity : 0;
  cursor  : pointer;
  height  : 0;
  width   : 0;
}

/* Create a custom checkbox */

.checkmark {
  position        : absolute;
  top             : 0;
  left            : 0;
  height          : 20px;
  width           : 20px;
  background-color: transparent;
  border          : 1px solid #9E9E9E;
  border-radius   : 3px;
}

/* On mouse-over, add a grey background color */

.checkbox-container:hover input~.checkmark {
  background-color: #eee;
}

/* When the checkbox is checked, add a blue background */

.checkbox-container input:checked~.checkmark {
  background-color: #19191A;
  border          : 1px solid #19191A;
}

/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
  content : "";
  position: absolute;
  display : none;
}

/* Show the checkmark when checked */

.checkbox-container input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */

.checkbox-container .checkmark:after {
  left        : 7px;
  top         : 3px;
  width       : 5px;
  height      : 10px;
  border      : solid #F8D880;
  border-width: 0 2px 2px 0;
  transform   : rotate(45deg);
}

/* Trash CSS */

@media screen and (max-width: 1023px) {
  div#seo-number-counter>div:nth-child(3) {
    border: 0px;
  }
}

.rank-math-breadcrumb .separator {
  padding: 0px 8px;
}

.lwptoc .lwptoc_i {
  padding: 20px !important;
}

@media screen and (min-width: 1024px) {
  .lwptoc .lwptoc_i {
    padding: 32px !important;
  }
}

.lwptoc .lwptoc_header {
  display    : flex;
  align-items: center;
  gap        : 6px;
}

.lwptoc .lwptoc_title {
  display: flex;
  gap    : 20px;
}

.lwptoc_i>div>.lwptoc_itemWrap {
  padding-top: 12px;
}

@media screen and (min-width: 1024px) {
  .lwptoc_i>div>.lwptoc_itemWrap {
    padding-top: 20px;
  }
}

.lwptoc .lwptoc_item {
  margin-bottom: 8px;
}

.search-field::-webkit-search-cancel-button {
  display: none;
}

#cart-number:empty {
  display: none;
}

#player-container iframe {
  z-index: 999;
}

#s::-moz-placeholder {
  color  : #fff;
  opacity: 1;
  /* Firefox */
}

#s::placeholder {
  color  : #fff;
  opacity: 1;
  /* Firefox */
}

#s:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}

#s::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff;
}

div.woocommerce-Tabs-panel {
  display: block !important;
}

/* Container width */

:root {
  --container-width: 100%;
}

@media screen and (min-width: 1024px) {
  :root {
    --container-width: 1024px;
  }
}

@media screen and (min-width: 1280px) {
  :root {
    --container-width: 1280px;
  }
}

@media screen and (min-width: 1450px) {
  :root {
    --container-width: 1380px;
  }
}

/* Absolute Swiper */

@media screen and (min-width: 1024px) {
  .absolute-swiper {
    width        : calc(100vw - (100vw - var(--container-width)) /2) !important;
    padding-right: calc((100vw - var(--container-width)) / 2) !important;
    position     : absolute !important;
  }
}

.placeholder\:absolute::-moz-placeholder{
  position: absolute;
}

.placeholder\:absolute::placeholder{
  position: absolute;
}

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

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

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

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

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

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

.placeholder\:opacity-100::-moz-placeholder{
  opacity: 1;
}

.placeholder\:opacity-100::placeholder{
  opacity: 1;
}

.backdrop\:bg-\[\#eeeae8\]\/75::backdrop{
  background-color: rgb(238 234 232 / 0.75);
}

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

.first\:ml-0:first-child{
  margin-left: 0px;
}

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

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

.last\:hidden:last-child{
  display: none;
}

.last\:rounded-b-xl:last-child{
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.last\:border-0:last-child{
  border-width: 0px;
}

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

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

.last\:pb-0:last-child{
  padding-bottom: 0px;
}

.first-of-type\:bg-transparent:first-of-type{
  background-color: transparent;
}

.last-of-type\:bg-transparent:last-of-type{
  background-color: transparent;
}

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

.hover\:border-primary:hover{
  --tw-border-opacity: 1;
  border-color: rgb(240 73 35 / var(--tw-border-opacity, 1));
}

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

.hover\:\!bg-black\/80:hover{
  background-color: rgb(0 0 0 / 0.8) !important;
}

.hover\:bg-\[\#ED148A\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(237 20 138 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#F3EC19\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 236 25 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#FDB700\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(253 183 0 / var(--tw-bg-opacity, 1));
}

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

.hover\:bg-black\/80:hover{
  background-color: rgb(0 0 0 / 0.8);
}

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

.hover\:bg-primary:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(240 73 35 / var(--tw-bg-opacity, 1));
}

.hover\:bg-primary\/80:hover{
  background-color: rgb(240 73 35 / 0.8);
}

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

.hover\:bg-gradient-to-r:hover{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.hover\:from-secondary:hover{
  --tw-gradient-from: #171717 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(23 23 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:to-secondary:hover{
  --tw-gradient-to: #171717 var(--tw-gradient-to-position);
}

.hover\:text-\[\#0C7F40\]:hover{
  --tw-text-opacity: 1;
  color: rgb(12 127 64 / var(--tw-text-opacity, 1));
}

.hover\:text-\[\#E9452E\]:hover{
  --tw-text-opacity: 1;
  color: rgb(233 69 46 / var(--tw-text-opacity, 1));
}

.hover\:text-\[\#FDB700\]:hover{
  --tw-text-opacity: 1;
  color: rgb(253 183 0 / var(--tw-text-opacity, 1));
}

.hover\:text-primary:hover{
  --tw-text-opacity: 1;
  color: rgb(240 73 35 / var(--tw-text-opacity, 1));
}

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

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

.focus\:border-primary:focus{
  --tw-border-opacity: 1;
  border-color: rgb(240 73 35 / var(--tw-border-opacity, 1));
}

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

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

.group:last-child .group-last\:border-y{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

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

.group[open] .group-open\:bg-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(240 73 35 / var(--tw-bg-opacity, 1));
}

.group[open] .group-open\:text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

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

.group:hover .group-hover\:rotate-45{
  --tw-rotate: 45deg;
  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-\[15deg\]{
  --tw-rotate: 15deg;
  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-\[2\.3\]{
  --tw-scale-x: 2.3;
  --tw-scale-y: 2.3;
  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\:fill-\[\#0C7F40\]{
  fill: #0C7F40;
}

.group:hover .group-hover\:fill-\[\#E9452E\]{
  fill: #E9452E;
}

.group:hover .group-hover\:fill-\[\#ED148A\]{
  fill: #ED148A;
}

.group:hover .group-hover\:fill-\[\#F57C20\]{
  fill: #F57C20;
}

.group:hover .group-hover\:fill-black{
  fill: #000;
}

.group:hover .group-hover\:fill-white{
  fill: #fff;
}

.group:hover .group-hover\:text-\[\#0C7F40\]{
  --tw-text-opacity: 1;
  color: rgb(12 127 64 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-\[\#ED148A\]{
  --tw-text-opacity: 1;
  color: rgb(237 20 138 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-primary{
  --tw-text-opacity: 1;
  color: rgb(240 73 35 / var(--tw-text-opacity, 1));
}

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

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

.peer[open] ~ .peer-open\: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));
}

.has-\[\:popover-open\]\:text-primary:has(:popover-open){
  --tw-text-opacity: 1;
  color: rgb(240 73 35 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px){
  .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\:col-span-6{
    grid-column: span 6 / span 6;
  }

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

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

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

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

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

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

  .md\:block{
    display: block;
  }

  .md\:flex{
    display: flex;
  }

  .md\:hidden{
    display: none;
  }

  .md\:h-4{
    height: 1rem;
  }

  .md\:max-h-20{
    max-height: 5rem;
  }

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

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

  .md\:w-7{
    width: 1.75rem;
  }

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

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

  .md\:gap-10{
    gap: 2.5rem;
  }

  .md\:gap-3{
    gap: 0.75rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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-\[28px\]{
    font-size: 28px;
  }

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

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

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

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

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

  .lg\:absolute{
    position: absolute;
  }

  .lg\:relative{
    position: relative;
  }

  .lg\:sticky{
    position: sticky;
  }

  .lg\:-right-44{
    right: -11rem;
  }

  .lg\:-right-56{
    right: -14rem;
  }

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

  .lg\:-top-20{
    top: -5rem;
  }

  .lg\:-top-28{
    top: -7rem;
  }

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

  .lg\:bottom-\[unset\]{
    bottom: unset;
  }

  .lg\:left-0{
    left: 0px;
  }

  .lg\:left-\[calc\(-50vw\+50\%\)\]{
    left: calc(-50vw + 50%);
  }

  .lg\:left-\[unset\]{
    left: unset;
  }

  .lg\:right-10{
    right: 2.5rem;
  }

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

  .lg\:right-6{
    right: 1.5rem;
  }

  .lg\:top-10{
    top: 2.5rem;
  }

  .lg\:top-11{
    top: 2.75rem;
  }

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

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

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

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

  .lg\:top-\[3\%\]{
    top: 3%;
  }

  .lg\:z-\[unset\]{
    z-index: unset;
  }

  .lg\:order-1{
    order: 1;
  }

  .lg\:order-2{
    order: 2;
  }

  .lg\:order-3{
    order: 3;
  }

  .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\:col-span-6{
    grid-column: span 6 / span 6;
  }

  .lg\:col-span-7{
    grid-column: span 7 / span 7;
  }

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

  .lg\:col-span-9{
    grid-column: span 9 / span 9;
  }

  .lg\:col-start-3{
    grid-column-start: 3;
  }

  .lg\:mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

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

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

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

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

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

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

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

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

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

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

  .lg\:mb-7{
    margin-bottom: 1.75rem;
  }

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

  .lg\:mb-9{
    margin-bottom: 2.25rem;
  }

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

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

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

  .lg\:mr-3{
    margin-right: 0.75rem;
  }

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

  .lg\:mr-6{
    margin-right: 1.5rem;
  }

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

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

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

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

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

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

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

  .lg\:mt-20{
    margin-top: 5rem;
  }

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

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

  .lg\:mt-36{
    margin-top: 9rem;
  }

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

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

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

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

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

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

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

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

  .lg\:line-clamp-4{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }

  .lg\:line-clamp-none{
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none;
  }

  .lg\:block{
    display: block;
  }

  .lg\:inline{
    display: inline;
  }

  .lg\:flex{
    display: flex;
  }

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

  .lg\:\!table-cell{
    display: table-cell !important;
  }

  .lg\:table-cell{
    display: table-cell;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:aspect-\[1380\/410\]{
    aspect-ratio: 1380/410;
  }

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

  .lg\:aspect-\[1920\/352\]{
    aspect-ratio: 1920/352;
  }

  .lg\:aspect-\[1920\/800\]{
    aspect-ratio: 1920/800;
  }

  .lg\:aspect-\[3\/1\]{
    aspect-ratio: 3/1;
  }

  .lg\:aspect-auto{
    aspect-ratio: auto;
  }

  .lg\:aspect-video{
    aspect-ratio: 16 / 9;
  }

  .lg\:size-6{
    width: 1.5rem;
    height: 1.5rem;
  }

  .lg\:\!h-\[46px\]{
    height: 46px !important;
  }

  .lg\:h-10{
    height: 2.5rem;
  }

  .lg\:h-12{
    height: 3rem;
  }

  .lg\:h-14{
    height: 3.5rem;
  }

  .lg\:h-16{
    height: 4rem;
  }

  .lg\:h-20{
    height: 5rem;
  }

  .lg\:h-28{
    height: 7rem;
  }

  .lg\:h-32{
    height: 8rem;
  }

  .lg\:h-40{
    height: 10rem;
  }

  .lg\:h-6{
    height: 1.5rem;
  }

  .lg\:h-7{
    height: 1.75rem;
  }

  .lg\:h-8{
    height: 2rem;
  }

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

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

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

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

  .lg\:h-\[unset\]{
    height: unset;
  }

  .lg\:h-auto{
    height: auto;
  }

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

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

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

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

  .lg\:w-1\/4{
    width: 25%;
  }

  .lg\:w-12{
    width: 3rem;
  }

  .lg\:w-14{
    width: 3.5rem;
  }

  .lg\:w-16{
    width: 4rem;
  }

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

  .lg\:w-20{
    width: 5rem;
  }

  .lg\:w-28{
    width: 7rem;
  }

  .lg\:w-32{
    width: 8rem;
  }

  .lg\:w-40{
    width: 10rem;
  }

  .lg\:w-6{
    width: 1.5rem;
  }

  .lg\:w-64{
    width: 16rem;
  }

  .lg\:w-7{
    width: 1.75rem;
  }

  .lg\:w-8{
    width: 2rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .lg\:w-\[unset\]{
    width: unset;
  }

  .lg\:w-auto{
    width: auto;
  }

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

  .lg\:w-lvw{
    width: 100lvw;
  }

  .lg\:basis-1\/2{
    flex-basis: 50%;
  }

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

  .lg\:columns-3{
    -moz-columns: 3;
         columns: 3;
  }

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

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

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

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

  .lg\:grid-cols-\[240px\2c auto\]{
    grid-template-columns: 240px auto;
  }

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

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

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

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

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

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

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

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

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

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

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

  .lg\:gap-0{
    gap: 0px;
  }

  .lg\:gap-10{
    gap: 2.5rem;
  }

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

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

  .lg\:gap-20{
    gap: 5rem;
  }

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

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

  .lg\:gap-40{
    gap: 10rem;
  }

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

  .lg\:gap-7{
    gap: 1.75rem;
  }

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

  .lg\:gap-9{
    gap: 2.25rem;
  }

  .lg\:gap-x-20{
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

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

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

  .lg\:gap-y-14{
    row-gap: 3.5rem;
  }

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

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

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

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

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

  .lg\:bg-light-gray{
    --tw-bg-opacity: 1;
    background-color: rgb(238 234 232 / var(--tw-bg-opacity, 1));
  }

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

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

  .lg\:bg-white\/50{
    background-color: rgb(255 255 255 / 0.5);
  }

  .lg\:p-0{
    padding: 0px;
  }

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

  .lg\:p-12{
    padding: 3rem;
  }

  .lg\:p-14{
    padding: 3.5rem;
  }

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

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

  .lg\:px-14{
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .lg\:px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }

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

  .lg\:px-24{
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .lg\:px-28{
    padding-left: 7rem;
    padding-right: 7rem;
  }

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

  .lg\:px-32{
    padding-left: 8rem;
    padding-right: 8rem;
  }

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

  .lg\:px-40{
    padding-left: 10rem;
    padding-right: 10rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .lg\:py-7{
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

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

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

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

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

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

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

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

  .lg\:pb-20{
    padding-bottom: 5rem;
  }

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

  .lg\:pb-28{
    padding-bottom: 7rem;
  }

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

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

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

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

  .lg\:pb-\[2\.75\%\]{
    padding-bottom: 2.75%;
  }

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

  .lg\:pl-20{
    padding-left: 5rem;
  }

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

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

  .lg\:pr-14{
    padding-right: 3.5rem;
  }

  .lg\:pr-32{
    padding-right: 8rem;
  }

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

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

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

  .lg\:pt-11{
    padding-top: 2.75rem;
  }

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

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

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

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

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

  .lg\:pt-3{
    padding-top: 0.75rem;
  }

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

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

  .lg\:pt-56{
    padding-top: 14rem;
  }

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

  .lg\:pt-7{
    padding-top: 1.75rem;
  }

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

  .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: 3.75rem;
    line-height: 1;
  }

  .lg\:text-\[140\%\]{
    font-size: 140%;
  }

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

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

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

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

  .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\:font-bold{
    font-weight: 700;
  }

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

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

  .lg\:text-\[\#0C7F40\]{
    --tw-text-opacity: 1;
    color: rgb(12 127 64 / var(--tw-text-opacity, 1));
  }

  .lg\:text-\[\#ED2289\]{
    --tw-text-opacity: 1;
    color: rgb(237 34 137 / var(--tw-text-opacity, 1));
  }

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

  .lg\:text-secondary{
    --tw-text-opacity: 1;
    color: rgb(23 23 23 / var(--tw-text-opacity, 1));
  }

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

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

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

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

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

  .lg\:line-clamp-4{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }

  .lg\:line-clamp-none{
    -webkit-line-clamp: unset;
  }

  .lg\:odd\:bg-white\/20:nth-child(odd){
    background-color: rgb(255 255 255 / 0.2);
  }

  .lg\:hover\:scale-110:hover{
    --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:first-child .lg\:group-first\:mt-1{
    margin-top: 0.25rem;
  }

  .group:hover .lg\:group-hover\:z-20{
    z-index: 20;
  }

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

@media (min-width: 1280px){
  .xl\:top-48{
    top: 12rem;
  }

  .xl\:top-\[12\%\]{
    top: 12%;
  }

  .xl\:col-span-5{
    grid-column: span 5 / span 5;
  }

  .xl\:col-span-7{
    grid-column: span 7 / span 7;
  }

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

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

  .xl\:basis-\[61\.11\%\]{
    flex-basis: 61.11%;
  }

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

  .xl\:px-28{
    padding-left: 7rem;
    padding-right: 7rem;
  }

  .xl\:px-32{
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .xl\:px-40{
    padding-left: 10rem;
    padding-right: 10rem;
  }

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

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

  .xl\:pl-16{
    padding-left: 4rem;
  }

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

  .xl\:pr-64{
    padding-right: 16rem;
  }

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

  .xl\:pt-28{
    padding-top: 7rem;
  }

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

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

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

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

@media (min-width: 1450px){
  .\32xl\:-bottom-32{
    bottom: -8rem;
  }

  .\32xl\:bottom-20{
    bottom: 5rem;
  }

  .\32xl\:top-\[16\%\]{
    top: 16%;
  }

  .\32xl\:h-20{
    height: 5rem;
  }

  .\32xl\:h-32{
    height: 8rem;
  }

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

  .\32xl\:w-72{
    width: 18rem;
  }

  .\32xl\:w-\[20\%\]{
    width: 20%;
  }

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

  .\32xl\:w-\[45\%\]{
    width: 45%;
  }

  .\32xl\:w-\[65\%\]{
    width: 65%;
  }

  .\32xl\:basis-1\/2{
    flex-basis: 50%;
  }

  .\32xl\:gap-20{
    gap: 5rem;
  }

  .\32xl\:gap-x-44{
    -moz-column-gap: 11rem;
         column-gap: 11rem;
  }

  .\32xl\:p-16{
    padding: 4rem;
  }

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

  .\32xl\:px-24{
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .\32xl\:px-28{
    padding-left: 7rem;
    padding-right: 7rem;
  }

  .\32xl\:px-52{
    padding-left: 13rem;
    padding-right: 13rem;
  }

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

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

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

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

  .\32xl\:pb-40{
    padding-bottom: 10rem;
  }

  .\32xl\:pl-24{
    padding-left: 6rem;
  }

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

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

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

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

  .\32xl\:pt-28{
    padding-top: 7rem;
  }

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

  .\32xl\:pt-\[133px\]{
    padding-top: 133px;
  }

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

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

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

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

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

  .\32xl\:text-7xl{
    font-size: 4.5rem;
    line-height: 1;
  }

  .\32xl\:text-8xl{
    font-size: 6rem;
    line-height: 1;
  }

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

.hover\:\[\&_p\]\:text-white p:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}