header .logo {
    cursor: pointer
}
body {
    overflow-x: hidden;
    width: 100vw;
}
.carousel-item .overline:before {
    background: var(--dark-blue);
    display: none
}

.r-0 {
    border-radius: 0
}

.bg-light-blue {
    background: var(--lt-blue)
}

.b-radius-banner {
    border-radius: 150px 0 0 0;
    overflow: hidden;
    display: flow-root;
}

a.link-arrow {
    margin-bottom: 15px;
    display: inline-block;
    margin-top: 5px
}

.ar-16-9 {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.card-wrapper p {
    margin-bottom: 0;
    color:#ddd
}
.fw-bg.card-wrapper p {
    color: #fff !important
}
    .prefooter .card-wrapper p {
    color: var(--text)
}
.btn.btn-solid:hover, .btn.btn-solid:hover span:before {
    color: #fff !important
}
.fw-bg.card-wrapper .btn.btn-solid:hover {
    background: var(--blue) !important;
    color:#fff !important

}


.prefooter .card-wrapper .btn {
    margin-top: 20px
}
.newBadge {
    position: absolute;
    z-index: 2;
    padding: 5px 10px;
    background: #F89C1B;
    right: 10px;
    top: 10px;
    border-radius: 4px;
}

.orangeBadge {
    z-index: 2;
    padding: 5px 10px;
    background: #F89C1B;
    right: 10px;
    top: 10px;
    border-radius: 4px;
}

.contact-info {
    background: #f3f3f3;
    padding: 10px;
}

    .contact-info span {
        min-width: 15px;82

        margin-right: 5px
    }

@media (min-width:992px) {
    .b-radius-banner {
        width: 50vw
    }
}

.printBTN, .copyBTN {
    border: 1px solid var(--gray-bg);
    padding: 5px 10px 5px;
    display: inline-block;
    border-radius: 4px;
    cursor: pointer
}

    .printBTN:hover {
        background: var(--gray-bg)
    }

.print-btn {
    border: 0;
    background: none
}




.inline-car-lightblue-bg {
    padding: 0;
    border-radius: 0
}

    .inline-car-lightblue-bg .cardWrapper {
        aspect-ratio: unset !important;
        background-image: unset
    }

.inPage .overline.mb-5 {
    margin-bottom: 30px !important;
    margin-top: 60px !important;
}

.inPage .full-width-module:before {
    width: 100%;
    left: 0;
    margin-left: 0;
    margin-right: 0
}

.inPage div[data-zonename="Top Section"] .container {
    padding-left: 80px !important;
    padding-right: 80px !important
}

@media (min-width: 992px) {
    .sticky-sidebar {
        position: sticky;
        top: 120px;
        z-index: 1
    }

    .row.col-12.mx-auto.con-bm > div {
        padding: 0 0 0 80px
    }

    .doc-panel-sidebar {
        position: relative;
        border-right:1px solid #ddd
    }

        .doc-panel-sidebar:after {
            content: "";
            position: sticky;
            display: block;
            top: calc(100vh - 20%);
            width: calc(50vw + 100%);
            height: 20%;
            background-image: url(/Assets/CanadianBankersAssociation/Images/banner/sidebar-bg-sm.jpg);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: bottom;
            z-index: 0;
            margin-left: -50vw;
        }

    .quickLinks {
        padding-left: 15px;
        margin-bottom: 20px;
    }
}

@media (max-width: 991px) {
    .doc-panel-sidebar {
        margin-top: 50px
    }
    body.menu-active {overflow:hidden; height:100vh}
    body.menu-active main {opacity:0.2}
}




.inPage .cardWrapper.card.content-card {
    background-image: url(/Assets/CanadianBankersAssociation/Images/banner/card-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 1 / 1;
    color: #fff;
    padding-top: 15px !important;
    padding-bottom: 0;
    filter: brightness(0.9);
    transition:all 0.2s
}
    .inPage .cardWrapper.card.content-card:hover {
        filter: brightness(1);
    }

    .inPage .row.col-12.mx-auto.con-bm > div {
        padding-left: 15px;
        position: relative
    }

@media (max-width: 1399px) and (min-width:992px) {
    .inPage .cardWrapper.card.content-card {
        aspect-ratio: unset
    }

    .inPage h5.trimChars {
        line-height: normal;
        padding-bottom: 50px
    }

    .row.col-12.mx-auto.con-bm > div {
        padding-left: 15px;
    }
}


.readAllText:hover, .readAllText:hover:before, .readAllText:hover *:before, .link-arrow:hover, .link-arrow:hover *:after, .link-arrow:hover:after {
    color: var(--blue) !important
}


.inPage .cardWrapper.card.content-card .card-body {
    color: #fff
}

.inPage .cardWrapper.card.content-card a.overline {
    color: #fff
}

.inPage .cardWrapper.card.content-card {
}

.inPage .sidebar-panel ul {
    list-style: none;
    padding-left: 15px
}

    .inPage .sidebar-panel ul li a {
        width: 100%;
        border-radius: 4px;
        margin-bottom: 10px;
        text-align: left;
        background: transparent !important;
        color: var(--dark-blue) !important;
        font-size: 14px
    }

        .inPage .sidebar-panel ul li a:hover, .inPage .sidebar-panel ul li a.selected {
            background: var(--blue) !important;
            color: #fff !important
        }
/*QUIZ*/
/*--green: #009A4E;
--lt-green: #E9F7EC;
--icon-green: #BEE7C7;
--red: #C9242B;
--lt-red: #FFEEEA;*/
.answer.correct {
    background: var(--lt-green)
}

    .answer.correct .box-icon {
        background: #BEE7C7; /*var(--green);*/
        opacity: 0.5
    }

.answer.incorrect {
    background: var(--lt-red)
}

    .answer.incorrect .box-icon {
        background: #ffccc3; /* var(--red);*/
        opacity: 0.5
    }

.accordion-button {
    font-size: 20px;
    color:var(--text)
}

.accordion-item {
    margin-bottom: 26px
}

.accordion-body {
    font-size: 16px;
    line-height: 24px;
    color: #4b4b4b
}
.accordion-button:not(.collapsed) {
    color:var(--text);
    box-shadow:none
}

.inPage .dk-blue .full-width-module:before {
    background-image: url(/Assets/CanadianBankersAssociation/Images/Banner/inPage-bg.png) !important;
    background-size: cover;
    padding: 80px 0 0 0 !important;
    color: #fff;
}

.inPage .dk-blue .full-width-module * {
    color: #fff !important
}

.inPage .dk-blue .full-width-module .overline:before {
    display: none
}

div [data-zonename='Top Area'] .carousel.slide.mx-auto {
    background-image: url(/Assets/CanadianBankersAssociation/Images/Banner/main-banner-bg.jpg);
    background-size: cover;
    padding: 80px 0 0 0 !important;
    color: #fff;
}

.scrolling-active header .header.p-2.py-3, .menu-active header .header.p-2.py-3 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
}
.scrolling-active header, header .dropdown-menu {
    background-color: #fafafa
}

.nav-link {
    padding: 4px 8px !important
}
.scrolling-active .nav-link, .menu-active .nav-link {
    color: #1a1a1a
}
.menu-active .navbar svg {
    fill: #292929;
}
.menu-active .header.dark {
    background-image: none
}


.main_menu .menu-active .navbar .navbar-toggler {
    border: 1px solid #DDDDDD;
}

.search-field input {
    background-color: #f3f3f3 !important
}
div:not(header) .search-field input:focus {
    background-color: #CDDDFD !important
}

.text-white {
    color:#f1f1f1 !important
}
.langbtn a span {white-space:nowrap}


.inline-sticky {
    position: sticky;
    top: 51px;
    z-index: 3;
    background: #fafafa;
}

.hover-blue:hover {
    background: var(--lt-blue)
}
.article-wrapper.feature.listing > div:hover, .article-wrapper.feature.listing:hover > div, .horizontal:hover > div {
    background: var(--lt-blue)
}

    .article-wrapper.feature.listing:hover a.link-arrow:after {
        right: -10px;
    }
.horizontal:hover > div a span {
    margin-left: 15px
}

.horizontal:hover > div .hoverEffect img {
    transform: scale(1.2);
}
.card-overline.f-blk {
    color:var(--text)
}
.blue-date {
    font-size: 14px;
    margin-bottom: 5px;
    display: block
}
.article-wrapper.feature.listing a {
    margin-bottom: 0 !important
}
.fa-special-arrow:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M3.53125 2.875L17.3438 8.875C18.3438 9.3125 18.3438 10.7188 17.3438 11.1562L3.53125 17.1562C2.46875 17.625 1.375 16.4375 1.9375 15.4062L4.125 11.375C4.25 11.125 4.5 10.9375 4.8125 10.9062L10.3125 10.2188C10.4062 10.2188 10.5 10.125 10.5 10C10.5 9.90625 10.4062 9.8125 10.3125 9.8125L4.8125 9.125C4.5 9.0625 4.25 8.90625 4.125 8.65625L1.9375 4.625C1.375 3.59375 2.46875 2.40625 3.53125 2.875Z" fill="%23EFF4FF"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px; /* Adjust spacing as needed */
    vertical-align: middle; /* Align with text */
}
@media (min-width: 992px) {
    .text-white.bannerContent {
        line-height:32px
    }
    .sub-nav-list .navIcon {
        max-height: 56px
    }
    .www {
        width: calc(50vw + 100%);
        background: #fafafa;
        margin-left: -25vw;
        padding-top: 15px
    }
 
    .dropdown-menu.show {
        margin-top: -1px
    }
    .langbtn {
        margin-top: -1px;
        border-radius: 4px;
        transition: all 0.2s;
    }

    .inPage div[data-zonename='Contained full 1'] .col-12.bg-light-blue:before {
        content: "";
        height: 100%;
        width: 100%;
        background: var(--lt-blue);
        display: block;
        /* margin-left: -50px; */
        left: -50px;
        position: absolute;
        z-index: -1
    }

    .langbtn {
        padding-left: 8px;
        padding-right: 8px;
        align-content: center
    }

    .nav-item.langbtn:hover {
        background: var(--blue);
        color: #fff;
    }

        .nav-item.langbtn:hover a {
            color: #fff;
        }

    .nav-item.langbtn a:before {
        content: ''
    }

    .nav-item.langbtn:hover a:before {
        content: ""
    }

    .sew_ac_results {
        border-radius: 4px;
        overflow: hidden;
        border-color: #ccc;
    }

        .sew_ac_results ul {
            padding: 8px
        }

    .container-md.mx-auto.carousel-caption-text {
        max-width: 550px;
        margin-left: 0 !important;
    }
    .jotForm iframe {
        width: 100% !important;
        /* min-width: 100%; */
        display: block;
        overflow: hidden;
        border: none;
        max-width: 550px !important;
        min-width: unset !important;
    }
}

