span.black-pill {
    background-color: black;
    color: white;
    padding: 5px 20px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 15px;
}

.ae-header .ae-content {
    -webkit-box-shadow: 0 -12px 24px -10px rgb(0 0 0 / 12%);
    box-shadow: 0 -12px 24px -10px rgb(0 0 0 / 12%);
    padding-bottom: 0px;
}

.page_nav {
    -webkit-box-shadow: 0 0px 24px -8px rgb(0 0 0 / 12%);
    box-shadow: 0 0px 24px -8px rgb(0 0 0 / 12%);
    padding: 30px 0;
}

.ae-content h4 {
    font-weight: 600;
    font-size: 16px;
}

.page_nav ul {
    margin-bottom: 0;
}

.page_nav ul li {
    display: inline-block;
    padding: 0px 96px;
    margin-bottom: 0;
}

#rocky-mountaineer>div:nth-child(2)>div:nth-child(1)>div>ul>li:nth-child(2) {
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
}

#rocky-mountaineer>div:nth-child(2)>div:nth-child(1)>div>ul>li:nth-child(3) {
    border-right: 1px solid #d8d8d8;
}

div#about-rocky-mountaineer {
    background-color: #f1f7fa;
}

#rocky-mountaineer>div:nth-child(2)>div {
    padding-bottom: 0;
    margin-bottom: -35px;
    background-color: white;
    position: relative;
    padding-top: 12px;
}

div#about-rocky-mountaineer .ae-content.row {
    padding-top: 7em;
}

.ae-content h3 {
    font-size: 28px;
    margin-bottom: 20px;
}

.ae-content h3:after {
    content: "";
    width: 30px;
    height: 2px;
    background-color: #b8a890;
    position: relative;
    display: block;
    margin-top: 20px;
}

#about-rocky-mountaineer .fancy-ilist {
    list-style-type: none;
    padding-left: 0;
    margin: 40px 0;
}

.fancy-ilist li {
    display: inline-block;
}

#about-rocky-mountaineer .fancy-ilist li img {
    width: 20px !important;
    height: 20px;
    display: block;
    margin: 0;
    float: left;
    margin-right: 10px;
}

#about-rocky-mountaineer .fancy-ilist li>span {
    float: left;
    width: calc(100% - 30px);
}

div#about-rocky-mountaineer picture img {
    width: 100%;
}

#earn .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
    -webkit-box-shadow: 0 0px 24px -8px rgb(0 0 0 / 12%);
    box-shadow: 0 0px 24px -8px rgb(0 0 0 / 12%);
    text-align: center;
    padding: 70px 200px;
    background-color: white;
    z-index: 0;
    margin-bottom: -225px;
    position: relative;
}

img.earn-20k {
    display: block;
    margin: 0 auto;
    margin-bottom: -53px;
    position: relative;
    z-index: 99;
    max-width: 300px;
}

a.pill-btn {
    background-color: #005078;
    color: white;
    padding: 16px 50px;
    margin-top: 40px;
    display: inline-block;
}

div#redeem {
    background-color: #f1f7fa;
}

#redeem .ae-content.row {
    padding-top: 5em;
    padding-bottom: 0;
}

#redeem .ae-content img.img-responsive {
    width: 300px !important;
    float: right;
}

#additional-benefits .ae-content {
    text-align: center;
}

#additional-benefits .ae-content h3:after {
    margin: 0 auto;
    margin-top: 20px;
}

#additional-benefits .table {
    border: 0;
    border-top: 2px solid #d0d0ce;
    -webkit-box-shadow: 0 0px 24px -8px rgb(0 0 0 / 12%);
    box-shadow: 0 0px 24px -11px rgb(0 0 0 / 37%);
    margin: 40px 0;
}

#additional-benefits .table thead tr th {
    background-color: #f9f8f6;
    border: 0;
    vertical-align: bottom;
    padding-bottom: 20px;
    padding-top: 25px;
}

#additional-benefits .table thead tr th img {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}

