/* BENTONSANS CONDENSED MD */
@font-face {font-family: "BentonSans-CondMd";src: url("https://www.aexp-static.com/nav/ngn/fonts/66edbae4-0c00-4453-9c58-c0c4cb412064-2.eot");src: url("https://www.aexp-static.com/nav/ngn/fonts/66edbae4-0c00-4453-9c58-c0c4cb412064-2.eot?") format("embedded-opentype"), url("https://www.aexp-static.com/nav/ngn/fonts/66edbae4-0c00-4453-9c58-c0c4cb412064-3.woff") format("woff"), url("https://www.aexp-static.com/nav/ngn/fonts/66edbae4-0c00-4453-9c58-c0c4cb412064-1.ttf") format("truetype"), url("https://www.aexp-static.com/nav/ngn/fonts/66edbae4-0c00-4453-9c58-c0c4cb412064-4.svg#web") format("svg");font-style: normal;font-weight: 500;}
/* BENTONSANS (400) */
@font-face{font-family:BentonSans;font-font-style:normal;font-display:swap;src:url(https://www.aexp-static.com/cdaas/one/statics/axp-static-assets/2.18.0/package/dist/fonts/BentonSans.woff) format("woff")}

/* Large Desktop Container Width Overwrite */
@media (min-width: 1280px) {

    .parent_grid > .container {
        padding-left: 0;
        padding-right: 0;
    }
    
    .container {
        max-width: 1080px;
    }
}

.bc-grid > .container {
    padding-left: 15px;
    padding-right: 15px;
}

.amex-exp .container, .amex-exp .container .col-md-3, .amx-exp-icon-grid .container .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

.amex-exp .container .row, .amx-exp-icon-grid .container .row {
    margin-left: 0;
    margin-right: 0;
}

.amex-exp {
    padding: 0 52px;
}

.amex-exp .col-md-3 {
    height: 94px;
}

.hidden-sm-down.amex-exp .col-md-3:first-child {
    flex: 0 0 25%;
    max-width: 208px;
}

.hidden-sm-down.amex-exp .col-md-3:nth-child(2) {
    flex: 0 0 254px;
    max-width: 254px;
}

.hidden-sm-down.amex-exp .col-md-3:nth-child(3) {
    flex: 0 0 294px;
    max-width: 294px;
}

.hidden-sm-down.amex-exp .col-md-3:nth-child(4) {
    max-width: 200px;
}

.amex-exp .col-md-3:nth-child(3) {
    padding: 0 20px;
}

.amx-exp-icon-grid {
    padding-top: 28px;
}

.icon_txt_l {
    float: left;
    display: inline;
}

.icon_txt_l img {
    padding-right: 10px;
}

.icon_txt_r p {
    line-height: 16px;    
}

.icon_txt_r p .heading-4 {
    color: #FFF;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
}

.amex-experiences-logo img {
    width: 109px;
    height: auto;
    display: block;
    margin: 0;
}

.hero-wrap {
    margin: -1px 0;
    padding: 81px 50px 76.929px;
}

.hero-wrap .container {
    padding: 0;
}

.hero-wrap .container .row {
    margin: 0;
    
}

.hero-title .row {
    padding-bottom: .88rem !important;
}

.hero-wrap .container .row .col-md-12 {
    padding: 0;
}

.hero-section h1 .heading-6{
    font-size: 40px;
    line-height: 44px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: BentonSans-CondMd, BentonSans, Helvetica Neue, Helvetica, sans-serif;
}

.hero-section h1 {
    line-height: 44px;
}

.hero-section .heading-4{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}
.all-points-east-section {
    padding: 67px 0 68px;
}
.all-points-east-section h2 {
    line-height: 0;
    padding-bottom: 9px;
    margin-top: -8px;
}

.all-points-east-section h2 .heading-5{
    text-transform: uppercase;
    font-size: 30px;
    line-height: 34px;
    font-weight: 700;
    font-family: BentonSans-CondMd, BentonSans, Helvetica Neue, Helvetica, sans-serif;
}

.all-points-east-section p .heading-4, .all-points-east-section p {
    font-size: 16px;
    font-weight: 400;
    font-family: BentonSans, Helvetica Neue, Helvetica, sans-serif;
    line-height: normal;
}

.east-perks-grid > .container, .east-perks-grid > .container > .row, .east-perks-grid > .container > .row >.col-md-12, .four-icons .container, .four-icons .col-md-4, .four-icons .row  {
    padding: 0px!important;
    margin: 0px!important;
}

.east-perks-grid {
    padding: 70px 44px 67px;
}

.east-perks {
    padding-bottom: 30px;
}

.east-perks h2 {
    padding-bottom: 10px;
    margin-top: -2px;
}

.east-perks h2 .heading-5{
    text-transform: uppercase;
    font-size: 30px;
    line-height: 34px;
    font-weight: 700;
    font-family: BentonSans-CondMd, BentonSans, Helvetica Neue, Helvetica, sans-serif;
}

.east-perks p .heading-4{
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    font-family: BentonSans, Helvetica Neue, Helvetica, sans-serif;
}

.east-perks .heading-4{
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    font-family: BentonSans, Helvetica Neue, Helvetica, sans-serif;
}

.four-icons .col-md-3:first-child {
    flex: 0 0 25%;
    max-width: 238.5px;
}

.four-icons .col-md-3:nth-child(2), .four-icons .col-md-3:nth-child(3) {
    flex: 0 0 257.5px;
    max-width: 257.5px;
}

.four-icons .col-md-3:nth-child(4) {
    flex: 0 0 25%;
    max-width: 238px;
}

.four-icons h3 {
    line-height: normal;
    padding-bottom: 10px;
}

.four-icons h3 .heading-4 {
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    font-family: BentonSans, Helvetica Neue, Helvetica, sans-serif;
    line-height: normal;
}

.four-icons p {
    line-height: normal;
}

.four-icons p .heading-4 {
    color: #FFF;
    text-align: center;
    font-size: 15px!important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.four-icons img{
    width: 47px;
    height: 47px;
    display: block;
    margin: 0 auto;
}

.four-icons .container {
    /* height: 147px; */
}

.icon-one, .icon-two, .icon-three {
    border-right: 1px solid #fff;
    padding-right: 19px;
}

.icon-two, .icon-three, .icon-four  {
    padding-left: 19px;
}


.icon-one, .icon-two, .icon-three, .icon-four {
    height: 148px;
}

.four-icons .col-md-12, .four-icons .col-md-3, .four-icons .container, .four-icons .row {
    padding: 0;
    margin: 0;
}

.icon-one .image, .icon-two .image, .icon-three .image, .icon-four .image {
    padding-bottom: 16px;
}

#learnMoreTop a {
    padding: 9px 20px;
    max-width: 140px;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
}

.learnMoreBtn {
    padding-top: 28px;
}

.terms-apply {
    padding-top: 0;
}

.two-cards-section .container, .two-cards-section .row, .two-cards-section .col-md-6, .card-one .container, .card-one .col-md-12, .card-two .container, .card-two .col-md-12 {
    padding-left: 0px!important;
    padding-right: 0px!important;
    margin: 0px!important;    
}

.two-cards-section > .container {
    margin: 0px 10px!important;
}

.two-cards-section {
    padding: 0 30px;
}

.two-cards-section .col-md-6 {
    /* padding: 0 10px!important; */
    flex: 0 0 50%;
    max-width: 490px;
}

.two-cards-section .col-md-6:first-child {
    margin-right: 10px!important;
}

.two-cards-section .col-md-6:nth-child(2) {
    margin-left: 10px!important;
}

.two-cards-section .heading-5{
    font-size: 24px;
    line-height: 28ox;
    font-weight: 900;
}

.two-cards-section .heading-4{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    font-family: BentonSans, Helvetica Neue, Helvetica, sans-serif;
}

.two-cards-section .bolded-text .heading-4{
    font-weight: 700;
    font-family: BentonSans, Helvetica Neue, Helvetica, sans-serif;
}

.two-cards-section img {
    width: 100%;
}

/* Card 1 */
.card-one .container,
.card-two .container {
    padding: 0px !important;
}

.card-one-outer-wrapper {
    display: flex;
    flex-direction: column;
    background-color: #ecedee;
    padding: 30px 20px;
    height: 310px;
    border: 1px solid #ecedee;
    border-radius: 0 0 10px 10px;
}

.card-one-title h4 {
    color: #00175A;
    text-align: center;
    font-family: BentonSans-CondMd, BentonSans, Helvetica Neue, Helvetica, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 28px; /* 116.667% */
    text-transform: uppercase;
}

.card-one-text p, .card-one-text-bold p {
    margin-top: 1.25rem;
    text-align: center;
}

.card-one-text-bold p {
    margin-top: 0.75rem;
}

.card-one-text p .heading-4 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #333333;
    margin-top: 1.25rem;
    font-family: BentonSans, Helvetica Neue, Helvetica, sans-serif;
}

.card-one-text-bold p .heading-4 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
    color: #333333;
    margin-top: 1.25rem;
    font-family: BentonSans, Helvetica Neue, Helvetica, sans-serif;
}

