.hero-video-test {
      position: relative;
      overflow: hidden;
      background: #f9f5f0;
      container-type: size;
    }

    .hero-video-test::after {
      content: none !important;
    }

    .hero-video-test .hero-video-embed {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
    }

    .hero-video-test iframe {
      position: absolute;
      top: 50%;
      left: 50%;
      display: block;
      width: max(100cqw, 177.778cqh);
      height: max(100cqh, 56.25cqw);
      border: 0;
      transform: translate(-50%, -50%);
    }

    @media (max-width: 767px) {
      .hero-video-test {
        min-height: 400px;
      }
    }
    @media (min-width: 768px) and (max-width: 1100px) {
  .approved-hero {
    grid-template-columns: 52% 48%;
  }

  .hero-copy {
    padding: 80px 4vw 60px 5vw;
  }
}
    @media (min-width: 768px) {
  .approved-hero {
    min-height: 100vh;
    min-height: 100svh;
  }
    .hero-video-test iframe {
    transform: translate(-50%, -50%) scale(1.01);
}
}
@media (max-width: 767px) {
  .hero-video-test {
    min-height: 600px;
    aspect-ratio: auto;
    container-type: normal;
  }

  .hero-video-test iframe {
    top: 50%;
    left: 50%;
    width: max(100%, 1066.67px);
    height: 600px;
    transform: translate(-50%, -50%) scale(1.01);
  }
}
@media (max-width: 430px) { 
  .hero-video-test {
    min-height: 400px;
    aspect-ratio: auto;
  }
  .hero-video-test iframe {
    top: 50%;
    left: 50%;
    width: max(100%, 711.12px);
    height: 400px;
    transform: translate(-50%, -50%) scale(1.01);
  } 
} 
@media (max-width: 320px) { 
  .hero-video-test {
    min-height: 350px;
  }
  .hero-video-test iframe {
    width: max(100%, 622.23px);
    height: 350px;
  } 
}