.hero-section {
  height: 740px;
  background: linear-gradient(rgb(227 227 227 / 16%), rgb(26 78 4 / 46%)), url(../img/about_us_banner2.jpeg) no-repeat top;
  background-size: cover;
  width: 100%;
  z-index: 5;
  clip-path: polygon(0% 0, 100% 0%, 50% 80%, 0 80%);
  background-position: right;
}

.hero-heading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80%;
  flex-direction: column;
}

.hero-heading h1 {
    color: #fff;
    text-align: center;
    font-size: 50px;
    font-family: 'HelveticaNeue',sans-serif;
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 10;
}
		
.hero-heading h1 svg {
  position: absolute;
  bottom: -10px;
  left: -35px;
  z-index: -1;
}