/* Breadcrumbs */
.breadcrumb.aem-GridColumn.aem-GridColumn--default--12 {
    padding-left: 20px;
}
@media screen and (min-width:768px) and (max-width:1279.99px) {
    .breadcrumbs-dsk .container {
        max-width: 100%;
    }
}
@media screen and (max-width:767px) {
    .breadcrumbs-mob .container {
        max-width: 100%;
    }
}

/* Hero */ 
#cp_hero {
    height: 740px;    
}
.hero_content {
    z-index: 5;
}
.hero_dots img {
    position: absolute;
    top: 255px;
    left: -40px;
}
h1 .heading-7-g {
    color: #00175A;
    font-weight: 700;
    line-height: 3.5rem;
}
.hero_content p .heading-4 {
    font-size: 1.5rem;
    line-height: 2rem;
    color: #00175A;
}

@media screen and (min-width:3561px) {
    #cp_hero {
        height: 1640px;    
    }
}
@media screen and (min-width:2776px) and (max-width:3560px) {
    #cp_hero {
        height: 1340px;    
    }
}
@media screen and (min-width:2000px) and (max-width:2775px) {
    #cp_hero {
        height: 1040px;    
    }
}
@media screen and (min-width:1024px) and (max-width:1279.99px) {
    #cp_hero .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    #cp_hero .col-md-8 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    #cp_hero .hero_dots img {
        top: 245px;
        left: -50px;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    #cp_hero .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    #cp_hero .col-md-8 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    #cp_hero .hero_dots img {
        top: 325px;
        left: -40px;
    }
}

@media screen and (min-width:600px) and (max-width:767px) {
    .card-img-bg {
        background-position: 50% 28%;
        background-size: cover;
    }
}

@media screen and (max-width:767px) {
    #cp_hero {
        height: auto;    
    }
    .hero_content {
        top: 280px;
    }    
    h1 .heading-7-g {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .hero_content p .heading-4 {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

/* Contactless Payments */

.contactless_payments_spacer {
    height: 80px;
}
.contactless_payments_spacer.cp_mob {
    height: 130px;    
}
.reverse p .heading-4 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: #006FCF;
}
h2 .heading-7-g {
    color: #00175A;
    font-weight: 400;
    line-height: 3rem;
    font-size: 2.4rem;
}
p .body-1 {
    font-size: 1rem;
    line-height: 1.5rem;    
}



@media screen and (min-width:768px) and (max-width:1023px) {
    .contactless_payments_spacer.cp_mob {
        height: 30px;    
    }
}

@media screen and (max-width:767px) {
    .reverse .container { display: flex; flex-flow: column; }
    .reverse .col-md-6:last-child { order: 1; }
    .reverse .col-md-6:first-child { order: 2;  }
    .contactless_payments_spacer {
        height: 260px;
    }
    .contactless_payments_spacer.cp_mob {
        height: 20px;   
    }
    h2 .heading-7-g {
        font-weight: 400;
        line-height: 2.5rem;
        font-size: 2rem;
    }
}

/* Contactless Benefits */

.contactless_bene img {
    position: relative;
    left: -25px;
    max-height: 90%;
    max-width: 90%;
}
ul.img_lists {
    padding-left: 0;
    padding-right: 6.5rem !important;
}
.img_lists li {
    padding-bottom: 30px;
    padding-left: 0;
    display: flex;
    align-items: center;
}
.img_lists li::before {
  border-radius: 50%;
  margin-right: 10px;
}
.contactless_bene_sect .img_lists li {
    margin-top: -25px;
}
.contactless_bene_sect .img_lists li span {
    padding-top: 25px;
}
.img_lists li.lock_li {
    margin-top: -0;
}
.img_lists li.lock_li span {
    padding-top: 0;
}
.img_lists li.bolt_li::before {
    content: url('/content/dam/amex/us/merchant/images/contactless-payments/Flash.svg');
}
.img_lists li.shield_li::before {
    content: url('/content/dam/amex/us/merchant/images/contactless-payments/Insurance.svg');
}
.img_lists li.lock_li::before {
    content: url('/content/dam/amex/us/merchant/images/contactless-payments/Lock.svg');
}
.img_lists li.mail_li {
    padding-bottom: 0;
}
.img_lists li.mail_li::before {
    content: url('/content/dam/amex/us/merchant/images/contactless-payments/mail_icon.svg');
}
.section_spacer {
    height: 60px;
}
.contactless_bene_sect .img_lists b {
    color: #00175A;
}

@media screen and (min-width:1024px) and (max-width:1279.99px) {
    .contactless_bene img {
        left: -35px;
        max-height: 100%;
        max-width: 100%;
    }
    ul.img_lists {
        padding-left: 0;
        padding-right: 0 !important;
        margin-bottom: .5625rem;
    }
    .img_lists li {
        padding-bottom: 20px;
        padding-left: 10px;
   }  
    .section_spacer {
        height: 20px;
    }
}
@media screen and (min-width:768px) and (max-width:1023px) {
    .contactless_bene img {
        left: -125px;
        max-height: 130%;
        max-width: 130%;
    }
    ul.img_lists {
        padding-left: 0;
        padding-right: 0 !important;
        margin-bottom: .5625rem;
    }
    .img_lists li {
        padding-bottom: 10px;
        padding-left: 10px;
    }  
    .section_spacer {
        height: 0px;
    } 
    .contactless_bene_sect .img_lists li {
        margin-top: -40px;
    }
    .contactless_bene_sect .img_lists li span {
        padding-top: 40px;
    }
    .img_lists li.lock_li {
        margin-top: -25px;
    }
    .img_lists li.lock_li span {
        padding-top: 25px;
    }
    .img_lists li.mail_li {
        margin-top: -35px;
    }
    .img_lists li.mail_li span {
        padding-top: 35px;
    }
    
}
@media screen and (max-width:767px) {
    .text-align-left.contactless_bene {
        text-align: center !important;
    }
    .contactless_bene img {
        left: 0;
        padding-bottom: 20px;
    }
    #guide_button a.margin-auto-r, #guide_button_bene a.margin-auto-r, .get_started_sect a.margin-auto-r {
        margin-left: auto !important;
    }
    .section_spacer {
        height: 10px;
    }
    ul.img_lists {
        padding-left: 0;
        padding-right: 0 !important;
    }
    .contactless_bene_sect .img_lists li {
        margin-top: -25px;
    }
    .contactless_bene_sect .img_lists li span {
        padding-top: 25px;
    }
    .img_lists li.lock_li {
        margin-top: -0;
    }
    .img_lists li.lock_li span {
        padding-top: 0;
    }
    .img_lists li.mail_li {
        margin-top: -10px;
    }
    .img_lists li.mail_li span {
        padding-top: 10px;
    }
}

