.project-details__header {
  padding: calc(100px + 8rem) 3rem 0rem;
  background-image: linear-gradient(14deg, #141218 38.06%, #410E57 87.91%);
}

.project-details .sec-title {
  color: var(--gray-light);
  margin: 0;
  line-height: 1;
}

.video-title {
  font-size: 0.8rem;
}

.video-wrap{
    overflow: hidden;
}
.project-details .grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
}

.project-details .box {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.border-shadow {
  border: 1px solid var(--gray-medium);
  border-radius: 8px;
  box-shadow: 0px 10px 20px -10px rgba(234, 221, 255, 0.4);
}


.responsive-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
}

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