#video-hero-section,
#mobile-hero-section {
  --substract-height: 10.25rem;
  justify-content: center;
  align-items: center;
  height: calc(100vh - var(--substract-height));
}
@media (max-width: 48rem) {
  #video-hero-section,
  #mobile-hero-section {
    --substract-height: 8.75rem;
  }
}
@media (max-width: 73.75rem) {
  #video-hero-section,
  #mobile-hero-section {
    --substract-height: 9.25rem;
  }
}
#video-hero-section .h-75vh,
#mobile-hero-section .h-75vh {
  height: 75vh;
}

#video-hero-section .h-90vh,
#mobile-hero-section .h-90vh {
  height: 90vh;
}