.grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.block {
  display: block;
}

.w-7 {
  width: 1.75rem;
}

.w-52 {
  width: 13rem;
}

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

.h-64 {
  height: 16rem;
}

.-ml-5 {
  margin-left: -1.25rem;
}

@media (min-width: 768px) {
  .md\:w-64 {
    width: 16rem;
  }
  .md\:pr-6 {
    padding-right: 1.5rem;
  }
  .md\:h-72 {
    height: 18rem;
  }
  .md\:mt-0 {
    margin-top: 0;
  }
  .md\:ml-0 {
    margin-left: 0;
  }
}
@media (min-width: 1024px) {
  .lg\:w-72 {
    width: 18rem;
  }
  .lg\:pr-8 {
    padding-right: 2rem;
  }
  .lg\:h-72 {
    height: 18rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-96 {
    width: 24rem;
  }
  .xl\:h-108 {
    height: 27rem;
  }
}
.w-96 {
  width: 24rem;
}

.h-7 {
  height: 1.75rem;
}

.h-108 {
  height: 27rem;
}

.text-xs {
  font-size: 0.75rem;
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

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

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

.gap-8 {
  gap: 2rem;
}

.overflow-hidden {
  overflow: hidden;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pr-8 {
  padding-right: 2rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.text-black {
  color: #000;
}

.text-gray-600 {
  color: #718096;
}

.transition-opacity {
  -webkit-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}

.hover\:opacity-80:hover {
  opacity: 0.8;
}