.hero-section.img {
  background-image: url(../images/hero-img.png);
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 640px;
  height: 640px;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}
.hero-section video {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  width: 100%;
  object-fit: cover;
  display: none;
}
.hero-section h1 {
  font-weight: 700;
  line-height: 1.1;
}
.hero-section h3 {
  font-weight: 600;
}
.hero-section .hero-section-content {
  z-index: 1;
  position: relative;
}
.hero-section .bg-opacity {
  background-color: #0000004d;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}