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

/* --pwp.css------------------------------------------------------------------------------------------------ */


/* -- Munten stapel --*/
.container-fluid .grid #pwp-hero .container .row .col-md-6 .image img{
  box-shadow:none;
  max-width:60%!important;
  max-height:60%!important;
  -webkit-filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.35));
  filter: drop-shadow(0px 20px 30px rgba(0, 0, 0, 0.35));
}

/* --background colors-------------------------------------------------------------------------------------- */

#intro-box {
  background: rgb(236, 237, 238);
  background: linear-gradient(0deg, rgba(236, 237, 238) 0%, rgba(255, 255, 255, 1) 100%);
}

#promo-rij {
  background: rgb(236, 237, 238);
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(236, 237, 238) 100%);
}

#Row10 {
  background: rgb(194, 219, 243);
  background: linear-gradient(0deg, rgba(194, 219, 243, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

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

#Row10 .collapsible-panel h3 {
  line-height: 24px !important;
}
#Row10{
  display: flex;
  align-items: center;
}
.container-fluid .grid #Row10 .container .row .col-md-6:first-child {
  display: flex;
  align-items: center;
}

.container-fluid .grid #Row10 .container .row .col-md-6:last-child div:first-child{
  box-shadow: var(--BoxShadow);
}
.container-fluid .grid #Row10 .container .row .col-md-6:last-child div.collapsible-panel,
.container-fluid .grid #Row10 .container .row .col-md-6:last-child div.collapsible-panel div,
.container-fluid .grid #Row10 .container .row .col-md-6:last-child div.border{
  box-shadow: none!important;
}

/* --Hero adjustments--------------------------------------------------------------------------------------- */

.container-fluid .Hero-custom .hidden-md-down::before{
  display:none;
}

@media only screen and (max-width: 448px) {.container-fluid .Hero-custom .row .col-md-6:last-child .image {transform: translateY(calc(10px + var(--Sz01)))!important;; translateX(var(--Sz3));}}
/* --------------------------------------------------------------------------------------------------------- */
@media (min-width: 448px) and (max-width: 767px) {
#pwp-hero{min-height: 350px; margin-bottom: var(--Sz1);}
#pwp-hero .richtext{padding-top: var(--Sz1);}
.container-fluid .Hero-custom .row .col-md-6:last-child .image {transform: translateY(calc(20px + var(--Sz01)))!important;; translateX(var(--Sz3));}}
/* --------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1023px) {
#pwp-hero{min-height: 400px; margin-bottom: var(--Sz1);}
#pwp-hero .richtext{padding-top: var(--Sz0);}
.container-fluid .grid #pwp-hero .container .row .col-md-6 .image img{
  box-shadow:none;
  max-width:40%!important;
  max-height:40%!important;
  -webkit-filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.35));
  filter: drop-shadow(0px 20px 30px rgba(0, 0, 0, 0.35));}
  .container-fluid .Hero-custom .row .col-md-6:last-child .image {transform: translateY(calc(0px + var(--Sz1)))!important; translateX(var(--Sz3));}
}
/* --------------------------------------------------------------------------------------------------------- */
@media (min-width: 1024px) and (max-width: 1279px) {
#pwp-hero{min-height: 450px;}
#pwp-hero .richtext{padding-top: var(--Sz1);}
.container-fluid .Hero-custom .row .col-md-6:last-child .image {transform: translateY(calc(10px + var(--Sz1)))!important; translateX(var(--Sz3));}}
/* --------------------------------------------------------------------------------------------------------- */
@media (min-width: 1280px) {
#pwp-hero{min-height: 450px; margin-bottom: var(--Sz2);}
#pwp-hero .richtext{padding-top: var(--Sz1);}}
.container-fluid .Hero-custom .row .col-md-6:last-child .image {transform: translateY(calc(0px + var(--Sz2))) translateX(var(--Sz3));}
/* --------------------------------------------------------------------------------------------------------- */