@import url("/content/dam/amex/nl/assets/bubl/css/elements-v4/import.css");

/* Using a url */
/* -------------------------------------------------------------------------------------------- */
.hero-bg {
    background-position: top !important;
}

.Hero-custom .card-img-bg {
background-position: center top!important;
}

#IntroTekst {
    padding-top: var(--Sz1);
    background-image: linear-gradient(#fff, #ecedee);
}

.container-fluid .Hero-custom {margin-bottom: 0px!important;}

#CardPlaceHolder {
    padding-bottom: var(--Sz1);
    background: -webkit-linear-gradient(top, rgba(0, 111, 207, 0.25) 0%, rgba(0, 111, 207, 0) 100%);
}

.intro.boxCenter {
     background: -webkit-linear-gradient(top, rgba(0, 111, 207, 0.25) 0%, rgba(0, 111, 207, 0) 100%);
    padding-top: var(--Sz2);
}

.BusGreen {
  padding-top: var(--Sz4);
}

.Voorwaarden {
  text-align: center;
  padding: 0 30%;
  margin-top: var(--Sz1);
}

#BusinessGreenB, #BusinessGoldB {width:250px;}


.btn-text#BusinessGoldB::after, .btn-text#BusinessGreenB::after {
    content: "";
    width: 18px;
    height: 14px;
    background-image: url("https://www.americanexpress.com/content/dam/amex/nl/assets/bubl/img/ArrowBlue1Right.svg");
    display: inline-block;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin-left: var(--Sz02);
    transition: var(--an2);
    position: relative;
    top: 2px;
}

.btn-text#BusinessGoldB:hover, .btn-text#BusinessGreenB:hover {
    color: #00175a !important;
}


.list-links-inline li::before {
  content: none!important;
}

.ModalContent .SpecialF {
    
    background: -webkit-linear-gradient(bottom, rgba(0, 111, 207, 0.25) 0%, rgba(0, 111, 207, 0) 100%);
}

.container-fluid .ModalContent {
    height: auto!important;
    max-height: 85vh!important;
}