.card-one-button {
    position: absolute;
    bottom: 12px;
    margin-bottom: 20px;
    align-self:center;
    width: 100%;
}

.card-one-button a{
    cursor: pointer;
    color: #fff;
    background: #006fcf;
    text-align: center;
    text-decoration: none;
    width: 100%;
    border-radius: 5px;
    display: block;
    max-width: 450px;
    margin: 0 auto;
}

.card-one-button a.link-underlined:hover{
    color: #ffffff;
}

.card-one-button a:focus {
    outline: 1px dashed #53565a;
    outline-offset: 3px
}

.terms .container, .terms .row, .terms .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

.terms .row, .terms .col-md-12 {
    margin: 0;
}
.terms h5 .heading-4 {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-family: BentonSans, Helvetica Neue, Helvetica, sans-serif;
}

.terms p .heading-4,  .terms li ,  .terms li .heading-4{
    color: #000!important;
    font-size: 12px!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: normal!important;
    font-family: BentonSans, Helvetica Neue, Helvetica, sans-serif!important;
}

.terms ul {
    margin-bottom: 12px;
}


@media screen and (max-width:1279px){
    .card-one-outer-wrapper {
        height: 400px!important;
    }
    .card-one-button a{
        max-width: 378px;
    }
    .amex-exp {
        padding: 0 32px;
    }
    .hidden-sm-down.amex-exp .col-md-3 {
        flex: 0 0 25%!important;
        max-width: 25%!important;
    }
    .hidden-sm-down.amex-exp .col-md-3:first-child {
        max-width: 180px!important;
    }
    .hidden-sm-down.amex-exp .col-md-3:nth-child(2) {
        flex: 0 0 224px!important;
        max-width: 224px!important;
    }
    .amex-exp .col-md-3:nth-child(3) {
        padding: 0;
        margin-left: 10px;
    }
    .four-icons .col-md-3 {
        flex: 0 0 25%!important;
        max-width: 25%!important;
    }
    .icon-one, .icon-two, .icon-three, .icon-four {
        height: 158px;
    }
    .two-cards-section .col-md-6 {
        /* padding: 0 10px!important; */
        flex: 0 0 49%;
        max-width: 49%;
    }
    .two-cards-section .col-md-6:first-child {
        margin-right: 8px!important;
    }
    
    .two-cards-section .col-md-6:nth-child(2) {
        margin-left: 8px!important;
    }
 }

