.custom-video{margin:0 auto;font-family:"Mulish",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;}
.video-wrapper{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:10px;
  background:#05070b;
  box-shadow:0 4px 18px rgba(0,0,0,.25);
}
@supports not (aspect-ratio:16/9){
  .video-wrapper{padding-top:56.25%;}
}
.video-wrapper video,
.video-wrapper iframe,
.yt-container,
.thumb{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.thumb{background-size:cover;background-position:center;background-repeat:no-repeat;}
.thumb.hidden{display:none}
.play-toggle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border:4px solid #00f7f7;background:rgba(0,247,247,.15);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}
.play-toggle:hover{transform:translate(-50%,-50%) scale(1.08);background:rgba(0,247,247,.25)}
.play-toggle::before{content:'';width:0;height:0;border-left:22px solid #00f7f7;border-top:14px solid transparent;border-bottom:14px solid transparent}
.is-playing .play-toggle::before{width:20px;height:28px;border:none;background:#00f7f7;clip-path:polygon(0 0,40% 0,40% 100%,0 100%,60% 0,100% 0,100% 100%,60% 100%)}

@media (max-width:991px){
  .video-wrapper{
    margin-top:1rem;
    aspect-ratio:16/9;
    max-width:100%;
  }
  @supports not (aspect-ratio:16/9){
    .video-wrapper{padding-top:56.25%;}
  }
  .thumb{background-size:contain;}
  .play-toggle{width:56px;height:56px;border-width:3px;}
  .play-toggle::before{border-left-width:18px;border-top-width:11px;border-bottom-width:11px;}
}