.gap-1 {
  gap: .25rem !important;
}

.gap-2 {
  gap: .5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.gap-x-1 {
  column-gap: .25rem !important;
}

.gap-x-2 {
  column-gap: .5rem !important;
}

.gap-x-3 {
  column-gap: 1rem !important;
}

.gap-x-4 {
  column-gap: 1.5rem !important;
}

.gap-x-5 {
  column-gap: 3rem !important;
}

.gap-y-1 {
  row-gap: .25rem !important;
}

.gap-y-2 {
  row-gap: .5rem !important;
}

.gap-y-3 {
  row-gap: 1rem !important;
}

.gap-y-4 {
  row-gap: 1.5rem !important;
}

.gap-y-5 {
  row-gap: 3rem !important;
}

.text-underline {
  text-decoration: underline !important;
}

.object-fit-contain {
  object-fit: contain;
}

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

.lh-1 {
  line-height: 1 !important;
}

.lh-1-1 {
  line-height: 1.1 !important;
}

.lh-1-2 {
  line-height: 1.2 !important;
}

.lh-1-3 {
  line-height: 1.3 !important;
}

.lh-1-4 {
  line-height: 1.4 !important;
}

.lh-1-5 {
  line-height: 1.5 !important;
}


@media screen and (min-width: 576px) {
  .visible-sm {
    visibility: visible !important;
  }
}

@media screen and (min-width: 768px) {
  .visible-md {
    visibility: visible !important;
  }
}

@media screen and (min-width: 992px) {
  .visible-lg {
    visibility: visible !important;
  }
}

@media screen and (min-width: 576px) {
  .hidden-sm {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 768px) {
  .hidden-md {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 992px) {
  .hidden-lg {
    visibility: hidden !important;
  }
}