*, *::before, *::after {
    box-sizing: inherit;
}

.mt-2, .my-2 {
    margin-top: 0px !important;
}

.rec-tabs {
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;              
}

.rec-tabs .rec--tab-component {
    /* margin-top: 2rem; */
    margin-bottom: -3rem;
    z-index: 999;
    /* width: 1357px; */
}

.rec-tabs .rec--tab-component {
    border-radius: 8px;
    padding-top: 36px;
    padding-bottom: 48px;
    margin-bottom: 11px;
    /* margin-top: 128px; */
}

.rec-tabs .rec--tab-component {
    -webkit-box-shadow: 0 2px 10px 0 rgb(0 40 80 / 7%);
    box-shadow: 0 2px 10px 0 rgb(0 40 80 / 7%);
    background-color: #fff;
    padding: 1rem;
}

.nav-tabs {    
    border-bottom: 1px solid #fff;
}

.nav-tabs .nav-link.active {
    border-bottom: solid 2px #ed0722;
    color: #333 !important;   
    border-top: none;
    border-left: none;
    border-right: none;            
}

.nav-tabs .nav-link{       
    font-family: 'Scotia', sans-serif;
    font-weight: 400;
    color: #757575;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 6px;
    text-decoration: none;
    border-top: none;
    border-left: none;
    border-right: none;   
    border-bottom: none;           
}
      
.card--marketing .callout.dark-bg {
    color: #fff;
}

.card--marketing .callout.dark-grey {
    background-color: #333;
}

