/* --------------------------------------------------------------------------------------------------------- */
/* -- Code aml.css ----------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */

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

/* --------------------------------------------------------------------------------------------------------- */
/* --hero styling------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
.container-fluid .Hero-custom {margin-bottom: var(--Sz0);}

/* --------------------------------------------------------------------------------------------------------- */
/* --background-colors-------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
#faq-questions {background: rgb(194, 219, 243); background: linear-gradient(0deg, rgba(194, 219, 243, 1) 0%, rgba(255, 255, 255, 1) 100%);}

/* --------------------------------------------------------------------------------------------------------- */
/* --FAQ styling-------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
#faq-questions .collapsible-panel h3 {line-height: 24px !important;}

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

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

 #faq-questions .pad-3-t {padding-top: 0.125rem !important;}
/* --------------------------------------------------------------------------------------------------------- */
@media (min-width: 448px) and (max-width: 767px) {
  #faq-title {padding-bottom:var(--Sz01)!important;}
}

  /* --------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 448px) {
  #faq-title {padding-bottom:var(--Sz01)!important;}
}
/* --------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */
/* -- Form styling ------------------------------------------------------ */

.CodeForm{background-color: #ecedee; padding-bottom: var(--Sz2); border-radius:var(--BrSmall)}
@media (min-width:767px) {
  .CodeField .col-md-6:last-child{display: flex; align-items: center; justify-content: center;}
  .CodeForm{border-radius:var(--BrSmall); padding:var(--Sz01) var(--Sz0)}}
.CodeForm label{margin-right:1em; font-size:1.3em;}
.CodeForm .send-button{display: inline-block; margin-top:var(--Sz0);}
.CodeForm .send-button button{padding:.8125rem 1.875rem; background-color:var(--LightBlue); border-radius: .25rem; color:#fff; overflow: hidden; position: relative; text-align: center; text-overflow: ellipsis; transition: all .2s ease-in-out; border: 2px var(--LightBlue) solid; box-sizing: border-box; font-weight:500;}
.CodeForm .send-button button:hover{cursor:pointer; color:var(--LightBlue); transition: all .2s ease-in-out; background-color:transparent;}
.CodeForm input{border-radius:var(--BrSmall); border:2px solid var(--LightBlue); padding-left:.5rem;}