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



/*----------- Custom CSS List E -----------*/

#EleV1 section.ListE ul li#Activeer::before {
    background-image: url(https://www.americanexpress.com/content/dam/amex/nl/assets/bubl/img/IconBlue1/CARD_SWIPE.svg) !important;
    background-size: unset !important;
    height: 55px !important;
}

#EleV1 section.ListE ul li#Pincode::before {
    background-image: url(https://www.americanexpress.com/content/dam/amex/nl/assets/bubl/img/IconBlue1/LOCK.svg) !important;
    background-size: unset !important;
    height: 55px !important;
}


section.ListE {
    background-color: var(--Gray3) !important;
    padding-top: 58px !important;
}


a#Downloadbtn {
    margin-top: 14px !important;
}


/*------------Einde List E -----------*/



/*------------Intro Klein -----------*/
.IntroKlein h3 {
    line-height: 45px !important;
}



/*------------Einde Intro Klein -----------*/



#EleV1 section.ContentBoxF .Inside {
    align-items: center !important;
}

.ContentBoxF .TekstContent img {
    display: block;
    max-width: 25%;
}

@media only screen and (max-width: 576px) {
    .ContentBoxF .TekstContent img {
        margin: 0 auto;
    }
}

@media (min-width:577px) and (max-width:768px) {
    .ContentBoxF .TekstContent img {
        margin: 0 auto;
    }
}

@media (min-width:769px) and (max-width:1023px) {
    .ContentBoxF .TekstContent img {
        margin: 0 auto;
    }
}

/*------------Einde Contentbox F-----------------*/

/*------------Activeer Platinum-----------------*/



.intro-plat {
    background: url(https://www.americanexpress.com/content/dam/amex/nl/assets/2020/platinum/refresh/1000-630-platinum-card.png) no-repeat 0px 5px;
    background-size: 90px;
    padding: 10px 0 60px 110px;
}



.intro-plat a.TxLink {
    margin-top: 0px !important;
}



/*------------Einde Activeer Platinum-----------------*/



/*-------------Swiper CSS------------------*/



#EleV1 section.SwiperB a.ThumbLAyout p,
#EleV1 section.SwiperB a.ThumbLAyout p strong {
    color: #000 !important;
}




/* -------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 576px) {

    #EleV1 section.ListE ul li#Pincode::before,
    #EleV1 section.ListE ul li#Activeer::before {
        background-size: 30px !important;
    }

    section.ListE a.Btn {
        Margin-bottom: 30px !important;
    }

}


/* ------------------------------------------------------------ */
#CBC-JuridischeInformatie.ContentBoxC {
    color: var(--Gray2) !important;
}


#CBC-JuridischeInformatie.ContentBoxC ul {
    padding-left: 20px;
    margin-top: -10px !important
}


#CBC-JuridischeInformatie.ContentBoxC a {
    color: var(--Gray2) !important;
    text-decoration: underline;
}


#CBC-JuridischeInformatie.ContentBoxC a:hover {
    text-decoration: none;
}

/* ------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 576px) {
    .QRdownload-app-black {
        max-width: 50%;
        display: block;
        margin: 35px
    }
}

@media (min-width:577px) and (max-width:768px) {
    .QRdownload-app-black {
        max-width: 27%;
        display: block;
        margin: 35px
    }
}

/* -------------------------------------------------------------------------------------------- */
@media (min-width:769px) and (max-width:1023px) {
    .QRdownload-app-black {
        max-width: 50%;
        display: block;
        margin: 35px
    }
}

/* -------------------------------------------------------------------------------------------- */
@media (min-width:1024px) and (max-width:1279px) {
    .QRdownload-app-black {
        max-width: 45%;
        display: block;
        margin: 35px;
    }
}

/* -------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1280px) {
    .QRdownload-app-black {
        max-width: 45%;
        display: block;
        margin: 35px;
    }
}

/* -------------------------------------------------------------------------------------------- */