.video-modal-container {
  padding: 0;

  .m-img {
    width: 100%;
    background-color: #d8d8d8;
    margin-bottom: 6px;
    overflow: hidden;
    .a-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .m-play {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: flex;
      flex-direction: column;
      align-items: center;
      cursor: pointer;
      img {
        width: 40px;
        margin-bottom: 18px;
      }
    }
  }
}


.video-modal {
  height: 100vh !important;
  margin: 0;
  .modal-dialog {
    margin-left: auto;
    margin-right: auto;
    &.modal-lg {
      width: 85vw;
      max-width: 1200px !important;
      overflow: visible;
    }
    .modal-content {
      border-radius: 0 !important;
      border: 0 !important;
      overflow: visible !important;
      background-color: transparent !important;
      .a-close {
        position: absolute;
        z-index: 2;
        top: 15px;
        right: 15px;
        height: 50px;
        width: 50px;
        padding: 0;
        border: solid 2px black;
        background-color: black;
        transition: all 0.35s ease;
        svg {
          path {
            fill: white;
          }
        }
        &:hover {
          background-color: white;
          svg {
            path {
              fill: black;
            }
          }
        }
      }
      .modal-header {
        position: absolute;
        right: 0;
        top: 0;
        width: 0;
        height: 0;
        overflow: visible;
        padding: 0;
        border: 0;
        margin: 0;
      }
      .modal-body {
        padding: 0;
        display: flex;
        align-items: center;
        position: relative;
        overflow: hidden;
        padding-top: 56.25%;
        .a-video {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: #000;
          &:focus {
            outline: none;
          }
        }
      }
    }
  }

  video::-internal-media-controls-download-button {
    display: none;
  }

  video::-webkit-media-controls-enclosure {
    overflow: hidden;
  }

  video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
  }
}