@media screen and (max-width:520px) {
    .img_lists li.mail_li {
        margin-top: -25px;
    }
    .img_lists li.mail_li span {
        padding-top: 25px;
    }
}

@media screen and (max-width:439px) {
    .img_lists li.lock_li {
        margin-top: -25px;
    }
    .img_lists li.lock_li span {
        padding-top: 25px;
    }
}

@media screen and (max-width:397px) {
    .img_lists li.bolt_li {
        margin-top: -35px;
    }
    .img_lists li.bolt_li span {
        padding-top: 35px;
    }
}

/* Customers Do Section */

.cust_do_sect .container .row .col-md-6:first-child {
    padding-right: 30px;
}
.cust_do_dots img {
    position: absolute;
    top: 360px;
    left: -40px;
    max-width: 334px;
}
.cust_do_content {
    z-index: 5;
}
.cust_do_content h2 .heading-7-g {
    font-size: 2.3rem;
}
.cust_do_spacer {
    height: 75px;
}
h3 .body-1 {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
}
.cust_do_content h3 {
    padding-bottom: 6px;
}

@media screen and (min-width:1024px) and (max-width:1279.99px) {
    .cust_do_spacer {
        height: 0;
    }
    .cust_do_dots img {
        position: absolute;
        left: -30px;
        top: 370px;
        max-width: 310px;
    }
    .cust_do_content .container .col-md-12 .grid .container {
        padding-left: 0;
        padding-right: 0;
        padding-top: 15px;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .cust_do_sect .container .row .col-md-6:first-child {
        padding-right: 10px;
    }
    .cust_do_content .container .col-md-12 .grid .container {
        padding-left: 0;
        padding-right: 0;
        padding-top: 15px;
    }
    .cust_do_spacer {
        height: 0;
    }
    .cust_do_dots img {
        position: absolute;
        left: -30px;
        top: 470px;
        max-width: 250px;
    }
}

@media screen and (max-width:767px) {
    .cust_do_spacer {
        height: 0;
    }
    .cust_do_content h3 {
        text-align: center;
        padding-bottom: 10px;
    }
    .cust_do_content {
        margin-top: 30px;
    }
    .text-align-left.contactless_bene {
        text-align: center !important;
    }
    .contactless_bene img {
        left: 0;
        padding-bottom: 20px;
    }
    #guide_button a.margin-auto-r {
        margin-left: auto !important;
    }
    .cust_do_sect .container .row .col-md-6:first-child {
        padding-right: 6px;
    }
}

