@import "/content/dam/amex/nl/assets/bubl/css/elements-v4/base.css";
/* Using a string */

.container-fluid .Hero-custom {margin-bottom: var(--Sz0)!important;}
.container-fluid .TrendsInsights {margin-bottom: 0px!important;}

.container-fluid .grid .ListD .container .row .col-md-3 .richtext h4, .container-fluid .grid .ListD .container .row .col-md-4 .richtext h4 {color: #006FCF; font-size: 17px !important; font-family: var(--FontA); margin-bottom: 0 !important;}
.container-fluid .grid .ListD .container .row .col-md-3 .richtext p, .container-fluid .grid .ListD .container .row .col-md-4 .richtext p {color: grey; font-size: 14px !important;}
@media (min-width: 530px) and (max-width: 1280px) {
.container-fluid .ListD .col-md-3, .container-fluid .ListD .col-md-4 {flex: 0 0 50%; max-width: 50%;}
.container-fluid .ListD .col-md-3:nth-child(4), .container-fluid .ListD .col-md-3:nth-child(4), .container-fluid .ListD .col-md-4:nth-child(3), .container-fluid .ListD .col-md-4:nth-child(3) {transform: translateX(-14px) translateY(30px);}