@media screen and (max-width:1279px){
    .card-one-outer-wrapper {
        height: 370px!important;
    }
}

@media screen and (max-width:1023px){
    .card-one-outer-wrapper {
        height: 450px!important;
    }
    .card-one-button a{
        max-width: 265px;
    }
    .amex-experiences-logo img {
        margin: 0;
    }
    .amex-exp {
        padding: 0 25px;
    }
    
    .amex-exp .col-md-3:nth-child(3) {
        padding: 0 10px;
    }
    .hidden-sm-down.amex-exp .col-md-3 {
        flex: 0 0 25%!important;
        max-width: 25%!important;
    }
    .hidden-sm-down.amex-exp .col-md-3:first-child {
        max-width: 140px!important;
    }
    .hidden-sm-down.amex-exp .col-md-3:nth-child(2) {
        flex: 0 0 25%!important;
        max-width: 25%!important;
    }
    .amex-exp .col-md-3:nth-child(3) {
        padding: 0;
        margin-left: 10px;
    }
    .icon_txt_r p {
        line-height: 12px;    
    }
    
    .icon_txt_r p .heading-4 {
        font-size: 8px;
        line-height: 12px;
    }
    .all-points-east-section {
        padding: 40px 24px;
    }
    .icon-one, .icon-two, .icon-three, .icon-four {
        height: 207px;
    }
    .icon-one, .icon-two, .icon-three {
        padding-right: 16px;
    }
    
    .icon-two, .icon-three, .icon-four  {
        padding-left: 16px;
    }
    .four-icons h3 .heading-4 {
        font-size: 16px;
   }
    .two-cards-section .col-md-6:first-child {
        margin-right: 6px!important;
    }
    
    .two-cards-section .col-md-6:nth-child(2) {
        margin-left: 6px!important;
    }
}

