/* Hero Block */
.hero-text-card {
  bottom: 35%;
  text-align: center;
}

.hero-text-card h2 {
  font-size: 28px;
  line-height: 38px;
}

.hero-text-card h5 {
  font-size: 18px;
}

.hero-image {
  height: 45vh;
  object-fit: cover;
}

@media (min-width: 768px) {
  .hero-container .hero-image {
    height: 40vh;
    object-fit: cover;
  }
}

@media (min-width: 992px) {
  .hero-container .hero-text-card.col-lg-6 {
    position: absolute;
    right: 0;
    bottom: 12%;
    max-width: 500px;
    text-align: left;
  }
  .hero-container .hero-image {
    height: 85vh;
    object-fit: cover;
  }
}
@media (min-width: 1700px) {
  .hero-container .hero-text-card.col-lg-6 {
    right: unset;
  }
}