.page-for-clients .lp-video-intro {
  background: var(--lp-bg);
}

.page-for-clients .wptb-video-player1 {
  background-position: center 42%;
  background-size: cover;
}

.page-for-clients .wptb-video-player1:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .5));
}

.page-for-clients .lp-selfie small {
  display: block;
  margin-top: 18px;
  color: var(--lp-muted);
  line-height: 1.5;
}

.page-for-clients .lp-selfie .btn-one {
  display: inline-flex;
  margin-top: 18px;
}

.lp-client-process {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.lp-client-process li {
  min-height: 190px;
}

.lp-device-grid {
  display: grid;
  grid-template-columns: 1.25fr .9fr .7fr;
  gap: 18px;
  margin-bottom: 28px;
  align-items: stretch;
}

.lp-device-grid img {
  width: 100%;
  height: 360px;
  object-fit: cover;
  border-radius: 30px;
  border: 1px solid var(--lp-border);
  box-shadow: var(--lp-shadow-soft);
}

.lp-device-grid img:nth-child(2) {
  height: 310px;
  margin-top: 50px;
}

.lp-device-grid img:nth-child(3) {
  height: 260px;
  margin-top: 100px;
}

.page-for-clients .lp-table-wrap table th,
.page-for-clients .lp-table-wrap table td {
  width: 50%;
}

.page-for-clients .lp-options .lp-roadmap article span {
  color: var(--lp-accent);
}

.page-for-clients .lp-feature-copy > span {
  color: var(--lp-accent);
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 800;
  font-size: 12px;
}

.page-for-clients .lp-photo-page-heading .wptb-item-layer img {
  opacity: .38;
}

@media (max-width: 1199px) {
  .lp-client-process {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lp-device-grid {
    grid-template-columns: 1fr 1fr;
  }

  .lp-device-grid img:nth-child(n) {
    height: 300px;
    margin-top: 0;
  }

  .lp-device-grid img:first-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767px) {
  .lp-client-process,
  .lp-device-grid {
    grid-template-columns: 1fr;
  }

  .page-for-clients .lp-table-wrap table,
  .page-for-clients .lp-table-wrap thead,
  .page-for-clients .lp-table-wrap tbody,
  .page-for-clients .lp-table-wrap tr,
  .page-for-clients .lp-table-wrap th,
  .page-for-clients .lp-table-wrap td {
    display: block;
    width: 100%;
  }

  .page-for-clients .lp-table-wrap thead {
    display: none;
  }

  .page-for-clients .lp-table-wrap td:first-child:before {
    content: "Traditional Gallery";
    display: block;
    color: var(--lp-accent);
    font-weight: 900;
    margin-bottom: 8px;
  }

  .page-for-clients .lp-table-wrap td:last-child:before {
    content: "LumisPixel";
    display: block;
    color: var(--lp-accent);
    font-weight: 900;
    margin-bottom: 8px;
  }

  .page-for-clients .lp-table-wrap tr {
    border-bottom: 1px solid var(--lp-border);
  }

  .lp-device-grid img:nth-child(n) {
    height: 260px;
  }

  .page-for-clients .lp-photo-page-heading__subtitle {
    font-size: 18px;
  }

  .page-for-clients .lp-section-heading h2,
  .page-for-clients .lp-section h2 {
    font-size: clamp(34px, 11vw, 52px);
  }
}
