.hero_bg__image,
.hero_bg__video,
.hero_bg__video_overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  object-fit: cover;
  background-size: cover;
  z-index: -2;
  height: 100%;
  width: 100%;
}
.hero_bg__image {
  z-index: -5;
}
.hero_bg__video_overlay {
  background: var(--wp--preset--color--primary);
  z-index: -1;
  opacity: 0.55;
}
/*.hero_bg__video_overlay {*/
/*z-index: -1;*/

/*background: rgb(255, 82, 30);*/
/*background: radial-gradient(*/
/*circle,*/
/*rgba(255, 82, 30, 0.33657212885154064) 5%,*/
/*rgba(254, 96, 48, 1) 71%,*/
/*rgba(254, 96, 48, 1) 100%*/
/*);*/
/*}*/

.hero_bg {
  position: relative;
  height: 800px;
  background: var(--wp--preset--color--primary);
  z-index: 1;
}

.hero_bg__overlay {
  z-index: 2;
  width: 1400px;
  max-width: 100%;
  margin: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}
.block__content a {
  cursor: pointer !important;
}

.hero_bg__text_wrapper {
  /*max-width: 50%;*/
  margin-top: 100px;
  padding-left: 100px;
  color: white !important;
}
.hero_bg__heading {
  margin-bottom: 2rem;
}
.hero_bg__text_wrapper h1 {
  font-weight: 600;
  font-size: 64px;
  margin: 0px;
  line-height: normal;
}
.hero_bg .hero_bg__highlight {
  color: var(--wp--preset--color--secondary);
}
@media (min-width: 564px) and (max-width: 4800px) {
  .hero_bg__image {
    display: none;
  }
}
/* REMOVE TO ADD IMAGE ONLY FOR MOBILE */
.hero_bg__image {
    display: none;
  }
.hero_bg__video {
	/*. VIDEO FOR MOBILE 
	 * display: none;
	 * */
    object-position:center;
  } 

@media (min-width: 10px) and (max-width: 563px) {
  /* smartphones, iPhone, portrait 480x320 phones */

  .hero_bg {
    height: 600px;
  }

  .hero_bg__image,
  .hero_bg__video,
  .hero_bg__video_overlay {
    height: 100%;
    width: 100%;
  }
  .hero_bg__image img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
  }

.hero_bg__video {
	/*. VIDEO FOR MOBILE 
	 * display: none;
	 * */
    object-position:center;
  } 

  .hero_bg__overlay {
    z-index: 2;
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    height: 100%;
    padding-bottom: 10px;
  }
  .hero_bg__text_wrapper {
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 55px;
  }
  .hero_bg__heading h1 {
    font-size: 40px;
  }
  /*.hero_bg__video_overlay {*/
  /*background: rgb(255, 82, 30);*/
  /*background: radial-gradient(*/
  /*circle,*/
  /*rgba(255, 82, 30, 0.5) 5%,*/
  /*rgba(254, 96, 48, 1) 83%,*/
  /*rgba(254, 96, 48, 1) 100%*/
  /*);*/
  /*}*/
}