#additional-benefits>div>table>thead>tr>th:nth-child(2),
#additional-benefits>div>table>thead>tr>th:nth-child(3),
#additional-benefits>div>table>thead>tr>th:nth-child(4),
#additional-benefits>div>table>thead>tr>th:nth-child(5),
#additional-benefits>div>table>thead>tr>th:nth-child(6) {
    width: 10%;
}

#additional-benefits .table tbody tr td {
    font-weight: 600;
}

#additional-benefits .table tbody tr td {
    border: 0;
    padding-top: 35px;
    padding-bottom: 35px;
    text-align: left;
}

tr.ctr-row {
    border-top: 2px solid #d0d0ce;
    border-bottom: 2px solid #d0d0ce;
}

span.blue_dot {
    width: 15px;
    height: 15px;
    background-color: #005078;
    display: block;
    border-radius: 20px;
    margin: 0 auto;
}

#additional-benefits a.pill-btn {
    margin-top: 15px;
    margin-bottom: 30px;
}

#additional-benefits>div>p:nth-child(8),
#additional-benefits>div>p:nth-child(9),
#additional-benefits>div>p:nth-child(10),
#additional-benefits>div>p:nth-child(11) {
    width: 75%;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}

.accordion__container h4 {
    font-weight: 600;
}


/* Dropdown */

.dropbtn {
    background-color: transparent;
    color: #3c3c3c;
    padding: 5px 0;
    font-size: 14px;
    border: none;
    cursor: pointer;
    display: block;
    clear: both;
    width: 100%;
    text-align: center;
    font-weight: 600;
}

.dropdown {
    position: relative;
    display: inline-block;
    width: 80%;
    padding: 5px;
    background-color: transparent;
    margin-bottom: 10px;
    margin-top: 10px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fbfbfb;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    width: 100%;
    left: 0;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-weight: 400;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.show {
    display: block;
}

.dropdown span {
    display: inline-block;
    float: left;
    font-weight: 700;
    color: black;
    font-size: 18px;
    margin-bottom: 20px;
}

button.dropbtn:after {
    content: "‣";
    transform: rotate(90deg);
    display: inline-block;
    position: absolute;
    right: 0;
    margin-right: 10px;
}


/* END DROPDOWN */

.rocky-mtr_sections .rocky_row {
    width: 100%;
    text-align: left;
    display: block;
    padding-top: 15px;
    padding-bottom: 45px;
    padding-left: 28px;
}

.rocky-mtr_sections .rocky_row span.blue_dot {
    float: right;
    margin-right: 40px;
}

.rocky-mtr_sections .rocky_row .row_text {
    width: 70%;
    display: block;
    font-weight: 600;
    float: left;
}

.rocky_mobile {
    -webkit-box-shadow: 0 12px 28px -13px rgb(0 0 0 / 39%);
    box-shadow: 0 12px 28px -13px rgb(0 0 0 / 39%);
    padding-bottom: 20px;
    margin-bottom: 50px;
}

#additional-benefits>div>div>div:nth-child(1)>div {
    background-color: #f9f8f6;
    border-top: 1.5px solid #d0d0ce;
}

#about-rocky-mountaineer>div>div:nth-child(1)>ul>li:nth-child(4) {
    margin-top: 10px;
}

a.pill-btn:hover {
    color: white;
}

a.btn-white {
    background-color: white;
    color: #005078;
    -webkit-box-shadow: 0 0px 24px -8px rgb(0 0 0 / 12%);
    box-shadow: 0 0px 24px -8px rgb(0 0 0 / 12%);
}

a.btn-white:hover {
    color: #005078;
}

.frame-box iframe {
    width: 100%;
}

.frame-box {
    padding-left: 20px;
}


/* FRENCH CHANGES */

html[lang^="fr"] .page_nav ul li {
    padding: 0px 79px;
}

html[lang^="fr"] #about-rocky-mountaineer .fancy-ilist li img {
    margin-bottom: 50px;
}

html[lang^="fr"] #additional-benefits a.pill-btn {
    margin-bottom: 0px;
}


/* END FRENCH CHANGES */


