/* -- Gold card veelgestelde vragen CSS --*/
/* -- content/dam/amex/nl-be/voordelen/american-express-gold-kaart/veelgestelde-vragen --*/

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

/*-- hero-styling --*/

.Hero-custom .card-img-bg {
  transform: rotateX(180deg);
}
.Hero-custom .card-img-bg::before{transform: rotateX(180deg)}
.Hero-custom{margin-bottom: var(--Sz2)!important;}

/* --FAQ styling-------------------------------------------------------------------------------------------- */

.container-fluid  .grid  #FAQ .container .row .col-md-12 div{
  box-shadow: var(--BoxShadow);
  border-radius: 0;
}

.container-fluid .grid #FAQ .container .row .col-md-12 div.collapsible-panel,
.container-fluid .grid #FAQ .container .row .col-md-12 div.collapsible-panel div,
.container-fluid .grid #FAQ .container .row .col-md-12 div.border,
.container-fluid .grid #FAQ .container .row .col-md-12 div.parbase,
.container-fluid .grid #FAQ .container .row .col-md-12 div.parbase div{
  box-shadow: none!important;
}

.container-fluid .grid #FAQ .container .row .col-md-6{padding:0 1em;}

 .container-fluid .grid #FAQ .container .row .col-md-12{
  padding: 0 !important;
}

.container-fluid .grid #FAQ .container .row .col-md-12 .stack{
padding-left: var(--Sz0)!important;
}

/* --------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 448px) {
  #FAQ  .container .row .col-md-6:not(:first-child) .h3Small{padding-top:3em}
  #FAQ {padding-bottom:var(--Sz4)!important;}
}
/* --------------------------------------------------------------------------------------------------------- */
@media (min-width: 448px) and (max-width: 767px) {
  #FAQ  .container .row .col-md-6:not(:first-child) .h3Small{padding-top:3em}
    #FAQ {padding-bottom:var(--Sz4)!important;}
}
/* --------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1023px) {
}
/* --------------------------------------------------------------------------------------------------------- */
@media (min-width: 1024px) and (max-width: 1279px) {
}
/* --------------------------------------------------------------------------------------------------------- */
@media (min-width: 1280px) {
  .Hero-custom .richtext {
margin-bottom:5em;
}
}
/* --------------------------------------------------------------------------------------------------------- */