.tw-bottom-\[8rem\] {
  bottom: 8rem !important
}

.tw-mr-5 {
  margin-right: 1.25rem !important
}

.tw-mt-1 {
  margin-top: 0.25rem !important
}

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

.tw-border-x {
  border-left-width: 1px !important;
  border-right-width: 1px !important
}

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

.tw-border-solid {
  border-style: solid !important
}

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

.tw-pt-5 {
  padding-top: 1.25rem !important
}

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

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

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

.tw-font-bold {
  font-weight: 700 !important
}

.hover\:tw-bg-primaryDark:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(96 20 70 / var(--tw-bg-opacity)) !important
}

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

@media (min-width: 768px) {
  .md\:tw-h-96 {
    height: 24rem !important
  }

  .md\:tw-pt-3 {
    padding-top: 0.75rem !important
  }
}