/**
 * Service HTML packs (UK / NL web-app, ecommerce, SaaS).
 * Loaded last on /services/* landers so Next globals `img { height: auto }`
 * cannot collapse the pack hero <picture> into a stretched in-flow photo
 * that hides the white headline.
 */

.bt-lander-web-app-development-uk .banner,
.bt-lander-web-app-development-netherlands .banner,
.bt-lander-ecommerce-development-uk .ecom-banner,
.bt-lander-ecommerce-development-netherlands .ecom-banner,
.bt-lander-saas-development-company .saas-banner,
.bt-lander-saas-development-netherlands .saas-banner {
  position: relative;
  overflow: hidden;
}

.bt-lander-web-app-development-uk .banner .ad_ban,
.bt-lander-web-app-development-netherlands .banner .ad_ban,
.bt-lander-ecommerce-development-uk .ecom-banner .ecom-img,
.bt-lander-ecommerce-development-netherlands .ecom-banner .ecom-img,
.bt-lander-saas-development-company .saas-banner .saas-img,
.bt-lander-saas-development-netherlands .saas-banner .saas-img,
.bt-lander-web-app-development-uk .foot-sec .ad_foot,
.bt-lander-web-app-development-netherlands .foot-sec .ad_foot {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.bt-lander-web-app-development-uk .banner .ad_ban,
.bt-lander-web-app-development-netherlands .banner .ad_ban {
  z-index: 0;
  pointer-events: none;
}

.bt-lander-web-app-development-uk .banner .ad_ban picture,
.bt-lander-web-app-development-netherlands .banner .ad_ban picture,
.bt-lander-ecommerce-development-uk .ecom-banner .ecom-img picture,
.bt-lander-ecommerce-development-netherlands .ecom-banner .ecom-img picture,
.bt-lander-saas-development-company .saas-banner .saas-img picture,
.bt-lander-saas-development-netherlands .saas-banner .saas-img picture,
.bt-lander-web-app-development-uk .foot-sec .ad_foot picture,
.bt-lander-web-app-development-netherlands .foot-sec .ad_foot picture {
  display: block;
  width: 100%;
  height: 100%;
}

.bt-lander-web-app-development-uk .banner .ad_ban img,
.bt-lander-web-app-development-netherlands .banner .ad_ban img,
.bt-lander-ecommerce-development-uk .ecom-banner .ecom-img img,
.bt-lander-ecommerce-development-netherlands .ecom-banner .ecom-img img,
.bt-lander-saas-development-company .saas-banner .saas-img img,
.bt-lander-saas-development-netherlands .saas-banner .saas-img img,
.bt-lander-web-app-development-uk .foot-sec .ad_foot img,
.bt-lander-web-app-development-netherlands .foot-sec .ad_foot img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center;
}

.bt-lander-web-app-development-uk .banner .ad_ban::after,
.bt-lander-web-app-development-netherlands .banner .ad_ban::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    100deg,
    rgba(8, 14, 48, 0.82) 0%,
    rgba(12, 26, 80, 0.52) 46%,
    rgba(8, 14, 48, 0.28) 100%
  );
  pointer-events: none;
}

.bt-lander-saas-development-company .saas-banner .saas-img::after,
.bt-lander-saas-development-netherlands .saas-banner .saas-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    rgba(8, 14, 48, 0.78) 0%,
    rgba(12, 26, 80, 0.45) 55%,
    rgba(8, 14, 48, 0.22) 100%
  );
  pointer-events: none;
}

.bt-lander-web-app-development-uk .banner .ban_prnt,
.bt-lander-web-app-development-netherlands .banner .ban_prnt,
.bt-lander-ecommerce-development-uk .ecom-banner .ecom-cont,
.bt-lander-ecommerce-development-netherlands .ecom-banner .ecom-cont,
.bt-lander-saas-development-company .saas-banner .saas-cont,
.bt-lander-saas-development-netherlands .saas-banner .saas-cont {
  position: relative;
  z-index: 2;
}

.bt-lander-web-app-development-uk .banner .ban_prnt .top .lft strong,
.bt-lander-web-app-development-netherlands .banner .ban_prnt .top .lft strong {
  font-family: "Jost-SemiBold", "Jost-Semibold", sans-serif;
  color: #fff !important;
  text-shadow: 0 2px 18px rgba(8, 14, 48, 0.45);
}

.bt-lander-web-app-development-uk .banner .ban_prnt .top .lft p,
.bt-lander-web-app-development-netherlands .banner .ban_prnt .top .lft p,
.bt-lander-web-app-development-uk .banner .ban_prnt .btm .bx .cnt,
.bt-lander-web-app-development-netherlands .banner .ban_prnt .btm .bx .cnt {
  color: #fff !important;
}