.compare-rate-savings-table {
    padding: 0;
    border: 1px solid rgba(0, 0, 0, .4);
    border-radius: 10px;
    margin-bottom:20px;
    display: flex;
    background:#fff;
    justify-content: center;
}
.compare-rate.thankyou .compare-rate-savings-table {
    border-color:#ffba00;
}
.compare-rate h2 {
	font-size: 25px;
	font-weight: 400;
	margin-bottom: 15px;
	line-height: 36px;
}
.compare-rate-small-header .compare-rate h2 {
	font-size: 18px;
	font-weight: 600;
    margin-bottom: 36px;
    line-height: 1.5;
}
.compare-rate.importer h2,
.compare-rate.importer h2 b,
.compare-rate.importer h2 strong {
    font-size:18px;
    font-weight:500;
    line-height:1.4;
}
.compare-rate-savings-table .compare-rate-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    list-style: none;
    padding:0 0 0 20px;
    margin: 0;
}
.compare-rate-savings-table .compare-rate-list .compare-rate-item.header > div {
    padding-top:20px;
}
.compare-rate-savings-table .compare-rate-item:last-child > div {
    padding-bottom:20px;
}
.compare-rate-savings-table .compare-rate-item {
    display: flex;
    align-items: stretch;
    word-break: normal;
    word-wrap: normal;
    margin:0;
    padding:0;
}
.compare-rate-savings-table .compare-rate-item .bank,
.compare-rate-savings-table .compare-rate-item .source,
.compare-rate-savings-table .compare-rate-item .markup {
    border-bottom: 1px solid rgba(53, 62, 105, .2);
}
.compare-rate-savings-table.banks-column4 .compare-rate-item:last-child .markup,
.compare-rate-savings-table.banks-column5 .compare-rate-item:last-child .markup {
    border-bottom:0
}
.compare-rate-savings-table .compare-rate-item.header .bank,
.compare-rate-savings-table .compare-rate-item.header .source,
.compare-rate-savings-table .compare-rate-item.header .cad-saved,
.compare-rate-savings-table .compare-rate-item .markup {
    font-size:16px;
}
.compare-rate.homepage.french .compare-rate-savings-table .compare-rate-item.header .bank,
.compare-rate.homepage.french .compare-rate-savings-table .compare-rate-item.header .source,
.compare-rate.homepage.french .compare-rate-savings-table .compare-rate-item.header .cad-saved {
    font-size:12px;
}
.compare-rate-savings-table .compare-rate-item.header .bank,
.compare-rate-savings-table .compare-rate-item.header .source,
.compare-rate-savings-table .compare-rate-item.header .markup,
.compare-rate-savings-table .compare-rate-item:last-child .bank,
.compare-rate-savings-table .compare-rate-item:last-child .source {
    border-bottom: 0;
}
.compare-rate-savings-table .compare-rate-item > div {
    flex: 1;
    padding: 7px 24px 7px 0;
    font-size:16px;
}
.compare-rate-savings-table .compare-rate-item .bank {
    flex: 60%;
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
}
.compare-rate.homepage.french .compare-rate-savings-table .compare-rate-item .bank {
    flex: 55%;
}
.compare-rate-savings-table .compare-rate-item .source,
.compare-rate-savings-table .compare-rate-item .markup {
    flex: 17%;
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
}
.compare-rate.homepage.french .compare-rate-savings-table .compare-rate-item .source {
    flex: 22%;
    padding-right:10px
}
.compare-rate-savings-table .compare-rate-item .cad-saved {
    flex: 23%;
    text-align: center;
    background: #353e69;
    color:#FFF;
    font-size: 30px;
    font-weight: 600;
    padding:7px 12px;
    border:0;
    margin-bottom:-1px;
}

