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;
}

/** 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;
} **/

/** MOBILE STYLES **/

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

@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;}
        
}



@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;
    }
   
}

@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;}
    
}

/* TESTING STYLES */

.tab-box{border-top: 6px solid #FFBF27;}
ul.nav-tabs li.active a{ color: #1a2c80!important;}
ul.nav-tabs li a{ color: #FFBF27;}
.vertical-tab .nav-tabs li.active{background-color: #ffffff;}
.tab-pane.active{display:block!important;}
.list-disc{list-style-type:disc!important;}
.tab-title{font-size:1.9rem!important;} 
.swa-landing-page-content-detail .nav-pills{}
@media (max-width: 576px) {}
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (max-width: 992px) { 
 .swa-landing-page-content-detail h2{font-size:1.3rem!important;} 
}
@media (min-width: 992px) {
.tab-title{font-size:2.5rem!important;}
 .swa-landing-page-content-detail h2{font-size:1.4rem!important;} 
}
@media (min-width: 1200px) {
 .swa-landing-page-content-detail h2{font-size:1.9rem!important;} 
}

/* END TESTING STYLES */






.vertical-tab {

    display: table;

}

.vertical-tab .nav-tabs {

    display: table-cell;

    width: 33%;

    min-width: 33%;

    vertical-align: top;

    border: none;

    background-color: #1a2c80;
    
    color: #ffffff;

}

.vertical-tab .nav-tabs li {

    float: none;

    vertical-align: top;

    width: 100%;

    padding: 20px 0px;

    border-bottom: 1px solid #ffffff;

}

.vertical-tab .nav-tabs li a {

    color: #222;

    font-size: 18px;

    font-weight: 700;

    text-align: center;

    text-transform: uppercase;

    margin: 0;

    border-radius: 0;

    border: none;

    overflow: hidden;

    position: relative;

    z-index: 1;

    transition: all 0.3s ease;
    
    width: 100%;

    padding-left: 20px;

} 

.vertical-tab .nav-tabs li:last-child a {
    margin-bottom: 0;
}



.vertical-tab .nav-tabs li.active a{

    color: #222;

    background-color: #ffffff;

    border: none;

    width: 100%;

    text-align: left;

}

.vertical-tab .nav-tabs li a:before,

.vertical-tab .nav-tabs li a:after {


}

.vertical-tab .nav-tabs li a:hover:before,

.vertical-tab .nav-tabs li.active a:before,

.vertical-tab .nav-tabs li.active a:hover:before {

    width: 50%;

    opacity: 0;

}

.vertical-tab .nav-tabs li a:after {

    

}

.vertical-tab .nav-tabs li a:hover:after,

.vertical-tab .nav-tabs li.active a:after,

.vertical-tab .nav-tabs li.active a:hover:after {

  

}

.vertical-tab .tab-content {

    color: #222;

    background: #fff;

    font-size: 15px;

    letter-spacing: 0.5px;

    line-height: 25px;

    padding: 20px 20px 10px;

    margin-top: 10px;

    display: table-cell;

    position: relative;

}

.vertical-tab .tab-content h3 {

    color: #222;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1px;

    margin: 0 0 7px 0;

}

@media only screen and (max-width: 479px) {

    .vertical-tab .nav-tabs {

        width: 100%;

        display: block;

        border: none;

    }

    .vertical-tab .tab-content {

        padding: 25px 20px;

        margin-top: 0;

        display: block;

    }

    .vertical-tab .tab-content h3 {
        font-size: 18px;
    }

}