.page-products .page-banner,
.page-blog .page-banner,
.page-customer-cases .page-banner {
  position: relative;
  min-height: 380px;
  overflow: hidden;
  color: #fff;
  background-color: #11161a;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.page-products .page-banner {
  background-image: url("/assets/images/banners/products-banner.webp?v=20261005");
}

.page-blog .page-banner {
  background-image: url("/assets/images/banners/blog-banner.webp?v=20261005");
}

.page-customer-cases .page-banner {
  background-image: url("/assets/images/banners/customer-cases-banner.webp?v=20261005");
}

.page-products .page-banner::before,
.page-blog .page-banner::before,
.page-customer-cases .page-banner::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  content: "";
  background: linear-gradient(90deg, rgba(3, 8, 12, .82) 0%, rgba(3, 8, 12, .67) 30%, rgba(3, 8, 12, .34) 56%, rgba(3, 8, 12, .08) 78%, rgba(3, 8, 12, 0) 100%);
}

.page-products .page-banner::after,
.page-blog .page-banner::after,
.page-customer-cases .page-banner::after {
  display: none;
}

.page-products .page-banner .container,
.page-blog .page-banner .container,
.page-customer-cases .page-banner .container {
  position: relative;
  z-index: 1;
}

.page-products .page-banner h1,
.page-products .page-banner .page-lead,
.page-blog .page-banner h1,
.page-blog .page-banner .page-lead,
.page-customer-cases .page-banner h1,
.page-customer-cases .page-banner .page-lead {
  text-shadow: 0 2px 20px rgba(0, 0, 0, .46);
}

@media (max-width: 900px) {
  .page-products .page-banner,
  .page-blog .page-banner,
  .page-customer-cases .page-banner {
    background-position: 66% center;
  }
}

@media (max-width: 620px) {
  .page-products .page-banner,
  .page-blog .page-banner,
  .page-customer-cases .page-banner {
    min-height: 300px;
    background-position: 38% center;
  }

  .page-products .page-banner::before,
  .page-blog .page-banner::before,
  .page-customer-cases .page-banner::before {
    background: linear-gradient(90deg, rgba(3, 8, 12, .9) 0%, rgba(3, 8, 12, .75) 48%, rgba(3, 8, 12, .34) 78%, rgba(3, 8, 12, .12) 100%);
  }
}