/* SMALL DEVICES */

@media only screen and (min-width: 300px) and (max-width: 450px) {
    #rocky-mountaineer>div:nth-child(2)>div:nth-child(1)>div>ul>li:nth-child(2) {
        border-left: 0;
        border-right: 0;
    }
    #rocky-mountaineer>div:nth-child(2)>div:nth-child(1)>div>ul>li:nth-child(3) {
        border-right: 0;
    }
    .page_nav ul li {
        display: block;
        padding: 10px 0px;
        margin-bottom: 0;
        text-align: center;
        font-size: 14px;
    }
    #rocky-mountaineer>div:nth-child(2)>div {
        margin-bottom: -50px;
        padding-left: 0;
        padding-right: 0;
        /* margin-top: -4rem; */
    }
    .ae-content h3 {
        font-size: 20px;
        text-align: left;
    }
    div#about-rocky-mountaineer .ae-content.row {
        text-align: left;
    }
    #about-rocky-mountaineer .fancy-ilist li img {
        margin-bottom: 82px;
    }
    #about-rocky-mountaineer>div>div:nth-child(1)>ul>li:nth-child(3) {
        margin-top: -20px;
    }
    img.earn-20k {
        width: 270px;
    }
    #earn .ae-content h3 {
        text-align: center;
    }
    #earn .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
        padding: 70px 20px;
    }
    #redeem .ae-content h3 {
        text-align: center;
    }
    #redeem .ae-content h3:after {
        margin: 0 auto;
        margin-top: 20px;
    }
    #redeem .ae-content img.img-responsive {
        width: 230px !important;
        margin: 0 auto;
        margin-top: 50px;
    }
    #additional-benefits .ae-content h3 {
        text-align: center;
    }
    #additional-benefits>div>p:nth-child(8),
    #additional-benefits>div>p:nth-child(9),
    #additional-benefits>div>p:nth-child(10),
    #additional-benefits>div>p:nth-child(11) {
        width: 100%;
    }
    html[lang^="fr"] .page_nav ul li {
        padding: 5px 30px;
    }
    html[lang^="fr"] #about-rocky-mountaineer .fancy-ilist li img {
        margin-bottom: 97px;
    }
    .frame-box {
        padding-left: 0px;
    }
}


/* SMALL TO MEDIUM DEVICES */

@media only screen and (min-width: 450px) and (max-width: 700px) {
    .page_nav ul li {
        padding: 0px 34px;
    }
    #about-rocky-mountaineer .ae-content h3 {
        text-align: left;
        font-size: 20px;
    }
    div#about-rocky-mountaineer .ae-content.row {
        text-align: left;
    }
    #about-rocky-mountaineer .fancy-ilist li img {
        margin-bottom: 25px;
    }
    #earn .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
        padding: 70px 25px;
    }
    #earn .ae-content h3 {
        font-size: 20px;
    }
    #redeem .ae-content.row {
        padding-top: 24em;
        padding-bottom: 6em;
    }
    #redeem .ae-content h3:after {
        margin: 0 auto;
        margin-top: 20px;
    }
    #redeem .ae-content img.img-responsive {
        width: 250px !important;
        margin: 0 auto;
        margin-top: 50px;
    }
    #additional-benefits>div>p:nth-child(8),
    #additional-benefits>div>p:nth-child(9),
    #additional-benefits>div>p:nth-child(10),
    #additional-benefits>div>p:nth-child(11) {
        width: 100%;
    }
    #rocky-mountaineer>div:nth-child(2)>div {
        padding-left: 0;
        padding-right: 0;
    }
    html[lang^="fr"] .page_nav ul li {
        padding: 0px 15px;
    }
    .frame-box {
        padding-left: 0px;
    }
}


/* SMALL DEVICE PORTRAIT */

