.wrapper_box {
  overflow: hidden;
}
/*nav{height: 90px; background: rgba(0,0,0,0.4);}*/
#banner_box {
  position: relative;
  padding-top: 100px;
  z-index: 1;
  overflow: hidden;
}

#banner_box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgb(0 0 0 / 45%), rgb(0 0 0 / 45%)),
    url("../images/ar-vr/ar-vr.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  z-index: -1;
}

.banner-details p {
  color: #fff;
  margin: 20px 0;
  text-align: justify;
}
.banner_btn {
  margin: 30px 0 165px;
}
#banner_box .banner_btn .btn {
  background: #00a1e0;
  color: #fff;
  border-color: #00cdac;
}
#banner_box .banner_btn .btn:after {
  background: #00a1e0;
}
#banner_box .banner_btn .btn:hover {
  border-color: #00a1e0;
  color: #fff;
}
#about {
  background: url("../images/performance testing/performance_about_bg.png")
    no-repeat left bottom #071e2d;
  padding-bottom: 145px;
}
#about h1 {
  color: #fff;
  font-weight: 500;
  letter-spacing: 0;
}
#about h1 span {
  color: #00cdac;
}
#about p {
  color: #fff;
  margin-top: 20px;
}

#wtPerformance {
  background: #071e2d;
  padding: 85px 0;
}
#wtPerformance h1 {
  font-weight: 600;
  letter-spacing: 0;
  color: #fff;
  margin-top: 30px;
}
#wtPerformance h1 span {
  color: #00cdac;
}
#wtPerformance p {
  color: #fff;
  text-align: justify;
}

#testing {
  background: url("../images/performance testing/Galaxy.png") no-repeat center
    center / cover;
  padding: 45px 0;
}
#testing h1 {
  color: #fff;
  font-weight: 600;
  letter-spacing: 0;
}
#testing h1 span {
  color: #00cdac;
}
#testing p {
  color: #fff;
}
#testing h5 {
  color: #00cdac;
}

.feature-details .feature-box {
  background: #122937;
  width: 335px;
  padding: 5px 10px 40px;
  min-height: 335px;
  margin-top: 110px;
  position: relative;
  display: inline-block;
}
.feature-details .feature-box:before {
  background: no-repeat;
  position: absolute;
  content: "";
  top: -70px;
  left: 0;
  height: 73px;
  width: 100%;
}

#how_can_Box {
  background: url("../images/web and mobile/wm_how_can_bg.jpg") no-repeat center
    center/cover;
  color: #fff;
}

#advantage_box {
  background: #0e3549;
}
#advantage_box h5 {
  color: #fff;
}
.four_advantage_box .col-md-12:nth-child(2n + 1) .icon-desc {
  background: #132a37;
}
.four_advantage_box .col-md-12:nth-child(2n) .icon-desc {
  background: #0f425c;
}
.four_advantage_box .col-md-12:nth-child(2n + 1) .icon {
  background: #0f4059;
}
.four_advantage_box .col-md-12:nth-child(2n) .icon {
  background: #132b39;
}

@media all and (max-width: 1400px) {
  .logo {
    margin: 0 auto;
    width: 330px;
  }
  #about {
    padding-bottom: 85px;
  }
  #wtPerformance {
    padding: 60px 0;
  }
  #testing {
    padding: 15px 0 25px;
  }
  .feature-details .feature-box {
    min-height: 295px;
    width: 290px;
  }
}

@media all and (max-width: 992px) {
  #about {
    padding-bottom: 70px;
  }
  #wtPerformance {
    padding-top: 40px;
  }
  .feature-details .feature-box {
    width: 315px;
  }
  .cp-screen {
    margin-top: 30px;
  }
}
@media all and (max-width: 767px) {
  .logo {
    width: 200px;
  }
  #banner_box {
    background: url("../images/performance testing/Bg-Images-2.jpg") no-repeat
      center bottom / cover;
  }
  .banner_btn {
    margin: 0 0 45px;
  }
  #banner_box .banner_btn .btn {
    width: 120px;
    height: 40px;
    line-height: 40px;
  }
  .feature-details .col-md-4 {
    padding: 0;
  }
  .feature-details .feature-box {
    width: 260px;
    min-height: inherit;
  }
  #testing {
    background: url("../images/performance testing/Bg-Images-2.jpg") no-repeat
      center center / cover;
  }
  #how_can_Box {
    background: url("../images/performance testing/performance_help_bg_small.png")
      no-repeat center center / cover;
  }
}