.h4-v2 {
	font-size: 2.5rem;
  	color: #ffc600;
  	margin-bottom: unset;
}

.hero-banner-v2 {
  position: relative;
}

@media (min-width: 1200px) {
  .hero-banner-v2 {
    height: 100vh;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hero-banner-v2 {
    min-height: 43.75rem;
  }
}

@media (max-width: 991px) {
  .hero-banner-v2 {
    min-height: 41.25rem;
  }
}

.hero-banner-v2--wrap {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 4;
}

@media (min-width: 768px) {
  .hero-banner-v2--wrap {
    justify-content: center;
    top: 0;
  }
}

@media (max-width: 767px) {
  .hero-banner-v2--wrap {
    bottom: 9.38rem;
    justify-content: flex-end;
  }
}

.hero-banner-v2--content {
	text-align: center;
  	position: relative;
}

@media (min-width: 992px) {
  .hero-banner-v2--content .h1-v2,
  .hero-banner-v2--content h1 {
    line-height: 1.25;
    margin-bottom: 3.13rem;
  }
}

@media (max-width: 991px) {
  .hero-banner-v2--content .h1-v2,
  .hero-banner-v2--content h1 {
    margin-bottom: 1.88rem;
  }
}

.hero-banner-v2--content .btn-v2 {
  margin-right: 2rem;
}

.hero-banner-v2 .video-block-v2 {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.hero-banner-v2 .video-block-v2 iframe,
.hero-banner-v2 .video-block-v2 img,
.hero-banner-v2 .video-block-v2 video {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.hero-banner-v2 .scroll-to-section-v2 {
  color: #fff;
  cursor: pointer;
  display: block;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: 5;
}

@media (min-width: 1600px) {
  .hero-banner-v2 .scroll-to-section-v2 {
    bottom: 9.07rem;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  .hero-banner-v2 .scroll-to-section-v2 {
    bottom: 6.25rem;
  }
}

@media (max-width: 1199px) {
  .hero-banner-v2 .scroll-to-section-v2 {
    bottom: 1.88rem;
  }
}

.hero-banner-v2 .scroll-to-section-v2 span {
  display: block;
  text-align: center;
  transition: .4s ease-in-out, all .4s;
}

.hero-banner-v2 .scroll-to-section-v2 span + span {
  font-size: 1.38rem;
  margin-top: .32rem;
}

.hero-banner-v2 .scroll-to-section-v2:hover {
  color: #ffc600;
}

.hero-banner-v2 .scroll-to-section-v2:hover span + span {
  transform: translateY(5px);
}