/* New Design - August 2026 */

.text-large {
    font-size: 18px;
    line-height: 28px;
}

.mar-b-24 {
    margin-bottom: 24px;
}

.gap-24 {
    gap: 24px;
}

.gap-8 {
    gap: 8px;
}

.icon-48 {
    height: 48px;
    width: 48px;
}

.icon-24 {
    height: 24px;
    width: 24px;
}

.icon-16 {
    height: 16px;
    width: 16px;
}

.number-large {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}

.number-larger {
    font-family: RBCDisplay;
    font-size: 72px;
    font-style: normal;
    font-weight: 500;
    line-height: 80px; /* 111.111% */
    letter-spacing: -2px;
}

.filter-white {
    filter: brightness(100);
}

.bnr-img-container {
    height: 520px;
    background: url(/business/credit-cards/_assets-custom/images/airport-bg-img.webp);
    background-size: cover;
    background-position: 50%;
    border-radius: 8px;
}

.bnr-img-container img {
    max-width: 430px;
}

.bnr-offer-container {
    margin-top: -30px;
}

.card-details-offer-container {
    border-radius: var(--Vertical-Spacing-Spacing-xs, 8px);
    border: 1px solid #FFB500;
    background: linear-gradient(180deg, rgba(255, 186, 0, 0.10) 0%, rgba(255, 186, 0, 0.00) 100%), #FFF;
    padding: 22px 16px 16px 16px;
    position: relative;
}

.card-details-offer-caption {
    position: absolute;
    left: 16px;
    top: -11px;
    border-radius: 4px;
    background: var(--Interaction-interactive-accent-hover, #FFBA00);
    padding: 3px 10px;
    color: var(--text-foregrounds-text-2, #252525);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
}

.bnr .table-wpr {
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    border-spacing: 12px;
}

.btn-pad {
    padding: 20px 32px !important;
}

.circle-icon {
    border-radius: 50%;
    border: 1px solid var(--Borders-border-4, #E0E0E0);
    height: 48px;
    width: 48px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.circle-icon img {
    filter: brightness(0);
}

.earn-points {
    background: url(/business/credit-cards/_assets-custom/images/fastest-way-callout-img.webp);
}

.section-side-img {
    background-repeat: no-repeat;
    background-size: cover !important;
    border-radius: 16px;
    height: 700px;
}

.section-side-img.shorter {
    height: 570px;
}

.glass-bubble-container {
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom-color: rgba(255, 255, 255, 0.1);
    border-right-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(4px);
    height: 64px;
    padding: 8px 22px 8px 8px;
    gap: 8px;
    flex-shrink: 0;
    width: fit-content;
    color: #FFF;
}

.glass-bubble-container.icon-bubble {
    box-shadow: inset -5px -14px 27px -12px rgba(0, 0, 0, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-bottom-color: rgba(255, 255, 255, 0.1);
    border-right-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
}

#status-lift .centered,
#avion-collection .centered {
    background-image: url(/business/credit-cards/_assets-custom/images/status-lift-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: 50%;
    border-radius: 24px;
    height: 740px;
}

#avion-collection .centered {
    background-image: url(/business/credit-cards/_assets-custom/images/avion-snowboarder.webp);
}

.status-text {
    max-width: 470px;
}

#exclusive-fares {
    background: linear-gradient(180deg, rgba(174, 209, 218, 0.40) 0%, rgba(174, 209, 218, 0.00) 100%);
}

#exclusive-fares .rounded-corners {
    border-radius: 16px;
}

#insurance {
    background: url(/business/credit-cards/_assets-custom/images/insurance-bg.webp);
    background-size: cover;
}

#aib-section {
    background: linear-gradient(112deg, #5A5A5A 11.55%, #0A0F14 87.79%);
}

#mcb-section {
    background: linear-gradient(112deg, #003168 11.55%, #002045 87.79%);
}

#aib-section .border-left,
#mcb-section .border-left {
    border-left: 1px solid #B3B3B3;
}

#aib-section hr,
#mcb-section hr {
    border-color: #B3B3B3;
}

#aib-section .grid-one-third,
#mcb-section .grid-one-third {
    padding-left: 24px;
    padding-right: 24px;
}

.ctas {
    max-width: 261px;
}

.combine-points {
    background: url(/business/credit-cards/_assets-custom/images/combine-callout-img.webp);
}