@media (max-width: 991px) {
    


    body {
        overflow-x: hidden
    }

    .inPage div[data-zonename="Top Section"] .container {
        padding-left: 14px;
        padding-right: 15px !important;
    }

    .container.inPage {
        padding-left: 0;
        padding-right: 0
    }

    .left-sided, .right-sided {
        margin-bottom: 25px
    }
}
.article-wrapper {position:relative; display:block}
    .article-wrapper .link-arrow {
        z-index: 5
    }
    a.unit-link {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 4;
    }
.card-wrapper {
    padding: 52px
}

.mobile-adjustment {line-height:22px}
.mobile-adjustment a {
    white-space: nowrap
}




.navbar-toggler, .navbar-toggler:focus {
    border: 0 !important;
    outline:0 !important
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25 4.25C1.25 3.58594 1.79688 3 2.5 3H17.5C18.1641 3 18.75 3.58594 18.75 4.25C18.75 4.95312 18.1641 5.5 17.5 5.5H2.5C1.79688 5.5 1.25 4.95312 1.25 4.25ZM1.25 10.5C1.25 9.83594 1.79688 9.25 2.5 9.25H17.5C18.1641 9.25 18.75 9.83594 18.75 10.5C18.75 11.2031 18.1641 11.75 17.5 11.75H2.5C1.79688 11.75 1.25 11.2031 1.25 10.5ZM18.75 16.75C18.75 17.4531 18.1641 18 17.5 18H2.5C1.79688 18 1.25 17.4531 1.25 16.75C1.25 16.0859 1.79688 15.5 2.5 15.5H17.5C18.1641 15.5 18.75 16.0859 18.75 16.75Z' fill='%23EFF4FF'/%3E%3C/svg%3E%0A") !important;
}

