@font-face{font-display:swap;font-family:"FontAwesome";src:url("//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");src:url("//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),url("//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),url("//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),url("//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),url("//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");font-weight:normal;font-style:normal}
.recommendation-container{background-color:#f5f6fc;padding-bottom:40px}
.recommendation-container .banner{padding-top:40px;padding-bottom:300px;margin-bottom:-250px}
@media(min-width:768px){.recommendation-container .banner h1{font-size:46px}
.recommendation-container .banner h2{font-size:36px}
.recommendation-container .banner h3{font-size:30px}
.recommendation-container .banner h4{font-size:24px}
.recommendation-container .banner h5,.recommendation-container .banner h6{font-size:20px}
}
@media(max-width:767px){.recommendation-container .banner h1{font-size:40px}
.recommendation-container .banner h2{font-size:35px}
.recommendation-container .banner h3{font-size:30px}
.recommendation-container .banner h4{font-size:24px}
.recommendation-container .banner h5,.recommendation-container .banner h6{font-size:20px}
}
.recommendation-container .banner.dark-grey{background-color:#333}
.recommendation-container .banner.red{background-color:#ec111a}
.recommendation-container .banner.pink{background-color:#f2609e}
.recommendation-container .banner.orange{background-color:#fb6330}
.recommendation-container .banner.purple{background-color:#7849b8}
.recommendation-container .banner.green{background-color:#138468}
.recommendation-container .banner.blue{background-color:#009dd6}
.recommendation-container .banner.white{background-color:#fff}
.recommendation-container .banner.light-grey{background-color:#f6f6f6}
.recommendation-container .banner.bg-gray-darker{background-color:#f5f6fc}
.recommendation-container .banner .product-lead-text{font-size:22px;line-height:1.6;display:inline-block}
.recommendation-container .banner h1,.recommendation-container .banner h2,.recommendation-container .banner h3,.recommendation-container .banner h4,.recommendation-container .banner h5,.recommendation-container .banner h6{font-family:"Scotiabank-Headline","Frutiger-Bold",sans-serif}
.recommendation-container .banner.dark-bg h1,.recommendation-container .banner.dark-bg h2,.recommendation-container .banner.dark-bg h3,.recommendation-container .banner.dark-bg h4,.recommendation-container .banner.dark-bg h5,.recommendation-container .banner.dark-bg h6,.recommendation-container .banner.dark-bg p{color:#fff}
.recommendation-container .banner.dark-bg .recommendation-title button{border-color:#fff;color:#fff;cursor:pointer;white-space:nowrap}
.recommendation-container .banner.dark-bg .recommendation-title button .angle{border-color:#fff}
.recommendation-container .banner.dark-bg ul li{color:#fff}
.recommendation-container .banner.dark-bg ul li a{color:#fff;font-weight:700;text-decoration:underline}
.recommendation-container .banner.dark-bg ul li a:hover{color:#fff;text-decoration:none}
.recommendation-container .banner .recommendation-title{margin-bottom:24px}
.recommendation-container .banner ul{list-style:none;padding:0}
.recommendation-container .banner ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:16px}
.recommendation-container .banner ul li .fas.fa-check{margin-right:16px;margin-top:4px}
.recommendation-container .banner .recommendation-title{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-align:end;-ms-flex-align:end;align-items:flex-end}
.recommendation-container .banner .recommendation-title button{margin-bottom:16px;margin-left:40px;padding:.5rem 1rem;border:2px solid;border-radius:9999px;background-color:transparent;font-weight:bold}
.recommendation-container .banner .recommendation-title button[aria-expanded=true] .angle,.recommendation-container .banner .recommendation-title button[aria-expanded=false] .angle{display:inline-block;width:.75rem;height:.75rem;border-top:2px solid;border-left:2px solid;margin-left:1rem}
.recommendation-container .banner .recommendation-title button[aria-expanded=true] .angle{-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-bottom:-0.25rem}
.recommendation-container .banner .recommendation-title button[aria-expanded=false] .angle{-webkit-transform:rotate(-135deg);transform:rotate(-135deg);margin-bottom:0rem}
@media(max-width:767px){.recommendation-container .banner{padding-bottom:0;margin-bottom:0}
.recommendation-container .banner .recommendation-title{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}
.recommendation-container .banner .recommendation-title button{margin-top:16px;margin-bottom:0;margin-left:0}
}
@media(max-width:767px){.recommendation-container .content-wrapper{padding:12px}
}
.recommendation-container .content-wrapper .content{-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.1);box-shadow:0 2px 10px 0 rgba(0,0,0,.1);padding:0;background-color:#fff}
@media(min-width:992px){.recommendation-container .content-wrapper .content{border:40px solid #fff}
}
@media(min-width:768px)and (max-width:991px){.recommendation-container .content-wrapper .content{border:20px solid #fff}
}
@media(max-width:767px){.recommendation-container .content-wrapper .content{border:12px solid #fff}
}
.recommendation-container .content-wrapper .content .brand3-hero .hero-container .contentContainer .container .description{font-size:1.1875rem;font-weight:400}
.recommendation-container .content-wrapper .content .brand3-hero .hero-container .contentContainer .container .description b{font-weight:700}