.container-flex.pb-4 {
  padding-bottom: 0 !important;
}

.hero {
  border-radius: 0;
}
.hero.bg-image-dimmed::before {
  background-color: #00000000 !important;
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.6) 20%,
    rgba(0, 0, 0, 0) 60%
  ) !important;
}

.markdown-body > * {
  margin-top: 0.5rem !important;
}
.markdown-body > h1,
.markdown-body > h2,
.markdown-body > h3,
.markdown-body > h4,
.markdown-body > h5,
.markdown-body > h6,
.markdown-body > p {
  margin-top: 1rem !important;
}

/* Make background image blocks clickable and positionable for overlay trigger */
.bg-image {
  position: relative;
}

@media screen and (min-width: 1900px) {
  .remove-x-padding-at-1900 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media screen and (max-width: 600px) {
  .hero {
    min-height: 100px;
    height: 200px;
  }
}

.hide-p-issue p {
  margin-top: 0 !important;
}

@media screen and (max-width: 1600px) {
  .hero {
    height: 400px;
    min-height: 400px;
  }
}
@media screen and (max-width: 1400px) {
  .hero {
    height: 300px;
    min-height: 300px;
  }
}

@media screen and (max-width: 1200px) {
  .hide-p-issue {
    margin-top: 20px;
  }
}

.carousel-control-next,
.carousel-control-prev {
  opacity: 1;
  border-radius: 200px;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
}