.wac-custom-video-banner {

  position: relative;

  width: 100%;

  height: 100vh;

  max-height: 750px;

  overflow: hidden;

}



.wac-custom-video-banner .overlay {

  position: absolute;

  inset: 0;

  z-index: 1;

  background-color: #0A0A0A;

  opacity: 0.15;

}



.wac-custom-video-banner .bnr-img-container {

  display: flex;

  align-items: center;

  justify-content: center;

  overflow: hidden;

  max-height: 750px;

  height: 100vh;

  /* background-image: url("https://riss-productions.webc.in/wp/wp-content/uploads/2025/03/Palm-Beach-Wedding-71.jpg");

  background-repeat: no-repeat;

  background-position: center; */

  background-color: black;

}



.wac-custom-video-banner .bnr-img-container button.play-button {

  border-radius: 50%;

  border: 2px solid white;

  padding: 34px 31px;

  background-color: transparent;

}



.wac-custom-video-banner .bnr-img-container button.play-button .play-text {

  font-size: 0.875rem;

  font-weight: 500;

  font-family: "Work Sans", sans-serif;

  color: white;

}



.wac-custom-video-banner .play-button {

  position: relative;

  z-index: 2;

  border-radius: 50%;

  border: 3px solid rgba(255, 255, 255, 0.9);

  padding: 32px;

  background-color: rgba(255, 255, 255, 0.1);

  cursor: pointer;

  transition: all 0.3s ease;

  display: flex;

  align-items: center;

  justify-content: center;

  min-width: 100px;

  min-height: 100px;

}



.wac-custom-video-banner .play-button:hover {

  backdrop-filter: blur(1px);

  scale: .9;

}



.wac-custom-video-banner .modal {

  display: none;

  position: fixed;

  z-index: 9999;

  top: 0;

  left: 0;

  width: 100vw;

  height: 100vh;

} 





.wac-custom-video-banner .modal-overlay {

  position: absolute;

  top: 0;

  left: 0;

  background-color: rgba(247, 245, 241, 0.7);

  width: 100%;

  height: 100%;

}



.wac-custom-video-banner .modal-content {

  position: relative;

  z-index: 10000;

  background: transparent;

  width: 80%;

  max-width: 1290px;

  margin: 5% auto;

  /* box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3); */

  animation: fadeIn 0.3s ease-in-out;

  display: flex;

  align-items: center;

  justify-content: center;

}



.wac-custom-video-banner .close-btn.mfp-close {

  position: absolute;

  top: -50px;

  right: -50px;

  font-size: 24px;

  background: none;

  border: none;

  color: #333;

  cursor: pointer;

}



@keyframes fadeIn {

  from {

    opacity: 0;

    transform: scale(0.9);

  }

  to {

    opacity: 1;

    transform: scale(1);

  }

}



@keyframes slideIn {

  from {

    opacity: 0;

    transform: translateY(-30px) scale(0.9);

  }

  to {

    opacity: 1;

    transform: translateY(0) scale(1);

  }

}





html:not(.edit-post-visual-editor) {

    height: unset !important;

    /* overflow-y: scroll !important; */

    overflow: hidden !important;

}



.wac-custom-video-banner .video-tag{

  min-height: auto;

}











@media(max-width: 991px){

  .wac-custom-video-banner .close-btn.mfp-close {

    top: 0;

    right: -10px;

  }

}

@media (max-width: 768px) {

  .wac-custom-video-banner {

    height: auto;

    max-height: none;

  }



  .wac-custom-video-banner .bnr-img-container {

    height: auto;

    min-height: 400px;

    padding: 2rem 1rem;

  }



  .wac-custom-video-banner .play-button {

    min-width: 80px;

    min-height: 80px;

    padding: 20px;

  }



  .wac-custom-video-banner .modal-content {

    width: 95%;

  }



  .wac-custom-video-banner .close-btn.mfp-close {

    top: 0;

    right: -10px;

    font-size: 18px;

  }



  .wac-custom-video-banner .video-tag {

    min-height: 200px;

  }

}



@media (max-width: 480px) {

  .wac-custom-video-banner .play-button {

    min-width: 60px;

    min-height: 60px;

    padding: 16px;

  }



  .wac-custom-video-banner .play-text {

    font-size: 0.75rem;

  }

}