@media screen and (min-width: 991px) and (max-height: 850px) {
  .projects-hero-section {
    padding-top: 50px;
  }

  .projects-hero-section .headings {
    margin-bottom: 60px;
  }
}

@media screen and (min-width: 991px) and (max-height: 850px) {
  .highlights-section .description {
    margin-top: 40px;
  }

  .highlights-section .hightlights-card {
    margin-top: min(10vh, 94px);
  }
}