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

.container-fluid .Hero-custom {margin-bottom: var(--Sz0);}
#faq-questions {background: rgb(194, 219, 243); background: linear-gradient(0deg, rgba(194, 219, 243, 1) 0%, rgba(255, 255, 255, 1) 100%);}
#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;}
.CodeForm{background-color: #ecedee; padding-bottom: var(--Sz2); border-radius:var(--BrSmall)}
.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;}
.container-fluid .collapsible-panel .border.bordered h3 .accordion-content p {font-size:17px!important;}

/* --------------------------------------------------------------------------------------------------------- */
@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)}
}

/* --------------------------------------------------------------------------------------------------------- */
@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;}
}