html, body {
  overflow-x: hidden;
}

.font-16{ font-size:16px!important;}
.font-13{ font-size:13px!important;}

.swa-landing-page-content-detail .fare-chart .nav-link{background:#fff; font-size:12px; border: none;}

.card-title{font-size:1.7rem!important;}
.rr-recognition{padding-top:0px!important;}

.active{display:inline-flex!important;}

.swa-landing-page-content-detail #rr-recognition .white-box {
    margin-bottom: 10%!important;
}

.swa-landing-page-content-detail #rr-benefits{padding-bottom:0px!important;}

.promo-img{display:flex;justify-content: center;}
.badge{padding:.4em .7em;}
.sw-overflow-x-auto{overflow-x:auto;}
.sw-car-link{
    position: absolute;
    top: 70%;
    left: 50%;
    margin: 0 -60px;
}

.red-text {
    color: #d7112a;
}

/** HIDE UNTIL DEMO

.sw-car-link:after {
    content: '\E066';
    display: inline-block;
    font: normal 10px swa-icon;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    padding-left: 5px;
    -webkit-text-stroke: .3px;
    color: #304cb2;
} **/

.rr-promotion-container{
    min-height: 890px;     
    background-color: #BFCDD6;
    margin: -7% 0px 120px 0px;
    border: 32px solid #fff;
}
.rr-promotion-title {
   font-size: 4rem;
   font-weight: normal; 
   color: #111B40;
   margin-top: 35px; 
   line-height: 1.1em;
}
.rr-promotion-body {
    font-size: 2rem;
    padding-top: 2rem;
    color: #111B40;
}

.rr-large-header-text{
   font-size: 4rem;
   font-weight: bold; 
   color: #111B40;
   line-height: 1.1em;
}

#rr-promotions-list h3{
    font-size: 2rem;
}

#rr-promotions-list ul{
   list-style-type: disc;
   margin-left: 10px;
}

#rr-promotions-list li{
  border-top: 1px solid #111B40;  
  padding: 10px; 
  font-size: 2rem;
}

#rr-promotions-list li:last-child{border-bottom: 1px solid #111B40;  }

/** MOBILE STYLES **/

@media (max-width: 425px) {
    
.rr-promotion-body {
    font-size: 1.2rem;    
    }
    
}

@media (min-width: 425px) and (max-width: 768px) {
    .card-title {
       font-size: 1.4rem !important;
    }
    .col.col-mobile{
      width: 20%;
    }


.rr-promotion-body {
    font-size: 1.2rem;    
    }
    
}

@media (max-width: 576px) {
    .swa-landing-page-content-detail h1 {
        font-size: 2.0rem!important;
     }

    .swa-landing-page-content-detail .rr-hero-section p {
    font-size: 1.0rem!important;
    }

    .swa-landing-page-content-detail section:last-child {
        margin-bottom: 0!important;
    }

    .swa-landing-page-content-detail h2{font-size:1.7rem!important;}

     .swa-landing-page-content-detail #rr-recognition {
        padding-top: 0%!important;
    }
    
    #rr-partner-card-pills-tab{gap:0px!important;}

     .img-car-mobile{width:150px;border: 1px solid #fff;}
     .bg-mobile-only{background: linear-gradient(#ffffff, #E3E8F0);
   
     }   

   .rr-promotion-container {
    min-height: auto;
    border: 10px solid #fff;
    margin: -30% 0px 14px 0px;
    }

    .rr-promotion-title {
      font-size: 1.7rem;
   }

   .rr-large-header-text {
       font-size: 2.3rem;
   }

   #rr-promotions-list h3 {
      font-size: 1.5rem;
    }

    #rr-promotions-list ul {    
        margin-right: 20px;
    }

    #rr-promotions-list li {
      font-size: .88rem;
    }

    .swa-landing-page-content-detail .swa-button_primary{
       min-width:100%!important;
    }

        
}


@media (min-width: 576px) and (max-width:768px){
    
    .rr-promotion-container {
        margin: -10% 0px 14px 0px;
    }
   .rr-promotion-title {
      font-size: 2.5rem;
   }
  
   .swa-landing-page-content-detail .swa-button_primary{
       min-width:100%!important;
    }

   #rr-promotions-list li {   
    font-size: 1.5rem;
   }
        
}


@media (min-width: 768px) and (max-width: 991px) {
    .swa-landing-page-content-detail #rr-recognition {
        padding-top: 5%!important;
    }

    .offer-details-link{
        font-size:14px!important;
    }
    
    .rr-promotion-title {
      font-size: 3rem;
   }
    
    .rr-promotion-body {
    font-size: 1.2rem;    
    }

#rr-promotions-list li {   
    font-size: 1.5rem;
   }
   
}

@media (min-width: 992px) and (max-width: 1199px){
    .offer-details-link{
        font-size:12px!important;
    }
    
}

@media (min-width: 992px){
    .border-r{border-right:2px #000 solid!important;}
    
}