*{
  margin: 0;
  padding: 0;
  box-sizing: border-box ;
}
*::before,
*::after{
  box-sizing: border-box;
}

/*video popup*/

/* pop up css */
.bwd-popUpBody{
  transform: translate(-50%, -50%);
  padding: 10px;
 position: fixed;
 top: 50%;
 left: 50%;
 background-color: rgb(18, 18, 18);
 max-width: 900px;
 width: 95vw;
 max-height: 500px;
 height: 95vh;
 z-index: 9999;
 border-radius: 5px;
 cursor: pointer;
 margin-top: 25px;
 animation: popUpBodyAnimateZoom .4s ease-in-out 1;
}


.bwd-popUpBody iframe{
  border-radius: 5px;
  overflow: hidden;

}


.bwd-popup-before{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(34, 34, 34, 0.7);
  z-index: 999;
}

.bwd-video-wrapper{
  width: 100%;
  height: 100%;
}
.bwd-popup-cross-btn{
  font-size: 22px;
  color: rgb(221, 220, 220);
  transition: .3s;
  bottom: calc(100% + 8px) ;
  right: 10px;
  position: absolute;
  line-height: 1;
}
.bwd-popup-cross-btn:hover{
  color: #fff;
}

video{
  height: 100% ;
  width: 100% ;
}
/* popup style zoom */
@keyframes popUpBodyAnimateZoom {
  0%{
    transform: translate(-50%, -50%) scale(0);
  }
  100%{
    transform: translate(-50%, -50%) scale(1);
  }
}

/* popup style zoom */

/*video popup*/

.bwdmv-video-mask-wrapper{
  position: relative;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  margin: 0 auto;
  -webkit-mask-position: center;
  width: 100%;
  overflow: hidden;
  -webkit-mask-size:100%;
  mask-size: 100%;
}




.bwdmv-video-mask-wrapper::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 999;
  display: none;
  cursor: pointer;
}

.bwdmv-video-mask-wrapper.bwdmv-overlay-active::before{
display: block !important;
}


.bwdmv-mask-video{
  width: 100%;
  height: 500px;
  background: linear-gradient(180deg, rgba(65,188,214,1) 0%, rgba(104,84,255,1) 100%);
}

.bwdmv-mask-video iframe{ 
  height: 100%;
  width: 100%;
}

video[poster]{
  height:100%;
  width:100%;
  }

/* mask position */

/* mask position */
/*======================================================*/
/*mask styles*/
.bwdmv-mask-1{
  -webkit-mask-image: url(../img/grunge-2.svg);
  mask-image: url(../img/grunge-2.svg);
}


.bwdmv-mask-2{
  -webkit-mask-image: url(../img/a_14.svg);
  mask-image: url(../img/a_14.svg);
}


.bwdmv-mask-3{
  -webkit-mask-image: url(../img/3.svg);
  mask-image: url(../img/3.svg);
}

.bwdmv-mask-3{
  -webkit-mask-image: url(../img/3.svg);
  mask-image: url(../img/3.svg);
}
.bwdmv-mask-4{
  -webkit-mask-image: url(../img/4.svg);
  mask-image: url(../img/4.svg);
}

.bwdmv-mask-5{
  -webkit-mask-image: url(../img/5.svg);
  mask-image: url(../img/5.svg);
}

.bwdmv-mask-6{
  -webkit-mask-image: url(../img/6.svg);
  mask-image: url(../img/6.svg);
}

.bwdmv-mask-7{
  -webkit-mask-image: url(../img/7.svg);
  mask-image: url(../img/7.svg);
}

.bwdmv-mask-8{
  -webkit-mask-image: url(../img/8.svg);
  mask-image: url(../img/8.svg);
}

.bwdmv-mask-9{
  -webkit-mask-image: url(../img/9.svg);
  mask-image: url(../img/9.svg);
}

.bwdmv-mask-10{
  -webkit-mask-image: url(../img/10.svg);
  mask-image: url(../img/10.svg);
}

.bwdmv-mask-11{
  -webkit-mask-image: url(../img/19.svg);
  mask-image: url(../img/19.svg);
}

.bwdmv-mask-12{
  -webkit-mask-image: url(../img/20.svg);
  mask-image: url(../img/20.svg);
}
.bwdmv-mask-13{
  -webkit-mask-image: url(../img/21.svg);
  mask-image: url(../img/21.svg);
}
.bwdmv-mask-14{
  -webkit-mask-image: url(../img/23.svg);
  mask-image: url(../img/23.svg);
}
.bwdmv-mask-15{
  -webkit-mask-image: url(../img/26.svg);
  mask-image: url(../img/26.svg);
}
.bwdmv-mask-16{
  -webkit-mask-image: url(../img/27.svg);
  mask-image: url(../img/27.svg);
}
.bwdmv-mask-17{
  -webkit-mask-image: url(../img/28.svg);
  mask-image: url(../img/28.svg);
}
.bwdmv-mask-18{
  -webkit-mask-image: url(../img/29.svg);
  mask-image: url(../img/29.svg);
}
.bwdmv-mask-19{
  -webkit-mask-image: url(../img/33.svg);
  mask-image: url(../img/33.svg);
}

