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

.t-fixed {
  position: fixed
}

.t-absolute {
  position: absolute
}

.t-relative {
  position: relative
}

.t-sticky {
  position: sticky
}

.t-inset-\[2rem\] {
  top: 2rem;
  right: 2rem;
  bottom: 2rem;
  left: 2rem
}

.t-left-0 {
  left: 0px
}

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

.t-top-0 {
  top: 0px
}

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

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

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

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

.t-mb-\[9\.5rem\] {
  margin-bottom: 9.5rem
}

.t-mb-\[5rem\] {
  margin-bottom: 5rem
}

.t-mb-\[14rem\] {
  margin-bottom: 14rem
}

.t-mt-\[9\.6rem\] {
  margin-top: 9.6rem
}

.t-mb-\[7\.6rem\] {
  margin-bottom: 7.6rem
}

.t-mb-\[6rem\] {
  margin-bottom: 6rem
}

.t-flex {
  display: flex
}

.t-grid {
  display: grid
}

.t-hidden {
  display: none
}

.t-aspect-\[720\/405\] {
  aspect-ratio: 720/405
}

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

.t-h-full {
  height: 100%
}

.t-h-\[13rem\] {
  height: 13rem
}

.t-h-\[15rem\] {
  height: 15rem
}

.t-w-full {
  width: 100%
}

.t-w-\[5\.6rem\] {
  width: 5.6rem
}

.t-max-w-\[72rem\] {
  max-width: 72rem
}

.t-cursor-pointer {
  cursor: pointer
}

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

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

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

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

.t-gap-20 {
  gap: 5rem
}

.t-gap-\[2\.5rem\] {
  gap: 2.5rem
}

.t-gap-\[0\.4rem\] {
  gap: 0.4rem
}

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

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

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

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

.t-px-\[2rem\] {
  padding-left: 2rem;
  padding-right: 2rem
}

.t-pt-\[9rem\] {
  padding-top: 9rem
}

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

.t-text-\[1\.8rem\] {
  font-size: 1.8rem
}

.t-text-\[3\.5rem\] {
  font-size: 3.5rem
}

.t-text-\[14px\] {
  font-size: 14px
}

.t-text-\[5rem\] {
  font-size: 5rem
}

.t-text-\[2\.5rem\] {
  font-size: 2.5rem
}

.t-text-\[1\.4rem\] {
  font-size: 1.4rem
}

.t-font-light {
  font-weight: 300
}

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

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

.t-uppercase {
  text-transform: uppercase
}

.t-leading-\[3\.4rem\] {
  line-height: 3.4rem
}

.t-leading-\[4\.7rem\] {
  line-height: 4.7rem
}

.t-leading-\[1\.8\] {
  line-height: 1.8
}

.t-leading-\[6rem\] {
  line-height: 6rem
}

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

.t-text-gray {
  --tw-text-opacity: 1;
  color: rgb(192 187 190 / var(--tw-text-opacity))
}

.t-opacity-0 {
  opacity: 0
}

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

html {
  font-size: 10px
}

b {
  font-weight: 700
}

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

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

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

@media (min-width: 1024px) {
  .lg\:t-order-last {
    order: 9999
  }

  .lg\:t-mb-0 {
    margin-bottom: 0px
  }

  .lg\:t-flex {
    display: flex
  }

  .lg\:t-h-screen {
    height: 100vh
  }

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

  .lg\:t-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .lg\:t-px-0 {
    padding-left: 0px;
    padding-right: 0px
  }
}