/* Video embed styles */
.video-container {
  position: relative;
  width: 100%; /* Full width */
  max-width: 1200px; /* Max width of 1200px */
  margin: 0 auto; /* Centered with auto */
  z-index: 10;
  padding: 0; /* No padding */
  min-height: 500px; /* Reserve space to prevent layout shift */
  height: auto;
  display: block;
}

.video-container iframe {
  width: 100%;
  height: auto; /* Auto height based on aspect ratio */
  min-height: 500px; /* Minimum height */
  max-height: 1200px; /* Maximum height as requested */
  max-width: 1200px; /* Max width of 1200px */
  border: none;
  z-index: 20;
  position: relative;
  pointer-events: auto;
  aspect-ratio: 16 / 9; /* Maintain video aspect ratio */
}

/* Responsive adjustments */
@media screen and (min-width: 992px) {
  .section-hero {
    min-height: auto; /* Override the 80vh min-height */
    padding-bottom: 48px; /* Match the top padding of the services section */
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .content {
    flex-direction: column;
    padding: 0; /* No padding */
    max-width: 100%; /* Full width */
  }
  
  .block-hero {
    margin-bottom: 50px !important; /* Consistent margin */
  }
  
  .video-container {
    margin: 0 auto; /* No top margin, centered */
  }
}

@media screen and (max-width: 991px) {
  .video-container {
    margin: 0 auto; /* No top margin, centered */
    min-height: 400px;
  }
  
  .video-container iframe {
    min-height: 400px;
  }
}

@media screen and (max-width: 767px) {
  .section-hero {
    padding-top: 6em;
  }
  
  .video-container {
    margin: 0 auto; /* No top margin, centered */
    min-height: 350px;
  }
  
  .video-container iframe {
    min-height: 350px; /* Minimum height for mobile */
  }
}

@media screen and (max-width: 479px) {
  .video-container {
    margin: 0 auto; /* No top margin, centered */
    min-height: 250px;
  }
  
  .video-container iframe {
    min-height: 250px;
  }
}