@media only screen and (min-width: 700px) and (max-width: 768px) {
    .page_nav ul li {
        padding: 0px 37px;
    }
    #rocky-mountaineer>div:nth-child(2)>div {
        padding-left: 0;
        padding-right: 0;
    }
    #about-rocky-mountaineer .ae-content h3 {
        font-size: 20px;
    }
    div#about-rocky-mountaineer .ae-content.row {
        text-align: left;
    }
    #about-rocky-mountaineer .fancy-ilist li img {
        margin-bottom: 15px;
    }
    #earn .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
        padding: 70px 30px;
    }
    #earn .ae-content h3 {
        font-size: 20px;
    }
    #redeem .ae-content.row {
        /* padding-top: 24em; */
        padding-bottom: 50px;
    }
    #redeem .ae-content h3 {
        font-size: 20px;
    }
    #redeem .ae-content h3:after {
        margin: 0 auto;
        margin-top: 20px;
    }
    #redeem .ae-content img.img-responsive {
        width: 290px !important;
        margin: 0 auto;
        margin-top: 50px;
        float: revert;
    }
    #additional-benefits>div>p:nth-child(8),
    #additional-benefits>div>p:nth-child(9),
    #additional-benefits>div>p:nth-child(10),
    #additional-benefits>div>p:nth-child(11) {
        width: 100%;
    }
    html[lang^="fr"] .page_nav ul li {
        padding: 0px 20px;
    }
    html[lang^="fr"] #about-rocky-mountaineer .fancy-ilist li img {
        margin-bottom: 25px;
    }
    .frame-box {
        padding-left: 0px;
    }
}


/* MEDIUM DEVICE PORTRAIT */

@media only screen and (min-width: 768px) and (max-width: 840px) {
    .page_nav ul li {
        padding: 0px 29px;
    }
    #rocky-mountaineer>div:nth-child(2)>div {
        padding-left: 0;
        padding-right: 0;
    }
    #earn .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
        padding: 70px 30px;
    }
    #redeem .ae-content img.img-responsive {
        margin: 0 auto;
    }
    #redeem .ae-content.row {
        padding-bottom: 0px;
    }
    #additional-benefits>div>p:nth-child(8),
    #additional-benefits>div>p:nth-child(9),
    #additional-benefits>div>p:nth-child(10),
    #additional-benefits>div>p:nth-child(11) {
        width: 100%;
    }
    html[lang^="fr"] .page_nav ul li {
        padding: 0px 23px;
    }
    .frame-box {
        padding-left: 0px;
    }
}


/* MEDIUM TO LARGE DEVICE PORTRAIT */

@media only screen and (min-width: 840px) and (max-width: 920px) {
    .page_nav ul li {
        padding: 0px 45px;
    }
    #rocky-mountaineer>div:nth-child(2)>div {
        padding-left: 0;
        padding-right: 0;
    }
    #earn .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
        padding: 70px 30px;
    }
    #redeem .ae-content img.img-responsive {
        width: 250px !important;
        margin: 0 auto;
    }
    #additional-benefits>div>p:nth-child(8),
    #additional-benefits>div>p:nth-child(9),
    #additional-benefits>div>p:nth-child(10),
    #additional-benefits>div>p:nth-child(11) {
        width: 100%;
    }
    html[lang^="fr"] .page_nav ul li {
        padding: 0px 33px;
    }
    .frame-box {
        padding-left: 0px;
    }
}


/* TABLET DEVICES */

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .page_nav ul li {
        padding: 0px 69px;
    }
    #about-rocky-mountaineer .fancy-ilist li img {
        margin-bottom: 50px;
    }
    #earn .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
        padding: 70px 100px;
    }
    #redeem .ae-content img.img-responsive {
        margin-left: 60px;
    }
    #additional-benefits>div>p:nth-child(8),
    #additional-benefits>div>p:nth-child(9),
    #additional-benefits>div>p:nth-child(10),
    #additional-benefits>div>p:nth-child(11) {
        width: 100%;
    }
    html[lang^="fr"] .page_nav ul li {
        padding: 0px 49px;
    }
}


/* for contest callout  */

.callout {
    display: flex;
    align-items: center;
    justify-content: center;
}

.callout img {
    float: left;
    width: 80px !important;
}