/* Payments Work Section */

.contactless_pay_work_sect p .heading-4 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: #006FCF;
}
.contactless_pay_work_sect h2 .heading-7-g {
    font-size: 2.35rem;
}
.contactless_pay_work_spacer {
    height: 75px;
}
.contactless_pay_work_sect .container .row .col-md-6:last-child {
    padding-left: 30px;
}

@media screen and (max-width:767px) {
    .contactless_pay_work_spacer {
        height: 25px;
    }
}

/* How you'll get started Section */

h3 .heading-4 {
    font-size: 1.5rem;
    line-height: 2rem;
}
h3 .heading-4.started_left {
    font-weight: 700;
    color: #006FCF;
}
h3 .heading-4 a {
    text-decoration: none;
}
h3 .heading-4.started_right {
    font-weight: 400;
    color: #53565A;
}
h3 .heading-4.started_right a {
    color: #53565A;
}
.get_started_sect .img_lists li {
    padding-bottom: 5px;
}
.img_lists li.one_li::before {
    content: url('/content/dam/amex/us/merchant/images/contactless-payments/one_icon.svg');
}
.img_lists li.two_li {
    padding-bottom: 0;
}
.img_lists li.two_li::before {
    content: url('/content/dam/amex/us/merchant/images/contactless-payments/two_icon.svg');
}
.get_started_sect ul.img_lists {
    margin-bottom: 0;
}
.get_started_spacer {
    height: 0;
}
.get_started_sect_header hr {
    border-bottom: 1px solid #C8C9C7;
}
.hide {
    display:none!important;
}
.button_clear_pad .container {
    padding-left: 0;
    padding-right: 0;
}


@media screen and (max-width:1279.99px) {
    .get_started_sect .img_lists li {
        padding-left: 0;
    }
}
@media screen and (min-width:768px) and (max-width:1023px) {
    .get_started_spacer {
        height: 0;
    }
}

@media screen and (max-width:767px) {
    .get_started_sect_header h5 {
        text-align: center !important;
    }
    .get_started_sect_header .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .get_started_sect_header .pad-3-t.pad-2-b {
        padding-top: .5rem !important;
    }
    .get_started_sect .container .row.pad-3-b {
        padding-bottom: 0 !important;
    }
    .get_started_spacer {
        height: 15px;
    }
    .get_started_sect_header .container .row.pad-3-t.pad-3-b, .get_started_sect_header .container .row .col-md-12 .richtext .pad-2-t.pad-1-b {
        padding-top: 0 !important;
    }
    .get_started_sect {
        padding-bottom: 4.5rem !important;
    }
    
}

/* FAQs */

#faq_general .container, #faq_merchant .container {
    padding: 0;
}
.faqs_sect h3 .heading-4 {
    color: #00175A;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.faqs_sect .collapsible-panel .border {
  border: none;
}

