/* Video-sec-start  */
  .video-sec {
      padding: 120px 0;
      position: relative;
      z-index: 0
  }
  .video-sec::before {
      position: absolute;
      /*content: "";*/
      background: #000000;
      top: 0;
      left: 0;
      right: 0;
      height: calc(100% - 380px);
      z-index: -1;
	  border-top:1px solid rgba(255,255,255,0.2);
  }
  .video-sec .row {
      align-items: end;
  }
.video-sec .col-left { width: 45%;}
.video-sec .col-right {width: 32%; display:flex; justify-content:flex-end;}
.video-wrapper {
      margin-top: 70px;
      position: relative;
      width: 100%;
      height: auto;
      overflow: hidden;
      border-radius: 20px;
      transition: all ease .3s;
	  background:#111111;
	  line-height: 0;
  }
  
  .video-wrapper video{aspect-ratio:1/0.4; object-fit:cover;}
  
  .video-wrapper .common-btn {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      cursor: pointer;
      z-index: 2;
  }
  
  
    .video-wrapper #unmuteBtn,
    .video-wrapper #playBtn,
    .video-wrapper #pauseBtn
	{
      position: absolute;
      top: 50%;
      left: 50%;
	  transition:all ease 0.2s;
	  display:flex; border-radius:100%;
	  align-items:center;
	  justify-content:center;
	  width:60px; height:60px; background:rgba(255,255,255,0.7);
	  backdrop-filter:blur(4px);
	  -webkit-backdrop-filter:blur(4px);
      transform: translate(-50%, -50%);
      cursor: pointer;
      z-index: 2;
  }
  
  .video-wrapper #pauseBtn{opacity:0;}
  .video-wrapper:hover #pauseBtn{opacity:1;}

  .pause-btn {
    display: none;cursor: pointer;

  }
  .video-wrapper img {
    width: 100%;
    display: block;
    border-radius: 20px;
    aspect-ratio: 16/6;
}
  .video-player {
    position: relative;
    display: none;
    height: inherit;
  }
  .video-player video {
    display: block;
    width: 100%;
    border-radius: 20px;
    aspect-ratio: 16/6;
    object-fit: cover;
  }
  
  
  
  
  
  
.video-sec.masterclass_page{position:relative; padding:100px 0 0 0;}
.video-sec.masterclass_page:before{background:#000000; position:absolute; left:0; top:0; right:0; height:800px; content:''; z-index:-1;}

.video-sec.masterclass_page .row{display:flex; flex-direction:column; align-items:center; text-align:center;}

.video-sec.masterclass_page .row .col-left{width:100%; display:flex; flex-direction:column; align-items:center;}
.video-sec.masterclass_page .row .col-right{width:100%; display:flex; flex-direction:column; align-items:center; padding:0;}
.video-sec.masterclass_page .row .col-right .side-sec-des{max-width:900px;}
.video-sec.masterclass_page .row .col-right .side-sec-des p{color:#ffffff;}


.video-sec.masterclass_page .row .col-right .side-sec-des p:last-child{color:#5ADBFF;}

.video-sec.masterclass_page .row .side-sec-title{font-size:60px; line-height:70px; color:#ffffff; max-width:745px;}  

.video-sec.about_page:before{content:''; background: linear-gradient(180deg, #FFF 0%, #AFECFD 100%);}

.video-sec.about_page .col-right{width: 27%;}


.video-sec.about_page  .col-left {
    width: 42%;
}

.video-sec.about_page .side-sec-des p{}
  
/* Video-sec-end  */

/* Responsive Style  */

@media (max-width : 1199px){
.video-sec { padding: 60px 0;  }
.video-wrapper {margin-top: 30px;}
.video-sec .col-right .side-sec-des p {font-size: 16px;  line-height: 26px;}
}

@media (max-width : 991px){
	
.video-sec.masterclass_page{padding-top:80px;}
.video-sec.masterclass_page:before{height:650px;}
.video-sec.masterclass_page .row .side-sec-title {font-size: 50px; line-height: 60px; max-width: 660px;}
.video-wrapper .common-btn { padding: 14px 20px;}
.video-sec::before { height: calc(100% - 250px);}
}

@media (max-width : 767px){
.video-sec.masterclass_page{padding-top:50px;}		
.video-sec .col-left, .video-sec .col-right { flex: 0 0 100%;}
.video-sec.masterclass_page:before { height: 750px;}
.video-sec.masterclass_page .video-wrapper video { aspect-ratio: 1 / 0.8;}
.video-sec .col-right { padding: 30px 0 0;}
.video-sec::before { height: calc(100% - 100px);}
.video-sec .col-right .side-sec-des { max-width: 100%;}
.video-sec.masterclass_page .row .side-sec-title {  font-size: 36px; line-height: 42px; }
}