@media screen and (max-width:767px){
    .parent_grid > .container, .parent_grid > .container > .row > .col-md-12 {
        padding: 0;
    }

    .parent_grid > .container > .row.pad-2-t.pad-2-b {
        padding-top: 0!important;
        padding-bottom: 0!important;
    }

    .breadcrumb-mob > .container {
        padding-left: 8px;
        padding-right: 8px;    
    }

    .breadcrumb-mob > .container > .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .all-points-east-section .container,  .all-points-east-section .container .row,  .all-points-east-section .col-md-12 {
        padding: 0;
        margin: 0;
    }

    .all-points-east-section {
        padding: 40px 20px;
    }

    .all-points-east-section h2 {
        line-height: normal;
    }
    
    .all-points-east-section h2 .heading-5{
        font-size: 24px;
        font-style: normal;
        line-height: normal;
    }
    
    .card-one-outer-wrapper {
        height: auto!important;
    }

    .east-perks-grid {
        padding: 40px 34px;
    }

    .east-perks-grid .container,  .east-perks-grid .container .row,  .east-perks-grid .col-md-12 {
        padding: 0;
        margin: 0;
    }

    .east-perks {
        padding-bottom: 30px;
    }

    .icon-one, .icon-two, .icon-three {
        border-right: hidden!important;
        border-bottom: 1px solid #ffffff;
    }

    .icon-one, .icon-two, .icon-three, .icon-four {
        
    }

    .icon-two, .icon-three{
        padding: 32px 0!important;
    }

    .four-icons .col-md-3 {
        flex: 0 0 100%!important;
        max-width: 100%!important;
        
    }
    
    .icon-one {
        height: 123px;
        padding: 0 0 32px;
    }

    .icon-two {
        height: 155px;
    }

    .icon-three {
        height: 184px;
    }

    .icon-four {
        height: 173px;
        padding: 32px 0 0;
    }

    .four-icons h3 .heading-4 {
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .four-icons p .heading-4 {
        font-size: 15px;
        font-style: normal;
        line-height: normal;
    }
    
    .terms-apply {
        padding-top: 0;
    }

    .card-one-button {
        position: static!important;
        margin: 20px 0px!important;
    }

    .card-one-button a{
        max-width: 90%;
    }

    .two-cards-section .col-md-6 {
        /* padding: 0 10px!important; */
        flex: 0 0 100%;
        max-width: 100%;
    }
    .two-cards-section .col-md-6:first-child {
        margin-right: 0px!important;
        padding-bottom: 20px;
    }
    
    .two-cards-section .col-md-6:nth-child(2) {
        margin-left: 0px!important;
    }

    .amex-experiences-logo img{
        display: block!important;
        margin: 0 auto!important;
    }

    .amex-experience-mobile-icons{
        display: flex!important;
        justify-content: space-around!important;
        text-align: center!important;
    }

    .amex-experience-mobile-icons img{
        /* width: 22px!important; */
        vertical-align: top!important;
    }

    .amex-exp-logo-mob .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
        min-width: 114px;
    }

    .amex-exp-logo-mob .col-md-4:nth-child(2) {
        /* padding: 0 13px!important; */
    }

    .icon_txt_l {
        float: none;
        display: block;
    }

    .icon_txt_l img {
        padding-right: 0;
        padding-bottom: 10px
    }

    .icon_txt_r p {
        line-height: 13px;    
    }
    
    .icon_txt_r p .heading-4 {
        font-size: 11px;
        line-height: 13px;
    }
    
    .amex-experiences-logo img {
        width: 109px!important;
        height: auto!important;
        display: block!important;
        margin: 0 auto!important;
        text-align: center!important;
    }

    .amex-exp .container, .amex-exp .container .col-md-4, .amx-exp-icon-grid .container .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
    
    .amex-exp .container .row, .amx-exp-icon-grid .container .row, .amex-exp .container {
        margin-left: 0;
        margin-right: 0;
    }

    .amex-experience-mobile-icons.hidden-md-up.amex-exp {
        width: 100%;    
    }
    
    .amex-exp {
        padding: 0;
    }
    
    .amex-exp .col-md-3 {
        height: 94px;
    }
    
    .amex-exp .col-md-3:nth-child(3) {
        padding: 0 20px;
    }
    
    .amx-exp-icon-grid {
        padding-top: 0;
        padding-bottom: 20px;
    } 

    .dls-gray-02-bg, .dls-gray-02-bg-hvr:hover{
        background-color: #ffffff!important;
    }

    .breadcrumb-mob .pad-tb{
        padding: 0!important;
    }

    .hero-wrap{
        min-height: 422px!important;
        padding: 0 20px;
    }

    .hero-wrap .container {
        padding: 0;
    }

    .hero-wrap .row {
        margin-left:0;
        margin-right: 0;
    }

    .hero-section {
        position: relative;
        top: 260px;
    }
    .hero-section .col-md-12 {
         padding: 0;   
    }

    .hero-section h1 .heading-6{
        font-size: 32px!important;
        line-height: 32px!important;
        font-weight: 700!important;
        padding-right: 0px!important;
        text-align: center!important;
    }

    .hero-section h1 {
        line-height: 32px!important;
    }

    .hero-title {
        text-align: center;
    }

    .hero-title .pad-3-lr, .pad-3-r{
        padding-right: 0px!important;
    }

    .hero-description{
        text-align: center;
    }
    
    .hero-description .pad-2-lr, .pad-2-r{
        padding-right: 0px!important;
        padding-left: 0px!important;
    }

    .hero-wrap > .container {
        min-height: 422px !important;
        /* padding: 0 20px; */
    }

    .hero-wrap .row.pad-3-t.pad-3-b {
        min-height: 422px;
        width: 100%;
        align-content: flex-end;
    }

    .hero-section .row.pad-3-t.pad-3-b {
        padding-bottom: 0rem !important;
    }

    .hm{
        display: none!important;
    }

    .hm.sm{
        display: block!important;
    }

    .all-points-east-section .heading-5{
        font-size: 24px!important;
    }
    
    .all-points-east-section .heading-4{
        line-height: 100%!important;
    }

    .east-perks .heading-5{
        font-size: 24px!important;
        line-height: 100%!important;
    }

    .east-perks .pad-3-b {
        padding-bottom: 0px !important;
    }

    .terms-apply .pad-3-t{  
        padding-top: 0px !important;
    }

    .terms-apply .pad-3-b{  
        padding-bottom: 1.5rem !important;
    }

    .two-cards-section img {
        border-radius: 10px 10px 0px 0px !important;
        width: 100%;
    }
    .card-one-outer-wrapper, .card-two-outer-wrapper {
        border-radius: 0px 0px 10px 10px !important;
    }
    
    .two-cards-section > .container, .two-cards-section > .container > .row > .col-md-6 {
        padding-left: 0;
        padding-right: 0;
    }

    .two-cards-section > .container > .row {
        margin-left: 0;
        margin-right: 0;
    }

    .two-cards-section {
        padding: 0 20px;
    }
    
    .card-two > .container > .row.pad-1-b {
        padding-bottom: 0 !important;
    }

    .card-one > .container > .row.pad-1-b {
        padding-bottom: 1.25rem !important;
    }

    .terms .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width:400px){
    .card-one-button a{
        max-width: 293px;
    }    
}