.card--marketing .callout {
    position: absolute;
    top: -12px;
    left: 38px;
    font-family: "Scotiabank-Bold",Arial,sans-serif;
    font-size: 12px;
    height: 24px;
    text-transform: uppercase;
    border-radius: 6px;
    padding: 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.sc-flex-nowrap {
    flex-wrap: wrap !important;
}

.p-30 {
    height: 8rem;
    padding: 1.875rem;
}

.more {
    padding: 18px 24px;
}

.standalone-link {
    color: #007EAB;
    bottom: 15px;
    bottom: 15px;
    position: absolute;
}

.headline-small {
    font-size: 1.3rem !important;
    padding: 0.5rem 0rem;
    margin-top: 14px;
}

.pb-48 {
    padding: 0 1.5rem !important;
}

.image-card-icon img {
    padding: 12px 0 0 25px;
}

.target-principal {
    padding-top: 2rem !important;
}

.fas {
    margin-left: 10px !important;
}

.standalone-link {
    font-weight: 700;
    bottom: 15px;
    position: absolute;
}

.badge {
    display: inline-block;
    padding: 0.5em;
    margin-left: 16px;
    font-size: 95%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
} 

.bg-secondary {
    color: #fff;
    background-color: #7849B8;
}

.card_horizontal {
    height: 10.3rem;
}

.subtitle-1 {
    padding-top: 13px !important;
}

.rec--tab-component {
    min-height: 38rem;
}

.row-top {
    margin-top: 48px;
}

.text-title {
    font-size: 32px !important;
}

@media (max-width: 392px) {
    .img-card1 {
        width: 100% !important;
    }

    .savings-account-text {
        max-width: 100%;
        padding-right: 20px;
        padding-left: 20px;
    }

    .headline-small-cero {
        font-size: 1.1rem !important;
        padding: 0.5rem 0;
        margin-top: -29px;
    }

    .mt{
        margin-top: -30px;  
    }

    .marketing-card {
        padding: 7px 15px;
    }
    
    .p-bottom{
        margin-bottom: 18px;
    }

    .canvas-tab-header .canvas-tab-header-link {
        font-family: 'Scotia', sans-serif;
        font-weight: 400;
        color: #757575;
        cursor: pointer;
        display: block;
        font-size: 11px !important;
        padding: 6px;
        text-decoration: none;
    }

    .mb-xs-24 {
        margin-bottom: 1.5rem;
        margin-top: -27px;
    }

    .headline-small-1 {
        font-size: 1.3rem !important;
        padding: 0.5rem 1.5rem;
        margin-top: -5px;
        font-weight: bold;
        line-height: 30px;
    }
    .body-2 {
        font-size: 1rem;
        line-height: 24px;
        margin-top: 1px;
    }
    
    .h3m{
        margin-left: -25px;
    }
}

@media (min-width: 393px) and (max-width: 599px) {
    .marketing-card {
        padding: 10px 15px !important;
    }
    .rec-tabs {
        top: 0px;
    }

    .mt-2 {
        max-width: 100%;
    }

    .mt-2, .my-2 {
        margin: 1px 0 0 0 !important;
    }

    .rec-tabs .rec--tab-component {
        padding: 0.3rem;
    }
    
    .canvas-tab-header-item {
        overflow-x: scroll;
    }   

    .badge {
        margin-top: 8px;
    }
    

    .img-card1{
        width: 50%;
    }
   
    .savings-account-text {
        max-width: 50%;
        float: right;
        margin-top: -188px;       
        padding-right: 9px;
        padding-left: 11px;
    }

    .rec-tabs .rec--tab-component {
        margin-top: -2rem; 
        margin-bottom: -3rem;
        z-index: 999;
        width: 368px;
    }

    .canvas-tab-header .canvas-tab-header-link {
        font-family: 'Scotia', sans-serif;
        font-weight: 400;
        color: #757575;
        cursor: pointer;
        display: block;
        font-size: 12px !important;
        padding: 6px;
        text-decoration: none;
    }

    h3 {
        font-size: 20px;
        font-weight: 600;
        margin-left: 1.5rem !important;
    }

    .img-card1 {
        width: 100%;
    }

    .savings-account-text {
        max-width: 100%;
        /* float: right; */
        margin-top: -5px;
        padding-right: 2px;
        padding-left: 4px;
    }

    .pyt {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .h3-1 {
        font-size: 20px;
        font-weight: 600;
        margin-left: 0.1rem !important;
    }
    
    .headline-small {
        font-size: 1.3rem !important;
        padding: 0rem 0rem;
        margin-top: 14px;
    }

    .py-30 {
        padding-top: 0.875rem !important;
        padding-bottom: 1.875rem;
    }

    .canvas-row {
        width: calc(100% + 34px);
        margin: 40px -17px;
    }
    .headline-small-1 {
        font-size: 1.3rem !important;
        padding: 0rem 0rem;
        margin-top: 3px;
    }
    .canvas-content {
        width: calc(100% - 100px);
        max-width: 1200px;
        padding: 0 36px !important;
        margin: 27px !important;
     }    
   
}


@media (min-width: 600px) and (max-width: 990px) {
    .rec-tabs {
        top: -36px;
        /* max-width: 100%; */
        margin-left: 3%;
        margin-right: 3%;
    }

    .mt-2 {
        max-width: 100%;
    }

    .mt-2, .my-2 {
        margin: 1px 0 0 0 !important;
    }

    .scotia-box-float {
        display: flex !important;
    }

    /*.marketing-card {
        padding: 10px 20px 10px 13px;
    }*/
    .marketing-card {
        padding: 7px 15px;
    }

    .py-30 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .px-30 {
        padding-left: 0;
        padding-right: 0;
    }

    .credit-card {
        float: right;
    }

    .image-card-icon {
        height: 17rem;
    }
    .image-card-icon img {
        padding: 23px 0 0 25px !important;
    }   

    .image-credit-card {
        height: 20rem;
    }

    .podcast-img-card {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .w-50 {
        min-width: 9rem !important;
    }

    .py-30 {
        padding-top: 0.8rem !important;
        padding-bottom: 0.2rem !important;
    }

    .px-30 {
        padding-left: 0.8rem !important;
        padding-right: 0.8rem !important;
    }

    .body-target {
        padding-bottom: 12px;
    }
    
    .mb-78 {
        margin-bottom: 0.5rem !important;
    }

    .badge {
        margin-top: 11px;
    }

    .rec-tabs .rec--tab-component {
        max-width: 67rem !important;
    }
   
    /*.copy-title-cero {
        padding-left: 106px;
        /*margin-bottom: 53px;
    }*/

    element.style {
        padding-bottom: 10px;
        padding-left: 23px;
    }
    .body-2{
        padding-bottom: 10px;
        padding-left: 23px;         
        line-height: 24px !important;
        font-size: 1.3rem !important;
    }
    
    .standalone-link1 {
        padding-left: 0px;
        bottom: 15px;
        position: absolute;
    }
    .class-h3{
        margin-top: 35px;
        margin-bottom: 12px;
    }
    .class-p {
        margin: 1px 9px 21px 0px;
    }

    .h5 {
        font-size: 14px;
        margin-top: -2px !important;
        margin: 5px 0;
    }
    /*.body-2 {
        font-size: 20px;
        line-height: 24px;
    }*/   
    .body-3 {
        padding-bottom: 56px !important ;
        padding-left: 0px !important ;
        line-height: 24px !important;
        font-size: 1.3rem !important;
    }

    .h3-l {       
        margin-left: 1.5rem !important;
    }

    .rec-tabs .rec--tab-component {
        border-radius: 8px;
        padding-top: 36px;
        padding-bottom: 48px;
        margin-bottom: -89px;       
        margin-left: 3%;
        margin-right: 3%;
    
        /* margin-top: 128px; */
    }
    .canvas-tab-header .canvas-tab-header-link {        
        font-size: 18px !important;        
    }
    .wh{
        width: 495px;
    }
    .savings-account-text {
        width: 62%;
        margin-left: 6px;
        margin-top: 16px;
        margin-bottom: 0px;
        /* padding-top: 44px; */
        /* padding-bottom: 72px; */
        /* padding-right: 2px; */
        padding-left: 4px;
    }
    /*.savings-account-text {
        width: 62%;
        margin-left: 248px;
        margin-top: -248px;
        margin-bottom: -9px;
        /* padding-top: 44px; 
        padding-bottom: 72px;
        padding-right: 2px;
        padding-left: 106px;
    }*/
}

@media (min-width: 991px) and (max-width: 1199px) {
    .row-tabs {
        display: flex;
    }

    .mt-2 {
        max-width: 100%;
    }

    .mt-2, .my-2 {
        margin: 0 !important;
    }  

    .credit-card {
        float: right;
        margin-top: -384px;
    }

    .alliance {
        margin-top: -384px;
        margin-left: 33.5%;
    }

    .open-cero {
        height: 164px;
    }

    .credit-card > .scotia-box-float, .alliance > .scotia-box-float{
        height: 217px;
    }

    .savings-account {
        float: right;
        margin-top: -163px;
    }

    .image-card, .image-card > .m-auto {
        height: 220px;
    }

    .image-credit-card {
        height: 14rem !important;
    }
  
    .savings-account-text {
        padding-top: 0.875rem !important;
        padding-bottom: 0.875rem !important;
    } 

    .tips-advice {
        padding-top: 0.875rem !important;
        padding-bottom: 0.875rem !important;
        padding-left: 0.875rem !important;
        padding-right: 0.875rem !important;
    }

    .mb-78 {
        margin-bottom: 1.875rem !important;
    }

    .podcast {
        float: right;
    }

    .financial-glossary, .podcast {
        margin-top: 1rem;
    }

    .m-auto {
        margin: 0 !important;
    }
    .sc-align-items-center {
        padding-left: 1rem !important;
    }
    .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: -39px !important;
        margin-bottom: -86px !important;
        z-index: 1 !important;
    }
    .rec-tabs .rec--tab-component {
        width: 67rem !important;
        padding: 1rem 0;
        border-radius: 8px;
        padding-top: 10px;
        padding-bottom: 48px;
        margin-bottom: -44px;
        margin-left: 0%;
        margin-right: 9%;
        margin-top: -39px;
        min-height: 672px;        
        max-width: 988px;
    }
   
    .row-top {
        margin-top: 38px;
    }    
    
    .rec-tabs {
        top: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
    }

    .alliance {
        margin-top: -460px;
        margin-left: 33.5%;
    }

    .credit-card {
        float: right;
        margin-top: -460px;
    }

    .savings-account {
        float: right;
        margin-top: -218px;       
    }

    .target-principal {
        padding-top: 1rem !important;
        height: 200px;
    }

    .copy-title-cero {
        font-size: 1rem;
        line-height: 24px;
        margin-top: -7px;
    }

    .more {
        padding: 18px 24px;
    }

    .ht{
        height: 178px !important;
    }   
    .headline-small-2 {
        padding: 0.5rem -0.5rem !important;
        margin-top: -5px;
        font-weight: bold;
        line-height: 30px;
    }
    .headline-small-1 {      
        padding: 0.5rem 1.5rem;
        margin-top: -5px;
        font-weight: bold;
        line-height: 30px;
    }
    .copy-title-cero {        
        line-height: 24px;
        margin-top: -4px;
    }
    .img1{
        width: 643px;
    }
    
    
}

@media (min-width: 1200px) and (max-width: 2559px) {
    .row-tabs {
        display: flex;
    }

    .rec-tabs {
        top: 77px;
    }    

    .mt-2 {
        width: 1174px;
        margin-top: 2.5rem !important;

    }

    .credit-card {
        float: right;
        margin-top: -470px;
    }

    .alliance {
        margin-top: -470px;
        margin-left: 33.5%;
    }

    .open-cero {
        height: 164px;
    }

    .credit-card > .scotia-box-float, .alliance > .scotia-box-float{
        height: 217px;
    }

    .savings-account {
        float: right;
        margin-top: -217px;
    }

    .image-card, .image-card > .m-auto {
        height: 15rem  !important;
    }

    .image-credit-card {
        height: 14rem !important;
    }

    .savings-account-text {
        padding-top: 0.2rem !important;
        padding-bottom: 0.1rem !important;
        padding-left: 0.9rem !important;
        padding-right: 0 !important;
    }

    .headline-small {
        font-size: 1.1rem !important;
        
    }

    .tips-advice {
        padding-top: 0.875rem !important;
        padding-bottom: 0.875rem !important;
        padding-left: 0.875rem !important;
        padding-right: 0.875rem !important;
    }

    .mb-78 {
        margin-bottom: 1.875rem !important;
    }

    .more {
        padding: 18px 24px;
    }

    .podcast {
        float: right;
    }

    .financial-glossary, .podcast {
        margin-top: 1rem;
    }

    .m-auto {
        margin: 0 !important;
    }

    .rec-tabs .rec--tab-component {
        min-height: 670px;
        margin-bottom: -30px;
        /*width: 74rem !important;*/
    }
    .scotia-light-bg-ht{
        height:183px;
    }
    .scotia-light-bg-h{
        height:183px;
    }
    .mg-s{
        margin-top: 15px;
    }
    .body-1{
        margin-left: 4px;
        font-size: 1em;
    }
    .copy-title-cero{
        margin-left: 1.5rem;
        line-height: 24px;
        margin-top: 16px;
    }
    .body-11{
        font-size: 1.125rem;
        line-height: 27px;
        margin-left: 0px;
        max-width: 300px;
    }

    .savings-account {
        float: right;
        margin-top: -175px;
    }

    .alliance {
        margin-top: -425px;
        margin-left: 33.5%;
    }

    .credit-card {
        float: right;
        margin-top: -424px;
    }

    .canvas-row {
        width: calc(100% + 34px);
        margin: 65px -17px;
    }
    .h3-l {       
        margin-left: 1.5rem !important;
    }
    .canvas-row {
        width: calc(100% + 34px);
        margin: 54px -17px !important;
    }
}

@media (min-width: 2560px) {
    .rec--tab-component {
        width: 69rem;
    }
    
    .row-tabs {
        display: flex;
    }

    .rec-tabs {
        top: 50px;
    }

    .credit-card {
        float: right; 
        margin-top: -377px;  
    }

    .alliance {
        margin-top: -377px;
        margin-left: 22.5rem;
    }

    .credit-card > .scotia-box-float, .alliance > .scotia-box-float{
        height: 200px;
    }

    .savings-account {
        float: right;
        margin-top: -161px;
    }

    .image-card, .image-card > .m-auto {
        height: 220px;
    }

    .image-credit-card {
        height: 14rem;
    }
    
    .savings-account-text {
        padding-top: 0.875rem !important;
        padding-bottom: 0.875rem !important;
    }
    
    .podcast {
        float: right;
    }

    .financial-glossary, .podcast {
        margin-top: 1rem;
    }

    .m-auto {
        margin: 0 !important;
    }
}