.bwdmv-mask-20{
  -webkit-mask-image: url(../img/34.svg);
  mask-image: url(../img/34.svg);
}

.bwdmv-mask-21{
  -webkit-mask-image: url(../img/37.svg);
  mask-image: url(../img/37.svg);
}

.bwdmv-mask-22{
  -webkit-mask-image: url(../img/40.svg);
  mask-image: url(../img/40.svg);
}
.bwdmv-mask-23{
  -webkit-mask-image: url(../img/41.svg);
  mask-image: url(../img/41.svg);
}

.bwdmv-mask-24{
  -webkit-mask-image: url(../img/58.svg);
  mask-image: url(../img/58.svg);
}
.bwdmv-mask-25{
  -webkit-mask-image: url(../img/59.svg);
  mask-image: url(../img/59.svg);
}

.bwdmv-mask-26{
  -webkit-mask-image: url(../img/60.svg);
  mask-image: url(../img/60.svg);
}
.bwdmv-mask-27{
  -webkit-mask-image: url(../img/65.svg);
  mask-image: url(../img/65.svg);
}

.bwdmv-mask-28{
  -webkit-mask-image: url(../img/66.svg);
  mask-image: url(../img/66.svg);
}
.bwdmv-mask-29{
  -webkit-mask-image: url(../img/72.svg);
  mask-image: url(../img/72.svg);
}

.bwdmv-mask-30{
  -webkit-mask-image: url(../img/arabic-ellipse.svg);
  mask-image: url(../img/arabic-ellipse.svg);
}

.bwdmv-mask-31{
  -webkit-mask-image: url(../img/arabic-rhombus.svg);
  mask-image: url(../img/arabic-rhombus.svg);
}

.bwdmv-mask-32{
  -webkit-mask-image: url(../img/arabic-square.svg);
  mask-image: url(../img/arabic-square.svg);
}

.bwdmv-mask-33{
  -webkit-mask-image: url(../img/balloon-2.svg);
  mask-image: url(../img/balloon-2.svg);
}

.bwdmv-mask-34{
  -webkit-mask-image: url(../img/broken.svg);
  mask-image: url(../img/broken.svg);
}

.bwdmv-mask-35{
  -webkit-mask-image: url(../img/a_8.svg);
  mask-image: url(../img/a_8.svg);
}

.bwdmv-mask-36{
  -webkit-mask-image: url(../img/seal.svg);
  mask-image: url(../img/seal.svg);
}

.bwdmv-mask-37{
  -webkit-mask-image: url(../img/trapezoid-2.svg);
  mask-image: url(../img/trapezoid-2.svg);
}

.bwdmv-mask-38{
  -webkit-mask-image: url(../img/triangles-2.svg);
  mask-image: url(../img/triangles-2.svg);
}

.bwdmv-mask-39{
  -webkit-mask-image: url(../img/watercolor-2.svg);
  mask-image: url(../img/watercolor-2.svg);
}
.bwdmv-mask-40{
  -webkit-mask-image: url(../img/a_1.svg);
  mask-image: url(../img/a_1.svg);
}
.bwdmv-mask-41{
  -webkit-mask-image: url(../img/a_2.svg);
  mask-image: url(../img/a_2.svg);
}
.bwdmv-mask-42{
  -webkit-mask-image: url(../img/a_3.svg);
  mask-image: url(../img/a_3.svg);
}
.bwdmv-mask-43{
  -webkit-mask-image: url(../img/a_4.svg);
  mask-image: url(../img/a_4.svg);
}
.bwdmv-mask-44{
  -webkit-mask-image: url(../img/a_5.svg);
  mask-image: url(../img/a_5.svg);
}
.bwdmv-mask-45{
  -webkit-mask-image: url(../img/a_6.svg);
  mask-image: url(../img/a_6.svg);
}
.bwdmv-mask-46{
  -webkit-mask-image: url(../img/a_7.svg);
  mask-image: url(../img/a_7.svg);
}
.bwdmv-mask-47{
  -webkit-mask-image: url(../img/a_9.svg);
  mask-image: url(../img/a_9.svg);
}
.bwdmv-mask-48{
  -webkit-mask-image: url(../img/a_10.svg);
  mask-image: url(../img/a_10.svg);
}
.bwdmv-mask-49{
  -webkit-mask-image: url(../img/a_11.svg);
  mask-image: url(../img/a_11.svg);
}
.bwdmv-mask-50{
  -webkit-mask-image: url(../img/a_12.svg);
  mask-image: url(../img/a_12.svg);
}
.bwdmv-mask-51{
  -webkit-mask-image: url(../img/a_13.svg);
  mask-image: url(../img/a_13.svg);
}

/*mask styles*/