.circle-dash {
    border-radius: 350px;
    background: url(/business/credit-cards/_assets-custom/images/circle-dash.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 350px;
    height: 350px;
    position: relative;
}

.image-callouts-container {
    position: absolute;
    width: 370px;
    left: -10px;
    top: 62px;
}

.combine-points .glass-bubble-container {
    padding: 12px 22px 12px 16px;
    height: auto;
}

.combine-points .circle-icon img {
    filter: none;
}

.redeem-points {
    background: url(/business/credit-cards/_assets-custom/images/redeem-callout-img.webp);
}

.img-glass-box {
    border-radius: 16px;
    display: flex;
    width: 200px;
    height: 200px;
    padding: 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    box-shadow: inset -5px -14px 27px -12px rgba(0, 0, 0, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-bottom-color: rgba(255, 255, 255, 0.1);
    border-right-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
    max-width: 100%;
}

.exclusive-offer-item {
    border-radius: 12px;
}

.exclusive-offer-item .block-inner {
    padding: 36px 24px;
}

.exclusive-offer-img {
    height: 68px;
    width: auto;
    margin-bottom: 24px;
}

#silver-status .block-wpr {
    border-radius: 8px;
    border: 1px solid var(--Borders-border-4, #E0E0E0);
    background: linear-gradient(180deg, rgba(174, 209, 218, 0.40) 0%, rgba(174, 209, 218, 0.00) 89.95%);
}

#insurance .tabs .tab-content {
    border: none;
    border-top: 1px solid #c4c8cc;
}

#insurance .tabs .tab-nav li a {
    color: #6F6F6F;
}

#insurance .tabs .tab-nav li.active a {
    color: #006AC3;
    font-weight: 400;
}

@media screen and (max-width: 950px) {
    .combine-points {
        background-position-x: 30%;
    }

    .circle-dash {
        background: url(/business/credit-cards/_assets-custom/images/circle-dash-mob.svg);
        width: 220px;
        height: 220px;
    }

    .image-callouts-container {
        width: 255px;
        left: -20px;
        top: 26px;
        max-width: calc(100% + 40px);
    }

    #combine-wj-points .icon-32 {
        width: 24px;
        height: 24px;
    }

    #combine-wj-points .h5 {
        font-size: 14px !important;
        font-weight: 400;
        line-height: 20px !important;
    }

    .combine-points .glass-bubble-container {
        padding: 8px 16px 8px 8px;
        height: auto;
    }
}

@media screen and (max-width: 870px) {
    .glass-bubble-container.icon-bubble .icon-48 {
        height: 32px;
        width: 32px;
    }
}

@media screen and (max-width: 639px) {
    .number-larger {
        font-size: 56px;
        font-style: normal;
        font-weight: 500;
        line-height: 62px; /* 110.714% */
        letter-spacing: -2px;
    }

    .gap-mob-8 {
        gap: 8px;
    }

    .bnr-img-container {
        height: 315px;
    }

    .bnr-img-container img {
        padding-left: 42px !important;
        padding-right: 42px !important;
    }

    .circle-icon.mob-smaller {
        width: 32px;
        height: 32px;
        min-width: 32px;
    }

    .glass-bubble-container {
        height: auto;
        padding: 8px;
    }

    .section-side-img {
        height: 390px;
        padding: 24px !important;
    }

    .section-side-img.shorter {
        height: 345px;
    }

    #silver-status .grid-wpr.eh-wpr {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    #silver-status .grid-one-third {
        width: 284px;
        margin: 0;
    }

    #status-lift .centered {
        background-image: url(/business/credit-cards/_assets-custom/images/status-lift-bg-mob.webp);
        height: 620px;
        background-position-y: 50%;
    }

    #status-lift .text-large {
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
    }

    #avion-collection .centered {
        background-image: url(/business/credit-cards/_assets-custom/images/avion-snowboarder-mob.webp);
        height: 620px;
        background-position-y: 100%;
    }

    .status-text {
        max-width: none;
    }

    #combine-wj-points .grid-wpr {
        display: flex;
        flex-direction: column-reverse;
    }

    #combine-wj-points .grid-half {
        width: 100%;
    }

    .redeem-points {
        background-size: 130% !important;
        background-position: 60% 40%;
    }

    #aib-section .border-left,
    #mcb-section .border-left {
        border-left: none;
        border-top: 1px solid #B3B3B3;
    }

    #aib-section .tel-number a,
    #mcb-section .tel-number a {
        color: #FFF;
    }

    .ctas {
        max-width: none;
    }

    #insurance .block-wpr {
        border-radius: 8px;
    }

    #insurance .tab-nav {
        display: flex;
        align-items: stretch;
    }

    #insurance .tabs .tab-nav li.active {
        box-shadow: none !important;
        border-bottom: 2px solid #006ac3 !important;
    }

    #insurance .tabs .tab-nav li {
        padding: 15px 5px !important;
    }
}

@media screen and (max-width: 440px) {
    #status-lift.mob-taller .centered {
        height: 720px;
    }
}

@media screen and (max-width: 400px) {
    .redeem-points {
        background-position: 60% 60%;
    }
}