.sl_heading_h1{
  color: white !important;
  display: flex;
  position: relative;
  /* bottom: 200px; */
  justify-content: center;
}
.sl_heading_p{
  color: red !important;
}


#video_wraper{
  width:100%;
  height: 120vh;
  position: relative;
  background-color: #002570 !important;
  margin-top: -60px;
}


video{
  width: 1080px;
  height: auto;
  object-fit: contain;
  object-position: center;
}


.video-mask {
      overflow: hidden;
      -webkit-mask-position: top right;
      mask-position: bottom right;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      height: auto;
      max-width: 100%;
      margin: auto;
      -webkit-mask-image: url("../img/intro-mask.svg");
      mask-image:  url("../img/intro-mask.svg");
      position: relative;
      mask-position: right bottom;

    }
    .video-mask video {
          max-height: 100%;
          min-width: 100%;
          max-width: 100%;
          min-height: 100%;
          height: 100vh;
          -o-object-fi t: cover;
          object-fit: cover;
          object-position: 0 20%;
        }


        .overlay {
          width: 100%;
          height: 100vh;
          position: absolute;
          top: 0;
          left: 0;
          /* background-image: linear-gradient(0deg, rgba(77,76,76,0.3350840336134454) 0%, rgba(0,0,0,0.4835434173669467) 100%); */
          /* background-size: 1px 1px; */
          z-index: 10;
        }

        .overlay_content{
          position: absolute;
          bottom:  100px;
          left: 200px;
        }

@media (max-width: 769px){
  video{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
  }

}


.drop-zone {
  max-width: 200px;
  height: 200px;
  padding: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  font-size: 20px;
  cursor: pointer;
  color: #cccccc;
  border: 2px dashed #ff0000;
  border-radius: 10px;
  background-color: #000000;
}

.drop-zone--over {
  border-style: solid;
}

.drop-zone__input {
  display: none;
}

.drop-zone__thumb {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  background-color: #cccccc;
  background-size: cover;
  position: relative;
}

.drop-zone__thumb::after {
  content: attr(data-label);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px 0;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.75);
  font-size: 14px;
  text-align: center;
}