.my-\[20px\] {
  margin-top: 20px;
  margin-bottom: 20px
}

.mb-\[20px\] {
  margin-bottom: 20px
}

.mb-\[30px\] {
  margin-bottom: 30px
}

.mb-\[40px\] {
  margin-bottom: 40px
}

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

.ml-\[19px\] {
  margin-left: 19px
}

.block {
  display: block
}

.h-auto {
  height: auto
}

.w-full {
  width: 100%
}

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

.cursor-pointer {
  cursor: pointer
}

.scroll-mt-\[60px\] {
  scroll-margin-top: 60px
}

.rounded-\[14px\] {
  border-radius: 14px
}

.rounded-\[6px\] {
  border-radius: 6px
}

.border {
  border-width: 1px
}

.border-0 {
  border-width: 0px
}

.border-solid {
  border-style: solid
}

.border-\[\#ddd\] {
  --tw-border-opacity: 1;
  border-color: rgb(221 221 221 / var(--tw-border-opacity, 1))
}

.bg-transparent {
  background-color: transparent
}

.p-0 {
  padding: 0px
}

.p-\[30px\] {
  padding: 30px
}

.pb-\[10px\] {
  padding-bottom: 10px
}

.pl-\[18px\] {
  padding-left: 18px
}

.pt-\[20px\] {
  padding-top: 20px
}

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

.text-\[red\] {
  --tw-text-opacity: 1;
  color: rgb(255 0 0 / var(--tw-text-opacity, 1))
}

@media (min-width: 768px) {
  .md\:grid {
    display: grid
  }

  .md\:scroll-mt-\[140px\] {
    scroll-margin-top: 140px
  }

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

  .md\:gap-x-\[30px\] {
    -moz-column-gap: 30px;
         column-gap: 30px
  }
}