.hero {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	min-height: 575px;
	padding: 96px;
  }
  .hero .hero-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
  }
  .hero .hero-container {
	position: relative;
	z-index: 1;
  }
  .hero .hero-subtitle {
	margin-top: 36px;
	font-weight: 500;
  }
  .hero .button-container {
	margin-top: 48px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px;
  }
  .hero .hero-title,
  .hero .hero-subtitle {
	color: #fff;
  }
  .hero .hero-image {
	margin: 1.34em 0 0;
  }