#gab .flex {
  display: flex
}

#gab .grid {
  display: grid
}

#gab .aspect-video {
  aspect-ratio: 16 / 9
}

#gab .h-5 {
  height: 1.25rem
}

#gab .h-full {
  height: 100%
}

#gab .w-5 {
  width: 1.25rem
}

#gab .w-full {
  width: 100%
}

#gab .shrink-0 {
  flex-shrink: 0
}

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

#gab .flex-col {
  flex-direction: column
}

#gab .flex-wrap {
  flex-wrap: wrap
}

#gab .items-center {
  align-items: center
}

#gab .justify-between {
  justify-content: space-between
}

#gab .gap-2 {
  gap: 0.5rem
}

#gab .gap-3 {
  gap: 0.75rem
}

#gab .gap-8 {
  gap: 2rem
}

#gab .rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem
}

#gab .rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem
}

#gab .bg-\[\#63305f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(99 48 95 / var(--tw-bg-opacity, 1))
}

#gab .bg-\[\#9cd0e6\]\/10 {
  background-color: rgb(156 208 230 / 0.1)
}

#gab .bg-\[\#9cd0e6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(156 208 230 / var(--tw-bg-opacity, 1))
}

#gab .fill-\[\#ffffff\] {
  fill: #ffffff
}

#gab .fill-\[\#9cd0e6\] {
  fill: #9cd0e6
}

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

#gab .\!p-8 {
  padding: 2rem !important
}

#gab .text-2xl {
  font-size: 1.5rem;
  line-height: 2rem
}

#gab .font-bold {
  font-weight: 700
}

#gab .font-semibold {
  font-weight: 600
}

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

@media (min-width: 1024px) {
  #gab .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}