#myVideo {
    position:absolute;
    /* right: 0; */
    /* bottom: 0; */
    max-width: 100%;
    min-width: 100%; 
    /* min-height: 100%; */
  }
  video{
    background-image: url(../images/slider-01.jpg);
    background-position: top right;
    background-repeat: no-repeat;
  }


/* -------- */
.video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: -1;
}

.video-background iframe {
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}
/* --------------- */
  nav {
    top:6px;
  }
  .h-bg{
    height: 65vh;
  }
  .ibox{
    width: 13rem;
    /* height: 15rem; */
    display: flex;
    align-items: center;
    /* justify-content: center; */
    flex-direction: column;
}
  .bg-ser{
    background: url(../images/service1-bg-1.jpg);
  }
.box-ser{
  width: 20rem;
  height: 20rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
footer{
  background-image: url(../images/footer-bg-1.jpg);
  /* background-position: center; */
  /* background-attachment: fixed; */
}
._btn{
  transition: all 0.3s cubic-bezier(.9, .24, .40, 1);
}
._btn:hover{
  background-color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
  color: white;
  /* box-shadow: inset 0 0 0 3px; */
}
._2btn{
  transition: all 0.3s cubic-bezier(.9, .24, .40, 1);
}
._2btn:hover{
  background-color: var(--bs-dark) !important;
  color: white;
  /* box-shadow: inset 0 0 0 3px; */
}
.skill-bg{
  background-image: url(../images/pr6-1.jpg);
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
  padding: 70px 0px 70px 0px;
      /* transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; */
}
.get-bg{
  background-position: center center;
  background-size: cover;
  background-image: url(../images/contact-bg-1.jpg);
}
/* Skills bar ---------------------------------------------------------------------- */
.wrapper{
  width: 100%;
  display: flex;
  flex-direction: column;
  /* font-family: 'Roboto', sans-serif; */
  /* margin:0 auto; */
}

.skill {
  margin-bottom: 35px;
  position: relative;
  /* overflow-x:hidden; */
  text-align: left;

}
.skill > p {
  font-size: 18px;
  font-weight: 700;
  color: #1a1716;
  margin: 0;
}
.skill:before{
  width: 100%;
  height: 5px;
  content: "";
  display: block;
  position: absolute;
  background: #959595;
  bottom: 0;
}
.skill-bar {
  width: 100%;
  height: 5px;
  background: rgba(var(--bs-primary-rgb));
  display: block;
  position: relative;
}

/* SKILL 1 */
.skill1{
  width: 75%;

}
.skill-bar span{
  position: absolute;
  top: -30px;
  padding: 0;
  font-size: 18px;
  padding: 3px 0;
  font-weight: 500;
}
.skill-bar {
  position: relative;

}
.skill1 .skill-count1 {
  right: 0;
}

/* SKILL 2 */
.skill2{
  width: 85%;
}
.skill2 .skill-count2 {
  right: 0;
}
/* SKILL 3 */
.skill3{
  width: 95%;
}
.skill3 .skill-count3 {
  right: 0;
}
/* SKILL 4 */
.skill4{
  width: 65%
}
.skill4 .skill-count4 {
  right: 0;
}
/* End Skills bar ------------------------------------------------------------------ */

/* Progress Header bar ------------------------------------------------------------- */
.headbar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}
.progress-container {
  background-color: #2b3035;
  height: 6px;
  width: 100%;
}
.progress-bar {
  background-color: #2196f3;
  height: 6px;
  width: 0%;
}
/* End Progress Header bar --------------------------------------------------------- */