.scrolling-active .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25 4.25C1.25 3.58594 1.79688 3 2.5 3H17.5C18.1641 3 18.75 3.58594 18.75 4.25C18.75 4.95312 18.1641 5.5 17.5 5.5H2.5C1.79688 5.5 1.25 4.95312 1.25 4.25ZM1.25 10.5C1.25 9.83594 1.79688 9.25 2.5 9.25H17.5C18.1641 9.25 18.75 9.83594 18.75 10.5C18.75 11.2031 18.1641 11.75 17.5 11.75H2.5C1.79688 11.75 1.25 11.2031 1.25 10.5ZM18.75 16.75C18.75 17.4531 18.1641 18 17.5 18H2.5C1.79688 18 1.25 17.4531 1.25 16.75C1.25 16.0859 1.79688 15.5 2.5 15.5H17.5C18.1641 15.5 18.75 16.0859 18.75 16.75Z' fill='%23006CB7'/%3E%3C/svg%3E%0A") !important;
}
.horizontal img {
    aspect-ratio: 4/3;
    object-fit: cover
}


.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    background-color: var(--bluebase)
}


.dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: var(--bluebase) !important;
}

* {
    font-synthesis: none !important;
}

b, strong {
    font-family: 'Source Sans 3 Bold', Arial, sans-serif;
}