/* -- Generic CSS for business product pages -- */
@import "/content/dam/amex/nl-nl/zakelijk/kaarten/business-gold-card/business.css";
/* Using a string */

/* -- Custom CSS KLM Corporate Card -- */

/* -- ListC styling -- */
.BannerC ul.Check li {display: inline-block; font-size:13px; padding:14px 0px; border-bottom:1px solid #ccc;}
.BannerC ul.Check li::before {background-image: none;}

/* ------------------------------- */
/* -- Logo's --------------------- */
/* ------------------------------- */

/* -- BlueBiz -- */
.bluebiz{position: relative;}
.bluebiz::before{
  position:absolute;
  content: ''; 
  background-image: url('/content/dam/amex/nl-nl/zakelijk/kaarten/corporate-klm-card/BlueBiz.svg');
  background-repeat: no-repeat;
  background-size: 60%;
  inset:0;
  width:100%;
  height:100%;
  z-index: 2
}

.bluebiz::after{
  position:absolute;
  content: ''; 
  inset: 0;
  width:100%;
  height:100%;
  background-image: linear-gradient(rgba(255,255,255,.3), transparent);
}

.TxPl .bluebiz::before{
  background-position: top 10px right 10px;
}

.PlTx .bluebiz::before{
  background-position: top 10px left 10px;
}

/* -- flying blue -- */
.flying-blue{position: relative;}
.flying-blue::before{
  position:absolute;
  content: ''; 
  background-image: url('/content/dam/amex/nl-nl/zakelijk/kaarten/corporate-klm-card/flying-blue.svg');
  background-repeat: no-repeat;
  background-size: 60%;
  inset:0;
  width:100%;
  height:100%;
  z-index: 2
}

.flying-blue::after{
  position:absolute;
  content: ''; 
  inset: 0;
  width:100%;
  height:100%;
  background-image: linear-gradient(rgba(255,255,255,.3), transparent);
}

.TxPl .flying-blue::before{
  background-position: top 10px right 10px;
}

.PlTx .flying-blue::before{
  background-position: top 10px left 10px;
}

/* ------------------------------- */
/* -- Language switch ------------ */
/* ------------------------------- */
.language--switch .row{
  padding-block:.5rem!important;
}

hr {
  margin-bottom: var(--Sz0);
}