section.video{
  padding: 70px 12%;
  position: relative;
  overflow: hidden;                
  border-radius: 20px 20px 0 0;     
  background: transparent;
}

section.video::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:45%;
  background: linear-gradient(
    90deg,
    rgba(40, 25, 66, 1) 0%,
    rgba(81, 54, 119, 1) 50%,
    rgba(40, 25, 66, 1) 100%
  );

  border-radius: inherit;      
  z-index: 0;
}

section.video > *{
  position: relative;
  z-index: 1;
}

.video .header{
    position: relative;
  z-index: 2;
}

.video .header::after{
    position: absolute;
    content: "";
    height: 1px;
     width: calc(100% - 400px);
    background: #d8d8d8;
    top: 36px;
    right: 0;
  z-index: 2;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 1s ease;
}

/* When visible */
.video.is-visible .header::after{
    transform: scaleX(1);
}


.video .header h2{
    color: var(--darkpurple);
}

.video .header h2 span{
    color: #C3B7D7;
    display: block;
}

.video-text {
    max-width: 800px;
}

.video-wrapper{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  height: 0;
  margin-top: 40px;
}

.video-wrapper iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 20px;
}

@media (max-width: 1024px) {
section.video{
  padding: 70px 8%;
}
}

@media (max-width: 768px) {
section.video{
  padding: 70px 5%;
}
}