.compare-rate.thankyou .compare-rate-savings-table .compare-rate-item .cad-saved {
    background-color:#ffba00;
    color:#000;
}
.compare-rate-savings-table .compare-rate-item .source a {
    text-decoration: none;
    color: #000;
}
.compare-rate-savings-table .compare-rate-item .source a:hover {
    text-decoration: underline;
}
.compare-rate-savings-table .compare-rate-item.header .cad-saved {
    border-top-right-radius:10px;
    font-weight:600;
}
.compare-rate-savings-table .compare-rate-item:last-child .cad-saved {
    border-bottom-right-radius:10px;
}

.compare-rate.importer .compare-rate-item .bank-icon,
.compare-rate.thankyou .compare-rate-item .bank-icon {
    border: 1px solid #000;
    width: 28px;
    height: 28px;
    border-radius: 50%;
}
.compare-rate .compare-rate-item .bank-icon {display:none}
.compare-rate.importer .compare-rate-item .bank-icon,
.compare-rate.thankyou .compare-rate-item .bank-icon {
    display:block;
}
.compare-rate.importer .compare-rate-item .bank,
.compare-rate.thankyou .compare-rate-item .bank {display:flex;gap:10px;padding-top:5px;padding-bottom:5px;}
.compare-rate.importer .compare-rate-item .bank-icon.scotia,
.compare-rate.thankyou .compare-rate-item .bank-icon.scotia {background-color:#fe000b;border-color:#fe000b;}
.compare-rate.importer .compare-rate-item .bank-icon.hsbc,
.compare-rate.thankyou .compare-rate-item .bank-icon.hsbc {background-color:#ffffff;border-color:#000;}
.compare-rate.importer .compare-rate-item .bank-icon.td,
.compare-rate.thankyou .compare-rate-item .bank-icon.td {background-color:#55b949;border-color:#55b949;}
.compare-rate.importer .compare-rate-item .bank-icon.bmo,
.compare-rate.thankyou .compare-rate-item .bank-icon.bmo {background-color:#eb1e22;border-color:#eb1e22;}
.compare-rate.importer .compare-rate-item .bank-icon.cibc,
.compare-rate.thankyou .compare-rate-item .bank-icon.cibc {background-color:#b00b1c;border-color:#b00b1c;}
.compare-rate.importer .compare-rate-item .bank-icon.desjardins,
.compare-rate.thankyou .compare-rate-item .bank-icon.desjardins {background-color:#138a4a;border-color:#138a4a;}

.disclaimer-savings-table {
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.disclaimer-savings-table p {
    margin:0;
}
.disclaimer-savings-table .disclaimer-left {
    font-size: 12px;
}
.disclaimer-savings-table .disclaimer-right {
    font-size:16px;
}

.compare-rate-savings-table.banks-column4 .compare-rate-item:not(.header) .bank {
    font-weight:700
}
.compare-rate-savings-table.banks-column4 .compare-rate-item:not(.header) .bank.fw-400 {
    font-weight:400
}
.compare-rate-savings-table.banks-column4 .compare-rate-item .source, 
.compare-rate-savings-table.banks-column4 .compare-rate-item .cad-saved,
.compare-rate-savings-table.banks-column4 .compare-rate-item .markup,
.compare-rate-savings-table.banks-column4 .compare-rate-item .bank,
.compare-rate-savings-table.banks-column5 .compare-rate-item .source, 
.compare-rate-savings-table.banks-column5 .compare-rate-item .cad-saved,
.compare-rate-savings-table.banks-column5 .compare-rate-item .markup,
.compare-rate-savings-table.banks-column5 .compare-rate-item .bank,
.compare-rate-savings-table.save-column2 .compare-rate-item .cad-saved {
    align-items: flex-start;
    justify-content: start;
}
.compare-rate-savings-table.banks-column4 .compare-rate-item .bank {
    flex: 0 0 20%;
}
.compare-rate-savings-table.banks-column4 .compare-rate-item .source {
    flex: 0 0 43%;
}
.compare-rate-savings-table.banks-column4 .compare-rate-item .cad-saved {
    flex: 0 0 20%;
}
.compare-rate-savings-table.banks-column4 .compare-rate-item .markup {
    flex: 0 0 17%;
}
.compare-rate-savings-table.banks-column3.col-even .compare-rate-item .source, 
.compare-rate-savings-table.banks-column3.col-even .compare-rate-item .cad-saved,
.compare-rate-savings-table.banks-column3.col-even .compare-rate-item .markup,
.compare-rate-savings-table.banks-column3.col-even .compare-rate-item .bank {
    flex: 0 0 33.33%
}
.compare-rate-savings-table.banks-column4.col-even .compare-rate-item .source, 
.compare-rate-savings-table.banks-column4.col-even .compare-rate-item .cad-saved,
.compare-rate-savings-table.banks-column4.col-even .compare-rate-item .markup,
.compare-rate-savings-table.banks-column4.col-even .compare-rate-item .bank {
    flex: 0 0 25%
}

.compare-rate-savings-table.banks-column5 .compare-rate-item .source, 
.compare-rate-savings-table.banks-column5 .compare-rate-item .cad-saved,
.compare-rate-savings-table.banks-column5 .compare-rate-item .markup,
.compare-rate-savings-table.banks-column5 .compare-rate-item .bank {
    flex: 0 0 20%
}
.compare-rate-savings-table.banks-column4 .compare-rate-item .cad-saved,
.compare-rate-savings-table.banks-column5 .compare-rate-item .cad-saved {
    font-size:24px;
}
.compare-rate-savings-table.banks-column4 .compare-rate-item.header .cad-saved {
    font-size:16px;
    font-weight:300;
}
.compare-rate-savings-table.banks-column4 .compare-rate-item .cad-saved b,
.compare-rate-savings-table.banks-column4 .compare-rate-item .cad-saved strong {
    font-weight:700;
}
.compare-rate-savings-table.save-column2 .compare-rate-item .cad-saved {
    font-weight:300;
    font-size:16px;
    text-align: left;
}
.compare-rate-savings-table.save-column2 .compare-rate-item.header .bank,
.compare-rate-savings-table.save-column2 .compare-rate-item .cad-saved.header,
.compare-rate-savings-table.save-column2 .compare-rate-item.header .bank b,
.compare-rate-savings-table.save-column2 .compare-rate-item.header .bank strong,
.compare-rate-savings-table.save-column2 .compare-rate-item.header .cad-saved b,
.compare-rate-savings-table.save-column2 .compare-rate-item.header .cad-saved strong {
    font-weight:700
}
.compare-rate-savings-table.save-column2 .compare-rate-item:not(.header) .cad-saved {
    display:flex;
    align-items: center
}
.compare-rate-savings-table.save-column2 .compare-rate-item:not(.header) .cad-saved b,
.compare-rate-savings-table.save-column2 .compare-rate-item:not(.header) .cad-saved strong {
    font-weight:700;
    font-size:24px;
    padding-left:5px
}

@media (min-width:992px) and (max-width:1200px) {
    .compare-rate-savings-table.banks-column4 .compare-rate-item > div {
        font-size:12px;
    }
    .compare-rate-savings-table.banks-column4 .compare-rate-item.header .bank,
    .compare-rate-savings-table.banks-column4 .compare-rate-item.header .source,
    .compare-rate-savings-table.banks-column4 .compare-rate-item.header .cad-saved,
    .compare-rate-savings-table.banks-column4 .compare-rate-item .markup {
        font-size:14px;
    }
    .compare-rate-savings-table.banks-column4 .compare-rate-item > div {
        padding-right:10px
    }
    .compare-rate-savings-table.save-column2 .compare-rate-item .bank {
        flex: 60%;
    }
    .compare-rate-savings-table.save-column2 .compare-rate-item .cad-saved {
        flex: 30%;
    }
}

@media (max-width:1024px) {
    .compare-rate-savings-table .compare-rate-item .bank {flex: 50%;}
    .compare-rate-savings-table .compare-rate-item .source {flex: 20%;}
    .compare-rate-savings-table .compare-rate-item .cad-saved {flex: 30%;}
}
@media (max-width:991px) {
    .compare-rate {padding:1em 0.5em}
    .compare-rate-header h2 {text-align:center;}
    .compare-rate-savings-table .compare-rate-item .bank {flex: calc(100% - 200px);}
    .compare-rate-savings-table .compare-rate-item .source {flex: 80px;}
    .compare-rate-savings-table .compare-rate-item .cad-saved {flex: 120px;}
    .compare-rate-savings-table .compare-rate-item {align-items: stretch; align-content: stretch;}
    .compare-rate-savings-table .compare-rate-item > div {padding:5px 10px 5px 0;}
    .compare-rate-savings-table .compare-rate-item .source,
    .compare-rate-savings-table .compare-rate-item .bank {
        display: flex;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
    }
    .compare-rate-savings-table .compare-rate-item .source,
    .compare-rate-savings-table .compare-rate-item .cad-saved {
        justify-content: center;
        display: flex;
        align-items: center;
    }

    .compare-rate-savings-table.save-column2 .compare-rate-item.header .cad-saved,
    .compare-rate-savings-table.save-column2 .compare-rate-item.header .cad-saved  b,
    .compare-rate-savings-table.save-column2 .compare-rate-item.header .cad-saved  strong,
    .compare-rate-savings-table.save-column2 .compare-rate-item.header .bank,
    .compare-rate-savings-table.save-column2 .compare-rate-item .bank {
        font-size:16px !important;
        letter-spacing: 0 !important;
    }
    .compare-rate-savings-table.save-column2 .compare-rate-item.header .cad-saved,
    .compare-rate-savings-table.save-column2 .compare-rate-item.header .cad-saved  b,
    .compare-rate-savings-table.save-column2 .compare-rate-item.header .cad-saved  strong,
    .compare-rate-savings-table.save-column2 .compare-rate-item.header .bank {
        font-weight:700 !important;
    }
    .compare-rate-savings-table.banks-column4.col-even .compare-rate-item .cad-saved,
    .compare-rate-savings-table.banks-column5 .compare-rate-item .cad-saved {
        font-size:16px;
    }
}
@media (max-width:767px) {
    .landing-sticky-sidebar .disclaimer-savings-table .disclaimer-left {order:1} 
    .landing-sticky-sidebar .disclaimer-savings-table .disclaimer-right {order:2}
    .landing-sticky-sidebar .disclaimer-savings-table {
        align-items: center;
        flex-direction: column;
        align-content: center;
        text-align: center;
    }
}
@media (max-width:626px) {
    .compare-rate.homepage.french .compare-rate-savings-table .compare-rate-item .bank {
        flex: 50%;
    }
    .compare-rate.homepage.french .compare-rate-savings-table .compare-rate-item .source {
        flex: 27%;
    }
    .compare-rate.homepage.french .compare-rate-savings-table .compare-rate-item.header .bank,
    .compare-rate.homepage.french .compare-rate-savings-table .compare-rate-item.header .source,
    .compare-rate.homepage.french .compare-rate-savings-table .compare-rate-item.header .cad-saved {
        font-size:10px
    }
    .compare-rate-savings-table.banks-column4 .compare-rate-item.header .bank, 
    .compare-rate-savings-table.banks-column4 .compare-rate-item.header .source, 
    .compare-rate-savings-table.banks-column4 .compare-rate-item.header .cad-saved, 
    .compare-rate-savings-table.banks-column4 .compare-rate-item .markup {
        font-size:12px
    }
    .compare-rate-savings-table.banks-column4 .compare-rate-item > div {
        font-size:12px
    }
    .compare-rate-savings-table.banks-column4 .compare-rate-item .bank {
        flex: 0 0 26%;
    }
    .compare-rate-savings-table.banks-column4 .compare-rate-item .source {
        flex: 0 0 30%;
    }
    .compare-rate-savings-table.banks-column4 .compare-rate-item .markup {
        flex: 0 0 18%;
    }
    .compare-rate-savings-table.banks-column4 .compare-rate-item .cad-saved {
        flex: 0 0 26%;
    }
    .compare-rate-savings-table.banks-column4 .compare-rate-item .cad-saved {
        font-size:22px;
    }
    .compare-rate-savings-table.banks-column4.col-even .compare-rate-item .cad-saved,
    .compare-rate-savings-table.banks-column5 .compare-rate-item .cad-saved {
        font-size:16px;
    }

}
@media (max-width:600px) {
    .disclaimer-savings-table {
        align-items: center;
        flex-direction: column;
        align-content: center;
        text-align: center;
    }
    .disclaimer-savings-table .disclaimer-right { order:1}
    .disclaimer-savings-table .disclaimer-left { order:2}
}
@media screen and (max-width: 480px) {
    .compare-rate {padding:1em 0;}
    .compare-rate-savings-table:not(.banks-column4) .compare-rate-item .bank {flex: 37%;letter-spacing:-1px;font-size:14px;}
    .compare-rate-savings-table .compare-rate-item .source {flex: 25%;font-size:14px;}
    .compare-rate-savings-table .compare-rate-item .cad-saved {flex: 38%;font-size:18px;}
    .compare-rate-savings-table .compare-rate-item .source a {text-decoration:underline}
    .compare-rate-savings-table .compare-rate-list {padding-left:10px;}
    .compare-rate-savings-table .compare-rate-item > div {padding: 5px 5px 5px 0;}
    .compare-rate-savings-table .compare-rate-list .compare-rate-item.header > div {padding-top:10px;}

    .compare-rate.importer .compare-rate-savings-table .compare-rate-item .bank,
    .compare-rate.thankyou .compare-rate-savings-table .compare-rate-item .bank {
        flex: calc(100% - 130px);
    }
    .compare-rate.importer .compare-rate-savings-table .compare-rate-item .source,
    .compare-rate.thankyou .compare-rate-savings-table .compare-rate-item .source  {
        flex: 55px;
    }
    .compare-rate.importer .compare-rate-savings-table .compare-rate-item .cad-saved,
    .compare-rate.thankyou .compare-rate-savings-table .compare-rate-item .cad-saved {
        flex: 75px;
    }
    .compare-rate.importer .compare-rate-item .bank-icon,
    .compare-rate.thankyou .compare-rate-item .bank-icon {
        width:24px;
        height:24px;
        min-width:24px;
    }
    .compare-rate.importer .compare-rate-item .cad-saved,
    .compare-rate.thankyou .compare-rate-item .cad-saved,      
    .compare-rate-savings-table.banks-column4.col-even .compare-rate-item .cad-saved,
    .compare-rate-savings-table.banks-column5 .compare-rate-item .cad-saved {
        font-size:16px
    }
    .compare-rate.importer .compare-rate-item .bank,
    .compare-rate.thankyou .compare-rate-item .bank,
    .compare-rate.importer .compare-rate-item .source,
    .compare-rate.thankyou .compare-rate-item .source  {
        font-size:14px;
    }
    .compare-rate-savings-table.save-column2 .compare-rate-item .cad-saved b, 
    .compare-rate-savings-table.save-column2 .compare-rate-item .cad-saved strong {
        font-size:18px
    }
}
@media (max-width:400px) {
    .compare-rate.homepage.french .compare-rate-savings-table .compare-rate-item.header .bank,
    .compare-rate.homepage.french .compare-rate-savings-table .compare-rate-item.header .source,
    .compare-rate.homepage.french .compare-rate-savings-table .compare-rate-item.header .cad-saved {
        line-break: anywhere;
    }
    .compare-rate-savings-table.banks-column4 .compare-rate-item .cad-saved {
        font-size: 16px;
    }  
    .compare-rate-savings-table.banks-column4 .compare-rate-list .compare-rate-item.header > div {
        font-size:11px;
    }    
    .compare-rate-savings-table.banks-column4.col-even .compare-rate-item .cad-saved,
    .compare-rate-savings-table.banks-column5 .compare-rate-item .cad-saved {
        font-size:11px;
    }
}