body{
  overflow-y: scroll;
}
::-webkit-scrollbar {
    display: none;
}
.container-fluid{
  padding-left: 0px;
}
.sec-1-opp-vid{
  background: #000000;
  height: 60vh;
}
.wrapper{
  padding-top: 15%;
  text-align: center;
}
.wrapper h3{
  border: 3px solid #ffffff;
  width: 300px;
  line-height: 1.5;
  position: absolute;
  left: 39%;
  font-weight: 700;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(140,140,140,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wrapper p{
  color: #ffffff;
  position: absolute;
  left: 48.5%;
  padding-top: 4%;
  font-weight: 600;
  font-size: 22px;
}
.col-md-6{
  padding-left: 0px;
  padding-right: 0px;
}
.sec-2-opp-vid img{
  width: 50vw;
}
.sec-2-wrapper{
  padding-top: 50px;
  padding-left: 30px;
}
.pd-r-10{
  padding-right: 10%;
}
.sec-2-contents h4{
  font-weight: 700;
  background: rgb(226,8,146);
  background: radial-gradient(circle, rgba(226,8,146,1) 0%, rgba(226,8,146,1) 70%, rgba(104,5,67,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sec-3-heading{
  padding-top: 5%;
  padding-bottom: 2%;
}
.sec-3-heading{
  font-weight: 700;
  background: rgb(226,8,146);
  background: radial-gradient(circle, rgba(226,8,146,1) 0%, rgba(226,8,146,1) 70%, rgba(104,5,67,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.vid-dec{
  padding-bottom: 3%;
}
@media (min-width: 320px) and (max-width: 575px) {
  .wrapper {
    padding-top: 50%;
  }
  .wrapper h3 {
    left: 12%;
    z-index: 1;
  }
  .wrapper p {
    left: 48%;
    padding-top: 15%;
    z-index: 1;
  }
  .sec-2-opp-vid img {
    width: 100%;
    margin-top: -80%;
  }
  .sec-2-wrapper {
    padding-top: 10%;
    padding-left: 10%;
  }
  .sec-2-contents{
    margin-top: 0%;
  }
  .sec-2-contents h5{
    font-size: 14px;
  }
  .container {
    padding-left: 10px;
  }
  .pd-r-10{
    margin-top: -15%;
  }
}
@media (min-width: 320px) and (max-width: 375px) {
  .wrapper h3 {
    left: 9%;
    z-index: 1;
}
.wrapper p {
    left: 43%;
    padding-top: 15%;
    z-index: 1;
}
.vid-dec {
    padding-bottom: 3%;
    padding-right: 15px;
}
}
@media (min-width: 576px) and (max-width: 767px) {
  .wrapper {
    padding-top: 25%;
  }
  .wrapper h3 {
    left: 26%;
    z-index: 1;
  }
  .wrapper p {
    left: 46.5%;
    padding-top: 10%;
    z-index: 1;
  }
  .sec-2-opp-vid img {
    width: 100%;
    margin-top: -80%;
  }
  .sec-2-wrapper {
    padding-top: 10%;
    padding-left: 10%;
  }
  .sec-2-contents{
    margin-top: -10%;
  }
  .sec-2-contents h5{
    font-size: 14px;
  }

}
@media (min-width: 768px) and (max-width: 992px){
  .sec-2-contents h5{
    font-size: 14px;
  }
  .wrapper {
    padding-top: 20%;
    text-align: center;
  }
  .wrapper h3 {
    left: 30%;
  }
  .wrapper p {
    left: 46.5%;
    padding-top: 7%;
  }
  .sec-2-contents{
    margin-top: -15%;
  }
  h4{
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px){
  .wrapper h3 {
    left: 36%;
  }
  .wrapper p {
    padding-top: 6%;
  }
  .sec-2-contents{
    margin-top: -10%;
  }
  .sec-2-contents h5{
    font-size: 14px;
  }
}
@media (min-width: 1860px){
  .wrapper h3{
    left: 41%;
  }
  .wrapper p{
    left: 48%;
  }
}