.relative {
  position: relative;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.mx-auto {
  margin-inline: auto;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.flex {
  display: flex;
}
.aspect-3\/2 {
  aspect-ratio: 3/2;
}
.h-auto {
  height: auto;
}
.w-full {
  width: 100%;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-md {
  max-width: 28rem;
}
.flex-col {
  flex-direction: column;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.space-y-1 {
  :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(0.25rem * 1 * );
      margin-block-end: calc(0.25rem * 1 * 1 - );
}
}
  .rounded-full {
  border-radius: infinity * 1px;
}
.rounded-none {
  border-radius: 0;
}
.border-white {
  border-color: #fff;
}
.bg-gray-50 {
  background-color: oklch(98.5% 0.002 247.839);
}
.bg-neutral-700 {
  background-color: oklch(37.1% 0 0);
}
.bg-white {
  background-color: #fff;
}
.object-cover {
  object-fit: cover;
}
.px-6 {
  padding-inline: 1.5rem;
}
.px-8 {
  padding-inline: 2rem;
}
.py-3 {
  padding-block: 0.75rem;
}
.py-10 {
  padding-block: 2.5rem;
}
.text-center {
  text-align: center;
}
.text-2xl {
  font-size: 1.5rem;
    line-height: var(--text-2xl--line-height);
}
.text-4xl {
  font-size: 2.25rem;
    line-height: var(--text-4xl--line-height);
}
.text-lg {
  font-size: 1.125rem;
    line-height: var(--text-lg--line-height);
}
.text-sm {
  font-size: 0.875rem;
    line-height: var(--text-sm--line-height);
}
.leading-8 {
  --tw-leading: 2rem;
    line-height: 2rem;
}
.font-bold {
  --tw-font-weight: 700;
    font-weight: 700;
}
.font-medium {
  --tw-font-weight: 500;
    font-weight: 500;
}
.tracking-tight {
  --tw-tracking: -0.025em;
    letter-spacing: -0.025em;
}
.text-black {
  color: #000;
}
.text-gray-600 {
  color: oklch(44.6% 0.03 256.802);
}
.text-gray-900 {
  color: oklch(21% 0.034 264.665);
}
.text-white {
  color: #fff;
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    box-shadow: , , , , ;
}
.hover\:text-neutral-600 {
  &:hover {
      @media (hover: hover) {
        color: oklch(43.9% 0 0);
}
}
  }
  .sm\:text-6xl {
  @media (width >= 40rem) {
      font-size: 3.75rem;
      line-height: var(--text-6xl--line-height);
}
}
  .lg\:order-1 {
  @media (width >= 64rem) {
      order: 1;
}
}
  .lg\:order-2 {
  @media (width >= 64rem) {
      order: 2;
}
}
  .lg\:flex {
  @media (width >= 64rem) {
      display: flex;
}
}
  .lg\:grid {
  @media (width >= 64rem) {
      display: grid;
}
}
  .lg\:grid-cols-2 {
  @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
  .lg\:items-center {
  @media (width >= 64rem) {
      align-items: center;
}
}
  .lg\:justify-center {
  @media (width >= 64rem) {
      justify-content: center;
}
}
  .lg\:gap-x-8 {
  @media (width >= 64rem) {
      column-gap: 2rem;
}
}
  .lg\:px-8 {
  @media (width >= 64rem) {
      padding-inline: 2rem;
}
}
  .lg\:py-28 {
  @media (width >= 64rem) {
      padding-block: 7rem;
}