.tw-relative {
  position: relative;
}

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

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

.tw-flex {
  display: flex;
}

.tw-grid {
  display: grid;
}

.tw-h-72 {
  height: 18rem;
}

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

.tw-h-48 {
  height: 12rem;
}

.tw-h-60 {
  height: 15rem;
}

.tw-h-80 {
  height: 20rem;
}

.tw-max-h-\[20rem\] {
  max-height: 20rem;
}

.tw-max-h-80 {
  max-height: 20rem;
}

.tw-max-h-\[30rem\] {
  max-height: 30rem;
}

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

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

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

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

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

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

.tw-place-content-stretch {
  place-content: stretch;
}

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

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

.tw-gap-3 {
  gap: 0.75rem;
}

.tw-gap-5 {
  gap: 1.25rem;
}

.tw-gap-10 {
  gap: 2.5rem;
}

.tw-gap-6 {
  gap: 1.5rem;
}

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

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

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

.tw-object-fill {
  -o-object-fit: fill;
     object-fit: fill;
}

.tw-object-scale-down {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.tw-p-4 {
  padding: 1rem;
}

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

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

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

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

.tw-font-serif {
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}

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

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

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

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

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

.tw-shadow-orange-300 {
  --tw-shadow-color: #fdba74;
  --tw-shadow: var(--tw-shadow-colored);
}

.tw-shadow-orange-100 {
  --tw-shadow-color: #ffedd5;
  --tw-shadow: var(--tw-shadow-colored);
}

.tw-shadow-orange-200 {
  --tw-shadow-color: #fed7aa;
  --tw-shadow: var(--tw-shadow-colored);
}

.tw-shadow-\[\] {
  --tw-shadow-color: ;
  --tw-shadow: var(--tw-shadow-colored);
}

.tw-shadow-\[\'\'\] {
  --tw-shadow-color: '';
  --tw-shadow: var(--tw-shadow-colored);
}

.tw-shadow-\[\'\#FFF8F1\'\] {
  --tw-shadow-color: '#FFF8F1';
  --tw-shadow: var(--tw-shadow-colored);
}

.tw-p-4 {
  padding: 0.75rem;
}

.tw-p-2 {
  padding: 0.5rem;
}


@media (min-width: 768px) {
  .md\:tw-w-\[30rem\] {
    width: 30rem;
  }

  .md\:tw-p-4 {
    padding: 1rem;
  }

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

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

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

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

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

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