.faqs_sects .bordered-a>*, .bordered>:not(:last-child) {
    border-bottom: none;
}
.faqs_sect .collapsible-panel span {
    position: relative;
    left: -40px;
}
.faqs_sect .collapsible-panel .collapsible-caret {
    position: relative;
    left: 98%;
}
.faqs_sect .collapsible-panel .collapsible-caret:before {
    background-image: url('/content/dam/amex/us/business/Amex-Ventures-V2/accordion_arrow_Icon.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    transform: rotate(0deg);
    transition: color .25s ease-out, transform .25s ease-out;
    line-height: 1.375rem;
}
.faqs_sect .collapsible-panel button {
    border: 1px solid #E0E0E0;
    border-bottom: none;
    font-weight:700;
}
.faqs_sect .collapsible-panel h3.body-1 {
    font-family: BentonSans, "Helvetica Neue", Helvetica, fallbackBold, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
}
button#collapsible_panel_co-1129678811, button#collapsible_panel_co-1144705099 {
    border-radius: 16px 16px 0 0;
}
button#collapsible_panel_co_179835582-1689984000, button#collapsible_panel_co_605111965-909506086 {
    border-radius: 0;
}
button#collapsible_panel_co_1565806167-83427225, button#collapsible_panel_co_1497964383-1449337834 {
    border-radius: 0 0 16px 16px;
    border-bottom: 1px solid #E0E0E0;
}
.faqs_sect #collapsible_panel_co_1565806167-83427225.collapsible[aria-expanded=true], .faqs_sect #collapsible_panel_co_1497964383-1449337834.collapsible[aria-expanded=true] {
    border-bottom: none;
    border-radius: 0;
}
.faqs_sect .row.pad.stack-md-down {
    border-bottom: 1px solid #E0E0E0;
}
.faqs_sect .collapsible-panel div div.border.bordered.dls-white-bg div.accordion-content {
    border-top: none;
    border-left:  1px solid #E0E0E0;
    border-right:  1px solid #E0E0E0;
    
}
/**** DO NOT REMOVE HEIGHT, unless the custom bullet images are removed from the FAQ. The height can be edited as need but the images mess up the OneCMS accordion height calculation, which is why it's being hard coded in. *****/
#faq_general .collapsible-panel:last-child div div.border.bordered.dls-white-bg div.accordion-content {
    max-height: 230px!important;
}
.faqs_sect .img_lists li {
    padding-bottom: 0;
    padding-left: 0;
}
.img_lists li.indicator_li::before {
    content: url('/content/dam/amex/us/merchant/images/contactless-payments/cp_icon_faqs.svg');
}
.img_lists li.symbol_li::before {
    content: url('/content/dam/amex/us/merchant/images/contactless-payments/contactless_icon_faqs.svg');
}
.faqs_sect .img_lists li::before {
  margin-right: 45px;
}
.faqs_sect ul.img_lists {
    margin-bottom: 0;
}
.faqs_sect .accordion-content .stack {
    margin-top: 0;
}
#faq_general .container .row .col-md-12 > div > .collapsible-panel:last-child .accordion-content .row.pad {
    padding-top: 0.75rem !important;
    padding-bottom: 0 !important;
}

@media screen and (min-width:1024px) and (max-width:1279.99px) {
    #faq_general .collapsible-panel:last-child div div.border.bordered.dls-white-bg div.accordion-content {
        max-height: 250px!important;
    }   
}
@media screen and (min-width:768px) and (max-width:1023px) {
    #faq_general .collapsible-panel:last-child div div.border.bordered.dls-white-bg div.accordion-content {
        max-height: 270px!important;
    }    
}
@media screen and (max-width:767px) {
    .faqs_sect .collapsible-panel .collapsible-caret {
        top: 25px;
        left: 95%;
    }
    #faq_general #collapsible_panel_co_1845641905-288327915 .collapsible-caret  {
        top: 0;
    }
    .faqs_sect ul.img_lists {
        padding-top: 0.25rem;
    }
    .faqs_sect .img_lists li:first-child {
        padding-bottom: 5px;
    }
    #faq_general .container .row .col-md-12 > div > .collapsible-panel:last-child .accordion-content .row.pad {
        padding-top: 0.25rem !important;
        padding-bottom: 0 !important;
    }
    #faq_general .collapsible-panel:last-child div div.border.bordered.dls-white-bg div.accordion-content {
        max-height: 326px!important; 
    }
}
@media screen and (max-width:584px) {
    #faq_general .collapsible-panel:last-child div div.border.bordered.dls-white-bg div.accordion-content {
        max-height: 656px!important; 
    }
}
@media screen and (max-width:450px) {
    #faq_general .collapsible-panel:last-child div div.border.bordered.dls-white-bg div.accordion-content {
        max-height: 850px!important;
    }
}
@media screen and (max-width:416px) {
    #faq_general #collapsible_panel_co_1845641905-288327915 .collapsible-caret  {
        top: 15px;
    }
}

/* Additional resources */

.add_resources_sect_links h3 .heading-4 {
    color: #00175A;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.75rem;
    text-transform: none;
}
.add_resources_sect_links .container {
    padding: 0;
}
.add_resources_sect_links .col-md-3 {
    padding-right: 0;
}
.add_resources_lists {
    list-style-type: none;
    padding-left: 0;
}
.add_resources_lists li {
    padding-bottom: 22px;
}
.add_resources_lists.loarrows i {
    margin-left: 5px;
    display: inline;
}
.add_resources_lists a.link-underlined {
    text-decoration: none;
}
.add_resources_lists a:hover, .add_resources_lists a:active, .add_resources_lists a span.link_hover:hover {
    text-decoration: underline;
}
@media screen and (max-width:767px) {
    .add_resources_sect_links .container {
        padding-right: 10px;
        padding-left: 10px;
    }
}

/* TERMS AND CONDITIONS */

.terms_sect h4 {
    font-weight: 700;
    font-size: 0.813rem;
    line-height: 1.25rem;   
}