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

/* Using a url */
/* -------------------------------------------------------------------------------------------- */
.Hero-custom .card-img-bg {
background-position: center top!important;
}

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


/* row 3 */
#Row3 { margin-top: var(--Sz2);}

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

#CardArtBus {
  width: 100px;
  margin-left: var(--Sz2);
  margin-bottom: 15px;
}

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

/* Pijltje onder Knop */
.btn-text#BusinessGreenB {
    color: #006fcf;
}

.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#BusinessGreenB:hover {
    color: #00175a !important;
}


.container-fluid .ModalCustom .ModalContent {
    height: 60vw;
}


.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;
}

/* Floating CTA */
.container-fluid .ShopBar {height: 100px; bottom: -100px; transition: bottom 0.5s ease-in-out;}
.container-fluid .ShopBar.active {bottom: 0px;}
#amex-footer {margin-bottom: 6rem!important;}