.callout span {
    padding-left: 20px;
    display: block;
}


/* new callout design*/

#rocky-mountaineer #top .white-panel {
    display: flex;
    text-align: left;
    gap: 32px;
    padding: 30px 30px 0px 45px;
}

#rocky-mountaineer #top .white-panel div:nth-child(1) {
    display: none;
}

#rocky-mountaineer #top .white-panel img {
    width: 100%;
    max-width: 80px;
    height: 100%;
    max-height: 80px;
    margin: auto;
    margin-top: -10px;
}

#rocky-mountaineer #top .white-panel div p:nth-child(2) {
    font-size: 14px;
    font-weight: 700;
    color: #D8292F;
    display: inline-block;
    margin-bottom: 10px;
}

#rocky-mountaineer #top .white-panel div:nth-child(3) p {
    text-align: left !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

span.pill {
    color: white;
    background: #D8292F;
    padding: 2px 10px;
    border-radius: 11.5px;
    font-size: 14px;
    font-weight: 700;
    margin-right: 7px;
}

#rocky-mountaineer #top .white-panel div:nth-child(3) strong {
    font-weight: 700;
}

@media screen and (max-width: 767px) {
    #rocky-mountaineer #top .white-panel div:nth-child(1) {
        display: flex;
        justify-content: space-evenly;
        align-items: baseline;
    }
    #rocky-mountaineer #top .white-panel div:nth-child(3) p:nth-child(2) {
        display: none;
    }
    #rocky-mountaineer #top .white-panel {
        flex-direction: column;
        text-align: center;
        gap: 0px;
        padding: 30px 30px 0px 30px;
    }
    #rocky-mountaineer #top .white-panel div:nth-child(3) p {
        text-align: center !important;
    }
    #rocky-mountaineer #top .white-panel img {
        margin: -40px auto;
    }
    #earn .ae-content h3:after {
        margin: 20px auto;
    }
    #earn {
        padding-bottom: 40px;
    }
    #redeem .ae-content img.img-responsive {
        float: none;
    }
    #rocky-mountaineer #top .white-panel div:nth-child(3) .pill {
        display: none;
    }
    .dropbtn img {
        display: block;
        margin: 10px auto;
    }
    #about-rocky-mountaineer .fancy-ilist {
        margin: 40px 0px;
    }
    #about-rocky-mountaineer .ae-content div:nth-child(4) .fancy-ilist {
        margin-top: 0px;
    }
    #about-rocky-mountaineer .ae-content div:nth-child(3) .fancy-ilist {
        margin-bottom: 0px;
    }
    #about-rocky-mountaineer .ae-content div:nth-child(3) .fancy-ilist li:nth-child(3) {
        margin-bottom: 0px;
    }
    div#about-rocky-mountaineer .ae-content.row {
        margin-bottom: 4rem;
    }
    .frame-box {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }
    .frame-box iframe {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }
    .white-panel:nth-of-type(2),
    .white-panel:nth-of-type(5) {
        margin: 30px auto;
    }
    .page_nav ul {
        padding: 0px;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #about-rocky-mountaineer .fancy-ilist {
        margin: 0px 0px 40px 0px;
    }
    #about-rocky-mountaineer .ae-content div:nth-child(4) .fancy-ilist {
        margin-top: 0px;
    }
    #about-rocky-mountaineer .ae-content div:nth-child(3) .fancy-ilist {
        margin-bottom: 0px;
    }
    #about-rocky-mountaineer .ae-content div:nth-child(3) .fancy-ilist li:nth-child(3) {
        margin-bottom: 0px;
    }
    .ae-header .ae-content {
        padding: 4em 2em 0px 2em;
    }
    div#earn,
    #redeem {
        text-align: center;
    }
    #redeem .pill-btn {
        margin-bottom: 32px;
    }
    #earn img {
        max-width: 350px;
        width: 100%;
        margin: auto auto 30px auto;
    }
}


/** psse2e bug**/

section#starbuks {
    display: none !important;
}

#earn h3:after {
    margin: 20px auto;
}