.hidden{
  display:none;
}
.video-wrapper {
  position: relative;
  /* Use whatever max-width you prefer to limit on large screens */
/*   max-width: 800px; /* optional if you want to limit how wide the video can get */ */
  margin: 0 auto 30px auto; /* center horizontally, add bottom margin */
  
  /* For a 16:9 aspect ratio, set height=0 and padding-bottom=56.25% */
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  border-radius: 16px; /* optional if you want rounded corners */
      border: 1px solid white;
    padding-left: 0px !important;
    padding-right: 0px !important;
/*     max-width: 1000px !important; */
}

/* For the video element itself (iframe or .hs-video-player) */
.video-wrapper .responsive-video,
.video-wrapper iframe,
.video-wrapper .hs-video-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; 
}

.video-wrapper iframe .vjs-hubspot button.simple-play-button {
    width: 11% !important;
    height: 0.8rem !important;
    padding-bottom: 11% !important;
}


@media (max-width: 768px) {
  h1,h2{
    font-size: 42px !important;
  }
}