.tab-section {
    background-color: #f7f7fa !important;
    padding: 10px 10px;
  }

  .tab-section .header-project {
    text-align: center;
    padding: 27px 0  0 0;
  }

  .tab-section .header-project h1 {
    font-size: 2rem;
    margin: 0;
  }

  .tab-section .header-project p {
    font-size: 1rem;
    color: #aad5eb;
    margin: 5px 0 20px;
  }

  .tab-section .tabs {
    padding: 20px;
    bottom: 0;
    top: 0;
    margin: auto;
    display: flex;
    justify-content: space-evenly;
  }

  .tab-section .tab {
    font-size: 17px;
    padding: 10px 15px;
    cursor: pointer;
    color: #000000;
    position: relative;
    transition: all 0.3s ease-in-out;
    width: 211px;
    display: flex;
    justify-content: center;
  }

  .tab-section .tab:hover {
    color: #f57a33;
    padding-left: 20px;
  }

  .tab-section .tab:hover:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 15%;
    right: 0px;
    height: 1px;
    background-color: #aad5eb77;
    transition: 0.5s all ease-in-out;
  }

  .tab-section .tab:after {
    content: "";
    position: absolute;
    bottom: 0;
    top: 50%;
    width: 0;
    height: 2px;
    background-color: #aad5eb;
    transition: 0.5s all ease-in-out;
  }

  .tab-section .image-container {
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
  }

  .tab-section .image-container.active {
    display: block;
    opacity: 1;
  }

  .tab-section .image-container img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  }

  .tab-section .watermark {
    position: absolute;
    top: 20px;
    z-index: 2;
    width: 100vw;
    overflow: hidden;
  }

  .tab-section .white_opwatermark {
    opacity: 0.1;
    font-size: 84px !important;
    z-index: -1;
    position: relative;
    color: #746161;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 3px;
  }
@media screen and (max-width:991px) {
  .tab-section .tab {
    font-size: 14px;
  }
  .tab-section .tab {
    background: black;
    color: #fff;
  }
}
  @media screen and (max-width: 767px) {
    .tab-section .tab {
      font-size: 1.2rem;
      padding: 10px 15px;
      cursor: pointer;
      color: #fff;
      position: relative;
      transition: all 0.3s ease-in-out;
      display: inline-block;
      width: 190px;
      background: #000000;
      gap: 10px;
      /* position: relative; */
      margin: 5px 3px;
      font-size: 16px;
    }
    

    .tab-section .white_opwatermark {
      opacity: 0.1;
      font-size: 68px !important;
    }
  }

  @media screen and (max-width: 575px) {
    .tab-section .tab {
              width: 92%;
    }

    .tab-section .tabs {
      text-align: center;
    }

    .tab-section .tab:after {
      display: none;
    }

    .tab-section .tab {
      padding: 5px 0;
      font-size: 11px;
    }
  }

  /*sticky content*/
  .orange_bar_parallxdiv {
    position: relative;
    background-image: url(../img/bgimg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    background-attachment: fixed;
    display: block;
    max-width: 100%;
    overflow: hidden;
  }
  .orange_bar_parallxdiv::before {
    position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
content: "";
background-color: #362a2a;
opacity: 0.3;
  }

.parallax-_abs_leftdiv {
  padding-top: 150px;
  padding-bottom: 120px;
  width: 900px;
  position: relative;
  left: 10%;
} 
.play_icon {
position: absolute;
right: -20px;
bottom: 0;
transform: translateY(50%);
border: 1px solid transparent;
border-radius: 50%;
cursor: pointer;
}
.fancybox-buttonXX{
text-decoration: none;
}
.parallax-abs {
border-bottom: 1px solid #fff;
position: relative;
}
.watch_text {
position: relative;
right: -72px;
bottom: 12px;
transform: translate(100%, 0);
}
@media screen and (max-width:991px) {
.parallax-abs {
border-bottom: 1px solid #fff;
position: relative;
width: 440px;
}
.watch_text {
position: relative;
right: 28px;
}
.parallax-_abs_leftdiv {
  padding-top: 150px;
  padding-bottom: 120px;
  width: 580px;
}
}
@media screen and (max-width:767px) {
  .parallax-_abs_leftdiv {
    width: 490px;
}
}
@media screen and (max-width: 575px) {
.parallax-abs {
    border-bottom: 1px solid #fff;
    position: relative;
    width: 200px;
}
.parallax-_abs_leftdiv {
  width: 282px;
}
}
/*my added*/
.content{
  max-width: 700px;
}



.above-backround-container{
     width: 100%;
 }

 
.above-backround-container img{
  width: 100%;
  height: 100%;
}