.mdl-video {
  width: 75%;
  margin: 0 auto;
}

.mdl-video .mdl-heading {
  text-align: center;
  padding: 17px 0px;
  margin-top: 32px;
  padding-right: 11px;
}

.mdl-video .mdl-heading h3 {
  font-size: calc((2 - 1) * 1.2vw + 1rem);
  line-height: calc(1.2 * (1 + (1 - 2)/25));
  margin: 0;
  letter-spacing: .01em;
}

.mdl-video .mdlvideo {
  padding: 17px 0px;
}

.mdl-video .mdlvideoin {
  position: relative;
  padding-bottom: 56.5%;
}

.mdl-video .intrinsic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mdl-video .video-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  color: #000;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 1;
  overflow: hidden;
  position: relative;
}

.mdl-video iframe {
  display:none;
  width:100%;
  height:653px;
}


.mdlvideoin.hide_poser_image {
  padding-bottom: 0;
}

.mdlvideoin .intrinsic-inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.mdlvideoin.hide_poser_image iframe.video {
  display: block;
  position: relative;
}

.mdl-video .sqs-video-opaque {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  cursor:pointer;
  z-index:999;
}

.mdl-video .sqs-video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  background: transparent url('https://23169086.fs1.hubspotusercontent-na1.net/hubfs/23169086/One_Jan2023/image/play-button.png') center center no-repeat;
  height: 48px;
  width: 48px;
  margin-left: -24px;
  margin-top: -24px;
  cursor: pointer;
}

.mdl-video .video-overlay img {
  font-size: 0px;
  left: -5.60714px;
  top: 0px;
  width: 1323.21px;
  height: 741px;
F=
}

.mdl-video .intrinsic-inner.active iframe {
  visibility: visible;
  opacity: 1;
}

.mdl-video .intrinsic-inner.active .video-overlay {
  opacity: 0;
  visibility: hidden;
}

.mdlvideoin.hide_poser_image .video-overlay {
  display: none;
}

.hide_poser_image iframe {
  display: block;
}

@media(max-width:1681px){
  .mdl-video .mdlvideoin {
    height: 100%;
  }

  .mdl-video .video-overlay img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }

  .mdl-video iframe {
    height: 100%;
  }
}

@media screen and (max-width: 767px) and (orientation: portrait){
  .mdl-video {
    width: 100%;
  }

  .mdl-video .mdl-heading {
    margin-top: 50px;
    padding-right: 8px;
  }

  .mdl-video .mdl-heading h3 {
    font-size: calc((2 - 1) * calc(.012 * min(100vh, 900px)) + 1rem);
  }

  .mdl-video .video-overlay img {
    font-size: 0px;
    left: -2.32143px;
    top: 0px;
    max-width: 644.643px;
    height: 361px;

  }

  .mdl-video iframe {
    width:100%;
    height:367px;
  }

  .mdl-video .video-overlay img {
    height: 100%;
    width: 100%;
  }

  .mdl-video iframe {
    height: 100%;
  }


}