.video-container {
  /*! width: 100%; */
  /*! margin: auto; */
  /*! position: relative; */
  /*! padding-bottom: 100%; */ /* Adjusted to match 50% iframe height */
  /*! height: 0; */
  /*! overflow: hidden; */
  /*! width: 500px; */
  /*! height: 512px; */
  /*! max-width: 500px; */
  /*! min-width: 100px; */
  /*! width: 500px; */
  /*! width: 500px; */
  /*! width: 100%; */
  /*! max-width: 100%; */
}
/* Both overlay and iframe share the container */
.video-container iframe,
.video-overlay {
  /*! position: absolute; */
  /*! top: 0; */
  /*! left: 0; */
  /*! width: 100%; */
  /*! height: 100%; */
  /*! width: 100%; */
}
  /* Initially hide the iframe */
  .video-container iframe {
    border: 0;
    display: none;
  }
  /* Overlay: use your own thumbnail image */
  .video-overlay {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
  }
  /* Play icon style */
  .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40%;
    height: 40%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }






















/* video.css | https://landing.pragma-engine.com/css/video.css */

.video-container {
  /* width: 100%; */
  /* margin: auto; */
  /* position: relative; */
  /* padding-bottom: 100%; */
  /* height: 0; */
  /* overflow: hidden; */
}

.video-container iframe, .video-overlay {
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  /* width: 100%; */
  /* height: 100%; */
}

/* Element | https://landing.pragma-engine.com/index_bak.html */

.video-container > iframe:nth-child(2) {
  /* display: block; */
  display: flex;
}

/* tailwind-build.css | https://landing.pragma-engine.com/css/tailwind-build.css */

.tw-h-full {
  /* height: 100%; */
}

.tw-w-full {
  /* width: 100%; */
}

.tw-place-items-center {
  /* place-items: center; */
}

/* Element | https://landing.pragma-engine.com/index_bak.html */

.video-container {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 1.777777;
}

/* index.css | https://landing.pragma-engine.com/css/index.css */

iframe {
  /* aspect-ratio: 16 / 9; */
  /* width: 100% !important; */
  /* max-width: 100%; */
  /* height: auto; */
  width: 100%;
  aspect-ratio: 1.777777;
}

/* www-player.css | https://www.youtube.com/s/player/82345d49/www-player.css */

.html5-video-player .video-click-tracking, .html5-video-player .video-stream {
  /* display: block; */
}

/* Element | https://landing.pragma-engine.com/index_bak.html */

section.tw-relative:nth-child(5) > div:nth-child(1) > div:nth-child(1) {
  width: 100%;
}

/* Element | https://landing.pragma-engine.com/index_bak.html */

.video-container > iframe:nth-child(2) {
  /* display: flex; */
  display: block;
  height: 100%;
}